: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)}: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)}: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:radial-gradient(circle at 20% 8%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 26rem),linear-gradient(180deg,color-mix(in srgb,var(--parchment) 80%,#05080e),var(--parchment));color:var(--ink);letter-spacing:0}button,input,textarea,select{font:inherit}button{min-height:44px;border:1px solid color-mix(in srgb,var(--gold) 64%,transparent);border-radius:8px;background:color-mix(in srgb,var(--parchment-deep) 86%,var(--gold));color:var(--ink);cursor:pointer}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:8px;background:color-mix(in srgb,var(--parchment-light) 88%,#000);color:var(--ink);padding:.75rem}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:radial-gradient(circle at 74% 36%,color-mix(in srgb,var(--gold-dark) 10%,transparent),transparent 16rem);opacity:.7}.topbar,.tabbar{position:sticky;z-index:10;background:color-mix(in srgb,var(--parchment) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--gold) 42%,transparent)}.brand{display:flex;align-items:center;gap:.7rem}.brand img{width:52px;height:52px;flex:0 0 52px;border-radius:12px;object-fit:cover}.brand h1{margin:0;font-size:clamp(1.25rem,2.5vw,1.55rem);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:1rem}.panel,.card,.modal{border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--parchment-light) 88%,transparent);box-shadow:0 18px 40px var(--shadow)}.panel{padding:1rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem}.section-title h2,.section-title h3{margin:0;line-height:1.25}.section-title h2{font-size:clamp(1.25rem,2.5vw,1.55rem)}.section-title h3{font-size:clamp(1rem,2vw,1.18rem)}.panel>h2,.card h3{line-height:1.25}.muted{color:var(--ink-faded)}.small{font-size:.84rem;line-height:1.55}.grid{display:grid;gap:1rem}.two-col{grid-template-columns:minmax(280px,360px) 1fr;align-items:start}.card{padding:.9rem;font-size:.95rem;line-height:1.55}.card strong{font-size:1.02rem;line-height:1.35}.stack{display:grid;gap:.75rem}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.icon-button{width:44px;min-width:44px;padding:0;display:inline-grid;place-items:center}.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:44px;border:1px solid color-mix(in srgb,var(--gold) 64%,transparent);border-radius:8px;display:inline-flex;align-items:center;gap:.4rem;padding:.65rem .9rem;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:.2rem;padding:.45rem .3rem calc(.45rem + env(safe-area-inset-bottom));color:var(--ink-faded)}.tabbar button[aria-current=page]{color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}.chat-list-item{width:100%;text-align:left;justify-content:flex-start}.messages{min-height:380px;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:.65rem 0;padding:.85rem;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.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(68px + env(safe-area-inset-bottom));display:grid;gap:.6rem;padding-top:.75rem;background:linear-gradient(180deg,transparent,var(--parchment) 22%)}.news-scroll,.topics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:.75rem;overflow-x:auto;padding-bottom:.3rem}.news-scroll .card{align-content:space-between;min-height:132px}.news-scroll .card strong{font-size:.9rem;font-weight:600}.chat-page{min-height:calc(100dvh - 148px)}.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:8px;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}@media(max-width:820px){.two-col{grid-template-columns:1fr}.messages{max-height:none;min-height:48dvh}.composer{bottom:calc(64px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}