:root{--night: #1b2440;--sky: #2f6fdb;--sky-deep: #1f4fa8;--lamp-gold: #f2a93b;--gold-text: #7a4e06;--ivory: #fff3da;--surface: #f3f6fa;--card: #ffffff;--muted: #55607a;--line: #e1e7f0;--sky-tint: #e3ecfb;--gold-tint: #fdf1dc;--family: #a15f00;--family-bg: #fbf6ec;--couples: #a8324a;--kids: #17794d;--kids-tint: #e2f3ea;--kids-bg: #eaf6ef;--puzzle: #5b3fb8;--puzzle-tint: #efebfb;--teal: #0b6b63;--teal-tint: #ddf1ee;--wrong-tint: #fbe8e5;--radius: 16px;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--night);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface)}button{font-family:inherit}a{color:var(--sky-deep)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app{min-height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--surface)}.screen{flex:1;min-height:100vh;min-height:100dvh;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));animation:slide-in .22s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.grow{flex:1}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}h1{margin:0;font-size:26px;font-weight:900;line-height:1.15;text-wrap:balance}h2{margin:0;font-size:18px;font-weight:900}p{margin:0;line-height:1.5}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.card{background:var(--card);border-radius:20px;padding:16px}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800}.btn{min-height:56px;border-radius:var(--radius);border:none;background:var(--sky);color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;cursor:pointer;text-decoration:none;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:var(--card);color:var(--night);border:1.5px solid #c9d3e3;font-size:16px;min-height:48px}.btn.dark{background:var(--night)}.btn.family{background:var(--family)}.btn.kids{background:var(--kids)}.btn.puzzle{background:var(--puzzle)}.linkbtn{background:none;border:none;color:var(--sky-deep);font-size:15px;font-weight:800;min-height:44px;cursor:pointer;padding:0 4px}.iconbtn{width:44px;height:44px;flex-shrink:0;border-radius:12px;border:none;background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer}:focus-visible{outline:3px solid var(--lamp-gold);outline-offset:2px}.option{min-height:58px;border-radius:var(--radius);border:2px solid var(--line);background:var(--card);font-size:18px;font-weight:800;color:var(--night);text-align:left;padding:10px 18px;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%}.option.right{border-color:var(--kids);background:var(--kids-tint)}.option.wrong{border-color:#d8b9b3;background:var(--wrong-tint)}.option.dim{opacity:.55}.input{height:52px;border-radius:12px;border:1.5px solid #c9d3e3;background:var(--card);padding:0 14px;font-family:inherit;font-size:17px;color:var(--night);width:100%}label.lbl{font-size:14px;font-weight:800}.tile{min-height:92px;border-radius:18px;background:var(--card);padding:12px 8px 10px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--night);box-shadow:0 1px 2px #1b24400f}.tile .ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.tile span.t{font-size:13.5px;font-weight:900;line-height:1.15;text-align:center}.nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--card);border-top:1px solid var(--line);padding:8px 8px max(12px,env(safe-area-inset-bottom))}.nav button{min-height:48px;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.nav button.on{color:var(--sky-deep);font-weight:900}.bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden}.bar>div{height:100%;border-radius:999px;background:var(--sky);transition:width .25s ease-out}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--night);color:#fff;padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px;z-index:20}.pop{animation:pop .26s ease-out}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b24408c;display:flex;align-items:flex-end;justify-content:center;z-index:30}.sheet{width:100%;max-width:480px;background:var(--card);border-radius:28px 28px 0 0;padding:12px 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:slide-in .22s ease-out}.pin{-webkit-text-security:disc;text-security:disc}