:root{--bg: #1b1d3a;--bg-soft: #252850;--ink: #ffffff;--beep: #7cd6ff;--pop: #ffd166;--pop-2: #ff7eb6;--good: #8ce99a;--safe: clamp(16px, 4vmin, 64px)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:radial-gradient(circle at 50% 30%,var(--bg-soft),var(--bg));color:var(--ink);font-family:"Baloo 2",Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{height:100%;display:flex;flex-direction:column;padding:var(--safe)}.tappable{border:none;cursor:pointer;background:var(--bg-soft);color:var(--ink);border-radius:28px;font-family:inherit;font-weight:800;transition:transform .12s ease,box-shadow .12s ease,outline-color .12s ease;outline:6px solid transparent;outline-offset:4px}.tappable:active{transform:scale(.96)}.tappable:focus-visible{outline-color:var(--pop);transform:scale(1.04)}.choice-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,3vmin,40px);align-content:center;justify-items:center}.big-choice{width:100%;aspect-ratio:1 / 1;max-width:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:clamp(28px,6vmin,56px)}.big-choice .emoji{font-size:clamp(64px,14vmin,140px);line-height:1}.big-choice.celebrate{animation:pop .6s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18) rotate(-3deg)}to{transform:scale(1)}}.header{display:flex;align-items:center;justify-content:space-between;gap:16px}.title{font-size:clamp(24px,5vmin,48px);font-weight:900;margin:0}.grownups{background:transparent;border:2px solid rgba(255,255,255,.25);color:#ffffffd1;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:700}.portfolio-return{color:#ffffffb8;border-bottom:1px solid rgba(255,255,255,.28);padding:8px 2px;font-size:clamp(13px,2vmin,16px);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}.portfolio-return:hover{color:var(--ink)}.portfolio-return:focus-visible{color:var(--ink);border-radius:6px;outline:3px solid var(--pop);outline-offset:4px}.center-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vmin,32px);text-align:center}.speech{font-size:clamp(24px,4.5vmin,44px);font-weight:800;max-width:18ch}.back{align-self:flex-start;padding:14px 26px;font-size:clamp(18px,3vmin,28px)}.panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;max-width:820px;margin:0 auto;width:100%}.card{background:var(--bg-soft);border-radius:20px;padding:22px 26px}.card h3{margin:0 0 8px;font-size:22px}.card p{margin:0;line-height:1.5;opacity:.9}.badge{display:inline-block;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:10px}.badge.soon{background:#ffd1662e;color:var(--pop)}.badge.safe{background:#8ce99a2e;color:var(--good)}.hold-hint{font-size:clamp(16px,2.6vmin,22px);opacity:.7}.hold-ring{width:160px;height:160px;border-radius:50%;border:10px solid rgba(255,255,255,.15);display:grid;place-items:center;position:relative}.hold-fill{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:conic-gradient(var(--pop) calc(var(--p) * 1%),transparent 0);-webkit-mask:radial-gradient(transparent 60px,#000 61px);mask:radial-gradient(transparent 60px,#000 61px)}.field{display:block;margin-top:16px}.field>span{display:block;margin-bottom:6px;opacity:.85;font-weight:700}.field input[type=text],.field input:not([type]),.field input[type=password],.field select{font-size:20px;padding:12px 16px;border-radius:14px;border:2px solid rgba(255,255,255,.2);background:#1b1d3a;color:#fff;width:100%;max-width:360px;font-family:inherit}.field input[type=range]{width:100%;max-width:360px;accent-color:var(--pop)}.toggles{display:flex;flex-wrap:wrap;gap:10px}.toggle{background:var(--bg);border:2px solid rgba(255,255,255,.18);color:var(--ink);border-radius:999px;padding:10px 16px;font-size:16px;font-weight:700;opacity:.55}.toggle.on{opacity:1;border-color:var(--good)}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(12px,3vmin,32px)}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:clamp(120px,22vmin,240px);aspect-ratio:1 / 1;font-size:clamp(56px,12vmin,120px)}.bin{display:flex;align-items:center;justify-content:center;width:clamp(120px,26vmin,260px);aspect-ratio:4 / 3;border-radius:28px;border:6px dashed rgba(255,255,255,.4);font-size:clamp(48px,10vmin,96px)}.gallery{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.gallery-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:clamp(40px,8vmin,80px);background:var(--bg-soft);border-radius:18px;padding:12px 16px}.gallery-item span{font-size:clamp(14px,2.4vmin,22px);font-weight:700}@media(prefers-reduced-motion:reduce){.tappable,.big-choice.celebrate{transition:none;animation:none}}