:root{--bg: #1a1733;--ind: #241c48;--ind2: #3c2d66;--cream: #fcf8f0;--ink: #2b2842;--mut: #8f8aa8;--coral: #ff7a4d;--gold: #ffd97d;--vio: #6a55c7;--grn: #3f7a5c;--peach: #ffb38a;--line: #efe6d4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.disp{font-family:Fredoka,sans-serif;font-weight:600;margin:0}a{text-decoration:none}.ti{font-family:tabler-icons!important;font-style:normal;line-height:1}.splash{height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}.app{max-width:480px;margin:0 auto;min-height:100%;background:var(--cream);display:flex;flex-direction:column;position:relative}.app-main{flex:1;overflow-y:auto;padding-bottom:76px}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.navitem{display:flex;flex-direction:column;align-items:center;gap:2px;color:#b7b1c8;font-size:10px;font-weight:700}.navitem .ti{font-size:22px}.navitem.on{color:var(--coral)}.appheader{background:linear-gradient(150deg,var(--ind),var(--ind2));color:#fdfbf5;padding:18px 18px 20px}.appheader h2{font-size:20px;margin-top:2px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 16px;box-shadow:0 6px 16px #221c480f}.btn{display:block;width:100%;background:linear-gradient(180deg,#ff9a62,#ff7549);color:#3a1d10;font-family:Fredoka;font-weight:600;border:0;border-radius:13px;padding:13px;font-size:15px;text-align:center;cursor:pointer}.btn:disabled{opacity:.6}.btn.ghost{background:none;color:var(--vio);box-shadow:none}.input{width:100%;padding:13px;border:1.5px solid #e4dcc9;border-radius:12px;font-size:15px;font-family:inherit;margin-top:8px;background:#fff;color:var(--ink)}label{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--mut);margin-top:12px;display:block}.authwrap{min-height:100%;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:24px}.authcard{max-width:400px;width:100%;margin:0 auto;background:var(--cream);border-radius:24px;padding:28px;box-shadow:0 16px 40px #00000059}.seg{display:flex;gap:8px;margin-top:8px}.seg-btn{flex:1;padding:11px 8px;border:1.5px solid #e4dcc9;background:#fff;border-radius:12px;font-family:Fredoka,sans-serif;font-weight:500;font-size:14px;color:var(--ink);cursor:pointer}.seg-btn.on{border-color:var(--coral);background:#fff3ec;color:#c34a24}.kicker{font-size:9px;letter-spacing:1.4px;color:var(--coral);font-weight:800;text-transform:uppercase}.storycard{cursor:pointer}.storycard-scene{height:132px;background:radial-gradient(circle at 72% 28%,#4a3a7a,#241c48);display:flex;align-items:flex-end;padding:12px;font-size:20px;letter-spacing:4px}.childrow{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1.5px solid transparent;border-radius:14px;background:#faf6ee;margin-bottom:8px;cursor:pointer}.childrow.on{border-color:var(--coral);background:#fff3ec}.childavatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,var(--vio),#8a76e0);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-weight:600;font-size:18px}.reader{max-width:480px;margin:0 auto;min-height:100%;background:var(--cream)}.reader-scene{height:200px;background:radial-gradient(circle at 70% 30%,#4a3a7a,#1a1733);position:relative;display:flex;align-items:center;justify-content:center;font-size:30px;letter-spacing:8px}.reader-back{position:absolute;top:14px;left:14px;width:40px;height:40px;border-radius:50%;border:0;background:#ffffffe6;color:var(--ink);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer}.reader-body{padding:22px 22px 60px}.reader-lesson{display:inline-block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:var(--coral);background:#fff3ec;padding:4px 10px;border-radius:20px}.reader-title{font-size:28px;line-height:1.15;margin:12px 0 18px}.reader-p{font-size:17px;line-height:1.72;margin:0 0 16px;color:#38344f}.reader-end{text-align:center;color:var(--vio);font-family:Fredoka;font-size:16px;margin:26px 0}textarea.input{resize:vertical;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border:1.5px solid #e4dcc9;background:#fff;border-radius:20px;padding:8px 14px;font-family:Nunito,sans-serif;font-weight:700;font-size:13px;color:var(--ink);cursor:pointer}.chip.on{border-color:var(--vio);background:#efeaff;color:var(--vio)}.photos{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.phototile{width:66px;height:66px;border-radius:12px;background-size:cover;background-position:center;position:relative}.phototile.add{border:1.6px dashed #cdbfe6;display:flex;align-items:center;justify-content:center;color:var(--vio);cursor:pointer}.phototile.add .ti{font-size:24px}.photox{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:0;background:#2b2842;color:#fff;font-size:15px;line-height:1;cursor:pointer}.samplenote{font-size:11px;font-weight:700;color:#9a7b18;background:#fff7df;border:1px solid #f2e2a8;border-radius:8px;padding:6px 9px;margin-bottom:12px}.diaryrow{display:flex;align-items:center;gap:12px;cursor:pointer}.diarythumb{width:54px;height:54px;border-radius:12px;background-size:cover;background-position:center;flex-shrink:0;background-color:#f0ebf9}.diarythumb.ph{display:flex;align-items:center;justify-content:center;font-size:24px}.datechip{font-size:10px;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.4px}.typechip{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:20px}.typechip.custom{background:#efeaff;color:var(--vio)}.typechip.nightly{background:#eaf5ee;color:var(--grn)}