@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--warm-1000: #0C0A09;--warm-950: #12100E;--warm-900: #1A1714;--warm-850: #221E1A;--warm-800: #2B2621;--warm-750: #362F29;--warm-700: #4A4139;--warm-600: #635B53;--warm-500: #8A8076;--warm-400: #A79C90;--warm-300: #BCB1A4;--warm-200: #D3C7B6;--warm-150: #E3DACD;--warm-100: #EDE7DD;--warm-50: #F6F2EB;--warm-25: #FFFDFA;--brass-700: #5A400F;--brass-600: #6F5019;--brass-500: #8A6626;--brass-400: #B98C46;--brass-300: #D2A55C;--brass-200: #E0B872;--brass-100: #EFD7A3;--silver-600: #6E6A64;--silver-400: #8C8A85;--silver-200: #B8B5AE;--silver-100: #DEDBD4;--jade-400: #7FA872;--jade-600: #4A7340;--amber-400: #D3A24A;--amber-600: #8A6420;--oxide-400: #C96A48;--oxide-600: #9E4527;--patina-400: #6E9391;--patina-600: #3F605E}:root,[data-theme=dark]{color-scheme:dark;--bg-canvas: var(--warm-950);--bg-sunken: var(--warm-1000);--surface-1: var(--warm-900);--surface-2: var(--warm-850);--surface-3: var(--warm-800);--surface-inset: #100E0C;--surface-scrim: rgba(8, 6, 5, .72);--border-subtle: #262119;--border-default: var(--warm-750);--border-strong: var(--warm-700);--text-primary: #F2EBE0;--text-secondary: var(--text-2, #BCB1A4);--text-2: #BCB1A4;--text-muted: var(--warm-500);--text-faint: var(--warm-600);--text-on-accent: #14110E;--accent: var(--brass-300);--accent-hover: var(--brass-200);--accent-press: var(--brass-400);--accent-quiet: rgba(210, 165, 92, .12);--accent-quiet-hover: rgba(210, 165, 92, .2);--accent-border: rgba(210, 165, 92, .38);--accent-text: var(--brass-200);--risk-low-fg: var(--jade-400);--risk-low-bg: rgba(127, 168, 114, .14);--risk-med-fg: var(--amber-400);--risk-med-bg: rgba(211, 162, 74, .14);--risk-high-fg: var(--oxide-400);--risk-high-bg: rgba(201, 106, 72, .15);--status-draft-fg: var(--warm-400);--status-draft-bg: rgba(167, 156, 144, .12);--status-generating-fg: var(--brass-300);--status-generating-bg: rgba(210, 165, 92, .13);--status-review-fg: var(--amber-400);--status-review-bg: rgba(211, 162, 74, .13);--status-approved-fg: var(--jade-400);--status-approved-bg: rgba(127, 168, 114, .13);--status-revise-fg: var(--oxide-400);--status-revise-bg: rgba(201, 106, 72, .14);--status-exported-fg: var(--patina-400);--status-exported-bg: rgba(110, 147, 145, .14);--focus-ring: rgba(210, 165, 92, .55);--stage-bg: radial-gradient(120% 90% at 50% 8%, #211C17 0%, #100E0C 62%, #0A0908 100%);--metal-sheen: linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 42%)}[data-theme=light]{color-scheme:light;--bg-canvas: var(--warm-50);--bg-sunken: var(--warm-100);--surface-1: var(--warm-25);--surface-2: #FFFFFF;--surface-3: #F1EBE1;--surface-inset: var(--warm-100);--surface-scrim: rgba(28, 23, 18, .4);--border-subtle: var(--warm-150);--border-default: var(--warm-200);--border-strong: #B7A895;--text-primary: #211C16;--text-2: #574E44;--text-secondary: #574E44;--text-muted: #7C7266;--text-faint: #9A9083;--text-on-accent: var(--warm-25);--accent: var(--brass-500);--accent-hover: var(--brass-600);--accent-press: var(--brass-700);--accent-quiet: rgba(138, 102, 38, .1);--accent-quiet-hover: rgba(138, 102, 38, .16);--accent-border: rgba(138, 102, 38, .32);--accent-text: var(--brass-600);--risk-low-fg: var(--jade-600);--risk-low-bg: rgba(74, 115, 64, .1);--risk-med-fg: var(--amber-600);--risk-med-bg: rgba(138, 100, 32, .1);--risk-high-fg: var(--oxide-600);--risk-high-bg: rgba(158, 69, 39, .1);--status-draft-fg: #7C7266;--status-draft-bg: rgba(124, 114, 102, .1);--status-generating-fg: var(--brass-600);--status-generating-bg: rgba(138, 102, 38, .1);--status-review-fg: var(--amber-600);--status-review-bg: rgba(138, 100, 32, .1);--status-approved-fg: var(--jade-600);--status-approved-bg: rgba(74, 115, 64, .1);--status-revise-fg: var(--oxide-600);--status-revise-bg: rgba(158, 69, 39, .1);--status-exported-fg: var(--patina-600);--status-exported-bg: rgba(63, 96, 94, .1);--focus-ring: rgba(138, 102, 38, .45);--stage-bg: radial-gradient(120% 90% at 50% 8%, #FFFFFF 0%, #F3EDE4 60%, #E9E1D5 100%);--metal-sheen: linear-gradient(145deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0) 45%)}:root{--enamel-do-son: #B32B24;--enamel-do-tham: #7C1D1A;--enamel-cam-dat: #D2691E;--enamel-vang-nghe: #E3A81C;--enamel-xanh-reu: #4A6B37;--enamel-xanh-ngoc: #1E8A7A;--enamel-xanh-bien: #1F5C8B;--enamel-tim-hue: #5B2C6F;--enamel-hong-sen: #D6547E;--enamel-den-mun: #1C1A18;--enamel-trang-nga: #F0EAD9;--enamel-nau-tram: #5A3A22}:root{--font-ui: "Be Vietnam Pro", -apple-system, "Segoe UI", system-ui, sans-serif;--font-display: "Spectral", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fs-micro: 11px;--fs-caption: 12px;--fs-body-sm: 13px;--fs-body: 14px;--fs-body-lg: 16px;--fs-title-sm: 18px;--fs-title: 22px;--fs-display-sm: 28px;--fs-display: 36px;--fs-display-lg: 48px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-tight: -.015em;--ls-normal: 0;--ls-wide: .02em;--ls-label: .08em;--ls-caps: .14em;--type-display-family: var(--font-display);--type-display-weight: var(--fw-semibold);--type-eyebrow-size: var(--fs-micro);--type-eyebrow-tracking: var(--ls-label);--numeral-spec: tabular-nums lining-nums}:root{--space-0: 0px;--space-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--pad-spec-row: var(--space-2) var(--space-3);--pad-card: var(--space-4);--pad-panel: var(--space-6);--pad-stage: var(--space-12);--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--border-hairline: 1px;--border-medium: 1.5px;--border-heavy: 2px;--shadow-inset-hairline: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow-2: 0 4px 14px rgba(0, 0, 0, .4);--shadow-3: 0 12px 32px rgba(0, 0, 0, .48);--shadow-stage: 0 40px 80px -24px rgba(0, 0, 0, .7);--shadow-accent-glow: 0 0 0 1px var(--accent-border), 0 6px 20px rgba(210, 165, 92, .14);--dur-instant: 90ms;--dur-fast: .15s;--dur-base: .22s;--dur-slow: .38s;--dur-reveal: .62s;--ease-standard: cubic-bezier(.32, .72, .28, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--rail-nav: 216px;--rail-nav-collapsed: 56px;--rail-versions: 232px;--rail-versions-collapsed: 64px;--rail-specs: 320px;--topbar-h: 56px;--commandbar-h: 60px;--content-max: 1440px;--z-sticky: 10;--z-drawer: 40;--z-modal: 60;--z-toast: 80}[data-theme=light]{--shadow-inset-hairline: inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-1: 0 1px 2px rgba(60, 46, 28, .08);--shadow-2: 0 4px 14px rgba(60, 46, 28, .1);--shadow-3: 0 12px 32px rgba(60, 46, 28, .14);--shadow-stage: 0 30px 60px -28px rgba(60, 46, 28, .28);--shadow-accent-glow: 0 0 0 1px var(--accent-border), 0 6px 20px rgba(138, 102, 38, .12)}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-normal);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent-text);text-decoration:none;border-bottom:1px solid var(--accent-border)}a:hover{color:var(--accent-hover);border-bottom-color:var(--accent)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-quiet-hover);color:var(--text-primary)}h1,h2,h3,h4,p{margin:0}.num,[data-numeric]{font-variant-numeric:var(--numeral-spec)}.eyebrow{font-size:var(--fs-micro);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);font-weight:var(--fw-medium)}.display-name{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}#root{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:var(--border-hairline) solid var(--border-subtle);background:var(--bg-canvas);position:sticky;top:0;z-index:10}.topbar .brand{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-title-sm);color:var(--text-primary)}.topbar .brand em{color:var(--accent-text);font-style:normal}.topbar .mode{margin-left:auto}.shell{flex:1;width:min(1180px,100%);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-20)}.steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.step{font-size:var(--fs-caption);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:var(--border-hairline) solid var(--border-subtle);color:var(--text-muted);background:transparent}.step.on{color:var(--accent-text);border-color:var(--accent-border);background:var(--accent-quiet)}.step.done{color:var(--text-secondary)}.panel{background:var(--surface-1);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--pad-panel);box-shadow:var(--shadow-1)}.panel+.panel{margin-top:var(--space-6)}.panel h2{font-family:var(--font-display);font-size:var(--fs-title);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.panel .sub{color:var(--text-secondary);margin-bottom:var(--space-6);max-width:62ch}.grid{display:grid;gap:var(--space-4)}.grid.form{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:var(--fs-caption);color:var(--text-muted);letter-spacing:var(--ls-label, .04em);text-transform:uppercase}.field input,.field select,.field textarea{background:var(--surface-inset);border:var(--border-hairline) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-border);outline:none}.field.wide{grid-column:1 / -1}.field textarea{min-height:84px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-5);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-fast)}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:default}.btn.quiet{background:transparent;color:var(--accent-text);border:var(--border-hairline) solid var(--accent-border)}.btn.quiet:hover{background:var(--accent-quiet)}.btn.ghost{background:transparent;color:var(--text-secondary);border:var(--border-hairline) solid var(--border-default)}.actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);align-items:center;flex-wrap:wrap}.refgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-4)}.refcard{background:var(--surface-2);border:var(--border-medium) solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast)}.refcard:hover{transform:translateY(-2px)}.refcard.picked{border-color:var(--accent);box-shadow:var(--shadow-accent-glow)}.refcard img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--surface-inset)}.refcard .meta{padding:var(--space-2) var(--space-3)}.refcard .name{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refcard .tag{font-size:var(--fs-micro);color:var(--text-muted);font-family:var(--font-mono)}.concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.concept{background:var(--surface-2);border:var(--border-medium) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--pad-card);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--dur-fast)}.concept.picked{border-color:var(--accent);box-shadow:var(--shadow-accent-glow)}.concept h3{font-family:var(--font-display);font-size:var(--fs-title-sm)}.concept .mech{font-size:var(--fs-caption);color:var(--accent-text);font-family:var(--font-mono)}.concept p{font-size:var(--fs-body-sm);color:var(--text-secondary)}.concept .wow{color:var(--text-primary);font-style:italic;border-left:2px solid var(--accent-border);padding-left:var(--space-3)}.chip{display:inline-block;font-size:var(--fs-micro);padding:2px var(--space-2);border-radius:var(--radius-pill)}.chip.low{color:var(--risk-low-fg);background:var(--risk-low-bg)}.chip.medium{color:var(--risk-med-fg);background:var(--risk-med-bg)}.chip.high{color:var(--risk-high-fg);background:var(--risk-high-bg)}.swatches{display:flex;gap:var(--space-1)}.swatches i{width:18px;height:18px;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.12)}.stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.faceframe{background:var(--bg-sunken);border-radius:var(--radius-xl);padding:var(--pad-stage);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-stage) inset}.faceframe img{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.faceframe .cap{color:var(--text-muted);font-size:var(--fs-caption)}.progress{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) 0}.progress .row{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted)}.progress .row.on{color:var(--text-primary)}.progress .row.done{color:var(--jade-400)}.progress .dot{width:8px;height:8px;border-radius:999px;background:currentColor;flex:none}.progress .row.on .dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.note{border:var(--border-hairline) solid var(--amber-600);background:var(--risk-med-bg);color:var(--risk-med-fg);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-body-sm)}.error{border:var(--border-hairline) solid var(--oxide-600);background:var(--risk-high-bg);color:var(--risk-high-fg);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-body-sm);white-space:pre-wrap}.projrow{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer}.projrow:hover{border-color:var(--border-strong)}.projrow .nm{font-weight:var(--fw-medium)}.projrow .st{margin-left:auto;font-size:var(--fs-micro);font-family:var(--font-mono);color:var(--text-muted)}.list{display:flex;flex-direction:column;gap:var(--space-3)}.login{max-width:380px;margin:18vh auto 0}.cost{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted)}