:root{font-family:var(--ccc-font-body);--font-heading: var(--ccc-font-heading);--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--surface-0: var(--ccc-ivory-mist);--surface-1: var(--ccc-pearl-white);--surface-2: var(--ccc-sage-mist);--border-muted: var(--ccc-stone-border);--text-main: var(--ccc-eucalyptus-ink);--text-subtle: #8b908d;--accent-primary: var(--ccc-muted-rose);--accent-secondary: var(--ccc-champagne)}body{margin:0;background:var(--ccc-soft-floral-fade);color:var(--text-main)}.app-shell{max-width:72rem;margin:0 auto;padding:var(--space-6)}.hero{font-family:var(--font-heading);font-size:clamp(2.2rem,4vw,3.75rem);letter-spacing:.2em;text-transform:uppercase;color:var(--text-main);margin:.25rem 0}.header-row{display:flex;justify-content:space-between;align-items:center}.header-row h1,.view-card h2,.view-card h3{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--text-main);font-weight:500}.route-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:var(--space-4) 0}.route-nav button{background:color-mix(in srgb,var(--surface-1) 92%,var(--surface-2))}.route-nav button,.step,button{text-decoration:none;border:1px solid var(--border-muted);border-radius:var(--ccc-button-radius);padding:.45rem .8rem;color:var(--text-main);background:var(--surface-1);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.73rem}.route-nav .active,.step.active{background:var(--surface-2);color:var(--text-main);border-color:var(--accent-secondary)}.view-card{position:relative;background:color-mix(in srgb,var(--surface-1) 90%,var(--surface-2));border-radius:18px;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--border-muted) 75%,white);box-shadow:0 18px 38px #4d58521f}.overlay{border:1px solid var(--border-muted)}.sticky-chip{position:sticky;top:0;z-index:1;background:var(--surface-2);border:1px solid var(--border-muted);border-radius:999px;padding:.4rem .8rem;margin-bottom:var(--space-3);font-size:.88rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.context-cards{display:grid;gap:var(--space-3)}.context-card{border:1px solid var(--border-muted);border-radius:12px;padding:var(--space-3);background:var(--surface-2)}.context-card summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.scan-panel{margin-top:.5rem;border-top:1px dashed var(--border-muted);padding-top:var(--space-2)}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}input,select,textarea{border:1px solid var(--border-muted);border-radius:8px;padding:var(--space-2);font:inherit;background:var(--surface-1)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-secondary) 70%,white);outline-offset:2px}.error{color:var(--ccc-error-berry)}.result{color:var(--ccc-success-leaf)}.helper{color:var(--text-subtle);margin-top:0}.stepper{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-3)}.results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.results-drawer{border:1px solid var(--border-muted);border-radius:12px;padding:var(--space-3);margin-bottom:var(--space-3);background:var(--surface-2)}.compare-panel{position:sticky;bottom:0;margin-top:var(--space-3);border:1px solid var(--border-muted);border-radius:12px 12px 0 0;background:var(--surface-1);padding:var(--space-3);box-shadow:0 -8px 20px #0f172a14}.stepper-wrap{margin-bottom:var(--space-3)}.stepper-item{display:inline-flex;align-items:center;gap:.35rem}.step{display:inline-flex;align-items:center;gap:.5rem}.step:disabled{cursor:not-allowed;opacity:.5}.step-status{text-transform:capitalize;font-size:.74rem;border-radius:999px;padding:.1rem .4rem;background:var(--surface-2)}.step-status.completed{background:#dbe5de}.step-status.current{background:#e7ddd3}.step-status.upcoming{background:var(--surface-2)}.step-arrow{color:var(--text-subtle)}.stepper-nav{display:flex;gap:.5rem}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border-muted);text-align:left;padding:.4rem}.list{margin:.5rem 0;padding-left:1rem}pre{white-space:pre-wrap;background:var(--surface-2);padding:var(--space-3);border-radius:8px;border:1px solid var(--border-muted)}.tools{display:none}.tools.open{display:block}.desktop-tools{margin-top:1rem;border-top:1px solid var(--border-muted);padding-top:1rem}.tools-panel{margin-bottom:1rem}.mobile-tools{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface-1);border-top:1px solid var(--border-muted);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #0f172a29;padding:1rem;max-height:65vh;overflow-y:auto}.cta-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.flow-surface{display:grid;gap:var(--space-3)}.celebrate-strip,.side-quests{border:1px dashed var(--border-muted);border-radius:12px;padding:var(--space-3)}.chaos-surface{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-1))}.chaos-mode .chaos-surface{animation:chaos-pulse 1.2s ease-in-out infinite alternate}@keyframes chaos-pulse{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@media (min-width: 768px){.mobile-tools{display:none!important}}@media (max-width: 767px){.desktop-tools{display:none!important}}:root{--ccc-ivory-mist: #f8f6f2;--ccc-pearl-white: #ffffff;--ccc-sage-mist: #eef1ed;--ccc-stone-border: #d7dbd8;--ccc-eucalyptus-ink: #747675;--ccc-charcoal-vow: #2f3331;--ccc-champagne: #dcc8a0;--ccc-muted-rose: #b89a95;--ccc-success-leaf: #5e7e69;--ccc-error-berry: #9c5454;--ccc-card-radius: 18px;--ccc-pill-radius: 999px;--ccc-button-radius: 6px;--ccc-transition-standard: .22s;--ccc-soft-floral-fade: linear-gradient(135deg, #f8f6f2 0%, #eef1ed 45%, #f3ece8 100%);--ccc-font-heading: "Cormorant Infant", "Times New Roman", Georgia, serif;--ccc-font-body: "Josefin Sans", "Avenir Next", "Segoe UI", sans-serif}[data-theme=dark]{--ccc-ivory-mist: #1e2220;--ccc-pearl-white: #252a28;--ccc-sage-mist: #2d3430;--ccc-stone-border: #4a514d;--ccc-eucalyptus-ink: #d4d8d5;--ccc-charcoal-vow: #eff3f0;--ccc-champagne: #bdaa83;--ccc-muted-rose: #a4837e;--ccc-success-leaf: #83a68e;--ccc-error-berry: #cf8585}.ccc-app{background:var(--ccc-soft-floral-fade);color:var(--ccc-eucalyptus-ink);font-family:var(--ccc-font-body);min-height:100vh}.ccc-card{background:color-mix(in srgb,var(--ccc-pearl-white) 90%,var(--ccc-sage-mist));border:1px solid color-mix(in srgb,var(--ccc-stone-border) 75%,white);border-radius:var(--ccc-card-radius);padding:16px}.ccc-heading{color:var(--ccc-eucalyptus-ink);font-family:var(--ccc-font-heading);letter-spacing:.12em;text-transform:uppercase}.ccc-button-primary{align-items:center;background:var(--ccc-muted-rose);border:1px solid color-mix(in srgb,var(--ccc-muted-rose) 70%,black);border-radius:var(--ccc-button-radius);color:var(--ccc-pearl-white);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:44px;min-width:44px;padding:10px 20px;transition:transform var(--ccc-transition-standard) ease,background var(--ccc-transition-standard) ease}.ccc-button-primary:hover{background:color-mix(in srgb,var(--ccc-muted-rose) 86%,black)}.chaos-mode .ccc-button-primary:hover,.chaos-mode .chaos-surface{background:var(--ccc-soft-floral-fade);transform:rotate(1deg) scale(1.02)}.ccc-input{border:1px solid var(--ccc-stone-border);border-radius:8px;color:var(--ccc-eucalyptus-ink);min-height:44px;padding:8px 12px}@media (prefers-reduced-motion: reduce){.ccc-button-primary{transition:none}.ccc-button-primary:hover{transform:none}}