@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,500..700,50,1&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg:#f7f4ee;--surface:#fffdf8;--surface-soft:#f2eee6;--surface-deep:#e8e1d3;--text:#1e2b27;--muted:#66746f;--primary:#1f5b4a;--primary-strong:#163f34;--accent:#c68b3c;--accent-soft:#ead7b4;--border:#d7d1c6;--danger:#a6524a;--danger-soft:#f4e2dd;--success:#2c6a54;--success-soft:#e3efe8;--shadow:0 18px 50px rgba(31,91,74,.08);--radius-lg:26px;--radius-md:18px;--radius-sm:14px;--page-width:1120px}*,:after,:before{box-sizing:border-box}html{background:var(--bg);font-size:16px}body{background:radial-gradient(circle at top left,rgba(198,139,60,.08),transparent 28%),radial-gradient(circle at top right,rgba(31,91,74,.08),transparent 34%),linear-gradient(180deg,#faf7f1 0,var(--bg) 52%,#f4f0e7 100%);color:var(--text);font-family:Noto Sans SC,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}#__nuxt,.app-shell{min-height:100vh}.app-shell{overflow-x:clip}.page-wrap{margin:0 auto;width:min(100% - 32px,var(--page-width))}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f4eed9;border-bottom:1px solid hsla(39,18%,81%,.7);position:sticky;top:0;z-index:20}.topbar-inner{gap:16px;justify-content:space-between;padding:16px 0}.brand,.topbar-inner{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:#f7f4ee;border-radius:14px;box-shadow:0 8px 18px #1f5b4a1f;height:42px;overflow:hidden;width:42px}.brand-mark img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.brand-title{font-family:Fraunces,Outfit,sans-serif;font-size:1.1rem;line-height:1.1;margin:0}.brand-subtitle{color:var(--muted);font-size:.78rem;margin:4px 0 0}.topnav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.topnav-link{border-radius:999px;color:var(--muted);padding:10px 14px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.topnav-link.active,.topnav-link:hover{background:#1f5b4a1a;color:var(--primary-strong)}.site-main{padding:28px 0 40px}.site-footer{color:var(--muted);padding:28px 0 48px}.footer-card{background:#fffdf8d6;border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:12px;padding:20px}.eyebrow{align-items:center;background:#ead7b447;border:1px solid rgba(198,139,60,.28);border-radius:999px;color:var(--primary-strong);display:none;font-size:.8rem;gap:8px;padding:7px 12px}.page-hero{display:grid;gap:18px;margin-bottom:28px}.display-title,.page-title,.section-title{font-family:"Noto Serif SC",serif;margin:0}.display-title{font-size:clamp(2.3rem,7vw,4.8rem);letter-spacing:-.04em;line-height:1.04}.page-title{font-size:clamp(1.9rem,5.2vw,3.1rem);line-height:1.12}.section-title{font-size:clamp(1.2rem,3.8vw,1.65rem);line-height:1.2}.lead{font-size:1.05rem;line-height:1.8;max-width:42rem}.lead,.muted{color:var(--muted)}.grid-2,.grid-3,.stack{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.note-card,.paper-card{background:#fffdf8eb;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card,.paper-card{padding:24px}.paper-card{overflow:hidden;position:relative}.paper-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.55),transparent 38%),linear-gradient(180deg,rgba(198,139,60,.08),transparent 42%);content:"";inset:0;pointer-events:none;position:absolute}.note-card{background:linear-gradient(180deg,#fffdf8f5,#f8f3ebf5);padding:20px}.label{color:var(--muted);display:block;font-size:.82rem;letter-spacing:.06em;margin-bottom:10px}.select,.text-input,.textarea{background:#fffcf5f2;border:1px solid var(--border);border-radius:16px;color:var(--text);padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.select:focus,.text-input:focus,.textarea:focus{border-color:#1f5b4a8c;box-shadow:0 0 0 4px #1f5b4a1a;outline:none}.textarea{min-height:120px;resize:vertical}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;gap:10px;justify-content:center;min-height:48px;padding:0 18px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 10px 26px #1f5b4a2e;color:#f8f4ec}.btn-secondary{background:#fffdf8e6;border-color:#1f5b4a2e;color:var(--primary-strong)}.btn-danger{background:#f4e2ddb3;border-color:#a6524a3d;color:var(--danger)}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{align-items:center;background:#fffdf8e0;border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;gap:8px;padding:10px 14px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.pill.active{background:#1f5b4a1a;border-color:#1f5b4a4d;color:var(--primary-strong)}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:.84rem;gap:8px;padding:8px 12px}.status:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.status-success{background:var(--success-soft);color:var(--success)}.status-warning{background:#ead7b48c;color:#8f6a26}.status-danger{background:var(--danger-soft);color:var(--danger)}.metric-grid,.mode-grid{display:grid;gap:16px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{background:#fffdf8d6;border:1px solid var(--border);border-radius:22px;display:grid;gap:14px;min-height:220px;padding:20px}.mode-card strong,.summary-item strong{font-family:"Noto Serif SC",serif}.summary-list{display:grid;gap:14px}.summary-item{border-top:1px dashed hsla(39,18%,81%,.85);display:grid;gap:8px;padding:16px 0}.summary-item:first-child{border-top:none;padding-top:0}.code-card{background:linear-gradient(180deg,#f3eee4,#fffcf7);border:1px solid rgba(31,91,74,.14);border-radius:22px;padding:18px}.code-block{background:#152721f5;border-radius:18px;color:#e7f0e9;font-family:IBM Plex Mono,monospace;font-size:.88rem;line-height:1.75;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.mini-note{background:#ead7b440;border-left:3px solid var(--accent);border-radius:12px;color:var(--text);padding:14px 16px}.timeline{display:grid;gap:16px}.timeline-item{display:grid;gap:14px;grid-template-columns:36px 1fr}.timeline-index{background:#1f5b4a1a;border-radius:50%;color:var(--primary-strong);display:grid;font-family:"Noto Serif SC",serif;height:36px;place-items:center;width:36px}.danger-box{background:#f4e2dd80;border:1px solid rgba(166,82,74,.22);border-radius:22px;padding:20px}.landing-shell{display:grid;gap:24px}.landing-hero{align-items:stretch;display:grid;gap:40px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.landing-copy{align-content:center;display:grid;gap:18px;min-width:0}.landing-copy .eyebrow{justify-self:start}.landing-brand{display:grid;gap:10px}.landing-brand-name{color:var(--primary-strong);font-family:Fraunces,Outfit,sans-serif;font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.05em;line-height:.98;margin:0}.landing-brand-subtitle{color:#30443d;font-family:Outfit,Noto Sans SC,sans-serif;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:500;margin:0}.landing-copy .lead{max-width:34rem}.landing-login-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) .72fr}.landing-points{display:grid;gap:10px}.landing-point{align-items:flex-start;color:var(--muted);display:flex;gap:10px}.landing-point:before{background:var(--accent);border-radius:50%;content:"";flex:0 0 auto;height:8px;margin-top:10px;width:8px}.landing-visual{background:linear-gradient(180deg,#eef0e8,#e9efe6);border:1px solid hsla(39,18%,81%,.88);border-radius:34px;box-shadow:0 24px 56px #1f5b4a1f;min-height:560px;overflow:hidden;position:relative}.landing-visual-image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.landing-visual-overlay{background:linear-gradient(90deg,#faf7f114,#faf7f100),linear-gradient(180deg,#fffcf714,#163f3414);inset:0;pointer-events:none;position:absolute}.landing-floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e6;border:1px solid hsla(39,18%,81%,.86);border-radius:22px;bottom:22px;display:grid;gap:10px;left:22px;padding:16px 18px;position:absolute;right:22px}.landing-floating-card strong{color:var(--primary-strong);font-family:Outfit,Noto Sans SC,sans-serif;font-size:1rem}.landing-floating-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-floating-item{display:grid;gap:4px}.landing-floating-label{color:var(--muted);font-size:.76rem}.landing-floating-value{color:var(--text);font-size:.92rem}.focus-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card{background:#fffdf8d1;border:1px solid var(--border);border-radius:24px;padding:22px}.focus-card strong{color:var(--primary-strong);font-family:Outfit,Noto Sans SC,sans-serif;font-size:1rem}.cta-panel{background:linear-gradient(180deg,#fffdf8f2,#f2eee6f2);border:1px solid rgba(31,91,74,.14);border-radius:30px;display:grid;gap:16px;justify-items:center;padding:28px;text-align:center}.landing-swap-enter-active,.landing-swap-leave-active{transition:opacity .26s ease,transform .32s ease}.landing-swap-enter-from,.landing-swap-leave-to{opacity:0;transform:translateY(10px)}.landing-swap-enter-to,.landing-swap-leave-from{opacity:1;transform:translateY(0)}.fade-in{animation:fade-in .45s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topbar-inner,.topnav{align-items:flex-start}.topbar-inner{flex-direction:column}.topnav{justify-content:flex-start;width:100%}.focus-grid,.grid-2,.grid-3,.landing-floating-grid,.landing-hero,.landing-login-row,.metric-grid,.mode-grid{grid-template-columns:1fr}.landing-visual{min-height:440px}}@media(max-width:640px){.page-wrap{width:min(100% - 24px,var(--page-width))}.card,.note-card,.paper-card{border-radius:20px;padding:18px}.site-main{padding-top:20px}.btn-row{display:grid}.btn{width:100%}.landing-visual{border-radius:28px;min-height:360px}.landing-floating-card{bottom:14px;left:14px;right:14px}}