.login{flex-direction:column;gap:14px;max-width:380px;margin:0 auto;padding:18vh 16px 32px;display:flex}.login .brand-title{font-size:30px}.login-lead{color:var(--muted);margin:0}.login-form{flex-direction:column;gap:8px;display:flex}.login-form label{color:var(--muted);font-size:12px}.login-form input{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px}.login-sent{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:12px 14px}.qrow{align-items:flex-end;gap:6px;display:flex}.qrow textarea{resize:none;min-width:0;font:inherit;font-size:max(16px, calc(14px * var(--fs)));border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;flex:1;max-height:120px;padding:8px 10px}.qrow button{background:var(--accent);color:var(--surface);white-space:nowrap;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.qrow button.stop{background:var(--pen)}.qrow button:disabled{opacity:.5}.login-foot{margin:16px 0 0;font-size:12px}.login-foot a{color:var(--muted)}.login.wide{max-width:460px;padding-top:10vh}.login-links{justify-content:space-between;gap:12px;margin:4px 0 0;font-size:13px;display:flex}.login-links a{color:var(--muted)}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.login-card h2{margin:0;font-size:15px}.mfa-status{margin:0;font-weight:600}.mfa-status.on{color:var(--ins)}.qr{background:#fff;border-radius:8px;align-self:flex-start;padding:8px}.captcha{min-height:78px}.google-btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.google-btn:hover{border-color:var(--accent)}.google-btn:disabled{opacity:.6;cursor:default}.or{color:var(--muted);align-items:center;gap:10px;margin:4px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.auth-tabs{background:var(--side);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-tabs button{height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:15px}.auth-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 2px #0000001f}.auth-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.label-row{justify-content:space-between;align-items:baseline;display:flex}.label-row a{color:var(--muted);font-size:12px}.pw-checks{color:var(--muted);gap:14px;margin:-2px 0 2px;padding:0;font-size:12px;list-style:none;display:flex}.pw-checks li:before{content:"・"}.pw-checks li.ok{color:var(--ins)}.pw-checks li.ok:before{content:"✓ "}.consent{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.7}.consent a{color:var(--muted)}.login-links-row{flex-wrap:wrap;gap:6px 14px;display:flex}.contact-form select,.contact-form textarea{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px}.contact-form textarea{resize:vertical;line-height:1.7}.danger-btn{font:inherit;border:1px solid var(--pen);color:var(--pen);cursor:pointer;background:0 0;border-radius:10px;padding:10px 12px;font-weight:600}.danger-btn:disabled{opacity:.5;cursor:default}.delete-list{margin:0;padding-left:1.2em;font-size:14px;line-height:1.7}
:root{--bg:#eef1f4;--surface:#fff;--you:#e3ebf4;--ink:#1c2631;--muted:#5b6876;--line:#d6dde5;--accent:#2c5a86;--pen:#cf3b25;--ins:#1d7449;--marker:#ffe36e;--gloss:#2c5a86;--tip-bg:#1c2631;--tip-fg:#f2f5f8;--side:#e5e9ee;--fs:1;--f-en:var(--font-literata), Georgia, "Times New Roman", serif;--f-ui:var(--font-zen), "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--f-ipa:"Noto Sans", "Segoe UI", "Lucida Sans Unicode", "Arial Unicode MS", "Helvetica Neue", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11161c;--surface:#19212a;--you:#1d2a38;--ink:#e3e8ee;--muted:#93a0ae;--line:#2b3540;--accent:#86afd9;--pen:#ff7c64;--ins:#5fcf95;--marker:#ffd6504d;--gloss:#9cc0e6;--tip-bg:#e3e8ee;--tip-fg:#11161c;--side:#0c1015;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11161c;--surface:#19212a;--you:#1d2a38;--ink:#e3e8ee;--muted:#93a0ae;--line:#2b3540;--accent:#86afd9;--pen:#ff7c64;--ins:#5fcf95;--marker:#ffd6504d;--gloss:#9cc0e6;--tip-bg:#e3e8ee;--tip-fg:#11161c;--side:#0c1015;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}html:has(.app){overscroll-behavior:none;overflow:hidden}html:has(.app) body{overscroll-behavior:none;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:14px;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:var(--surface);border:none;border-radius:10px;padding:10px 16px;font-weight:700}.primary:disabled{opacity:.5}.form-error{color:var(--pen);margin:0;font-size:13px}.brand-title{font-family:var(--f-en);letter-spacing:.01em;margin:0;font-size:20px;font-style:italic;font-weight:600}.brand-title span{color:var(--pen)}.app{--left-col:260px;--right-col:var(--right-w,340px);grid-template-columns:var(--left-col) minmax(0, 1fr) var(--right-col);grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;position:relative}.app>.side{grid-area:1/1}.app>.center{grid-area:1/2}.app>.notebook{grid-area:1/3}html[data-left=closed] .app{--left-col:0px}html[data-right=closed] .app{--right-col:0px}html[data-left=closed] .side,html[data-right=closed] .notebook,html[data-right=closed] .resize-right,html:not([data-left=closed]) .open-left,html:not([data-right=closed]) .open-right{display:none}.resize-right{top:0;bottom:0;right:calc(var(--right-col) - 4px);z-index:5;cursor:col-resize;touch-action:none;width:8px;position:absolute}.resize-right:after{content:"";background:0 0;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:3px}.resize-right:hover:after,.resize-right:focus-visible:after,.app.resizing .resize-right:after{background:var(--accent)}.resize-right:focus-visible{outline:none}.app.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.app.resizing iframe,.app.resizing .chat{pointer-events:none}.colbtn{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:16px;line-height:1}.colbtn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.hbtn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12px}.hbtn:hover{border-color:var(--accent)}.side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.side-top{flex-direction:column;gap:12px;padding:14px 12px 6px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand .brand-title{flex:1}.newtalk{border:1px solid var(--line);background:var(--surface);text-align:left;color:inherit;border-radius:10px;padding:8px 12px;font-weight:700;text-decoration:none;display:block}.newtalk:hover{border-color:var(--accent)}.search{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:13px}.side-list{flex:1;min-height:0;padding:0 8px 12px;overflow-y:auto}.agroup{color:var(--muted);letter-spacing:.06em;padding:14px 8px 4px;font-size:11px}.side-empty{padding:12px 8px}.arow-wrap{border-radius:8px;align-items:center;display:flex;position:relative}.arow-wrap:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.arow-wrap.current{background:color-mix(in srgb, var(--accent) 14%, transparent)}.arow{min-width:0;font-size:calc(13px * var(--fs));white-space:nowrap;text-overflow:ellipsis;color:inherit;border-radius:8px;flex:1;padding:7px 8px;text-decoration:none;display:block;overflow:hidden}.arow-wrap.current .arow{font-weight:700}.amenu-btn{color:var(--muted);opacity:0;background:0 0;border:none;border-radius:6px;padding:4px 8px}.arow-wrap:hover .amenu-btn,.arow-wrap.current .amenu-btn,.amenu-btn:focus-visible,.amenu-btn[aria-expanded=true]{opacity:1}@media (hover:none){.amenu-btn{opacity:.7}}.amenu{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:170px;padding:4px;display:flex;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 10px 32px #0003}.amenu>button{text-align:left;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px}.amenu>button:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}.amenu .danger{color:var(--pen)}.confirm-inline{border-color:var(--pen);width:240px;padding:10px 12px;font-size:13px}.confirm-inline p{margin:0 0 8px}.cacts{justify-content:flex-end;gap:8px;display:flex}.cacts button{border:1px solid var(--line);background:0 0;border-radius:8px;padding:4px 12px;font-size:13px}.cacts .danger-fill{background:var(--pen);border-color:var(--pen);color:var(--surface);font-weight:700}.arow-edit{padding:2px 0}.arow-edit input,.title-edit{width:100%;font:inherit;border:1px solid var(--accent);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 8px;font-size:13px}.title-btn{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:4px 6px;font-weight:700;overflow:hidden}.title-btn:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 7%, transparent)}.title-btn:disabled{cursor:default}.toast{z-index:47;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--tip-bg);max-width:calc(100vw - 32px);color:var(--tip-fg);border-radius:10px;align-items:center;gap:14px;padding:10px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast button{color:inherit;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.account{border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));align-items:center;gap:10px;display:flex}.avatar{background:var(--accent);width:32px;height:32px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.acct-text{flex:1;min-width:0;line-height:1.35;display:grid}.acct-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.acct-sub{color:var(--muted);font-size:11px}.linkbtn{color:var(--muted);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.center{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{min-height:52px;padding:8px max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.talk-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.chat{min-height:0;padding:20px max(16px, env(safe-area-inset-right,0px)) 28px max(16px, env(safe-area-inset-left,0px));flex-direction:column;flex:1;gap:22px;min-width:0;display:flex;overflow:hidden auto}.banner{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;padding:10px 14px;font-size:13px}.banner b{color:var(--ink)}.banner.error{border-color:var(--pen);color:var(--pen)}.topics{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:3px 12px;font-size:12px}.chip:hover:not(:disabled){border-color:var(--accent)}.turn{flex-direction:column;gap:6px;min-width:0;max-width:680px;display:flex}.turn.user{align-self:flex-end;align-items:flex-end}.turn.ai{align-self:flex-start}.who{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.bubble{font-family:var(--f-en);font-size:calc(17px * var(--fs));overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px;padding:12px 16px;line-height:1.75}.user .bubble{background:var(--you);border-bottom-right-radius:4px}.ai .bubble{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}.fix{cursor:help;border-radius:3px;position:relative}.fix del{color:var(--pen);opacity:.85;text-decoration:line-through;text-decoration-thickness:2px}.fix ins{color:var(--ins);border-bottom:2px solid var(--ins);font-weight:600;text-decoration:none}.fix:hover,.fix:focus-visible{background:color-mix(in srgb, var(--pen) 12%, transparent)}.status{font-family:var(--f-ui);color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status.error{color:var(--pen)}.dot{background:var(--pen);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){.dot{animation:none}}.tip{z-index:50;background:var(--tip-bg);width:max-content;max-width:min(320px,80vw);color:var(--tip-fg);font-family:var(--f-ui);font-size:calc(13px * var(--fs));pointer-events:none;white-space:normal;border-radius:8px;padding:8px 12px;font-weight:400;line-height:1.55;display:none;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 6px 24px #0000002e}.user .tip{left:auto;right:0}.tip .t{font-family:var(--f-en);font-weight:600;font-size:calc(14px * var(--fs));display:block}.fix:hover .tip,.fix:focus .tip,.g:hover .tip,.g:focus .tip{display:block}.notes{width:100%;max-width:680px;font-size:calc(13px * var(--fs));border:1px solid var(--line);background:var(--surface);border-radius:10px}.notes summary{cursor:pointer;color:var(--muted);flex-wrap:wrap;gap:10px;padding:8px 14px;list-style:none;display:flex}.notes summary::-webkit-details-marker{display:none}.notes summary .n{color:var(--pen);font-weight:700}.notes summary .ok{color:var(--ins);font-weight:700}.notes .body{gap:10px;padding:4px 14px 12px;display:grid}.notes .row{gap:2px;display:grid}.notes .lab{letter-spacing:.08em;color:var(--muted);font-size:11px}.notes .en{font-family:var(--f-en);font-size:calc(15px * var(--fs))}.notes ul{margin:0;padding-left:18px}.good{color:var(--ins)}.g{-webkit-text-decoration:underline dotted var(--gloss);text-decoration:underline dotted var(--gloss);text-underline-offset:4px;cursor:help;text-decoration-thickness:1.5px;position:relative}.g.v{background:linear-gradient(transparent 55%, var(--marker) 55%);font-weight:600;text-decoration:none}.g:hover,.g:focus-visible{background-color:color-mix(in srgb, var(--accent) 14%, transparent)}.composer{border-top:1px solid var(--line);padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--bg);align-items:flex-end;gap:10px;display:flex}.composer textarea{resize:none;min-width:0;font-family:var(--f-en);font-size:max(16px, calc(16px * var(--fs)));border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;flex:1;max-height:160px;padding:10px 14px;line-height:1.5}.send{background:var(--accent);color:var(--surface);white-space:nowrap;border:none;border-radius:12px;padding:10px 18px;font-weight:700}.send:disabled{opacity:.5}.send.stop{background:var(--pen)}.notebook{border-left:1px solid var(--line);flex-direction:column;gap:18px;min-width:0;padding:0 16px 18px;display:flex;overflow-y:auto}.tabs{border-bottom:1px solid var(--line);z-index:3;background:var(--bg);align-items:center;gap:4px;padding-top:10px;display:flex;position:sticky;top:0}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13px}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--pen);font-weight:700}.panel{flex-direction:column;gap:10px;min-width:0;display:flex}.panel h2{letter-spacing:.1em;color:var(--muted);margin:0;font-size:12px;font-weight:700}.empty{color:var(--muted);margin:0;font-size:13px}.credit{color:var(--muted);margin-top:auto;font-size:11px;line-height:1.5}.only-narrow{display:none}.scrim{z-index:40;background:#0a0f1459;border:none;padding:0;position:fixed;inset:0}@media (max-width:1099px){.app{grid-template-columns:minmax(0, 1fr) var(--right-col)}.app>.center{grid-column:1}.app>.notebook{grid-column:2}.side{z-index:41;width:min(300px,86vw);padding-top:env(safe-area-inset-top,0px);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:8px 0 30px #0003}html[data-left=closed] .side{display:flex}.app[data-drawer=left] .side{transform:none}html:not([data-left=\-]) .open-left{display:inline-block}}@media (max-width:759px){.app{grid-template-columns:minmax(0,1fr)}.app>.center{grid-column:1}.notebook{background:var(--bg);z-index:41;border-left:none;border-top:1px solid var(--line);height:min(75dvh,640px);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;transition:transform .2s;position:fixed;inset:auto 0 0;transform:translateY(102%);box-shadow:0 -8px 30px #0003}html[data-right=closed] .notebook{display:flex}.app[data-drawer=right] .notebook{transform:none}.resize-right{display:none}html:not([data-right=\-]) .open-right,.only-narrow{display:inline-block}}@media (prefers-reduced-motion:reduce){.side,.notebook{transition:none}}.w{cursor:pointer;border-radius:3px}.w:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.tip .ipa{font-family:var(--f-ipa);font-size:calc(12px * var(--fs));opacity:.8;margin-bottom:2px;display:block}.lookup{z-index:50;background:var(--tip-bg);width:min(340px,100vw - 32px);color:var(--tip-fg);font-size:calc(13px * var(--fs));border-radius:10px;gap:4px;padding:10px 12px 10px 14px;line-height:1.55;display:grid;position:fixed;box-shadow:0 6px 24px #00000038}.lookup-head{align-items:flex-start;gap:8px;display:flex}.lookup .t{font-family:var(--f-en);font-weight:600;font-size:calc(16px * var(--fs));flex:1}.lookup-x{color:inherit;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.lookup .ipa{font-family:var(--f-ipa);font-size:calc(13px * var(--fs));opacity:.85}.ipa .src{font-family:var(--f-ui);letter-spacing:.04em;opacity:.7;vertical-align:1px;white-space:nowrap;border:1px solid;border-radius:4px;margin-left:6px;padding:0 4px;font-size:10px}.lookup .pos{opacity:.75;margin-right:2px}.lookup .status{color:inherit;opacity:.8}.lookup-err{color:var(--pen)}.lookup .credit{color:inherit;opacity:.6;margin-top:4px}.lookup .credit a{color:inherit}@media (max-width:759px){.lookup{width:100%;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));font-size:calc(15px * var(--fs));border-radius:16px 16px 0 0;bottom:0;right:0;top:auto!important;left:0!important}}.lookup-wrong{font-size:calc(13px * var(--fs));opacity:.7;font-weight:400;display:block}.lookup-acts{border-top:1px solid color-mix(in srgb, var(--tip-fg) 25%, transparent);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding-top:8px;display:flex}.lookup-acts button{border:1px solid color-mix(in srgb, var(--tip-fg) 40%, transparent);color:inherit;background:0 0;border-radius:6px;padding:3px 12px;font-size:12px}.lookup-acts button:hover:not(:disabled){background:color-mix(in srgb, var(--tip-fg) 15%, transparent)}.lookup-acts button:disabled{opacity:.7}.fix,.g{cursor:pointer}.inline-acts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.inline-acts button{border:1px solid var(--line);background:0 0;border-radius:6px;padding:2px 10px;font-size:12px}.inline-acts button:hover:not(:disabled){border-color:var(--accent)}.inline-acts button:disabled{opacity:.7}.turn.flash .bubble{outline:2px solid var(--marker);outline-offset:3px;transition:outline-color .6s}.panel section{flex-direction:column;gap:10px;display:flex}.panel{gap:22px;padding-top:4px}.tab .cnt{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-size:11px;font-weight:400}.empty.warn{color:var(--pen)}.tally{gap:6px;display:grid}.trow{grid-template-columns:96px 1fr 24px;align-items:center;gap:8px;font-size:12px;display:grid}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--pen);height:100%;display:block}.trow .c{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.vtools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.vtools select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:5px 8px;font-size:12px}.seg{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.seg button{border:none;border-left:1px solid var(--line);background:0 0;padding:5px 12px;font-size:12px}.seg button:first-child{border-left:none}.seg button[aria-pressed=true]{background:var(--accent);color:var(--surface);font-weight:700}.vocab{flex-direction:column;gap:12px;display:flex}.vcard{font-size:calc(14px * var(--fs));border-bottom:1px solid var(--line);gap:3px;padding:0 22px 12px 0;display:grid;position:relative}.vcard .term{font-family:var(--f-en);font-weight:600;font-size:calc(16px * var(--fs));background:linear-gradient(transparent 60%, var(--marker) 60%);justify-self:start;padding-right:2px}.vcard .ipa{font-family:var(--f-ipa);font-size:calc(13px * var(--fs));color:var(--muted)}.vcard .ex{font-family:var(--f-en);font-style:italic;font-size:calc(14px * var(--fs))}.vcard .exja{font-size:calc(12px * var(--fs));color:var(--muted)}.vcard .wrongline{font-family:var(--f-en);color:var(--pen);font-size:13px;text-decoration:line-through}.vcard .vnote{white-space:pre-wrap;border-left:2px solid var(--line);padding-left:8px;font-size:12px}.vnote-edit{font:inherit;border:1px solid var(--accent);background:var(--surface);color:var(--ink);resize:vertical;border-radius:8px;padding:6px 8px;font-size:13px}.vcard .vfoot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:11px;display:flex}.vcard .vfoot a,.vcard .vfoot button{color:var(--accent);background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.vcard .vfoot label{cursor:pointer;align-items:center;gap:4px;display:flex}.vcard .x{color:var(--muted);background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;position:absolute;top:0;right:0}.vcard.done{opacity:.55}.chat.pinned .tip{display:none}.chat,.side-list,.notebook{overscroll-behavior:contain}.qa{flex-direction:column;gap:12px;display:flex}.qmsg{font-size:calc(13px * var(--fs));flex-direction:column;gap:4px;display:flex}.qmsg.q{align-items:flex-end}.qmsg .qb{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:100%;padding:8px 12px}.qmsg.q .qb{background:var(--you)}.qmsg.a .qb{background:var(--surface);border:1px solid var(--line)}.qmsg.a .qb.err{border-color:var(--pen)}.quote{border:1px solid var(--line);border-left:3px solid var(--pen);font-size:calc(12px * var(--fs));background:var(--surface);border-radius:6px;gap:1px;max-width:100%;padding:6px 26px 6px 10px;display:grid;position:relative}.quote .qt{font-family:var(--f-en);font-weight:600;font-size:calc(13px * var(--fs))}.quote .qw{font-family:var(--f-en);color:var(--pen);text-decoration:line-through}.quote .qx{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:14px;position:absolute;top:2px;right:4px}.qcomp{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;gap:8px;padding:12px 0 4px;display:flex;position:sticky;bottom:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip:disabled{opacity:.4}.composer .assist{border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:12px;padding:10px 14px;font-weight:700}.notebook>[role=tabpanel]:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}.notebook>[role=tabpanel]>.panel,.panel .qa{flex:1}.doc{max-width:720px;margin:0 auto;padding:32px 16px 64px}.doc h1{margin:8px 0 24px;font-size:22px}.doc h2{margin:28px 0 8px;font-size:15px}.doc a{color:var(--accent)}.doc .license{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.5;overflow-x:auto}.acct-links{justify-items:end;gap:2px;display:grid}.account{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));position:relative}.acct{text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.acct:hover,.acct[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 7%, transparent)}.acct-caret{color:var(--muted)}.menu{z-index:46;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:16px;width:min(300px,100vw - 24px);max-height:min(75vh,640px);padding:14px;display:flex;position:absolute;bottom:calc(100% + 4px);left:8px;overflow-y:auto;box-shadow:0 10px 32px #0003}.menu section{flex-direction:column;gap:8px;display:flex}.menu h2{letter-spacing:.1em;color:var(--muted);margin:0;font-size:12px;font-weight:700}.menu .seg button{flex:1;padding:6px 8px}.menu-note{color:var(--muted);margin:0;font-size:11px}.menu-plan{margin:0;font-weight:700}.menu-btn{text-align:center;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 10px;font-size:13px;text-decoration:none;display:block}.menu-btn:hover{border-color:var(--accent)}.menu-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;flex-direction:row!important}.menu-foot a{color:var(--muted)}.guide{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;max-width:680px;padding:16px 18px;display:grid}.guide h2{margin:0;font-size:15px}.guide ol{gap:8px;margin:0;padding-left:20px;font-size:13px;display:grid}.guide li b{display:block}.guide .primary{justify-self:start;padding:7px 16px}.offline{border-top:1px solid var(--pen);background:color-mix(in srgb, var(--pen) 10%, var(--bg));color:var(--ink);padding:8px max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));font-size:13px}.meter{grid-template-columns:72px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.meter .bar i{background:var(--accent)}.meter .bar i.full{background:var(--pen)}.meter-val{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.meter-val small{font-size:10px}.limit-note{border-top:1px solid var(--line);background:color-mix(in srgb, var(--accent) 10%, var(--bg));padding:8px max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));font-size:13px}.chars{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:center;font-size:11px}.chars.near{color:var(--ink)}.chars.over{color:var(--pen);font-weight:700}.qcomp .chars{align-self:flex-end}.legal{max-width:720px;margin:0 auto;padding:40px 20px 64px;font-size:15px;line-height:1.85}.legal h1{margin:8px 0 16px;font-size:24px}.legal h2{margin:32px 0 8px;font-size:17px}.legal p,.legal li{margin:0 0 8px}.legal ol,.legal ul{margin:0 0 8px;padding-left:1.4em}.legal-back{margin:0;font-size:13px}.legal-back a,.legal-links a{color:var(--muted)}.legal-draft{border:1px solid var(--pen);color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 12px;font-size:13px}.legal-updated{color:var(--muted);margin-top:32px;font-size:13px}.legal-links{flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:13px;display:flex}.legal-table{border-top:1px solid var(--line);margin:0}.legal-table div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:12px;padding:12px 0;display:grid}.legal-table dt{font-weight:700}.legal-table dd{margin:0}@media (max-width:560px){.legal-table div{grid-template-columns:1fr;gap:4px}}.menu-links{flex-wrap:wrap;gap:4px 12px;display:flex}.legal a{color:var(--accent)}.targets{flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.targets li{flex-wrap:wrap;gap:10px;display:flex}.targets .t-label{font-family:var(--f-en)}.targets .t-state{color:var(--muted)}.targets li.ok .t-state{color:var(--ins)}.targets li.ng .t-state{color:var(--pen)}.study .credit{color:var(--muted);margin:8px 0 0;font-size:11px}.study .credit a,.study .muted{color:var(--muted)}.study .small{font-size:13px}.study .brand-sub{font-family:var(--f-ui);color:var(--muted);margin-left:4px;font-size:.5em;font-weight:700}.study .brand-title.small{color:var(--ink);font-size:20px;text-decoration:none}.study .top{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.study .top nav{align-items:center;gap:16px;font-size:13px;display:flex}.study .top nav a{color:var(--muted)}.study .page{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:24px 16px 64px;display:flex}.study .page-title{margin:0;font-size:20px}.study .hero{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 20px;display:flex}.study .hero-label{margin:0;font-weight:700}.study .hero-num{font-size:44px;font-weight:700;font-family:var(--f-en);margin:0;line-height:1.1}.study .hero-num span{font-size:16px;font-family:var(--f-ui);color:var(--muted);margin-left:4px}.study .hero p{margin:0;line-height:1.7}.study .primary.big{text-align:center;border-radius:12px;width:100%;padding:14px 20px;font-size:16px;text-decoration:none;display:block}.study .review{flex-direction:column;gap:14px;display:flex}.study .progress{margin:0;font-size:13px}.study .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;min-height:260px;padding:28px 20px;display:flex}.study .card .term{font-family:var(--f-en);margin:0;font-size:30px;font-weight:600}.study .card .ex{font-family:var(--f-en);margin:0;font-size:16px;line-height:1.6}.study .card .back{border-top:1px dashed var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.study .card .back p{margin:0;line-height:1.7}.study .card .ipa{font-family:var(--f-ipa);color:var(--muted)}.study .card .ja{font-size:18px;font-weight:700}.study .card .ex-ja,.study .card .note{color:var(--muted);font-size:14px}.study .card .wrong{color:var(--pen);font-size:13px}.study .card .src{border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:11px}.study .card .think{margin-top:auto}.study .grades{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.study .grade{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-height:64px;padding:12px 6px;display:flex}.study .grade span{color:var(--muted);font-size:11px}.study .grade.again strong{color:var(--pen)}.study .grade.good strong{color:var(--accent)}.study .grade.easy strong{color:var(--ins)}.study .words{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.study .words li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:baseline;gap:10px;padding:10px 0;font-size:14px;display:grid}.study .w-term{font-family:var(--f-en);word-break:break-word;font-weight:600}.study .w-ja{color:var(--muted)}.study .w-next{color:var(--muted);white-space:nowrap;font-size:12px}.study .section-title{margin:8px 0;font-size:15px}.study .points{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.study .points li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.study .practice{flex-direction:column;gap:14px;display:flex}.study .tag{border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:1px 8px;font-size:12px}.study .qcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:22px 18px;display:flex}.study .qcard p{margin:0;line-height:1.7}.study .qcard .prompt{font-family:var(--f-en);font-size:20px;line-height:1.6}.study .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.study .choice{font-family:var(--f-en);border:1px solid var(--line);background:var(--bg);border-radius:12px;min-height:48px;padding:12px 8px;font-size:16px}.study .choice:hover{border-color:var(--accent)}.study .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.study .qcard input,.study .qcard textarea{font:inherit;font-family:var(--f-en);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;flex:180px;width:100%;padding:10px 12px;font-size:16px}.study .qcard textarea{resize:vertical}.study .fix{flex-direction:column;gap:10px;display:flex}.study .model span{font-family:var(--f-en);font-weight:600}.study .grade-ok,.study .grade-ng{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;min-height:48px;padding:12px;font-weight:700}.study .grade-ok{color:var(--ins)}.study .grade-ng{color:var(--pen)}.study .result{border-top:1px dashed var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.study .result .verdict{font-size:18px;font-weight:700}.study .result.ok .verdict{color:var(--ins)}.study .result.ng .verdict{color:var(--pen)}.study .result .answer span{font-family:var(--f-en);font-weight:600}.study .result .explain{color:var(--muted);font-size:14px}.brand-sub{font-family:var(--f-ui);color:var(--muted);margin-left:4px;font-size:.5em;font-weight:700}