:root[data-theme=dark]{--parchment: #101b2c;--parchment-light: #1a2840;--parchment-deep: #22314e;--ink: #e8ddbe;--ink-faded: #b8aa83;--coral: #d08a76;--coral-deep: #e2a691;--gold: #cfa43b;--gold-dark: #a8842e;--moss: #a3b47e;--bubble-user: #283a55;--bubble-system: #24324c;--shadow: rgba(3, 7, 13, .48);--backsheet: url(/images/backsheet-dark.webp)}:root[data-theme=light]{--parchment: #f0e4c6;--parchment-light: #f8efda;--parchment-deep: #e4d2a8;--ink: #3a2c18;--ink-faded: #6e5b3a;--coral: #6e2b26;--coral-deep: #4c1d1a;--gold: #a37e2c;--gold-dark: #7c5e1e;--moss: #55603a;--bubble-user: #eadbb4;--bubble-system: #e3cf9c;--shadow: rgba(80, 49, 17, .18);--backsheet: url(/images/backsheet-light.webp)}:root{color-scheme:dark;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,YuMincho,serif;background:var(--parchment);color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--parchment);background-image:var(--backsheet);background-size:520px auto;background-attachment:fixed;color:var(--ink);letter-spacing:0;font-size:15px}button,input,textarea,select{font:inherit}button{min-height:38px;border:1px solid color-mix(in srgb,var(--gold) 64%,transparent);border-radius:10px;background:color-mix(in srgb,var(--parchment-deep) 86%,var(--gold));color:var(--ink);cursor:pointer;padding:.45rem .72rem}button:disabled{cursor:not-allowed;opacity:.55}button:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.06)}input,textarea,select{width:100%;border:1px solid color-mix(in srgb,var(--gold-dark) 70%,transparent);border-radius:10px;background:color-mix(in srgb,var(--parchment-light) 88%,#000);color:var(--ink);padding:.58rem .68rem}textarea{resize:vertical}a{color:var(--gold)}.app{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--parchment) 26%,transparent));opacity:.5}.topbar,.tabbar{position:sticky;z-index:10;background:color-mix(in srgb,var(--parchment) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{top:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--gold) 42%,transparent)}.brand{display:flex;align-items:center;gap:.62rem}.brand img{width:46px;height:46px;flex:0 0 46px;border-radius:12px;object-fit:cover}.brand h1{margin:0;font-size:clamp(1.22rem,2.1vw,1.45rem);line-height:1.1}.brand p{margin:.1rem 0 0;color:var(--ink-faded);font-size:.78rem}.toast-region{position:fixed;z-index:50;top:calc(.75rem + env(safe-area-inset-top));left:50%;width:min(560px,calc(100% - 2rem));transform:translate(-50%);display:grid;gap:.4rem;pointer-events:none}.toast{margin:0;padding:.75rem .9rem;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:8px;background:color-mix(in srgb,var(--parchment-light) 96%,#000);box-shadow:0 14px 36px var(--shadow)}.preview-banner{margin:.8rem auto 0;max-width:1180px;padding:.75rem 1rem;border:1px solid var(--coral);border-radius:8px;background:color-mix(in srgb,var(--coral) 16%,var(--parchment))}.main{position:relative;width:min(1180px,100%);margin:0 auto;padding:.9rem 1rem calc(.9rem + 76px)}.panel,.card,.modal{border:1.5px solid color-mix(in srgb,var(--gold-dark) 78%,transparent);border-radius:12px;background:color-mix(in srgb,var(--parchment-light) 76%,transparent);box-shadow:0 10px 26px color-mix(in srgb,var(--shadow) 72%,transparent)}.panel{padding:.9rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .65rem}.section-title h2,.section-title h3{margin:0;line-height:1.25}.section-title h2{font-size:clamp(1.25rem,2.7vw,1.7rem);color:var(--coral-deep);letter-spacing:.02em}.section-title h3{font-size:clamp(.95rem,1.6vw,1.08rem)}.panel>h2,.card h3{line-height:1.25}.muted{color:var(--ink-faded)}.small{font-size:.78rem;line-height:1.55}.grid{display:grid;gap:.8rem}.two-col{grid-template-columns:minmax(280px,360px) 1fr;align-items:start}.card{padding:.72rem .8rem;font-size:.9rem;line-height:1.45}.card strong{font-size:.98rem;line-height:1.35}.stack{display:grid;gap:.68rem}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.icon-button{width:40px;min-width:40px;padding:0;display:inline-grid;place-items:center}.icon-button.active{color:var(--coral-deep);background:color-mix(in srgb,var(--gold) 28%,transparent)}.primary{background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#1d1506;font-weight:700}.ghost{background:transparent}.danger{border-color:var(--coral);color:var(--coral-deep)}.spin{animation:spin 1s linear infinite}.buttonlike{min-height:38px;border:1px solid color-mix(in srgb,var(--gold) 64%,transparent);border-radius:10px;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .72rem;background:color-mix(in srgb,var(--parchment-deep) 86%,var(--gold));cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.tabbar{bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid color-mix(in srgb,var(--gold) 42%,transparent)}.tabbar button{border:0;border-radius:0;background:transparent;display:grid;place-items:center;gap:.14rem;padding:.55rem .25rem calc(.55rem + env(safe-area-inset-bottom));color:var(--ink-faded);font-size:.86rem;font-weight:700;letter-spacing:.06em}.tabbar button[aria-current=page]{color:var(--coral-deep);background:color-mix(in srgb,var(--gold) 18%,transparent)}.tabbar button[aria-current=page] svg{padding:.22rem .5rem;box-sizing:content-box;border-radius:999px;background:color-mix(in srgb,var(--gold) 28%,transparent)}.chat-list-item{width:100%;text-align:left;justify-content:flex-start;min-width:0;overflow:hidden;text-overflow:ellipsis}.messages{min-height:360px;max-height:calc(100dvh - 270px);overflow:auto;padding:.25rem}.messages.focused{min-height:calc(100dvh - 310px);max-height:none}.message{max-width:min(680px,92%);margin:.55rem 0;padding:.74rem .82rem;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;border:1.5px solid color-mix(in srgb,var(--gold-dark) 72%,transparent)}.message.user{margin-left:auto;background:var(--bubble-user)}.message.coach{margin-right:auto;background:var(--bubble-system)}.message.system{margin-inline:auto;max-width:100%;border:1px dashed color-mix(in srgb,var(--gold) 48%,transparent);color:var(--ink-faded);background:transparent}.composer{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));display:grid;gap:.45rem;padding-top:.55rem;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--parchment) 92%,transparent) 24%)}.composer-actions{display:flex;align-items:center;gap:1.15rem;padding:.25rem .1rem;color:var(--gold-dark)}.composer-actions .icon-button{border:0;background:transparent;position:relative}.composer-input-row{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px 44px;align-items:end;gap:.38rem}.composer-input-row textarea{min-height:54px;max-height:132px;border-width:2px;font-style:italic;line-height:1.45;overflow:auto;field-sizing:content}.voice-mini,.send-mini{min-width:0;width:100%;min-height:54px;border:0;background:transparent;color:var(--coral-deep);display:grid;place-items:center;padding:.1rem}.voice-mini span{font-size:.68rem;line-height:1;color:var(--gold-dark)}.send-mini{border-radius:10px}.voice-mode-button .mode-badge{position:absolute;right:-.1rem;bottom:0;min-width:1rem;color:var(--coral-deep);font-size:.72rem;font-weight:800;line-height:1;letter-spacing:-.08em}.voice-mode-hint{margin:0 0 -.2rem .15rem;color:var(--gold-dark)}.news-scroll,.topics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:.65rem;overflow-x:auto;padding-bottom:.3rem}.news-scroll .card{align-content:space-between;min-height:116px}.news-scroll .card strong{font-size:.84rem;font-weight:600}.chat-page{min-height:calc(100dvh - 148px)}.conversation-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;color:var(--coral-deep)}.conversation-title h2{margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{width:36px;min-width:36px;border:0;font-size:1.45rem;color:var(--gold-dark)}.message-actions{display:flex;justify-content:flex-end;gap:.3rem;margin-top:.45rem}.message-actions .icon-button{border:0;background:transparent;color:var(--gold-dark)}.source-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.source-list a,.compact-link{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.14rem .42rem;border:1px solid color-mix(in srgb,var(--gold) 46%,transparent);border-radius:999px;background:color-mix(in srgb,var(--parchment-light) 72%,var(--gold));color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.inline-status{margin:0;padding:.65rem .75rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--gold) 44%,transparent);background:color-mix(in srgb,var(--parchment-deep) 70%,transparent)}.inline-status.ok{border-color:color-mix(in srgb,var(--moss) 72%,transparent)}.inline-status.error{border-color:var(--coral);color:var(--coral-deep)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.onboarding{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1rem;background-position:center;background-size:cover}.onboarding:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03070d7a,#03070ddb)}.onboarding-card{position:relative;width:min(720px,100%);padding:clamp(1rem,4vw,2rem);border:1px solid var(--gold);border-radius:8px;background:color-mix(in srgb,var(--parchment-light) 88%,transparent);box-shadow:0 24px 70px #00000080}.onboarding-card h1{margin-top:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#0000008c}.modal{width:min(560px,100%);max-height:min(720px,92dvh);overflow:auto;padding:1rem}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.review-layout{grid-template-columns:minmax(0,1fr)}.review-panel{position:relative}.manual-add{padding:.65rem;border:1px dashed color-mix(in srgb,var(--gold-dark) 56%,transparent);border-radius:10px}.add-toggle{margin-left:auto;border:0;color:var(--coral-deep);font-size:1.1rem}.review-list-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 1.2rem;gap:.35rem}.review-list{min-width:0;padding-right:.15rem}.compact-vocab{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;box-shadow:none}.compact-vocab[data-usage-tier="1"]{background:color-mix(in srgb,var(--parchment-light) 84%,transparent)}.compact-vocab[data-usage-tier="2"]{background:color-mix(in srgb,var(--parchment-deep) 82%,transparent)}.compact-vocab[data-usage-tier="3"]{background:color-mix(in srgb,var(--gold) 18%,var(--parchment-deep))}.compact-vocab[data-usage-tier="4"]{background:color-mix(in srgb,var(--coral) 28%,var(--parchment-deep))}.compact-vocab[data-usage-tier="5"]{background:color-mix(in srgb,var(--coral) 42%,var(--parchment-deep))}.compact-vocab h3{margin:0 0 .2rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.96rem;line-height:1.2;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-vocab p{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-vocab p span{color:var(--gold-dark);white-space:nowrap}.vocab-actions{display:flex;align-items:center;gap:.12rem}.vocab-actions .icon-button{width:34px;min-width:34px;min-height:34px;border:0;background:transparent;color:var(--gold-dark)}.alphabet-rail{position:sticky;top:78px;align-self:start;display:grid;justify-items:center;gap:0;padding-top:.08rem;touch-action:none;-webkit-user-select:none;user-select:none}.alphabet-rail button{width:1.1rem;min-width:1.1rem;min-height:1rem;border:0;border-radius:0;background:transparent;color:var(--coral-deep);padding:0;font-size:.66rem;line-height:1;font-weight:700}.alphabet-rail button.dim{opacity:.28}.progress-panel{box-shadow:none;background:transparent;border-color:transparent;padding-inline:0}.streak-hero,.week-card,.analysis-card{border:1.5px solid color-mix(in srgb,var(--gold-dark) 78%,transparent);border-radius:12px;background:color-mix(in srgb,var(--parchment-light) 70%,transparent)}.streak-hero{display:grid;place-items:center;min-height:76px;padding:1rem;background:color-mix(in srgb,var(--parchment-deep) 70%,transparent)}.streak-hero strong{color:var(--coral-deep);font-size:clamp(1.45rem,7vw,2.2rem);line-height:1.1;letter-spacing:.08em}.streak-hero span{color:var(--gold-dark);font-size:.8rem;letter-spacing:.18em}.week-card{padding:.85rem}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:.65rem}.week-row span{display:grid;place-items:center;gap:.28rem;color:var(--ink-faded);font-size:.78rem}.week-row i{width:min(36px,9vw);aspect-ratio:1;border-radius:8px;background:color-mix(in srgb,var(--parchment-deep) 80%,transparent)}.week-row span.active i{background:var(--gold)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.metric-grid .card{min-height:82px;display:grid;place-items:center;text-align:center}.metric-grid .card strong{display:block;color:var(--coral-deep);font-size:1.6rem;line-height:1.1}.english-profile{background:color-mix(in srgb,var(--parchment-deep) 58%,transparent)}.english-profile .section-title{align-items:flex-start}.english-profile .section-title .primary{flex:0 0 auto;white-space:nowrap;min-width:8.8rem}.analysis-card{padding:.8rem}input[type=range]{accent-color:var(--gold-dark)}@media(max-width:820px){body{font-size:14px;background-size:430px auto}button{min-height:36px}.topbar{padding:.42rem .8rem}.brand img{width:40px;height:40px;flex-basis:40px}.brand h1{font-size:1.22rem}.main{padding:.75rem .85rem calc(.8rem + 78px)}.panel{padding:.78rem}.section-title h2{font-size:1.28rem}.two-col{grid-template-columns:1fr}.messages{max-height:none;min-height:50dvh;padding-bottom:.2rem}.composer{bottom:calc(68px + env(safe-area-inset-bottom))}.chat-page{min-height:calc(100dvh - 124px)}.news-scroll{grid-auto-columns:minmax(210px,72%)}.review-list-wrap{grid-template-columns:minmax(0,1fr) 1rem}.alphabet-rail{top:66px}.alphabet-rail button{min-height:.88rem;font-size:.58rem}.compact-vocab{padding:.58rem .62rem}.vocab-actions{display:grid}.vocab-actions .icon-button{width:30px;min-width:30px;min-height:30px}.tabbar button{font-size:.78rem}.metric-grid{gap:.55rem}.metric-grid .card{min-height:76px}.metric-grid .card strong{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}