@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Montserrat:wght@700;900&display=swap";:root{color:#dce1fb;font-synthesis:none;background:#020617;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{background:#020617;min-height:100vh;padding-bottom:42px;position:relative;overflow:hidden}.grain{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}.orb{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:50%;position:fixed}.orb-one{background:#a855f7;width:430px;height:430px;animation:11s ease-in-out infinite drift;top:-170px;left:-160px}.orb-two{background:#ec4899;width:380px;height:380px;animation:14s ease-in-out infinite reverse drift;bottom:5%;right:-170px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:#070d1f94;border-bottom:1px solid #c084fc17;justify-content:space-between;align-items:center;height:84px;padding:0 max(24px,50vw - 430px);display:flex;position:relative;box-shadow:0 0 24px #c084fc1f}.brand{letter-spacing:-.05em;color:#0000;background:linear-gradient(90deg,#c084fc,#ffb0cd,#818cf8);-webkit-background-clip:text;background-clip:text;font:900 28px Montserrat,sans-serif}.top-actions{gap:20px;display:flex}.top-actions button{color:#cfc2d6;cursor:pointer;background:0 0;border:0;font-size:24px;transition:all .2s}.top-actions button:hover{color:#ddb7ff;transform:scale(1.1)}.content{z-index:1;width:min(100% - 48px,540px);margin:0 auto;padding:100px 0 80px;position:relative}.hero{text-align:center;margin-bottom:48px}.eyebrow,.log-card label,.recorded{letter-spacing:.13em;font:700 11px JetBrains Mono,monospace}.eyebrow{color:#c084fc;margin:0 0 12px}.hero h1{letter-spacing:-.06em;color:#0000;background:linear-gradient(90deg,#c084fc,#f9a8d4,#818cf8);-webkit-background-clip:text;background-clip:text;margin:0;font:900 clamp(38px,8vw,60px) Montserrat,sans-serif}.hero h1 span{color:#f9a8d4}.hero p:last-child{color:#cfc2d6;margin:14px 0 0;font-size:16px}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#23293cad,#0c1324b8);border:1px solid #ffffff1c;box-shadow:inset 0 1px #ffffff0a}.log-card{border-radius:20px;margin-bottom:32px;padding:28px}.log-card label{color:#ddb7ff;margin-bottom:14px;display:block}.log-card textarea{resize:none;color:#dce1fb;background:#070d1f8f;border:1px solid #cfc2d64d;border-radius:12px;outline:none;width:100%;padding:16px;font:16px/1.5 Inter;transition:all .25s;display:block}.log-card textarea::placeholder{color:#7b7890}.log-card textarea:focus{border-color:#c084fc;box-shadow:0 0 0 3px #c084fc26,0 0 24px #c084fc24}.claim{color:#250044;cursor:pointer;background:linear-gradient(90deg,#c084fc,#f9a8d4,#818cf8);border:0;border-radius:12px;width:100%;margin-top:18px;padding:16px;font:700 16px Inter;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 0 18px #c084fc59}.claim:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 30px #c084fc94}.claim:disabled{opacity:.42;cursor:not-allowed}.spinner{vertical-align:-2px;border:2px solid #25004459;border-top-color:#250044;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.reward-card{background:linear-gradient(135deg,#c084fc,#ffb0cd,#818cf8);border-radius:20px;padding:2px;animation:.55s cubic-bezier(.16,1,.3,1) rise;position:relative;box-shadow:0 0 36px #c084fc57}.reward-inner{text-align:center;background:radial-gradient(circle at 50% 0,#c084fc38,#0000 60%),#0f172ae6;border-radius:18px;padding:34px 28px 26px}.title-pill{color:#ddb7ff;letter-spacing:.12em;border:1px solid #ddb7ff8c;border-radius:999px;padding:10px 16px;font:700 12px JetBrains Mono;display:inline-block}.xp{color:#fbbf24;text-shadow:0 0 22px #fbbf2485;margin:25px 0 22px;font:900 54px/1 Montserrat}.xp small{font-size:24px}.message{color:#d7d3e1;max-width:410px;margin:0 auto;font-size:16px;font-style:italic;line-height:1.65}.icons{justify-content:center;gap:18px;margin:25px 0 20px;font-size:24px;display:flex}.icons span:first-child{color:#22c55e}.icons span:last-child{color:#ddb7ff}.recorded{color:#817b93;font-size:10px}.loading-card{text-align:center;border-radius:20px;padding:32px;animation:.35s rise}.loading-orb{color:#ddb7ff;font-size:34px;animation:1s ease-in-out infinite pulse;display:block}.loading-card p{color:#cfc2d6;margin:12px 0 20px;font-size:14px}.loading-bar{background:#2e3447;border-radius:8px;height:5px;overflow:hidden}.loading-bar i{background:linear-gradient(90deg,#c084fc,#ffb0cd,#818cf8);border-radius:8px;width:45%;height:100%;animation:1.1s ease-in-out infinite load;display:block}.hint{text-align:center;color:#6d6a80;letter-spacing:.08em;font:12px JetBrains Mono}.error{color:#ffb4ab;margin:12px 0 0;font-size:13px}.bottom-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{filter:drop-shadow(0 0 10px #c084fc);transform:scale(1.18)}}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(240%)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}@keyframes drift{50%{transform:translate(60px,30px)}}@media (width<=600px){.topbar{height:70px;padding:0 20px}.brand{font-size:23px}.top-actions{gap:14px}.content{width:min(100% - 32px,540px);padding:78px 0 52px}.hero{margin-bottom:34px}.hero h1{font-size:42px}.hero p:last-child{font-size:14px}.log-card{margin-bottom:22px;padding:22px}.reward-inner{padding:28px 20px 22px}.xp{font-size:46px}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#151b2de0;border-top:1px solid #ffffff14;justify-content:space-around;height:66px;padding:8px 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#817b93;cursor:pointer;background:0 0;border:0;border-radius:12px;min-width:64px;font:20px Inter}.bottom-nav button small{letter-spacing:.08em;margin-top:3px;font:700 9px JetBrains Mono;display:block}.bottom-nav .active{color:#ddb7ff;background:#b76dff24}}