:root{--ink:#163550;--muted:#66829b;--blue:#0098ea;--line:#dcecf6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#d9f2ff,transparent 55%),#f2f8fc;color:var(--ink);font:14px system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #1675b5;outline-offset:4px}main{max-width:740px;margin:auto;padding:28px 24px 110px}header{display:flex;align-items:center;gap:10px}#brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}#brand>span{display:grid;place-items:center;width:42px;height:42px;background:#fff;border-radius:15px;font-size:25px}#brand b{font-size:18px}#brand small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.badge{margin-left:auto;color:#5686a7;background:#e3f2fa;font-size:9px;font-weight:700;border:1px solid #d4e9f5;border-radius:8px;padding:6px 8px}.notice{font-size:10px;color:var(--muted);padding:12px 0;margin-top:12px;text-align:center}.greeting{text-align:center;margin:25px 0 5px}.eyebrow{font-size:9px;letter-spacing:2px;color:#5193b9;font-weight:700}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}h2{font-size:19px}h3{margin:0;font-size:15px}p{color:var(--muted);line-height:1.8}.claim-scene{height:310px;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:5px;isolation:isolate}.claim-scene:before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(#bcE8ff88,transparent 70%);z-index:-1}#claim{width:205px;height:205px;border-radius:50%;background:linear-gradient(145deg,#31b7f4,#0086d4);color:#fff;box-shadow:0 15px 35px #008cdb25,inset 0 3px 0 #ffffff44,inset 0 -7px 0 #0077be44;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:transform .2s}#claim:hover:enabled{transform:translateY(-3px)}#claim:active:enabled{transform:scale(.97)}#claim:disabled{opacity:.75}#claim svg{width:64px;height:64px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}#claim span{font-size:12px;font-weight:600}.bird{position:absolute;top:12px;left:calc(50% - 48px);width:96px;height:108px;background:linear-gradient(135deg,#8ad5f4,#58b2dd);border-radius:48% 48% 42% 42%;box-shadow:inset -9px -4px 0 #4699c022;animation:bob 4s ease-in-out infinite;z-index:2}.bird:after{content:'';position:absolute;width:65px;height:62px;bottom:5px;left:16px;background:#e8f9ff;border-radius:50%}.eye{position:absolute;width:7px;height:10px;background:#214565;top:36px;border-radius:50%;z-index:3}.eye.left{left:26px}.eye.right{right:26px}.beak{position:absolute;top:49px;left:40px;border-top:12px solid #f2bf6e;border-left:8px solid transparent;border-right:8px solid transparent;z-index:3}.cheek{position:absolute;width:14px;height:7px;border-radius:50%;background:#efc0ca;top:48px;z-index:3}.cheek.left{left:15px}.cheek.right{right:15px}.crest{position:absolute;top:-8px;left:35px;width:13px;height:25px;background:#73c7ea;border-radius:90% 0;rotate:-25deg}.wing{position:absolute;left:-10px;top:50px;width:27px;height:43px;border-radius:60%;background:#7bc8eb;rotate:20deg;z-index:4}.feet{position:absolute;bottom:-8px;left:25px;width:17px;height:10px;background:#f2bf6e;border-radius:8px;box-shadow:30px 0 #f2bf6e;z-index:4}.cloud{position:absolute;width:70px;height:20px;background:#fff9;border-radius:20px}.cloud:before{content:'';position:absolute;width:35px;height:30px;left:13px;bottom:5px;background:#fff9;border-radius:50%}.c1{left:15%;top:85px}.c2{right:12%;top:125px;scale:.7}.spark{position:absolute;color:#73b6d9}.one{left:22%;bottom:70px;font-size:24px}.two{right:20%;top:55px;font-size:32px}.claim-info{text-align:center;font-size:12px;color:var(--muted);margin-top:18px;min-height:20px}.countdown{display:flex;justify-content:center;gap:12px;font-size:11px;color:#5984a2;align-items:center;margin:10px 0 24px}.countdown button{background:none;color:var(--blue);font-size:11px}.card{background:#ffffffd9;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 5px 25px #2b729c04}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.unit{padding:5px 8px;background:#edf8ff;border-radius:8px;color:#4393bc;font-size:9px}.balance>strong{display:block;font-size:38px;letter-spacing:-1.5px;margin:16px 0 24px}.balance .row b{color:var(--ink);font-weight:500}.primary{width:100%;background:#e7f5ff;color:#087cbf;font-weight:700;padding:15px;border-radius:14px;margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.section-title button{color:var(--blue);background:none;font-size:11px}.invite{display:flex;align-items:center;gap:18px}.invite>span{font-size:35px}.invite p{font-size:11px;margin:5px 0}.invite button{margin-left:auto;width:35px;height:35px;background:#edf8ff;color:#168ac4;border-radius:50%}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.levels article{padding:18px}.levels article>span{font-size:30px}.levels h3{margin-top:12px;font-size:13px}.levels p{font-size:10px;margin:5px 0 15px}.levels b{font-size:12px}.task{display:flex;align-items:center;gap:15px;margin-top:14px}.task>span{font-size:28px}.task p{font-size:10px;margin:6px 0 0}.task button{margin-left:auto;background:#e8f6ff;color:#2188ba;border-radius:10px;padding:9px 12px;font-size:11px}.fine{font-size:11px}.history-item{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.history-item span{color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:30px}footer button{background:none;color:var(--muted);font-size:10px}nav{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:5px;width:min(430px,calc(100% - 28px));background:#ffffffee;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:23px;padding:9px;box-shadow:0 12px 40px #28638115;z-index:10}nav button{flex:1;display:grid;gap:5px;background:none;color:var(--muted);padding:8px;border-radius:15px;font-size:10px}nav button span{font-size:23px}nav button.active{background:#e9f6ff;color:var(--blue)}.view[hidden]{display:none}dialog{max-width:430px;width:calc(100% - 32px);border:1px solid var(--line);background:#f7fcff;color:var(--ink);padding:28px;border-radius:25px}dialog::backdrop{background:#16355066;backdrop-filter:blur(5px)}dialog #close{position:absolute;right:12px;top:10px;background:none;color:var(--muted);font-size:25px}.modal-bird{font-size:40px}dialog p{font-size:13px}.celebrate .bird{animation:hop .5s ease}.no-motion *{animation:none!important;transition:none!important}@keyframes bob{50%{translate:0 -6px}}@keyframes hop{50%{translate:0 -18px;rotate:8deg}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:450px){main{padding:20px 18px 110px}h1{font-size:29px}.greeting p{font-size:12px}.claim-scene{height:285px}#claim{width:185px;height:185px}.bird{scale:.9;top:7px}.levels{gap:7px}.levels article{padding:12px}.levels h3{font-size:11px}.task{padding:17px;gap:10px}.task h3{font-size:12px}.task p{font-size:9px}.task button{padding:8px}.c1{left:3%}.c2{right:4%}.one{left:10%}.two{right:9%}.card{padding:20px}.levels article.card{padding:12px}}