@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.main-slot[data-v-5c27dfc3]{flex:1;display:flex;flex-direction:column;min-height:0}:root{--p-black: #1a1714;--p-gray-700: #374151;--p-gray-600: #4b5563;--p-gray-500: #6b7280;--p-stone-500: #78716c;--p-gray-400: #9ca3af;--p-stone-400: #a8a29e;--p-gray-300: #d1d5db;--p-warm-300: #ddd5c8;--p-warm-200: #e0dbd4;--p-gray-200: #e5e7eb;--p-stone-200: #e7e5e4;--p-white: #ffffff;--p-stone-50: #fafaf9;--p-sand-50: #faf8f5;--p-stone-100: #f5f5f4;--p-gray-100: #f3f4f6;--p-sand-100: #f0e9df;--p-red-50: #fef2f2;--p-red-500: #ef4444;--p-red-600: #dc2626;--p-red-800: #991b1b;--p-green-50: #f0fdf4;--p-green-100: #dcfce7;--p-green-300: #86efac;--p-green-500: #22c55e;--p-green-600: #16a34a;--p-green-700: #15803d;--p-green-800: #166534;--p-blue-100: #dbeafe;--p-blue-500: #3b82f6;--p-blue-700: #1d4ed8;--p-amber-100: #fef3c7;--p-amber-500: #f59e0b;--p-amber-800: #92400e;--p-coral: #ff5c40;--p-coral-dark: #e04530;--p-coral-50: #fff0ed;--p-kids-bg: #e4f4ff;--p-kids-border: #b8ddf5;--p-kids-surface-alt: #f0f9ff;--color-text: var(--p-black);--color-text-secondary: var(--p-stone-500);--color-text-muted: var(--p-gray-500);--color-text-placeholder: var(--p-gray-400);--color-bg: var(--p-kids-bg);--color-surface: var(--p-white);--color-surface-alt: var(--p-kids-surface-alt);--color-surface-warm: var(--p-stone-50);--color-border: var(--p-kids-border);--color-border-light: var(--p-gray-300);--color-border-warm: var(--p-warm-300);--color-primary: var(--p-green-500);--color-primary-hover: var(--p-green-600);--color-primary-dark: var(--p-green-700);--color-accent-coral: var(--p-coral);--color-accent-coral-hover: var(--p-coral-dark);--color-accent-coral-bg: var(--p-coral-50);--color-success: var(--p-green-500);--color-success-bg: var(--p-green-50);--color-success-border: var(--p-green-300);--color-success-dark: var(--p-green-800);--color-info: var(--p-blue-500);--color-info-bg: var(--p-blue-100);--color-info-dark: var(--p-blue-700);--color-warning: var(--p-amber-500);--color-warning-bg: var(--p-amber-100);--color-warning-dark: var(--p-amber-800);--color-error: var(--p-red-600);--color-error-bg: var(--p-red-50);--color-error-dark: var(--p-red-800);--color-no: var(--p-green-500);--color-ma: var(--p-blue-500);--color-sv: var(--p-amber-500);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow: 3px 3px 0px 0px var(--color-text);--shadow-md: 5px 5px 0px 0px var(--color-text);--shadow-lg: 8px 8px 0px 0px var(--color-text);--shadow-sm: 2px 2px 0px 0px var(--color-text);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Syne", var(--font);--font-hand: "Caveat", var(--font);--color-white: var(--p-white);--color-gray-50: var(--p-stone-50);--color-gray-100: var(--p-stone-100);--color-gray-200: var(--p-warm-200);--color-gray-300: var(--p-gray-300);--color-gray-500: var(--p-stone-500);--color-gray-700: var(--p-gray-600);--color-gray-900: var(--p-black);--color-primary-light: var(--p-green-100);--font-body: var(--font)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}a,button,[role=button]{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0;line-height:1.2;letter-spacing:-.5px;color:var(--color-text)}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;height:48px;border-radius:var(--radius-pill);border:2px solid var(--color-text);font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;background:var(--color-surface);color:var(--color-text);transition:transform .1s ease,background .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-primary{background:var(--color-text);color:#fff}.btn-primary:hover:not(:disabled){background:#000}.btn-success{background:var(--color-primary);color:#fff;border-color:var(--color-text)}.btn-success:hover:not(:disabled){background:var(--color-primary-hover)}.btn-coral{background:var(--color-accent-coral);color:#fff;border-color:var(--color-text)}.btn-coral:hover:not(:disabled){background:var(--color-accent-coral-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text)}.btn-large{height:58px;padding:0 32px;font-size:17px}.btn-compact{height:36px;padding:0 14px;font-size:13px;border-radius:var(--radius-md)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:#0000000d;transform:none;box-shadow:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-play{width:64px;height:64px;border-radius:50%;border:2px solid var(--color-text);background:var(--color-accent-coral);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .1s ease;box-shadow:0 4px 0 0 var(--color-text)}.btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 0 0 var(--color-text)}.btn-play:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--color-text)}.input{width:100%;height:56px;padding:0 20px;border:2px solid var(--color-text);border-radius:var(--radius-pill);font-size:17px;font-family:var(--font);font-weight:600;background:#fff;color:var(--color-text);transition:box-shadow .15s}.input:focus{outline:none;box-shadow:0 0 0 3px #ff5c4040}.input::placeholder{color:var(--color-text-placeholder);font-weight:500}.input-code{text-align:center;letter-spacing:12px;font-size:32px;font-weight:800;font-family:var(--font-display);text-transform:uppercase;padding-left:30px;height:72px}.input-compact{height:40px;font-size:14px;padding:0 14px;border-width:1.5px}.label{display:block;font-size:12px;font-weight:700;color:var(--color-text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.container-narrow{max-width:520px;margin:0 auto;padding:32px 24px}.card{background:#fff;border:2px solid var(--color-text);border-radius:var(--radius-xl);box-shadow:4px 4px 0 0 var(--color-text);padding:32px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;font-family:var(--font);background:#fff;color:var(--color-text);border:2px solid var(--color-text);white-space:nowrap}.badge-success{background:var(--p-green-100);color:var(--p-green-800)}.badge-info{background:var(--p-kids-surface-alt);color:var(--color-info-dark)}.badge-warn{background:var(--p-amber-100);color:var(--p-amber-800)}.badge-primary{background:var(--color-text);color:#fff}.badge-coral{background:var(--color-accent-coral);color:#fff}.header{background:#fff;border-bottom:2px solid var(--color-text);padding:0 24px;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}.header-brand{display:inline-flex;align-items:center;gap:4px}.header-brand-img{width:48px;height:52px;object-fit:contain}.header-brand-text{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--color-text);letter-spacing:-.8px}.header-brand-suffix{font-family:var(--font-hand);font-size:26px;font-weight:700;color:var(--color-accent-coral);letter-spacing:-.3px;transform:rotate(-4deg);display:inline-block;margin-left:4px}.dot-grid{background-image:radial-gradient(circle,rgba(0,0,0,.15) 1px,transparent 1px);background-size:20px 20px;background-position:10px 10px}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.font-hand{font-family:var(--font-hand)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}