@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--navy-50:#e8eaf0;--navy-100:#c4c9d8;--navy-200:#a6adbe;--navy-300:#6e7791;--navy-400:#4a5067;--navy-500:#3b4668;--navy-600:#2a3250;--navy-700:#24304a;--navy-800:#1a2339;--navy-850:#11182a;--navy-900:#0b1020;--navy-950:#070a16;--paper-50:#fefcf7;--paper-100:#faf7f1;--paper-200:#f3efe6;--paper-300:#ede8db;--paper-400:#e3dcc9;--paper-500:#d8cfbc;--paper-600:#b6a98f;--amber-50:#fcf3e2;--amber-100:#f6ddae;--amber-300:#f1ae4a;--amber-500:#e4a13f;--amber-600:#c98e30;--amber-700:#b87826;--amber-800:#a86c22;--amber-900:#8f5c1d;--sage-300:#8abda0;--sage-500:#6b9b7e;--sage-700:#4a7b5c;--terracota-300:#d98e6f;--terracota-500:#c67b5c;--terracota-700:#a55a3d;--alpha-amber-12:#e4a13f1f;--alpha-sage-12:#6b9b7e1f;--alpha-terracota-14:#c67b5c24;--alpha-scrim-60:#0b102099;--font-display:"Fraunces", "Instrument Serif", "Iowan Old Style", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--text-12:.75rem;--text-14:.875rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--text-24:1.5rem;--text-32:2rem;--text-48:3rem;--text-56:3.5rem;--text-64:4rem;--lh-16:16px;--lh-20:20px;--lh-24:24px;--lh-28:28px;--lh-32:32px;--lh-40:40px;--lh-42:42px;--lh-56:56px;--lh-68:68px;--lh-72:72px;--tracking-tighter:-.025em;--tracking-tight:-.02em;--tracking-snug:-.015em;--tracking-normal:-.01em;--tracking-slight:-.005em;--tracking-zero:0;--tracking-wide:.01em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-30:120px;--radius-none:0;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--duration-instant:80ms;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.3s;--duration-flip:.4s;--duration-loop-wave:.8s;--duration-loop-pulse:1.2s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-sticky:10;--z-header:20;--z-banner:40;--z-modal:100;--z-toast:1000;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px;--bg-base:var(--paper-100);--bg-surface-1:var(--paper-200);--bg-surface-2:var(--paper-300);--bg-surface-3:var(--paper-400);--text-primary:var(--navy-850);--text-secondary:var(--navy-600);--text-tertiary:var(--navy-300);--text-disabled:var(--navy-200);--text-on-accent:var(--paper-100);--text-on-success:var(--paper-100);--text-on-error:var(--paper-100);--accent-default:var(--amber-700);--accent-hover:var(--amber-800);--accent-pressed:var(--amber-900);--accent-subtle-bg:#b878261a;--success-default:var(--sage-700);--success-text:var(--sage-700);--success-subtle-bg:#4a7b5c1a;--error-default:var(--terracota-700);--error-text:var(--terracota-700);--error-subtle-bg:#a55a3d1a;--border-default:var(--paper-500);--border-subtle:var(--paper-400);--border-strong:var(--paper-600);--scrim:#0b102080;--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-default);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--bg-base:var(--navy-900);--bg-surface-1:var(--navy-850);--bg-surface-2:var(--navy-800);--bg-surface-3:var(--navy-700);--text-primary:var(--navy-50);--text-secondary:var(--navy-200);--text-tertiary:var(--navy-300);--text-disabled:var(--navy-400);--text-on-accent:var(--navy-900);--text-on-success:var(--navy-900);--text-on-error:var(--navy-50);--accent-default:var(--amber-500);--accent-hover:var(--amber-300);--accent-pressed:var(--amber-600);--accent-subtle-bg:var(--alpha-amber-12);--success-default:var(--sage-500);--success-text:var(--sage-300);--success-subtle-bg:var(--alpha-sage-12);--error-default:var(--terracota-500);--error-text:var(--terracota-300);--error-subtle-bg:var(--alpha-terracota-14);--border-default:var(--navy-600);--border-subtle:var(--navy-700);--border-strong:var(--navy-500);--scrim:var(--alpha-scrim-60);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-16);line-height:var(--lh-24);color:var(--text-primary);background-color:var(--bg-base);margin:0}.font-display,h1,h2,h3{font-family:var(--font-display);font-variation-settings:"opsz" 60, "SOFT" 30}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.type-display-hero{font-family:var(--font-display);font-size:var(--text-64);line-height:var(--lh-72);letter-spacing:var(--tracking-tighter);font-weight:var(--weight-medium)}.type-display-lg{font-family:var(--font-display);font-size:var(--text-48);line-height:var(--lh-56);letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium)}.type-display-md{font-family:var(--font-display);font-size:var(--text-32);line-height:var(--lh-40);letter-spacing:var(--tracking-snug);font-weight:var(--weight-medium)}.type-headline{font-family:var(--font-body);font-size:var(--text-24);line-height:var(--lh-32);letter-spacing:var(--tracking-normal);font-weight:var(--weight-semibold)}.type-title{font-family:var(--font-body);font-size:var(--text-20);line-height:var(--lh-28);letter-spacing:var(--tracking-slight);font-weight:var(--weight-semibold)}.type-body-lg{font-family:var(--font-body);font-size:var(--text-18);line-height:var(--lh-28);font-weight:var(--weight-regular)}.type-body{font-family:var(--font-body);font-size:var(--text-16);line-height:var(--lh-24);font-weight:var(--weight-regular)}.type-body-sm{font-family:var(--font-body);font-size:var(--text-14);line-height:var(--lh-20);font-weight:var(--weight-regular)}.type-caption{font-family:var(--font-body);font-size:var(--text-12);line-height:var(--lh-16);letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium)}.type-mono-md{font-family:var(--font-mono);font-size:var(--text-14);line-height:var(--lh-20);font-weight:var(--weight-regular)}.type-mono-sm{font-family:var(--font-mono);font-size:var(--text-12);line-height:var(--lh-16);font-weight:var(--weight-regular)}.type-body{font-size:var(--text-16);line-height:var(--lh-24)}.type-caption{font-size:var(--text-14);line-height:var(--lh-20);color:var(--text-tertiary)}.muted{color:var(--text-secondary)}.subtle{color:var(--text-tertiary)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-default);cursor:pointer}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:var(--z-header);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.topbar-inner{max-width:1200px;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-20);font-weight:var(--weight-medium);text-decoration:none;display:flex}.brand img{width:28px;height:28px}.nav{gap:var(--space-1);flex:1;display:flex}.nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-14);font-weight:var(--weight-medium);text-decoration:none}.nav a:hover{background:var(--bg-surface-1);color:var(--text-primary)}.nav a.active{color:var(--text-primary);background:var(--bg-surface-1)}.topbar-right{align-items:center;gap:var(--space-2);display:flex}.page{width:100%;max-width:1200px;padding:var(--space-8) var(--space-4) var(--space-16);margin:0 auto}.page-narrow{max-width:760px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-head h1{margin:0}.page-head p{margin:var(--space-2) 0 0}.back{gap:var(--space-1);margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--text-14);text-decoration:none;display:inline-flex}.back:hover{color:var(--accent-default)}.section{margin-top:var(--space-10)}.section h2{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-18);font-weight:var(--weight-semibold)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.grid-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font:inherit;font-size:var(--text-14);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-default);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-pressed)}.btn-secondary{border-color:var(--border-default);color:var(--text-primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-1)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-subtle-bg);color:var(--accent-default)}.btn-danger{background:var(--error-default);color:var(--text-on-error)}.btn-sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-12)}.btn-lg{min-height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-16)}@media (width<=640px){.btn{min-height:44px}}.card{background:var(--bg-surface-1);border-radius:var(--radius-lg);padding:var(--space-6)}.card-compact{padding:var(--space-5);border-radius:var(--radius-md)}.card h3{font-family:var(--font-body);font-size:var(--text-16);font-weight:var(--weight-semibold);margin:0}a.card{color:inherit;transition:background var(--duration-base) var(--ease-out);text-decoration:none;display:block}a.card:hover{background:var(--bg-surface-2)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>label,.label{font-size:var(--text-14);font-weight:var(--weight-semibold);color:var(--text-primary)}.hint{font-size:var(--text-14);color:var(--text-tertiary);margin:0}.input,.textarea,.select{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font:inherit}.textarea{resize:vertical;min-height:112px;line-height:var(--lh-24)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-default);box-shadow:var(--focus-ring);outline:none}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--bg-surface-2);border-radius:var(--radius-md);flex-wrap:wrap;display:inline-flex}.segmented button{min-height:34px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--text-14);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0}.segmented button[aria-pressed=true]{background:var(--bg-base);color:var(--text-primary)}.check{align-items:center;gap:var(--space-2);font-size:var(--text-14);cursor:pointer;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent-default)}.error-text{color:var(--error-text);font-size:var(--text-14);margin:0}.dropzone{justify-content:center;align-items:center;gap:var(--space-2);min-height:140px;padding:var(--space-6);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface-1);text-align:center;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.dropzone.over{border-color:var(--accent-default);background:var(--accent-subtle-bg)}.file-list{margin:var(--space-3) 0 0;padding:0;list-style:none}.file-list li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-14);display:flex}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--bg-surface-2);color:var(--text-secondary);font-size:var(--text-12);font-weight:var(--weight-semibold);white-space:nowrap;display:inline-flex}.badge-accent{background:var(--accent-subtle-bg);color:var(--accent-default)}.badge-success{background:var(--success-subtle-bg);color:var(--success-text)}.badge-error{background:var(--error-subtle-bg);color:var(--error-text)}.notice{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--bg-surface-1);font-size:var(--text-14)}.notice-error{background:var(--error-subtle-bg);color:var(--error-text)}.notice-success{background:var(--success-subtle-bg);color:var(--success-text)}.notice-accent{background:var(--accent-subtle-bg)}.empty{padding:var(--space-12) var(--space-6);text-align:center;background:var(--bg-surface-1);border-radius:var(--radius-lg)}.empty h2{margin:0 0 var(--space-2)}.empty p{margin:0 auto var(--space-6);max-width:460px;color:var(--text-secondary)}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-default);border-radius:50%;flex:none;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse var(--duration-loop-pulse) var(--ease-in-out) infinite}@keyframes pulse{50%{opacity:.55}}.table-wrap{border-radius:var(--radius-lg);background:var(--bg-surface-1);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-14)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table th{color:var(--text-tertiary);font-weight:var(--weight-semibold);font-size:var(--text-12);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table tbody tr:hover{background:var(--bg-surface-2)}.table tr:last-child td{border-bottom:0}.cell-center{text-align:center!important}.dot{min-width:28px;height:28px;padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-12);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:inline-flex}.dot-done{background:var(--success-subtle-bg);color:var(--success-text)}.dot-work{background:var(--accent-subtle-bg);color:var(--accent-default)}.dot-stuck{background:var(--error-subtle-bg);color:var(--error-text)}.dot-none{background:var(--bg-surface-2);color:var(--text-disabled)}.scrim{z-index:var(--z-modal);padding:var(--space-4);background:var(--scrim);animation:fade var(--duration-slow) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--bg-base);position:relative;overflow:auto}.modal h2{margin:0 var(--space-8) var(--space-4) 0;font-size:var(--text-24)}.modal-close{top:var(--space-4);right:var(--space-4);position:absolute}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}@keyframes fade{0%{opacity:0}}.editor{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}@media (width<=1024px){.editor{grid-template-columns:1fr}}.preview{background:var(--bg-surface-1);border-radius:var(--radius-lg);overflow:hidden}.preview-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.preview-frame{background:#faf7f1;border:0;width:100%;height:min(76vh,820px);display:block}.preview-levels{gap:var(--space-1);flex-wrap:wrap;display:flex}.panel{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:80px}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:32px;padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font:inherit;font-size:var(--text-12);font-weight:var(--weight-medium);cursor:pointer;background:0 0}.chip[aria-pressed=true]{border-color:var(--accent-default);background:var(--accent-subtle-bg);color:var(--accent-default)}.chip:hover{border-color:var(--accent-default);color:var(--accent-default)}.history{margin:0;padding:0;list-style:none}.history li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-14)}.history li:last-child{border-bottom:0}.steps{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:var(--space-3);color:var(--text-tertiary);display:flex}.steps li.done{color:var(--text-secondary)}.steps li.now{color:var(--text-primary);font-weight:var(--weight-semibold)}.step-mark{background:var(--bg-surface-2);width:22px;height:22px;font-size:var(--text-12);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.steps li.done .step-mark{background:var(--success-subtle-bg);color:var(--success-text)}.cards-print{grid-template-columns:repeat(3,1fr);gap:10mm;display:grid}.kid-card{break-inside:avoid;padding:var(--space-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;background:#fff}.kid-card .name{font-size:var(--text-20);font-weight:var(--weight-semibold)}.kid-card .pics{letter-spacing:6px;margin:var(--space-2) 0;font-size:40px}.kid-card .code{font-family:var(--font-mono);font-size:var(--text-14);color:var(--text-secondary)}.qr{flex:none;display:inline-block}.qr svg{width:100%;height:100%;display:block}@media print{.topbar,.no-print{display:none!important}.page{max-width:none;padding:0}body,html{background:#fff}}.kids{background:var(--bg-base);min-height:100vh;font-size:var(--text-18)}.kids-center{max-width:880px;padding:var(--space-10) var(--space-4);text-align:center;margin:0 auto}.kids h1{font-size:var(--text-32);margin:0 0 var(--space-6)}.code-input{width:min(320px,100%);min-height:64px;padding:var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-32);letter-spacing:.25em;text-align:center;text-transform:uppercase;background:#fff}.code-input:focus{border-color:var(--accent-default);box-shadow:var(--focus-ring);outline:none}.kid-btn{min-height:56px;padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);background:var(--accent-default);color:var(--text-on-accent);font:inherit;font-size:var(--text-20);font-weight:var(--weight-semibold);cursor:pointer;border:0}.kid-btn:disabled{opacity:.5}.names{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.name-btn{min-height:64px;padding:var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font:inherit;font-size:var(--text-20);font-weight:var(--weight-semibold);cursor:pointer;background:#fff}.name-btn:hover{border-color:var(--accent-default)}.pic-slots{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.pic-slot{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;width:84px;height:84px;font-size:48px;display:flex}.pic-pad{justify-content:center;gap:var(--space-3);grid-template-columns:repeat(4,96px);display:grid}@media (width<=480px){.pic-pad{grid-template-columns:repeat(3,88px)}}.pic-btn{border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;background:#fff;height:96px;font-size:52px}.pic-btn:hover{border-color:var(--accent-default)}.kid-activities{gap:var(--space-4);text-align:left;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.kid-activity{gap:var(--space-2);padding:var(--space-5);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);color:inherit;background:#fff;flex-direction:column;text-decoration:none;display:flex}.kid-activity:hover{border-color:var(--accent-default)}.kid-activity strong{font-size:var(--text-20)}.progress{border-radius:var(--radius-full);background:var(--bg-surface-2);height:10px;overflow:hidden}.progress span{background:var(--success-default);height:100%;display:block}.kid-frame-wrap{flex-direction:column;height:100vh;display:flex}.kid-frame-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-16);display:flex}.kid-frame{border:0;flex:1;width:100%}@media (width<=720px){.topbar-inner{gap:var(--space-2) var(--space-3);flex-wrap:wrap}.brand{flex:1}.nav{flex-basis:100%;order:3;overflow-x:auto}.topbar-right .type-caption{display:none}.page{padding-top:var(--space-5)}.page-head{margin-bottom:var(--space-5)}.table td,.table th{padding:var(--space-2) var(--space-3)}}