:root{--bg: #f4eeff;--card: #ffffff;--ink: #2a1f4d;--sub: #7b6fa0;--lav: #c7b6ff;--lav-d: #7c5cff;--mint: #b6f0d2;--mint-d: #39c586;--peach: #ffc9b0;--peach-d: #f47a4a;--sun: #ffe38a;--sun-d: #e0a93b;--pink: #ffb7c5;--pink-d: #d8527b;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(255,255,255,.68),transparent 34%),var(--bg)}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sun-d);outline-offset:3px}.app-frame{min-height:100vh;display:grid;place-items:center;padding:24px}.phone-shell{width:min(100%,430px);min-height:min(100vh,820px);position:relative;overflow:hidden;background:var(--bg);border-radius:28px;box-shadow:0 18px 60px #2a1f4d2e}@media(max-width:520px){.app-frame{padding:0;place-items:stretch}.phone-shell{width:100%;min-height:100vh;border-radius:0}.screen{min-height:100vh}}.screen{min-height:min(100vh,820px);padding:52px 20px 104px;overflow-y:auto}.screen.no-nav{padding-bottom:36px}.headline{margin:4px 0 0;font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:0;line-height:1.05}.label{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--lav-d)}.card{background:#fff;border-radius:22px;box-shadow:0 4px #e0d4ff,0 8px 20px #0000000a}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.sub{color:var(--sub);font-size:13px;font-weight:700}.pop-button{position:relative;overflow:hidden;border:0;border-radius:999px;padding:14px 22px;color:#fff;font-weight:900;cursor:pointer;background:linear-gradient(180deg,var(--button),color-mix(in srgb,var(--button),#000 13%));box-shadow:0 6px color-mix(in srgb,var(--button),#000 24%),0 10px 24px color-mix(in srgb,var(--button),transparent 70%),inset 0 2px #ffffff73}.pop-button.full{width:100%}.pop-button:before{content:"";position:absolute;inset:4px 16px auto;height:8px;border-radius:999px;background:#ffffff5c}.emoji-tile{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;font-size:24px;background:linear-gradient(180deg,var(--tile),color-mix(in srgb,var(--tile),transparent 24%));box-shadow:inset 0 2px #ffffff80}.bottom-nav{position:absolute;left:12px;right:12px;bottom:12px;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;border-radius:22px;background:#ffffffe6;box-shadow:0 4px #e0d4ff,0 16px 30px #2a1f4d1f}.bottom-nav a{border-radius:16px;padding:8px 4px;color:var(--sub);text-align:center;text-decoration:none;font-size:11px;font-weight:900}.bottom-nav a.active{color:var(--lav-d);background:var(--lav)}.field{width:100%;border:0;border-radius:16px;padding:12px 14px;background:#fff;box-shadow:inset 0 0 0 2px #eadfff;color:var(--ink);font-weight:800}.danger{color:var(--peach-d)}.error{margin:12px 0;border-radius:16px;padding:12px;background:var(--peach);color:var(--peach-d);font-weight:900}@keyframes aPop{0%{transform:scale(1)}35%{transform:scale(1.06) rotate(-1.2deg)}60%{transform:scale(.97) rotate(.8deg)}to{transform:scale(1)}}@keyframes aFinaleBg{0%{opacity:0}to{opacity:1}}@keyframes aFinaleIn{0%{opacity:0;transform:translateY(20px) scale(.7)}55%{opacity:1;transform:translateY(-4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aMascotBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(3deg)}}.celebrate{animation:aPop .55s cubic-bezier(.2,.8,.2,1.2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}