:root{--primary:#5b8def;--accent:#f6a623;--background:#fffdf7;--text:#2b2b2b;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem}input{border:1px solid #ccc;border-radius:8px;width:100%;padding:.5rem}.error{color:#c0392b}.center{text-align:center;margin-top:4rem}.landing{text-align:center;max-width:720px;margin:10vh auto;padding:1rem}.landing nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.auth-card{background:#fff;border-radius:12px;max-width:380px;margin:10vh auto;padding:1.5rem;box-shadow:0 2px 12px #00000014}.auth-card form{flex-direction:column;gap:.75rem;display:flex}.admin{grid-template-columns:200px 1fr;min-height:100vh;display:grid}.admin-nav{color:#fff;background:#2b2b40;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.admin-nav a{color:#cdd6ff;text-decoration:none}.admin-content{padding:1.5rem;overflow-x:auto}.settings-table{border-collapse:collapse;width:100%}.settings-table td{border-bottom:1px solid #eee;padding:.4rem}.setting-key{white-space:nowrap;font-family:monospace}@media (width<=700px){.admin{grid-template-columns:1fr}.admin-nav{flex-flow:wrap;align-items:center}}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.dash-card{background:#fff;border-radius:12px;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 1px 6px #0000000f}.dash-num{color:var(--primary);font-size:1.5rem;font-weight:700}.dash-label{color:#888;margin-top:.25rem;font-size:.75rem}.progress-bar{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.progress-step{opacity:.4;align-items:center;gap:.5rem;display:flex}.progress-step.active{opacity:1}.progress-step.current .progress-dot{background:var(--primary);color:#fff}.progress-dot{background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.progress-label{font-size:.8rem;font-weight:600}.flow-card{background:#fff;border-radius:16px;max-width:640px;margin:0 auto;padding:2rem;box-shadow:0 2px 16px #0000000f}.flow-card h1{text-align:center;margin-top:0}.subtitle{text-align:center;color:#666;margin-bottom:1.5rem}.flow-card form{flex-direction:column;gap:1.25rem;display:flex}.age-picker{gap:.5rem;display:flex}.age-btn{color:var(--text);background:#f0f0f0;border:2px solid #0000;border-radius:8px;flex:1;padding:.5rem}.age-btn.selected{border-color:var(--primary);background:#e8f0ff}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.theme-card{cursor:pointer;text-align:center;background:#fafafa;border:2px solid #eee;border-radius:12px;flex-direction:column;gap:.25rem;padding:.75rem;transition:border-color .15s;display:flex}.theme-card.selected{background:#f0f4ff}.theme-card .theme-swatch{border-radius:4px;width:100%;height:8px;margin-bottom:.25rem}.theme-card strong{font-size:.85rem}.theme-card small{color:#888;font-size:.7rem;line-height:1.3}.cta{border-radius:12px;width:100%;padding:.75rem;font-size:1.1rem;font-weight:700}.cta:disabled{opacity:.6;cursor:not-allowed}.landing-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.text-btn{color:var(--primary);background:0 0;padding:.25rem .5rem}.story-page{max-width:720px;margin:2rem auto;padding:0 1rem}.story-page h1{text-align:center}.pitch-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.pitch-card{cursor:pointer;background:#fff;border:2px solid #eee;border-radius:12px;padding:1rem;transition:border-color .15s}.pitch-card:hover,.pitch-card.selected{border-color:var(--primary)}.pitch-card h3{margin:0 0 .5rem}.pitch-card p{color:#555;margin:0;font-size:.9rem}.pitch-edit{border:1px solid #ccc;border-radius:8px;width:100%;min-height:80px;margin:.5rem 0;padding:.5rem;font-family:inherit}.tiptap-editor{background:#fff;border:1px solid #ddd;border-radius:8px;min-height:300px;padding:1rem}.tiptap-editor:focus-within{border-color:var(--primary)}.tiptap-toolbar{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.tiptap-toolbar button{color:var(--text);background:#f0f0f0;border-radius:6px;padding:.3rem .6rem;font-size:.85rem}.tiptap-toolbar button.active{background:var(--primary);color:#fff}.title-input{text-align:center;background:0 0;border:none;width:100%;padding:.5rem;font-size:1.5rem;font-weight:700}.title-input:focus{outline:2px solid var(--primary);border-radius:8px}.gate-card{text-align:center;background:#fff;border-radius:16px;max-width:440px;margin:3rem auto;padding:2rem;box-shadow:0 2px 16px #0000000f}.upload-zone{text-align:center;margin:1.5rem 0}.upload-btn{background:var(--accent);color:#fff;cursor:pointer;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;display:inline-block}.upload-btn:hover{opacity:.9}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.photo-card{background:#fff;border:2px solid #eee;border-radius:12px;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:140px;display:block}.photo-status{color:#fff;text-transform:uppercase;background:#0009;border-radius:6px;padding:2px 6px;font-size:.7rem;position:absolute;top:6px;right:6px}.photo-card.status-done .photo-status{background:#27ae60}.photo-card.status-stylising .photo-status{background:#f39c12}.photo-card.status-failed .photo-status{background:#c0392b}.photo-actions{flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.photo-actions button{padding:.3rem .5rem;font-size:.8rem}.photo-actions select{border:1px solid #ccc;border-radius:6px;padding:.3rem;font-size:.75rem}@media (width<=500px){.flow-card{border-radius:0;margin:0;padding:1rem}.progress-bar{gap:.75rem}.theme-grid{grid-template-columns:repeat(2,1fr)}}.preview-page{max-width:900px;margin:1rem auto;padding:0 1rem}.preview-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.font-select{border:1px solid #ccc;border-radius:6px;padding:.3rem .5rem;font-size:.85rem}.page-counter{color:#666;font-size:.85rem}.story-title{text-align:center;margin:.5rem 0;font-size:1.3rem}.page-canvas{max-width:100%;overflow:auto}@media (width<=500px){.page-canvas>div{transform-origin:top;margin-bottom:-45%;transform:scale(.55)}}.page-nav{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.page-nav button{padding:.5rem 1.5rem}.page-nav button:disabled{opacity:.4;cursor:not-allowed}.approval-gate{border:2px solid var(--accent);background:#fff;border-radius:12px;max-width:420px;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 16px #00000014}.approval-gate h3{margin-top:0}.warning{color:#c0392b;font-size:.85rem}.checkbox-label{align-items:center;gap:.5rem;margin:1rem 0;font-size:.9rem;display:flex}.checkbox-label input{width:auto}.approve-input{text-align:center;letter-spacing:2px;width:100%;margin-bottom:.75rem;padding:.5rem;font-family:monospace;font-size:1rem}.approve-btn:disabled{opacity:.5;cursor:not-allowed;background:#888}.approval-done{text-align:center;margin-top:3rem}.approval-done h1{color:var(--accent)}