@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg-ink:#08121a;--bg-deep:#11222d;--panel:#0a161fc7;--panel-soft:#ffffff0f;--panel-line:#ffffff1c;--text-main:#f1f0ea;--text-soft:#f1f0eabd;--text-muted:#f1f0ea8f;--accent-amber:#ffbb63;--accent-coral:#ff8860;--accent-sea:#77d7c3;--success:#8de0ab;--warning:#ffcf80;--danger:#ff9674;color:var(--text-main);background:radial-gradient(circle at top left, #ffb65f2e, transparent 28%), radial-gradient(circle at top right, #77d7c32e, transparent 24%), linear-gradient(180deg, var(--bg-ink) 0%, var(--bg-deep) 42%, #1d2f3a 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior:none;min-height:100svh;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background:linear-gradient(#08121a0d,#08121a80),radial-gradient(circle at 20% 10%,#ffffff0d,#0000 35%);position:fixed;inset:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto minmax(0,1fr);gap:1rem;width:min(100%,1180px);height:100svh;margin:0 auto;padding:1.5rem;display:grid;position:relative;overflow:hidden}.hero-band{align-content:start;gap:.65rem;padding:.5rem 0 .25rem;display:grid;position:relative}.hero-topline{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.chip,.pill,.status-chip{border:1px solid var(--panel-line);min-height:2rem;color:var(--text-soft);background:#ffffff0f;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.88rem;font-weight:500;display:inline-flex}.status-chip[data-tone=good]{color:var(--success);border-color:#8de0ab59}.status-chip[data-tone=warn]{color:var(--warning);border-color:#ffcf8059}.status-chip[data-tone=danger]{color:var(--danger);border-color:#ff967459}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-amber);margin:0;font-size:.77rem;font-weight:600}.hero-title{letter-spacing:-.06em;max-width:12ch;margin:0;font-family:Fraunces,serif;font-size:clamp(2.85rem,8vw,5.8rem);line-height:.92}.hero-copy{max-width:48rem;color:var(--text-soft);margin:0;font-size:1.05rem}.layout{gap:1.25rem;display:grid}.panel{border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.7rem;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000040}.stage-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:1.2rem;display:grid}.stage-topbar{flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-bottom:1rem;display:flex}.progress-strip{flex-wrap:wrap;gap:.5rem;display:flex}.progress-step{min-width:6rem;color:var(--text-muted);background:#ffffff0a;border:1px solid #0000;border-radius:1rem;padding:.55rem .8rem;font-size:.84rem}.progress-step[data-state=active]{color:var(--text-main);background:#ffbb631f;border-color:#ffbb6352}.progress-step[data-state=done]{color:var(--accent-sea);border-color:#77d7c333}.top-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn,.ghost-button,.primary-button,.secondary-button{border:1px solid #0000;border-radius:1rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.8rem 1rem;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.primary-button{background:linear-gradient(180deg, var(--accent-amber) 0%, #ff9d60 100%);color:#17212a;font-weight:700;box-shadow:0 18px 35px #ff9d6038}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.secondary-button{border-color:var(--panel-line);color:var(--text-main);background:#ffffff0a}.ghost-button{color:var(--text-soft);background:0 0;border-color:#ffffff14}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.stage-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1rem;min-height:0;display:grid}.canvas-card,.guide-card,.result-card,.summary-card{border:1px solid var(--panel-line);background:#ffffff0a;border-radius:1.35rem}.canvas-card{min-height:0;padding:.8rem;display:grid}.canvas-shell{grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;height:100%;min-height:0;display:grid}.mobile-notices{display:none}.canvas-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.header-actions .ghost-button{width:auto;min-height:2.2rem;padding:.4rem .7rem}.canvas-label{margin:0;font-size:1rem;font-weight:600}.canvas-meta{color:var(--text-muted);font-size:.88rem}.canvas-placeholder{min-height:20rem;color:var(--text-soft);text-align:center;background:linear-gradient(#ffffff08,#ffffff03),radial-gradient(circle at 50% 20%,#ffbb6314,#0000 35%);border:1px dashed #ffffff29;border-radius:1.1rem;place-items:center;padding:1.5rem;display:grid}.canvas-placeholder strong{color:var(--text-main);margin-bottom:.45rem;display:block}.capture-hero{background:radial-gradient(at 50% 30%,#ffbb631f,#0000 60%),linear-gradient(#ffffff0a,#ffffff03);border:1px solid #ffbb6324;border-radius:1.1rem;place-items:center;height:100%;min-height:14rem;display:grid;position:relative}.capture-hero-inner{text-align:center;justify-items:center;gap:1.5rem;max-width:22rem;padding:2rem 1.5rem;display:grid}.capture-icon{width:5rem;height:5rem;color:var(--accent-amber);background:#ffbb631a;border:1px solid #ffbb6333;border-radius:50%;place-items:center;display:grid}.capture-text{gap:.35rem;display:grid}.capture-text strong{color:var(--text-main);font-size:1.15rem}.capture-text span{color:var(--text-soft);font-size:.92rem;line-height:1.45}.capture-button{background:linear-gradient(180deg, var(--accent-amber) 0%, #ff9d60 100%);color:#17212a;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:3.4rem;padding:.9rem 1.5rem;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 18px 35px #ff9d6040}.capture-button:hover{transform:translateY(-1px);box-shadow:0 22px 40px #ff9d604d}.capture-button:active{transform:translateY(1px);box-shadow:0 10px 20px #ff9d6033}.guide-card{overscroll-behavior:contain;align-content:start;gap:1rem;min-height:0;padding:1.1rem;display:grid;overflow:auto}.guide-card h2,.result-card h2,.summary-card h2{margin:0;font-size:1.1rem}.guide-card p,.summary-card p,.result-card p{color:var(--text-soft);margin:0}.instruction-list,.notice-list,.metric-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.instruction-list li,.notice-list li{color:var(--text-soft);padding-left:1.1rem;position:relative}.instruction-list li:before,.notice-list li:before{content:"";background:linear-gradient(180deg, var(--accent-amber) 0%, var(--accent-coral) 100%);border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:.58rem;left:0}.notice-list li[data-tone=good]:before{background:var(--success)}.notice-list li[data-tone=warn]:before{background:var(--warning)}.notice-list li[data-tone=danger]:before{background:var(--danger)}.notice-callout{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:.95rem 1rem}.notice-callout[data-tone=danger]{background:#ff967412;border-color:#ff967433}.notice-callout[data-tone=warn]{background:#ffcf8014;border-color:#ffcf8033}.notice-callout[data-tone=good]{background:#8de0ab12;border-color:#8de0ab33}.field-group{gap:.55rem;display:grid}.field-label{color:var(--text-soft);font-size:.9rem;font-weight:600}.marker-grid{gap:.7rem;display:grid}.marker-option{text-align:left;border:1px solid var(--panel-line);width:100%;color:var(--text-main);background:#ffffff08;border-radius:1rem;gap:.28rem;padding:.9rem 1rem;display:grid}.marker-option[data-active=true]{background:#ffbb6314;border-color:#ffbb6352}.marker-option small{color:var(--text-muted)}.capture-actions{gap:.7rem;display:grid}.hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.summary-grid,.results-grid{gap:1rem;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.result-card{padding:1.25rem}.result-card h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25rem;font-size:.82rem;font-weight:600}.result-source{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.summary-stat,.result-stat{gap:.3rem;display:grid}.summary-stat strong,.result-stat strong{font-size:1.3rem}.summary-stat span,.result-stat span{color:var(--text-muted);font-size:.88rem}.confidence-badge{border-radius:999px;width:fit-content;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.confidence-high{color:#34c759;background:#34c75926}.confidence-warning,.confidence-low{color:#ffb340;background:#ffb34026}.confidence-invalid{color:#ff453a;background:#ff453a26}.confidence-pending{color:#8e8e93;background:#8e8e9326}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero{gap:1.25rem;display:grid}.confidence-meter{gap:.4rem;display:grid}.confidence-meter-label{color:var(--text-soft);justify-content:space-between;font-size:.82rem;display:flex}.confidence-meter-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.confidence-meter-fill{border-radius:3px;height:100%;transition:width .4s}.confidence-meter-fill[data-level=high]{background:linear-gradient(90deg,#34c759,#8de0ab)}.confidence-meter-fill[data-level=low],.confidence-meter-fill[data-level=warning]{background:linear-gradient(90deg,#ffb340,#ffcf80)}.confidence-meter-fill[data-level=invalid]{background:linear-gradient(90deg,#ff453a,#ff9674)}.confidence-meter-fill[data-level=pending]{background:#8e8e9366}.result-headline{gap:.6rem;display:grid}.result-volume{color:var(--text-soft);margin:0;font-size:.95rem}.result-actions{flex-wrap:wrap;gap:.75rem;display:flex}.loading-screen{text-align:center;place-items:center;min-height:65svh;padding:2rem;display:grid}.spinner{border:3px solid #ffffff24;border-top-color:var(--accent-amber);border-radius:999px;width:2.4rem;height:2.4rem;margin:0 auto 1rem;animation:.9s linear infinite spin}.muted{color:var(--text-muted)}.stack{gap:1rem;display:grid}.microcopy{color:var(--text-muted);font-size:.88rem}.divider{background:#ffffff14;height:1px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.stage-grid,.summary-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid{grid-template-rows:minmax(0,1fr) auto}.guide-card{max-height:min(28svh,18rem)}}@media (width<=640px){.app-shell{gap:.75rem;padding:.85rem}.hero-band{gap:.35rem;padding:.1rem 0 0}.hero-topline .chip,.progress-strip{display:none}.hero-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-copy{display:none}.stage-panel{padding:.8rem}.stage-topbar{justify-content:flex-end;margin-bottom:.75rem}.canvas-header{align-items:start}.canvas-header .ghost-button{flex:none;width:auto;min-height:2.35rem;padding:.5rem .8rem}.canvas-meta{font-size:.8rem}.progress-step{min-width:5.1rem;padding:.45rem .65rem;font-size:.78rem}.guide-card,.summary-card,.result-card,.canvas-card{border-radius:1.15rem}.guide-card{display:none}.stage-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.mobile-notices{gap:.5rem;display:grid}.mobile-notices .notice-callout{padding:.7rem .8rem;font-size:.88rem}.primary-button,.secondary-button,.ghost-button,.top-actions,.result-actions{width:100%}.result-actions>*{flex:100%}.top-actions{justify-content:flex-end;width:auto;margin-left:auto}.top-actions>*{flex:none}.stage-topbar .ghost-button,.stage-topbar .status-chip,.stage-topbar .pill{width:auto;min-height:2.35rem;padding:.5rem .8rem}.canvas-header{gap:.5rem}.guide-card{max-height:min(16svh,8.5rem);padding:.8rem}.hero-band{padding:0}.eyebrow{font-size:.72rem}.capture-hero{background:radial-gradient(at 50% 40%,#ffbb631a,#0000 70%);border:none;min-height:0}.capture-hero-inner{gap:1.2rem;padding:1.5rem 1rem}.capture-icon{width:4.2rem;height:4.2rem}.capture-icon svg{width:36px;height:36px}.capture-text strong{font-size:1.05rem}.capture-text span{font-size:.85rem}.capture-button{border-radius:.85rem;min-height:3.2rem;font-size:1rem}.mobile-notices .notice-callout{padding:.5rem .65rem;font-size:.8rem;line-height:1.35}.stage-panel{border-radius:1.15rem}}.sr-only.svelte-1nq6dv3{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar.svelte-ie8ne6{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ghost.svelte-ie8ne6,.primary.svelte-ie8ne6{appearance:none;color:inherit;font:inherit;border:1px solid #ffffff29;border-radius:999px;padding:.72rem 1rem}.ghost.svelte-ie8ne6{background:#ffffff0d}.primary.svelte-ie8ne6{background:#ffffff1f}.primary[data-accent=amber].svelte-ie8ne6{background:#fbbf242e}.primary[data-accent=blue].svelte-ie8ne6{background:#60a5fa3d}.primary.svelte-ie8ne6:disabled,.ghost.svelte-ie8ne6:disabled{opacity:.45}@media (width<=640px){.toolbar.svelte-ie8ne6{gap:.55rem}.ghost.svelte-ie8ne6,.primary.svelte-ie8ne6{flex:1 1 0;min-width:0;padding:.64rem .8rem}}.picker-shell.svelte-150oe15{color:#f5f7fb;grid-template-rows:auto minmax(0,1fr);gap:.9rem;height:100%;min-height:0;display:grid}.stage-viewport.svelte-150oe15{background:radial-gradient(circle at 0 0,#fbbf241f,#0000 40%),linear-gradient(#101828f2,#070a10f5);border:1px solid #ffffff1f;border-radius:24px;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000059,inset 0 1px #ffffff0f}canvas.svelte-150oe15{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.zoom-reset.svelte-150oe15{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #fff3;border-radius:.5rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.6rem;right:.6rem}@media (width<=640px){.picker-shell.svelte-150oe15{gap:.7rem}.stage-viewport.svelte-150oe15{height:100%;min-height:0}}.fit-text-container.svelte-1u20g64{width:100%;overflow:hidden}.fit-text.svelte-1u20g64{letter-spacing:-.04em;word-break:break-word;display:block}.volume-banner.svelte-1vjybh7{text-align:center;background:radial-gradient(at 50% 40%,#8de0ab1a,#0000 70%),#ffffff08;border:1px solid #8de0ab26;border-radius:1.15rem;gap:.3rem;padding:1rem .5rem;display:grid}.volume-sub.svelte-1vjybh7{color:var(--text-soft);font-size:.95rem}