:root{--color-bg: #ffffff;--color-fg: #0f172a;--color-muted: #475569;--color-border: #e2e8f0;--color-primary: #00b16a;--color-primary-fg: #ffffff;--color-accent: #ffb703;--color-danger: #dc2626;--color-warning: #b45309;--color-surface: #f8fafc;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:var(--font-base);color:var(--color-fg);background:var(--color-bg);min-height:100vh}a{color:var(--color-primary)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:1rem}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.app-shell header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.app-shell .brand{font-weight:700;font-size:1.2rem;color:var(--color-primary);text-decoration:none}.app-shell nav a{margin-left:var(--space-4);text-decoration:none;color:var(--color-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.app-shell nav a.active{color:var(--color-fg);background:var(--color-surface)}.app-shell main{padding:var(--space-5);max-width:960px;width:100%;margin:0 auto}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:.85rem;font-weight:600;color:var(--color-muted)}.field input[type=text],.field input[type=email],.field input[type=date],.field input[type=color],.field textarea,.field select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-fg)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--color-primary);outline-offset:1px}button.primary{background:var(--color-primary);color:var(--color-primary-fg);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-weight:600}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-weight:500}button.danger{background:var(--color-bg);color:var(--color-danger);border:1px solid var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-bg);margin-bottom:var(--space-4)}.muted{color:var(--color-muted)}.warning{color:var(--color-warning)}.danger{color:var(--color-danger)}.center{text-align:center}.row{display:flex;gap:var(--space-3);align-items:center}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.wizard-steps{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.wizard-step{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted)}.wizard-step.active{background:var(--color-primary);color:var(--color-primary-fg)}.wizard-step.done{background:var(--color-fg);color:var(--color-bg)}.input-mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.input-mode-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:grab;font-weight:600}.input-mode-card:focus,.input-mode-card:hover{border-color:var(--color-primary);outline:none}.question-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);margin-bottom:var(--space-3)}.drag-handle{cursor:grab;color:var(--color-muted);user-select:none;font-size:1.2rem}.preview-pane{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);min-height:280px}.dashboard-stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.stat{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);min-width:140px;background:var(--color-bg)}.bar{height:16px;background:var(--color-primary);border-radius:var(--radius-sm)}.bar-row{display:grid;grid-template-columns:100px 1fr 40px;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.swatch-grid{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;padding:0}.swatch.selected{border-color:var(--color-fg);box-shadow:0 0 0 2px var(--color-bg) inset}.qr-printable{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:center}@media (max-width: 768px){.input-mode-grid{grid-template-columns:repeat(2,1fr)}.app-shell main{padding:var(--space-3)}}@media print{header,nav,button{display:none!important}.qr-printable{border:none}}.s10{--s10-canvas: #faf8f4;--s10-surface: #ffffff;--s10-surface-2: #f3efe7;--s10-ink: #1c1a17;--s10-ink-soft: #6b6358;--s10-green: #00c244;--s10-green-ink: #057a33;--s10-amber: #f5a623;--s10-amber-ink: #9a5b00;--s10-border: #e7e0d4;--s10-radius: 20px;--s10-radius-sm: 12px;--s10-shadow: 0 1px 2px rgba(28,26,23,.04), 0 8px 24px rgba(28,26,23,.06);background:var(--s10-canvas);color:var(--s10-ink);min-height:100%;margin:calc(-1 * var(--space-5));padding:var(--space-6) var(--space-5);border-radius:0}.s10 *{box-sizing:border-box}.s10-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.s10-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.s10-sub{margin:4px 0 0;color:var(--s10-ink-soft);font-size:.95rem}.s10-tabs{display:flex;gap:6px;background:var(--s10-surface-2);padding:4px;border-radius:999px}.s10-tab{border:none;background:transparent;color:var(--s10-ink-soft);font-weight:700;font-size:.9rem;padding:8px 18px;border-radius:999px;transition:background .18s ease,color .18s ease}.s10-tab[aria-selected=true]{background:var(--s10-surface);color:var(--s10-ink);box-shadow:var(--s10-shadow)}.s10-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.s10-tile{background:var(--s10-surface);border:1px solid var(--s10-border);border-radius:var(--s10-radius);padding:var(--space-5);box-shadow:var(--s10-shadow)}.s10-tile-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--s10-ink-soft)}.s10-tile-num{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;line-height:1;margin-top:6px;letter-spacing:-.03em}.s10-tile-num.green{color:var(--s10-green-ink)}.s10-tile-foot{margin-top:8px;font-size:.85rem;color:var(--s10-ink-soft)}.s10-tile-foot a{color:var(--s10-green-ink);font-weight:700;text-decoration:none}.s10-tile-foot a:hover{text-decoration:underline}.s10-card{background:var(--s10-surface);border:1px solid var(--s10-border);border-radius:var(--s10-radius);padding:var(--space-5);box-shadow:var(--s10-shadow);margin-bottom:var(--space-4)}.s10-card h3{margin:0 0 var(--space-4);font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.s10-card .qmeta{color:var(--s10-ink-soft);font-size:.82rem;margin:-10px 0 var(--space-4)}.s10-bar-row{display:grid;grid-template-columns:84px 1fr 90px;gap:var(--space-3);align-items:center;margin-bottom:10px}.s10-bar-track{height:14px;background:var(--s10-surface-2);border-radius:999px;overflow:hidden}.s10-bar-fill{height:100%;background:var(--s10-green);border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.s10-bar-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem}.s10-suppressed{color:var(--s10-ink-soft);font-weight:600;cursor:help}.s10-suppressed[title]{border-bottom:1px dotted var(--s10-border)}.s10-draw{border-color:var(--s10-amber)}.s10-draw h3 .pin{color:var(--s10-amber-ink)}.s10-btn-draw{background:var(--s10-amber);color:#1c1a17;border:none;font-weight:800;padding:14px 26px;border-radius:var(--s10-radius-sm);font-size:1rem;box-shadow:var(--s10-shadow)}.s10-btn-draw:disabled{opacity:.5}.s10-winner{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:14px 20px;margin:6px;background:var(--s10-surface-2);border:2px solid var(--s10-amber);border-radius:var(--s10-radius-sm);font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.s10-winner.claimed{opacity:.5;border-style:dashed;text-decoration:line-through}.s10-btn{background:var(--s10-surface);color:var(--s10-ink);border:1px solid var(--s10-border);font-weight:700;padding:9px 16px;border-radius:var(--s10-radius-sm);font-size:.9rem}.s10-btn.green{background:var(--s10-green);color:#fff;border-color:var(--s10-green)}.s10-btn:disabled{opacity:.5}.s10-footer{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--s10-surface-2);border-radius:var(--s10-radius-sm);color:var(--s10-ink-soft);font-size:.85rem;line-height:1.55}.s10-suspended{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;border-radius:var(--s10-radius-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);font-weight:600}.s10-chip{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:999px}.s10-chip.green{background:#e7f8ee;color:var(--s10-green-ink)}.s10-chip.amber{background:#fdf2dd;color:var(--s10-amber-ink)}.s10-err{color:#991b1b;font-weight:600;font-size:.9rem;margin-top:8px}.s8{--s8-canvas: #faf8f4;--s8-surface: #ffffff;--s8-surface-2: #f3efe7;--s8-ink: #1c1a17;--s8-ink-soft: #6b6358;--s8-green: #00c244;--s8-green-ink: #057a33;--s8-amber: #f5a623;--s8-amber-ink: #9a5b00;--s8-border: #e7e0d4;--s8-danger: #991b1b;--s8-danger-bg: #fef2f2;--s8-danger-border: #fca5a5;--s8-radius: 20px;--s8-radius-sm: 12px;--s8-shadow: 0 1px 2px rgba(28,26,23,.04), 0 8px 24px rgba(28,26,23,.06);background:var(--s8-canvas);color:var(--s8-ink);min-height:100%;margin:calc(-1 * var(--space-5));padding:var(--space-6) var(--space-5)}.s8 *{box-sizing:border-box}.s8-shell{max-width:760px;margin:0 auto}.s8-head{margin-bottom:var(--space-5)}.s8-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}.s8-sub{margin:6px 0 0;color:var(--s8-ink-soft);font-size:.98rem}.s8-rail{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-5)}.s8-rail-step{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:999px;background:var(--s8-surface-2);color:var(--s8-ink-soft);border:1px solid transparent}.s8-rail-step.active{background:var(--s8-surface);color:var(--s8-ink);box-shadow:var(--s8-shadow);border-color:var(--s8-border)}.s8-rail-step.done{background:#e7f8ee;color:var(--s8-green-ink)}.s8-rail-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.72rem;background:var(--s8-canvas);color:inherit}.s8-rail-step.active .s8-rail-num,.s8-rail-step.done .s8-rail-num{background:var(--s8-green);color:#fff}.s8-card{background:var(--s8-surface);border:1px solid var(--s8-border);border-radius:var(--s8-radius);padding:var(--space-6);box-shadow:var(--s8-shadow);margin-bottom:var(--space-4)}.s8-step-h{margin:0 0 6px;font-size:1.45rem;font-weight:800;letter-spacing:-.01em}.s8-step-help{margin:0 0 var(--space-5);color:var(--s8-ink-soft);font-size:.95rem;line-height:1.55}.s8-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.s8-field>label{font-size:.9rem;font-weight:700;color:var(--s8-ink)}.s8-field .hint{font-size:.84rem;color:var(--s8-ink-soft)}.s8-input,.s8-select,.s8-textarea{padding:12px 14px;border:1px solid var(--s8-border);border-radius:var(--s8-radius-sm);background:var(--s8-surface);color:var(--s8-ink);font-size:1rem}.s8-input:focus,.s8-select:focus,.s8-textarea:focus{outline:2px solid var(--s8-green);outline-offset:1px}.s8-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--s8-border);border-radius:var(--s8-radius-sm);background:var(--s8-surface-2);margin-bottom:var(--space-4)}.s8-toggle-label{font-weight:700;font-size:1.05rem}.s8-toggle-desc{font-size:.85rem;color:var(--s8-ink-soft);margin-top:3px}.s8-switch{position:relative;width:52px;height:30px;flex:0 0 auto}.s8-switch input{opacity:0;width:0;height:0}.s8-switch-track{position:absolute;inset:0;background:#d8d0c2;border-radius:999px;transition:background .18s ease;cursor:pointer}.s8-switch input:checked+.s8-switch-track{background:var(--s8-green)}.s8-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .18s ease;box-shadow:0 1px 3px #0003}.s8-switch input:checked+.s8-switch-track:after{transform:translate(22px)}.s8-switch input:focus-visible+.s8-switch-track{outline:2px solid var(--s8-green-ink);outline-offset:2px}.s8-reveal{padding-left:var(--space-4);border-left:3px solid var(--s8-green);margin:var(--space-2) 0 var(--space-4)}.s8-violation{display:flex;gap:10px;align-items:flex-start;background:var(--s8-danger-bg);border:1px solid var(--s8-danger-border);border-radius:var(--s8-radius-sm);padding:12px 14px;margin:10px 0;color:var(--s8-danger);font-size:.9rem}.s8-violation .ico{flex:0 0 auto}.s8-violation.warning{background:#fffbeb;border-color:#fcd34d;color:var(--s8-amber-ink)}.s8-note{font-size:.85rem;color:var(--s8-ink-soft);background:var(--s8-surface-2);border-radius:var(--s8-radius-sm);padding:12px 14px;line-height:1.55}.s8-note.green{background:#e7f8ee;color:var(--s8-green-ink)}.s8-note.amber{background:#fdf2dd;color:var(--s8-amber-ink)}.s8-ack{display:flex;gap:10px;align-items:flex-start;padding:var(--space-4);border:1px solid var(--s8-border);border-radius:var(--s8-radius-sm);background:var(--s8-surface);margin:var(--space-3) 0}.s8-ack input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}.s8-ack label{font-size:.92rem;line-height:1.5;font-weight:600}.s8-interstitial{background:var(--s8-danger-bg);border:2px solid var(--s8-danger-border);border-radius:var(--s8-radius);padding:var(--space-5);margin:var(--space-3) 0;color:var(--s8-danger)}.s8-interstitial h4{margin:0 0 8px;font-size:1.1rem}.s8-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.s8-btn{background:var(--s8-surface);color:var(--s8-ink);border:1px solid var(--s8-border);font-weight:700;padding:13px 22px;border-radius:999px;font-size:1rem}.s8-btn:disabled{opacity:.5;cursor:not-allowed}.s8-btn.primary{background:var(--s8-green);color:#fff;border-color:var(--s8-green)}.s8-btn.amber{background:var(--s8-amber);color:#1c1a17;border-color:var(--s8-amber)}.s8-btn.wide{width:100%;justify-content:center}.s8-health{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--s8-radius-sm);font-size:.9rem;font-weight:600;margin:10px 0}.s8-health.ok{background:#e7f8ee;color:var(--s8-green-ink)}.s8-health.warn{background:#fffbeb;color:var(--s8-amber-ink);border:1px solid #fcd34d}.s8-health.bad{background:var(--s8-danger-bg);color:var(--s8-danger);border:1px solid var(--s8-danger-border)}.s8-pub-summary{display:grid;gap:10px;margin-bottom:var(--space-4)}.s8-pub-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:10px 0;border-bottom:1px dashed var(--s8-border);font-size:.95rem}.s8-pub-row .k{color:var(--s8-ink-soft);font-weight:600}.s8-pub-row .v{font-weight:700;text-align:right}.s8-published{text-align:center;padding:var(--space-5)}.s8-published .qr{margin:var(--space-4) auto;max-width:240px}.s8-link{display:inline-flex;align-items:center;gap:8px;word-break:break-all;background:var(--s8-surface-2);padding:10px 14px;border-radius:var(--s8-radius-sm);font-weight:700;color:var(--s8-green-ink)}.s8-upgrade{display:flex;gap:12px;align-items:flex-start;background:#fdf2dd;border:1px solid #fcd34d;border-radius:var(--s8-radius-sm);padding:var(--space-4);color:var(--s8-amber-ink);margin:var(--space-3) 0}@media (max-width: 560px){.s8{margin:calc(-1 * var(--space-3));padding:var(--space-5) var(--space-3)}.s8-card{padding:var(--space-5) var(--space-4)}.s8-actions{flex-direction:column-reverse}.s8-btn{width:100%;justify-content:center}}