.site{background:var(--color-surface);min-height:100vh}.site-inner{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:0 24px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.site-header .site-inner{align-items:center;gap:16px;height:64px;display:flex}.site .logo{min-height:44px;color:var(--color-text);align-items:center;gap:8px;margin-right:auto;font-family:Jua,sans-serif;font-size:23px;text-decoration:none;display:flex}.logo-pen{fill:var(--color-logo-pen)}.logo-ink{fill:var(--color-logo-ink)}.logo-cursor{stroke:var(--color-logo-outline)}.site .header-link{min-height:44px;color:var(--color-text);align-items:center;font-size:14px;display:inline-flex}.site a{color:var(--color-brand)}.theme-button{width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.theme-button:hover{color:var(--color-text)}.site-header nav{display:flex}.account-menu{position:relative}.account-menu summary{background:var(--color-border-subtle);width:44px;height:44px;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;font-weight:600;list-style:none;display:grid}.account-menu summary::-webkit-details-marker{display:none}.account-panel{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:12px;width:max-content;max-width:min(280px,100vw - 32px);padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-panel p{margin:0}.account-email{overflow-wrap:anywhere;font-size:14px}.account-panel .danger{color:var(--color-danger-text);font-size:13px}.account-panel .secondary-button{font:inherit;cursor:pointer;justify-content:center;font-weight:600}.account-panel .narrow-only{display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site .connect{min-height:auto;padding:32px 16px 56px}.site .secondary{color:var(--color-text-secondary)}.site .muted{color:var(--color-text-muted);font-size:13px}.site .card{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:20px;padding:20px}.site .primary-button,.site .secondary-button{box-sizing:border-box;border-radius:999px;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.site .primary-button{background:var(--color-brand);color:var(--color-on-brand)}.site .primary-button:hover{background:var(--color-brand-strong)}.site .secondary-button{border:1px solid var(--color-border-control);background:var(--color-surface);color:var(--color-text)}.hero{flex-wrap:wrap;align-items:center;gap:48px;padding-top:72px;padding-bottom:56px;display:flex}.hero-text{flex:420px;gap:20px;min-width:0;display:grid}.hero h1{text-wrap:balance;word-break:keep-all;margin:0;font-family:Jua,sans-serif;font-size:44px;font-weight:400;line-height:1.3}.hero-text>p{margin:0;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.preview{flex:400px;gap:8px;min-width:0;max-width:440px;margin:0 auto;display:grid}.preview-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:24px;gap:14px;padding:16px;display:grid}.preview-panel p{margin:0}.preview-sentence{gap:12px;display:grid}.preview-sentence hr{border:0;border-top:1px solid var(--color-border);width:100%;margin:0}.preview-sentence .secondary{font-size:14px;line-height:1.75}.preview-ja{font-size:18px;font-weight:500;line-height:2.1}.preview .hl{color:inherit;border-radius:3px 3px 7px 7px;padding:0 2px}.preview .hl-lime{background:linear-gradient(transparent var(--mark-cut), var(--color-highlight-0-mark) var(--mark-cut))}.preview .hl-sky{background:linear-gradient(transparent var(--mark-cut), var(--color-highlight-1-mark) var(--mark-cut))}.preview .handle{vertical-align:-.25em;background:var(--color-handle);border-radius:1px;width:2px;height:1.2em;margin:0 3px;display:inline-block;position:relative}.preview .handle:before{content:"";background:inherit;border-radius:50%;width:8px;height:8px;position:absolute;top:-6px;left:-3px}.preview .handle-end:before{top:auto;bottom:-6px}.preview-tabs{background:var(--color-track);border-radius:999px;justify-self:start;gap:4px;padding:4px;font-size:14px;display:flex}.preview-tabs span{color:var(--color-text-muted);border-radius:999px;padding:6px 16px}.preview-tabs .active{background:var(--color-brand);color:var(--color-on-brand);font-weight:600}.preview .grammar-card{gap:6px;padding:14px 16px;display:grid}.preview .grammar-card.selected{box-shadow:0 0 0 2px var(--color-ring)}.preview .badge-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview .badge-warn{background:var(--color-warn-bg);color:var(--color-warn-text);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.preview .grammar-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview .grammar-title strong{flex-grow:1;font-size:15px;font-weight:600}.preview .grammar-card .muted{font-size:12px}.preview .grammar-card .secondary{font-size:13px;line-height:1.7}.preview .chip{border-radius:999px;padding:3px 12px;font-size:15px;font-weight:700}.preview .chip-lime{background:var(--color-highlight-0);color:var(--color-highlight-0-text)}.preview .chip-sky{background:var(--color-highlight-1);color:var(--color-highlight-1-text)}.band{background:var(--color-bg)}.band .site-inner{gap:28px;padding-top:56px;padding-bottom:56px;display:grid}.band h2,.faq h2{margin:0;font-size:26px;font-weight:600}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps h3{margin:8px 0 6px;font-size:17px;font-weight:600}.steps p{margin:0;font-size:14px;line-height:1.7}.step-number{color:var(--color-brand);font-size:13px;font-weight:600}.faq{padding-top:56px;padding-bottom:56px}.faq h2{margin-bottom:20px}.faq details{border-bottom:1px solid var(--color-border-subtle)}.faq details:first-of-type{border-top:1px solid var(--color-border-subtle)}.faq summary{cursor:pointer;padding:18px 0;font-size:16px;font-weight:600}.faq details p{margin:0 0 18px;font-size:14px;line-height:1.7}@media (width<=480px){.site-header nav{display:none}.account-panel .narrow-only{align-items:center;min-height:44px;display:inline-flex}.site-inner{padding:0 16px}.hero{gap:32px;padding-top:40px}.hero h1{font-size:32px}.document{padding:16px 16px 32px}}.document{box-sizing:border-box;max-width:880px;margin:0 auto;padding:16px 24px 32px;line-height:1.7}.document h1{margin:0 0 4px}.document h2{margin:28px 0 8px;font-size:18px}.document table{border-collapse:collapse}.document .table-scroll{overflow-x:auto}.document th,.document td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:6px 12px 6px 0}.document thead th{white-space:nowrap}.document tbody th{min-width:8em;font-weight:600}.unconfirmed{background:var(--color-warn-bg);color:var(--color-warn-text);border-radius:4px;padding:0 4px}.site footer{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);text-align:center;padding:24px 0 40px;font-size:13px}.site footer .footer-row{flex-wrap:wrap;justify-content:center;row-gap:4px;margin:0;padding:0;list-style:none;display:flex}.site footer .footer-row li+li:before{content:"|";color:var(--color-border);margin:0 12px}.site footer .footer-credits{margin-top:10px;font-size:12px}.connect{box-sizing:border-box;place-items:center;min-height:100vh;padding:16px;display:grid}.connect .card{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;gap:14px;width:min(100%,420px);padding:28px;display:grid}.connect h1{margin:0;font-size:22px}.connect p{margin:0}.connect .secondary{color:var(--color-text-secondary)}.connect .muted{color:var(--color-text-muted);font-size:12px}.connect .danger{color:var(--color-danger-text)}.connect .secondary-button{border:1px solid var(--color-border-control);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;justify-self:start;padding:0 18px}.connect a.secondary-button{box-sizing:border-box;align-items:center;text-decoration:none;display:inline-flex}.connect .primary-button{background:var(--color-brand);min-height:48px;color:var(--color-on-brand);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-weight:600}.connect .danger-button{min-height:44px;box-shadow:inset 0 0 0 1.5px var(--color-danger-text);background:var(--color-surface);color:var(--color-danger-text);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-weight:600}.connect .primary-button:disabled,.connect .secondary-button:disabled,.connect .danger-button:disabled{opacity:.6;cursor:default}.connect .brand{color:var(--color-brand);font-weight:700}.connect .title{gap:6px;display:grid}.connect .title h1{font-size:24px}.connect a{color:var(--color-brand);text-underline-offset:3px}.connect .account{background:var(--color-surface-inset);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.connect .avatar{background:var(--color-brand);width:32px;height:32px;color:var(--color-on-brand);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.connect .account-text{overflow-wrap:anywhere;min-width:0;display:grid}.connect .account .label{color:var(--color-text-muted);font-size:11px}.connect .terms-box{border:1.5px solid var(--color-border-control);border-radius:14px;gap:4px;padding:14px;display:grid}.connect .terms-box:has(input:checked){border-color:var(--color-brand);background:var(--color-row-selected)}.connect .terms-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.connect .terms-check input{width:22px;height:22px;accent-color:var(--color-brand);cursor:pointer;flex:none;margin:0}.connect .terms-box .hint{color:var(--color-text-muted);padding-left:32px;font-size:13px}.connect .primary-button:disabled{background:var(--color-border);color:var(--color-text-muted);opacity:1}.connect .text-button{min-height:44px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 18px}.connect .card.wide{width:min(100%,680px)}.connect .doc-box{gap:6px;display:grid}.connect .doc-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.connect .doc-head h2{margin:0;font-size:16px}.connect .doc-scroll{border:1px solid var(--color-border);background:var(--color-bg);border-radius:14px;max-height:220px;padding:4px 16px 12px;font-size:14px;overflow-y:auto}.connect .doc-scroll h2{margin:20px 0 6px;font-size:15px}.connect .doc-scroll p{margin:8px 0}.connect .history{width:min(100%,640px)}.history ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history li{border:1px solid var(--color-border);border-radius:14px;gap:8px;padding:16px;display:grid}.history .actions{flex-wrap:wrap;gap:8px;display:flex}.history h2{margin:8px 0 0;font-size:16px}.history h3,.history h4{margin:0;font-size:16px}.history .item-card{background:var(--color-surface);border-radius:20px}.history .grammar-card-head,.history .word-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history .grammar-chip{background:var(--highlight);color:var(--highlight-text);border-radius:999px;padding:3px 12px}.highlight-0{--highlight:var(--color-highlight-0);--highlight-text:var(--color-highlight-0-text)}.highlight-1{--highlight:var(--color-highlight-1);--highlight-text:var(--color-highlight-1-text)}.highlight-2{--highlight:var(--color-highlight-2);--highlight-text:var(--color-highlight-2-text)}.highlight-3{--highlight:var(--color-highlight-3);--highlight-text:var(--color-highlight-3-text)}.history .card-badges{gap:6px;display:flex}.history .badge-warn,.history .badge-neutral{border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;display:inline-block}.history .card-badges .badge-warn,.history .card-badges .badge-neutral{margin-left:0}.history .badge-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.history .badge-neutral{background:var(--color-surface-inset);color:var(--color-text-secondary)}.history ul.tags{flex-wrap:wrap;gap:6px;display:flex}.history ul.tags li{border:1px solid var(--color-border-control);color:var(--color-text-secondary);border-radius:999px;padding:2px 10px;font-size:12px}.history .tabs{background:var(--color-track);border-radius:999px;gap:4px;padding:3px;display:flex}.history .tabs button{height:34px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-size:14px;font-weight:500}.history .tabs button[aria-selected=true]{background:var(--color-brand);color:var(--color-on-brand);font-weight:600}.history .item-card h2{margin:0}.history .filters{flex-wrap:wrap;gap:8px;display:flex}.history .filters button{border:1px solid var(--color-border-control);background:var(--color-surface);min-height:44px;color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px}.history .filters button[aria-pressed=true]{border-color:var(--color-brand);color:var(--color-text);font-weight:600}.history .examples{gap:4px}.history .examples li{background:var(--color-surface-inset);border:0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.history .examples li span{overflow-wrap:anywhere;flex:auto}.history .examples mark{background:linear-gradient(transparent var(--mark-cut), var(--color-highlight-0-mark) var(--mark-cut));color:inherit;border-radius:3px 3px 7px 7px;padding:0 2px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:var(--lightningcss-light,#f2f7f3)var(--lightningcss-dark,#111a26);--color-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1b283a);--color-surface-inset:var(--lightningcss-light,#e6f0e9)var(--lightningcss-dark,#23344b);--color-row-selected:var(--lightningcss-light,#eef7f1)var(--lightningcss-dark,#22324a);--color-text:var(--lightningcss-light,#17302a)var(--lightningcss-dark,#eef2f7);--color-text-secondary:var(--lightningcss-light,#33473f)var(--lightningcss-dark,#c9d3e0);--color-text-muted:var(--lightningcss-light,#5a6b63)var(--lightningcss-dark,#93a3b8);--color-border:var(--lightningcss-light,#dce7e0)var(--lightningcss-dark,#2c3d55);--color-border-control:var(--lightningcss-light,#cfddd4)var(--lightningcss-dark,#3a4d68);--color-border-subtle:var(--lightningcss-light,#e1ece5)var(--lightningcss-dark,#23344b);--color-track:var(--lightningcss-light,#e1ece5)var(--lightningcss-dark,#1b283a);--color-danger-text:var(--lightningcss-light,#9f1d1d)var(--lightningcss-dark,#ffb4b4);--color-warn-bg:var(--lightningcss-light,#fff1d0)var(--lightningcss-dark,#ffc45029);--color-warn-text:var(--lightningcss-light,#6b4100)var(--lightningcss-dark,#ffd27a);--color-warn-border:var(--lightningcss-light,#b26a00)var(--lightningcss-dark,#e0a840);--color-highlight-0:var(--lightningcss-light,#ddf27a)var(--lightningcss-dark,#a2bc4e33);--color-highlight-0-text:var(--lightningcss-light,#3d4a00)var(--lightningcss-dark,#c8da8e);--color-highlight-0-mark:var(--lightningcss-light,#ddf27a)var(--lightningcss-dark,#a2bc4e6b);--color-highlight-1:var(--lightningcss-light,#bde3ff)var(--lightningcss-dark,#6eb4ff2e);--color-highlight-1-text:var(--lightningcss-light,#0f4a78)var(--lightningcss-dark,#a9d3ff);--color-highlight-1-mark:var(--lightningcss-light,#bde3ff)var(--lightningcss-dark,#6eb4ff61);--color-highlight-2:var(--lightningcss-light,#ffd6a8)var(--lightningcss-dark,#ffa05a2e);--color-highlight-2-text:var(--lightningcss-light,#7a3e00)var(--lightningcss-dark,#ffc598);--color-highlight-2-mark:var(--lightningcss-light,#ffd6a8)var(--lightningcss-dark,#ffa05a61);--color-highlight-3:var(--lightningcss-light,#f7c8e0)var(--lightningcss-dark,#f078b42e);--color-highlight-3-text:var(--lightningcss-light,#7a1f4f)var(--lightningcss-dark,#f6b3d3);--color-highlight-3-mark:var(--lightningcss-light,#f7c8e0)var(--lightningcss-dark,#f078b461);--color-brand:var(--lightningcss-light,#157a57)var(--lightningcss-dark,#a2bc4e);--color-brand-strong:var(--lightningcss-light,#0f5e44)var(--lightningcss-dark,#c8da8e);--color-brand-soft:var(--lightningcss-light,#d7efe3)var(--lightningcss-dark,#273424);--color-on-brand:var(--lightningcss-light,#fff)var(--lightningcss-dark,#16210a);--color-ring:var(--lightningcss-light,#17302a)var(--lightningcss-dark,#a2bc4e);--color-handle:var(--lightningcss-light,#0f5e44)var(--lightningcss-dark,#eef2f7);--mark-cut:46%;--color-logo-pen:var(--lightningcss-light,#7ccba7)var(--lightningcss-dark,#a2bc4e);--color-logo-ink:var(--lightningcss-light,#0f5e44)var(--lightningcss-dark,#fff);--color-logo-outline:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d2b3f)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mark-cut:40%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mark-cut:40%}}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:IBM Plex Sans KR,system-ui,sans-serif}:lang(ja){font-family:Zen Maru Gothic,IBM Plex Sans KR,sans-serif}