@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#24352d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--title-text:#1e3028;--body-text:#24352d;--muted-text:#6b7d74;--accent-text:#b66e45;background:#f6f0e7;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--body-text);background:radial-gradient(circle at 0 0,#d6976338,#0000 28%),radial-gradient(circle at 100% 0,#4a7f6524,#0000 22%),linear-gradient(#f7f1e8 0%,#f1ebe1 56%,#ece4d8 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#1f382f09 1px,#0000 1px),linear-gradient(90deg,#1f382f09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}#root{min-height:100vh;position:relative}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--title-text);letter-spacing:-.035em;font-family:Fraunces,Iowan Old Style,Georgia,serif}h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:.95}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:1.15rem}.auth-shell,.product-shell{width:min(1480px,100% - 40px);margin:0 auto}.auth-shell{place-items:center;min-height:100vh;padding:40px 0;display:grid}.auth-grid{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:stretch;gap:28px;width:100%;display:grid}.auth-hero,.auth-card,.sidebar,.hero-card,.panel,.metric-card,.empty-state,.record-card,.selection-card,.project-card,.spotlight-card,.code-card,.module-card,.check-item,.owner-card,.status-banner,.note-tile,.selection-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf6d1;border:1px solid #21382e1f;box-shadow:0 24px 60px #19251f14}.auth-hero,.auth-card,.sidebar,.hero-card,.panel,.metric-card,.empty-state,.record-card,.selection-card,.project-card,.spotlight-card,.code-card,.module-card,.check-item,.owner-card,.status-banner{border-radius:30px}.auth-hero,.auth-card,.sidebar,.panel,.hero-card,.metric-card,.empty-state,.record-card,.project-card,.module-card,.status-banner{padding:28px}.auth-hero{gap:28px;display:grid}.brand-block,.form-head,.panel-copy,.hero-copy,.nav-group-copy,.topbar-copy,.auth-story,.mini-checklist,.hero-note-grid{gap:10px;display:grid}.auth-feature-grid,.hero-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-feature-grid>div,.auth-story>div,.note-tile,.module-card{background:#bf7a5214;border:1px solid #bf7a5224;border-radius:22px;padding:18px 20px}.auth-story{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-card{align-content:start;gap:18px;display:grid}.auth-switch{background:#1b31280f;border-radius:999px;gap:6px;width:fit-content;padding:6px;display:inline-flex}.toggle{color:var(--muted-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px}.toggle.active,.primary-button{color:#fff8f0;background:linear-gradient(135deg,#c96f42,#ae5b39);font-weight:700}.demo-block{background:#1f382f0d;border:1px solid #1f382f14;border-radius:22px;gap:6px;padding:18px 20px;display:grid}.product-shell{grid-template-columns:320px minmax(0,1fr);gap:22px;min-height:100vh;padding:24px 0 44px;display:grid}.sidebar{grid-template-rows:auto auto 1fr auto;align-content:start;gap:20px;height:calc(100vh - 48px);display:grid;position:sticky;top:24px}.sidebar-brand p,.nav-group-copy p,.topbar-copy p,.record-card p,.panel p,.empty-state p,.metric-card p,.module-card p,.note-tile p,.mini-checklist p,.muted{color:var(--muted-text)}.nav-stack,.nav-group,.nav-group-links,.page-stack,.stack-list,.token-stack,.detail-list,.explain-list,.timeline-card,.checklist{gap:12px;display:grid}.nav-link{text-align:left;color:var(--body-text);font:inherit;cursor:pointer;background:#fffcf69e;border:1px solid #21382e1a;border-radius:22px;gap:4px;padding:14px 16px;display:grid}.nav-home{background:linear-gradient(135deg,#c96f421f,#ad5b3914)}.nav-link small{color:var(--muted-text)}.nav-link.active{color:#fff8ef;background:#21382e;border-color:#21382e}.nav-link.active small{color:#fff8efcc}.sidebar-footer{align-self:end}.owner-card{gap:10px;display:grid}.workspace{align-content:start;gap:18px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.topbar-actions,.action-row,.hero-actions,.chip-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar-actions{justify-content:flex-end}.status-banner{padding:14px 18px}.status-good{background:#67a47b1f;border-color:#3e805433}.status-warn{background:#de7e631f;border-color:#b85c4c33}.hero-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;display:grid}.hero-copy{align-content:start}.hero-aside,.mini-checklist,.timeline-card{background:#21382e0f;border:1px solid #21382e14;border-radius:24px;padding:18px 20px}.stats-grid,.content-grid,.detail-grid,.field-grid,.module-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid.two-up,.field-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{gap:18px;display:grid}.panel-head,.record-head,.detail-row,.inline-banner,.token-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:8px;font-size:.73rem;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:26px;height:1px}.metric-card strong{color:var(--title-text);margin:8px 0 10px;font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1;display:block}.record-card,.project-card,.module-card,.empty-state,.selection-card,.spotlight-card,.code-card{gap:14px;display:grid}.selection-card{padding:0;overflow:hidden}.selection-card.active{border-color:#c96f426b;box-shadow:0 24px 60px #c96f4224}.selection-button{text-align:left;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:0;gap:12px;padding:22px;display:grid}.record-meta{color:var(--muted-text);justify-items:end;gap:6px;display:grid}.pill,.chip{background:#21382e0d;border:1px solid #21382e1f;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.88rem;display:inline-flex}.pill-good{background:#48915f1f;border-color:#48915f2e}.pill-warn{background:#c96f4224;border-color:#c96f4233}.chip-button,.ghost-button,.primary-button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:11px 18px;transition:transform .14s}.ghost-button,.chip-button{color:var(--body-text);background:#21382e14}.chip-button{text-align:left}.primary-button:hover,.ghost-button:hover,.chip-button:hover,.nav-link:hover,.check-item:hover,.selection-button:hover{transform:translateY(-1px)}.form-stack{gap:14px;display:grid}label{color:var(--title-text);gap:8px;font-weight:600;display:grid}input,select,textarea{width:100%;color:var(--body-text);font:inherit;background:#ffffffc7;border:1px solid #21382e24;border-radius:18px;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:#c96f4252;outline:2px solid #c96f4238}.detail-list,.detail-grid,.timeline-card{gap:14px}.detail-row{border-bottom:1px solid #21382e14;padding-bottom:12px}.detail-row:last-child{border-bottom:0;padding-bottom:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid>div{background:#21382e0d;border:1px solid #21382e14;border-radius:20px;gap:4px;padding:16px 18px;display:grid}.detail-grid span,.detail-row span,.token-row span{color:var(--muted-text)}.empty-state{align-items:start}.code-card,.spotlight-card{color:#f5efe7;background:#18231eeb;border-color:#18231eeb}.code-card.secondary{background:#3d312af0;border-color:#3d312af0}.code-card .eyebrow,.spotlight-card .eyebrow{color:#ffe1bfdb}.code-card pre,.token-value{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Menlo,monospace}.token-value{font-size:.92rem}.inline-banner{background:#21382e0f;border:1px solid #21382e14;border-radius:18px;padding:12px 14px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.check-item{text-align:left;cursor:pointer;border:1px solid #21382e1a;padding:18px 20px}.check-item.done{background:#48915f1a;border-color:#48915f47}.check-badge{width:fit-content;color:var(--muted-text);background:#21382e14;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.84rem;display:inline-flex}.timeline-step{border-left:2px solid #21382e1f;gap:4px;padding-left:18px;display:grid}.timeline-step.done{border-left-color:#48915f80}.token-stack{background:#21382e0a;border:1px solid #21382e14;border-radius:20px;padding:14px 16px}.token-row code{font-family:SFMono-Regular,Menlo,monospace}@media (width<=1180px){.product-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.hero-card,.auth-grid,.content-grid.two-up,.field-grid,.project-grid,.module-grid,.stats-grid,.detail-grid,.auth-story,.auth-feature-grid,.checklist{grid-template-columns:1fr}.topbar{flex-direction:column}}@media (width<=720px){.auth-shell,.product-shell{width:min(100%,100% - 24px)}.auth-hero,.auth-card,.sidebar,.hero-card,.panel,.metric-card,.empty-state,.record-card,.project-card,.module-card,.status-banner{border-radius:24px;padding:22px}.selection-button{padding:18px}}
