:root{--canvas:#ffffff;--control-radius:14px;--control-radius-small:10px;--control-secondary:#f1eff4;--control-secondary-hover:#e8e4ef;--surface:#ffffff;--surface-strong:#ffffff;--brand-ink:#202027;--brand-muted:#646471;--brand-line:#e8e5ef;--ink:var(--brand-ink);--muted:var(--brand-muted);--primary:#6841ea;--primary-light:#8b6cf2;--primary-dark:#5130c4;--primary-soft:#f4f0ff;--accent:var(--primary);--accent-soft:var(--primary-soft);--line:var(--brand-line);--shadow:0 24px 64px rgba(57,35,105,.08);--brand-hero-gradient:radial-gradient(ellipse at 84% 72%,#e1d5ff 0%,transparent 55%),radial-gradient(ellipse at 22% 30%,#fff0fa 0%,transparent 58%),linear-gradient(180deg,#ffffff,#faf2ff 56%,#f1ebff)}.site-header{background:rgba(255,255,255,.97);border-color:var(--line)}.brand-mark{background:linear-gradient(140deg,var(--primary),#9c7bfa)}.button,.profile-link{white-space:nowrap}.button-primary,.profile-link{background:var(--primary)}.main-nav>a[aria-current=page],.nav-language-trigger[aria-current=page]{background:var(--primary-soft);color:var(--primary-dark)}.account-navigation{display:flex;align-items:center;gap:8px;margin:0;flex:none}.account-navigation .profile-link{margin:0;justify-content:center}.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:60;width:210px;max-width:calc(100vw - 24px);padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 12%,transparent)}.account-menu-panel .button,.account-menu-panel>a{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:10px 14px;border:0;border-radius:var(--control-radius-small);background:transparent;color:var(--ink);font:inherit}.account-menu-panel>div{display:block;padding:0;margin:0;border:0;background:transparent}.account-menu-panel p:empty{display:none}.account-menu-panel p{font-size:13px;white-space:normal}@media(hover:hover){.account-menu-panel .button:hover,.account-menu-panel>a:hover{background:var(--primary-soft);color:var(--primary-dark)}}@media(max-width:600px){.header-inner{gap:10px}.header-inner>.button-row{gap:4px;margin:0}.account-navigation{gap:4px;margin-left:auto}.account-navigation>a{display:none}.profile-link{font-size:13px;padding:0 10px;max-width:140px;text-overflow:ellipsis;overflow:hidden}.brand{font-size:17px}.brand-mark{width:28px;height:28px}}.brand,.main-nav>a,.nav-language-trigger{white-space:nowrap}.brand{flex-shrink:0}.button-secondary{color:var(--ink)}@media(min-width:741px) and (max-width:1000px){.header-inner{height:72px;gap:16px;justify-content:space-between}.header-inner>.button-row{margin:0;flex-wrap:nowrap;gap:8px}.main-nav{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--surface)}.mobile-language-trigger,.mobile-nav>a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;color:var(--muted);border:0;background:transparent;font-size:.9rem;font-weight:700}.mobile-language-panel{grid-column:1/-1;display:grid;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--canvas)}.mobile-language-panel a{min-height:60px;display:grid;gap:4px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.mobile-language-panel span{font-size:.8rem;color:var(--muted)}}.site-footer{background:var(--surface)}.chat-writing-hero,.reading-hero,.writing-hero{background:var(--brand-hero-gradient)}.writing-hero-glow-two{background:radial-gradient(circle,#e7caff66,transparent 70%)}body .button,body .profile-link{border-radius:var(--control-radius);font-weight:600;transition:background-color .16s ease,border-color .16s ease,color .16s ease}body .button-secondary{background:var(--control-secondary);border-color:transparent;color:var(--ink)}body .profile-link[href^="/login"]{color:var(--ink);background:var(--surface);border:1px solid var(--line)}@media (hover:hover){body .profile-link[href^="/login"]:hover{background:var(--control-secondary)}}body .main-nav>a,body .mobile-language-trigger,body .mobile-nav>a,body .nav-language-trigger{border-radius:var(--control-radius-small)}body #main-content :is(button,a)[aria-current=step],body #main-content :is(button,a)[aria-pressed=true],body #main-content :is(button,a)[aria-selected=true],body .main-nav>a[aria-current=page],body .mobile-language-trigger:is([aria-current=page],[aria-expanded=true]),body .mobile-nav>a[aria-current=page],body .nav-language-trigger:is([aria-current=page],[aria-expanded=true]){background-color:var(--primary-soft);color:var(--primary-dark);border-color:var(--primary-light)}body :is(button,.button,.profile-link):focus-visible{outline:3px solid var(--primary);outline-offset:3px}body :is(button,.button,.profile-link):is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}body button[aria-busy=true],body form[aria-busy=true] button{cursor:progress}body :is(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}@media (hover:hover){body .button-primary:not(:disabled):hover,body .profile-link:hover{background:var(--primary-dark)}body .button-secondary:not(:disabled):hover{background:var(--control-secondary-hover);border-color:transparent}}body .button:hover{transform:none}body :is(.button,.profile-link):not(:disabled):not([aria-disabled=true]):active{filter:brightness(.94)}@media (prefers-reduced-motion:reduce){body .button,body .profile-link{transition:none}}