:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#effffb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#021210;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#021210;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 80% 85%,#33ebd061,#0000 28%),radial-gradient(circle at 12% 8%,#58ffe133,#0000 24%),linear-gradient(145deg,#031917 0%,#02100f 44%,#001c18 100%);min-height:100vh;padding:28px;position:relative;overflow:hidden}.atmosphere,.grid-glow,.noise{pointer-events:none;position:fixed;inset:0}.atmosphere{opacity:.34;filter:saturate(1.2);background-image:linear-gradient(90deg,#010d0c85,#010d0c1f 46%,#010d0cb8),url(/hyperanon-atmosphere.png);background-position:50%;background-size:cover;transform:scale(1.02)}.grid-glow{background-image:linear-gradient(#62ffe414 1px,#0000 1px),linear-gradient(90deg,#62ffe414 1px,#0000 1px);background-size:74px 74px;animation:18s linear infinite drift;-webkit-mask-image:radial-gradient(circle at 50% 55%,#000,#0000 68%);mask-image:radial-gradient(circle at 50% 55%,#000,#0000 68%)}.noise{opacity:.11;mix-blend-mode:overlay;background-image:radial-gradient(#ffffffb3 .6px,#0000 .6px);background-size:4px 4px}.dashboard{z-index:1;flex-direction:column;gap:26px;width:min(1180px,100%);min-height:calc(100vh - 56px);margin:0 auto;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.brand{color:#f4fffc;text-shadow:0 0 28px #66ffe573;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand img{object-fit:cover;border-radius:50%;width:46px;height:46px;box-shadow:0 0 0 1px #96ffec52,0 0 28px #33ebd08c}.brand span{letter-spacing:0;font-size:1.25rem;font-weight:680}.topbar-actions{color:#edfffcd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02221ea3;border:1px solid #97ffee33;border-radius:999px;align-items:center;gap:9px;min-height:40px;padding:0 14px;display:inline-flex;box-shadow:0 10px 40px #0000003d}.signal-dot{background:#5affdf;border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #5affdf}.dashboard-grid{flex:1;grid-template-columns:minmax(0,1.02fr) minmax(380px,.72fr);align-items:stretch;gap:22px;display:grid}.allocation-panel,.claim-panel,.success-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#04322cc2,#011210c7),#021614c7;border:1px solid #97ffee2e;box-shadow:0 34px 120px #00000075,inset 0 1px #ffffff14}.allocation-panel{border-radius:24px;grid-template-rows:auto 1fr auto;min-height:620px;padding:34px;display:grid;position:relative;overflow:hidden}.allocation-panel:before,.claim-panel:before,.success-modal:before{content:"";pointer-events:none;background:linear-gradient(120deg,#73ffea24,#0000 28%),radial-gradient(circle at 72% 18%,#49ffdb2e,#0000 27%);position:absolute;inset:0}.allocation-copy{z-index:1;max-width:580px;position:relative}.eyebrow{color:#6dffe3;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;text-shadow:0 0 45px #63ffe74d;margin-bottom:12px;font-size:clamp(3.2rem,9vw,6.9rem);line-height:.9}h1 span{color:#effffbd1;margin-top:12px;font-size:clamp(1.25rem,3vw,2rem);font-weight:600;display:block}.delivery-copy{color:#eefffbbd;width:min(100%,420px);margin-bottom:0;font-size:1.05rem;line-height:1.6}.token-orbit{z-index:1;aspect-ratio:1;place-self:center;place-items:center;width:min(440px,82%);display:grid;position:relative}.token-orbit img{object-fit:cover;filter:drop-shadow(0 0 38px #5bffe69e);border-radius:50%;width:58%;height:58%;animation:5.5s ease-in-out infinite float}.orbit-ring{border:1px solid #76ffe75c;border-radius:50%;position:absolute;inset:6%;box-shadow:inset 0 0 24px #36ffdc29,0 0 42px #36ffdc21}.orbit-ring-one{animation:4.8s ease-in-out infinite pulse-ring}.orbit-ring-two{opacity:.7;animation:4.8s ease-in-out infinite reverse pulse-ring;inset:18%}.allocation-metrics{z-index:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:relative}.allocation-metrics div{background:#0012107a;border:1px solid #86ffeb2b;border-radius:16px;min-width:0;min-height:78px;padding:15px}.allocation-metrics span,.progress-meta,.task-text span{color:#eefffb99}.allocation-metrics span{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.76rem;display:block}.allocation-metrics strong{color:#effffb;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;display:block;overflow:hidden}.claim-panel{border-radius:24px;flex-direction:column;gap:18px;min-height:620px;padding:24px;display:flex;position:relative;overflow:hidden}.panel-header,.progress-shell,.task-list,.claim-form{z-index:1;position:relative}.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header h2,.success-modal h2{color:#f3fffc;letter-spacing:0;margin:0;font-size:1.45rem}.icon-button,.modal-wallet button,.modal-close{color:#dffff8;background:#0a2a26d6;border:1px solid #86ffeb2e;place-items:center;transition:transform .18s,border-color .18s,background .18s;display:inline-grid}.icon-button{border-radius:14px;width:42px;height:42px}.icon-button:hover,.modal-wallet button:hover,.modal-close:hover{background:#12453eeb;border-color:#77ffe875;transform:translateY(-1px)}.progress-shell{background:#00121070;border:1px solid #86ffeb29;border-radius:18px;padding:14px}.progress-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:.82rem;display:flex}.progress-track{background:#bafff51a;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#39e5c9,#d6fff5);height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 18px #5cffe5b3}.task-list{gap:10px;display:grid}.task-row{color:#effffb;text-align:left;background:#01131185;border:1px solid #86ffeb26;border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px;transition:transform .19s,border-color .19s,background .19s,box-shadow .19s;display:grid}.task-row:hover:not(:disabled){background:#052a25bd;border-color:#75ffe76b;transform:translateY(-2px);box-shadow:0 14px 42px #0effd31a}.task-row.is-complete{background:#11584c6b;border-color:#5affda57}.task-icon{color:#73ffe6;background:#56ffe217;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 18px #56ffe214}.task-text{gap:5px;min-width:0;display:grid}.task-text strong,.task-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-text strong{font-size:.98rem}.task-text span{font-size:.82rem}.task-status{color:#f2fffce6;background:#9dffee1a;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:94px;height:38px;padding:0 12px;display:inline-flex}.claim-form{gap:12px;margin-top:auto;display:grid}.claim-form label{color:#eefffbd1;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.wallet-field{position:relative}.wallet-field input{color:#effffb;background:#000f0ea3;border:1px solid #8bffeb2e;border-radius:18px;outline:0;width:100%;height:58px;padding:0 50px 0 16px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 0 0 1px #ffffff05}.wallet-field input::placeholder{color:#eefffb61}.wallet-field input:focus{background:#001714c7;border-color:#71ffe6a8;box-shadow:0 0 0 4px #47ffdc1c}.wallet-field.is-locked input{color:#eefffb80;background:#000f0e61}.wallet-field svg{color:#72ffe6b8;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.claim-button,.modal-primary{color:#02201c;background:linear-gradient(135deg,#62ffe4,#dffdf4);border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 18px;font-weight:850;transition:transform .19s,filter .19s,opacity .19s;display:inline-flex;box-shadow:0 16px 44px #50ffe03d,inset 0 -1px #0037303d}.claim-button:hover:not(:disabled),.modal-primary:hover{filter:brightness(1.04);transform:translateY(-2px)}.claim-button:disabled{opacity:.48;box-shadow:none}.loading-state,.error-state{z-index:1;color:#eefffbb3;background:#0012106b;border:1px solid #86ffeb24;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:112px;padding:18px;display:flex;position:relative}.error-state{color:#ffd9d6;border-color:#ff897d52;justify-content:flex-start}.toast-stack{z-index:8;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:22px;right:22px}.toast{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#011513e6;border:1px solid #96ffed30;border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:70px;padding:12px;animation:.26s both toast-in;display:grid;box-shadow:0 20px 60px #00000052}.toast-icon{color:#72ffe5;background:#72ffe51a;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.toast strong,.toast small{text-overflow:ellipsis;display:block;overflow:hidden}.toast strong{color:#f6fffd;margin-bottom:4px}.toast small{color:#eefffba6}.toast-success{border-color:#5affcf5c}.toast-warning{border-color:#ffd97566}.toast-warning .toast-icon{color:#ffe29b;background:#ffd9751f}.toast-error{border-color:#ff847a6b}.toast-error .toast-icon{color:#ffaaa2;background:#ff847a1f}.modal-backdrop{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000b0ab8;place-items:center;padding:20px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.success-modal{text-align:center;border-radius:24px;width:min(460px,100%);padding:30px;animation:.26s cubic-bezier(.22,1,.36,1) both modal-in;position:relative;overflow:hidden}.modal-close{z-index:2;border-radius:14px;width:40px;height:40px;position:absolute;top:14px;right:14px}.modal-logo{z-index:1;border-radius:50%;width:92px;height:92px;margin:4px auto 20px;position:relative;box-shadow:0 0 44px #62ffe47a}.modal-logo img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.success-modal .eyebrow,.success-modal h2,.success-modal p,.modal-wallet,.modal-primary{z-index:1;position:relative}.success-modal p:not(.eyebrow){color:#eefffbb8;line-height:1.65}.modal-wallet{background:#00121080;border:1px solid #87ffeb2e;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin:20px 0 16px;padding:9px 9px 9px 15px;display:flex}.modal-wallet span{color:#eefffbc7;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.modal-wallet button{border-radius:12px;flex:none;width:36px;height:36px}.modal-primary{width:100%}.spin{animation:.9s linear infinite spin}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(74px,74px)}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}@keyframes pulse-ring{0%,to{opacity:.62;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{padding:18px}.dashboard{min-height:calc(100vh - 36px)}.dashboard-grid{grid-template-columns:1fr}.allocation-panel,.claim-panel{min-height:auto}.allocation-panel{gap:22px}.token-orbit{width:min(360px,70vw)}}@media (width<=620px){.app-shell{background:radial-gradient(circle at 76% 92%,#33ebd04f,#0000 30%),linear-gradient(145deg,#031917 0%,#020f0e 52%,#001b17 100%);padding:14px}.atmosphere{opacity:.24;background-position:top}.topbar{gap:12px}.brand span{font-size:1.04rem}.brand img{width:40px;height:40px}.topbar-actions{min-height:36px;padding:0 11px;font-size:.78rem}.allocation-panel,.claim-panel{border-radius:20px;padding:18px}.allocation-panel{grid-template-rows:auto auto auto}h1{font-size:3.25rem}h1 span{font-size:1.1rem}.delivery-copy{font-size:.95rem}.allocation-metrics{grid-template-columns:1fr}.allocation-metrics div{min-height:62px;padding:12px}.token-orbit{width:min(290px,78vw)}.panel-header h2{font-size:1.25rem}.progress-meta,.task-status,.task-text span{font-size:.76rem}.task-row{grid-template-columns:42px minmax(0,1fr);align-items:start;min-height:84px}.task-status{grid-column:2;justify-self:start;min-width:84px;height:32px;padding:0 10px}.wallet-field input,.claim-button{border-radius:16px;min-height:56px}.toast-stack{width:calc(100vw - 24px);top:auto;bottom:12px;right:12px}.success-modal{border-radius:22px;padding:26px 20px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
