:root{--bg:#fbfaf8;--bg-2:#f2f0ee;--surface:#ffffff;--border:#e6e4df;--text:#16151b;--text-2:#57545f;--text-3:#8b8894;--accent:#7c3aed;--accent-2:#5b21b6;--accent-weak:#f3eefe;--accent-glow:rgba(124,58,237,0.18);--grad:linear-gradient(135deg,#a855f7,#7c3aed 55%,#4f46e5);--grad-soft:linear-gradient(135deg,#ede9fe,#e0e7ff);--ok:#16a34a;--danger:#dc2626;--gold:#f59e0b;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px rgba(20,18,26,0.04),0 8px 24px rgba(20,18,26,0.06);--shadow-lg:0 2px 4px rgba(20,18,26,0.05),0 24px 56px rgba(20,18,26,0.12);--font:"Inter","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.03em;line-height:1.1}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:14px;border:1px solid transparent;font-size:15px;font-weight:650;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 28px var(--accent-glow)}.btn-primary:hover{box-shadow:0 14px 36px var(--accent-glow);filter:brightness(1.06)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:16px 30px;font-size:16.5px;border-radius:16px}.btn-sm{padding:8px 15px;font-size:14px;border-radius:11px}.btn svg{width:18px;height:18px}.pi-shell{min-height:100vh;display:flex;flex-direction:column}.pi-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(251,250,248,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.pi-nav-inner{display:flex;align-items:center;gap:24px;padding:14px 24px}.pi-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:-.02em}.pi-brand-mark{width:40px;height:40px;border-radius:12px;display:inline-block;object-fit:contain}.pi-brand-tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--accent);background:var(--accent-weak);border-radius:999px;padding:2px 8px}.pi-nav-user{margin-left:auto}.pi-nav-signout{padding:7px 14px;border:1px solid var(--danger);border-radius:999px;background:transparent;color:var(--danger);font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.pi-nav-signout:hover{background:var(--danger);color:#fff}.pi-user{display:inline-flex;align-items:center;gap:14px}.pi-username{font-weight:650;font-size:14px;color:var(--text-2)}.pi-main{flex:1 1;padding:32px 24px 80px}.pi-footer{border-top:1px solid var(--border);background:var(--surface)}.pi-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px;font-size:13px;color:var(--text-2)}.pi-footer-links{display:flex;gap:18px;align-items:center}.pi-footer-links a{color:var(--text-2);font-weight:600}.pi-footer-links a:hover{color:var(--accent)}.pi-signout{border:1px solid var(--danger);background:transparent;padding:5px 12px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;color:var(--danger);font-size:13px}.pi-signout:hover{color:#fff;background:var(--danger)}.pi-footer-modern{background:linear-gradient(180deg,#160728,#0B0316);border-top:1px solid rgba(139,92,246,.25);color:#DDD6FE;padding:40px 0 100px;margin-top:auto}.pi-footer-modern-inner{display:flex;flex-direction:column;gap:32px}.pi-footer-top-row{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap}.pi-footer-brand-col{max-width:280px}.pi-footer-tagline{font-size:13px;color:#A78BFA;margin-top:10px;line-height:1.5}.pi-footer-links-grid{display:flex;gap:48px;flex-wrap:wrap;flex:1 1;justify-content:flex-end}.pi-footer-col{display:flex;flex-direction:column;gap:8px;min-width:130px}.pi-footer-col h4{font-size:13px;font-weight:800;color:#FFF;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.pi-footer-col a{color:#C4B5FD;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s ease,transform .15s ease;display:inline-block}.pi-footer-col a:hover{color:#FFF;transform:translateX(2px)}.pi-footer-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}.pi-footer-copy{font-size:12px;color:#8A8A9E}.pi-footer-signout-btn{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:#FCA5A5;font-size:12px;font-weight:800;border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .15s ease}.pi-footer-signout-btn:hover{background:rgba(239,68,68,.3);color:#FFF}.pi-centered{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.pi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.pi-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.pi-card-head h2{font-size:18px}.pi-hero{align-items:center;justify-content:space-between;gap:20px;background:var(--grad);border-radius:22px;padding:30px;box-shadow:0 24px 56px var(--accent-glow);margin-bottom:24px}.pi-hero h1{color:#fff;font-size:clamp(24px,3.5vw,34px)}.pi-kicker{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:8px}.pi-hero-sub{color:rgba(255,255,255,.85);margin-top:6px}.pi-balance{text-align:right}.pi-balance-label{opacity:.85}.pi-balance-value{font-size:40px;line-height:1.1}.pi-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:24px}.pi-streak-num{font-size:40px;font-weight:900;color:var(--accent);letter-spacing:-.03em;line-height:1.1}.pi-streak-num small{font-size:15px;font-weight:700;color:var(--text-3)}.pi-muted{color:var(--text-3);font-size:13.5px}.pi-full{width:100%;margin-top:16px}.pi-progress-track{height:12px;border-radius:999px;background:var(--bg-2);overflow:hidden;margin-bottom:10px}.pi-progress-fill{height:100%;border-radius:999px;background:var(--grad);transition:width .4s ease}.pi-table{width:100%;border-collapse:collapse;font-size:14px}.pi-table td{padding:10px 6px;border-bottom:1px solid var(--border)}.pi-table tr:last-child td{border-bottom:none}.pi-delta{font-weight:800}.pi-num{text-align:right;color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-badge{font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:4px 10px}.pi-badge-accent{background:var(--accent-weak);color:var(--accent)}.pi-badge-live{background:#ecfdf5;color:var(--ok)}.pi-limits{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.pi-limit-chip{font-size:12.5px;font-weight:650;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 13px}.pi-page-head{margin-bottom:20px}.pi-page-head h1{font-size:28px}.pi-task-list{display:flex;flex-direction:column;gap:14px}.pi-task{gap:18px;padding:18px}.pi-task,.pi-task-icon{display:flex;align-items:center}.pi-task-icon{width:46px;height:46px;border-radius:14px;background:var(--accent-weak);justify-content:center;font-size:22px;flex-shrink:0}.pi-task-body{flex:1 1;min-width:0}.pi-task-top{display:flex;align-items:center;gap:12px}.pi-task-top h3{font-size:16px}.pi-steps{margin:8px 0 0;padding-left:18px;color:var(--text-2);font-size:13px}.pi-steps li{margin-top:2px}.pi-empty{text-align:center;color:var(--text-3)}.pi-hint-block{margin-top:22px;font-size:12.5px;color:var(--text-3)}.pi-signin-wrap{max-width:420px;width:100%}.pi-card-head .pi-link-text{font-weight:700;font-size:13px;color:var(--accent)}.pi-signin{max-width:420px;width:100%;text-align:center;padding:40px 32px}.pi-logo{width:64px;height:64px;border-radius:18px;background:var(--accent-weak);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden;box-shadow:var(--shadow)}.pi-title{font-size:24px;margin-bottom:8px}.pi-sub{color:var(--text-2);margin-bottom:22px}.pi-btn{width:100%}.pi-error{background:#fef2f2;color:var(--danger);border-radius:12px;padding:10px 14px;font-size:13.5px;margin-bottom:16px}.pi-hint{margin-top:14px;font-size:12.5px;color:var(--text-3)}.pi-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--accent-weak);border-top-color:var(--accent);animation:pi-spin .8s linear infinite}@keyframes pi-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.pi-hero{flex-direction:column;align-items:flex-start}.pi-balance,.pi-hero{text-align:left}.pi-grid{grid-template-columns:1fr}.pi-nav-inner{gap:12px}.pi-nav-inner,.pi-task{flex-wrap:wrap}}.pi-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:26px}.pi-cat{display:flex;flex-direction:column;gap:14px}.pi-cat-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pi-cat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pi-cat-head h3{font-size:16px}.pi-cat-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.pi-coin-btn{border-color:var(--gold);color:#b45309}.pi-checkout{margin-bottom:26px;border-color:var(--accent)}.pi-input{width:100%;padding:13px 16px;border-radius:14px;border:1px solid var(--border);font-size:15px;font-family:inherit;background:var(--surface);color:var(--text);margin-bottom:8px}.pi-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pi-checkout-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border)}.btn-ghost:hover{color:var(--danger);border-color:var(--danger)}.pi-msg{border-radius:14px;padding:13px 16px;margin-bottom:18px;font-size:14px;font-weight:600}.pi-msg-ok{background:#ecfdf5;color:var(--ok)}.pi-msg-err{background:#fef2f2;color:var(--danger)}.pi-history{margin-bottom:20px}.pi-status{font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px}.pi-status.fulfilled{background:#ecfdf5;color:var(--ok)}.pi-status.processing{background:var(--accent-weak);color:var(--accent)}.pi-status.failed,.pi-status.refunded{background:#fef2f2;color:var(--danger)}.pi-blocked{max-width:460px;text-align:center;padding:40px 32px}.pi-blocked h1{font-size:24px;margin-bottom:10px}.pi-blocked p{color:var(--text-2);margin-bottom:22px}.pi-blocked .btn{width:100%}.pi-wallet-addr{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:15px;font-weight:700;color:var(--accent);background:var(--accent-weak);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:12px;display:inline-block}.pi-policy{max-width:820px;margin:0 auto;padding:24px 20px 32px}.pi-policy-hero-title{font-size:clamp(24px,4vw,32px);font-weight:900;color:#FFF;letter-spacing:-.02em}.pi-policy-nav-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.pi-policy-nav-chips::-webkit-scrollbar{display:none}.pi-policy-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--text-2);white-space:nowrap;transition:transform .15s ease,border-color .15s ease,background .15s ease}.pi-policy-chip:hover{transform:translateY(-1px);border-color:var(--accent)}.pi-policy-chip-active{background:var(--accent-weak);border-color:var(--accent)!important;color:var(--accent-2);font-weight:800}.pi-policy-head{text-align:center;padding-bottom:28px;border-bottom:1px solid var(--border);margin-bottom:32px}.pi-policy-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-weak);margin-bottom:14px}.pi-policy-title{font-size:clamp(28px,4vw,36px);font-weight:900;color:var(--text);letter-spacing:-.03em}.pi-policy-updated{color:var(--text-3);font-size:14px;margin-top:8px}.pi-policy-body{display:flex;flex-direction:column;gap:28px}.pi-policy-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.pi-policy-h{font-size:20px;font-weight:800;color:var(--accent-2);letter-spacing:-.02em;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:14px;margin-top:20px}.pi-policy-card>.pi-policy-h:first-child{margin-top:0}.pi-policy-s{font-size:16px;font-weight:700;color:var(--text);margin:18px 0 8px}.pi-policy-p{margin-bottom:10px}.pi-policy-list,.pi-policy-p{color:var(--text-2);font-size:15px;line-height:1.7}.pi-policy-list{list-style:disc;padding-left:20px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.pi-policy-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin-top:8px}.pi-policy-contact-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.pi-policy-contact-label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.pi-policy-contact-mail{color:var(--accent);font-weight:650;font-size:15px}.pi-policy-contact-mail:hover{text-decoration:underline}.pi-home{max-width:640px;margin:0 auto}.pi-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;background:linear-gradient(150deg,#7c3aed,#6d28d9 45%,#4f46e5);color:#fff;border-radius:26px;padding:30px 28px 24px;box-shadow:0 30px 70px rgba(124,58,237,.35);margin-bottom:22px}.pi-hero-blob{position:absolute;border-radius:999px;filter:blur(46px);opacity:.55;pointer-events:none}.pi-hero-blob-a{width:200px;height:200px;right:-60px;top:-70px;background:#a855f7;animation:pi-float-a 9s ease-in-out infinite}.pi-hero-blob-b{width:150px;height:150px;left:-50px;bottom:-60px;background:#38bdf8;animation:pi-float-b 11s ease-in-out infinite}.pi-hero-blob-c{width:110px;height:110px;right:90px;bottom:-50px;background:#f0abfc;opacity:.4;animation:pi-float-a 13s ease-in-out infinite reverse}@keyframes pi-float-a{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.08)}}@keyframes pi-float-b{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(12px) scale(.94)}}.pi-hero-hi{color:#ede9fe;font-size:15px;font-weight:700;margin-bottom:10px;position:relative}.pi-balance-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.9;position:relative}.pi-balance-value{display:block;font-size:48px;font-weight:900;letter-spacing:-.03em;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;position:relative;text-shadow:0 6px 24px rgba(0,0,0,.25)}.pi-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;position:relative}.pi-chip{display:inline-block;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,transform .15s ease}.pi-chip:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}.pi-hero-date{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-home-body{gap:14px}.pi-home-body,.pi-hub-card{display:flex;flex-direction:column}.pi-hub-card{text-decoration:none;color:inherit;gap:12px;padding:20px}.pi-hub-top{display:flex;flex-direction:column;gap:4px}.pi-hub-title-wrap{display:flex;align-items:center;gap:8px}.pi-hub-title{font-size:16px;font-weight:900;color:var(--text);margin:0}.pi-hub-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;background:#fef3c7;color:#d97706;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900}.pi-hub-headline{font-size:13px;font-weight:600;color:var(--text-3);margin:0}.pi-hub-chips{display:flex;flex-wrap:wrap;gap:8px}.pi-hub-chip{border-radius:999px;padding:6px 10px;font-size:11.5px;font-weight:800}.pi-hub-xp-track{height:7px;border-radius:999px;background:var(--bg-2);overflow:hidden}.pi-hub-xp-fill{height:100%;border-radius:999px;background:#f59e0b;transition:width .4s ease}.pi-hub-level-text{font-size:11px;font-weight:700;color:var(--text-3);margin:0}.pi-hub-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:#fff;border-radius:12px;padding:11px;font-size:13px;font-weight:800;box-shadow:0 8px 20px var(--accent-glow);transition:transform .15s ease,box-shadow .15s ease}.pi-hub-btn:hover{transform:translateY(-1px)}.pi-cat-header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.pi-cat-title{font-size:15px;font-weight:800;color:var(--text);margin:0}.pi-cat-sub{font-size:12px;color:var(--text-3);margin:0}.pi-card-glass{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pi-row{display:flex;align-items:center;gap:14px}.pi-grow{flex:1 1;min-width:0}.pi-flame{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fff7ed,#ffedd5);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.pi-card-title{font-size:17px;font-weight:800;color:var(--text)}.pi-card-title-sm{font-size:13.5px;font-weight:700;color:var(--text)}.pi-btn-mini{border:none;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:800;background:var(--bg-2);color:var(--text-3);flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.pi-btn-mini-on{background:var(--accent);color:#fff;box-shadow:0 8px 20px var(--accent-glow)}.pi-btn-mini-on:not(:disabled):hover{transform:translateY(-1px)}.pi-btn-mini-on:disabled{background:var(--bg-2);color:var(--text-3);box-shadow:none}.pi-dots{display:flex;justify-content:space-between;margin-top:16px}.pi-dot-col{flex-direction:column;gap:4px}.pi-dot,.pi-dot-col{display:flex;align-items:center}.pi-dot{width:30px;height:30px;border-radius:999px;background:var(--bg-2);justify-content:center;font-size:12px;font-weight:800;color:var(--text-3);border:2px solid transparent;transition:background .2s ease,transform .2s ease}.pi-dot-reached{background:var(--accent);color:#fff}.pi-dot-today{background:var(--accent-weak);color:var(--accent-2);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.pi-dot-pts{font-size:10px;font-weight:700;color:var(--text-3)}.pi-mt{margin-top:8px}.pi-card-link{display:block;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pi-card-link:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);transform:translateY(-2px)}.pi-gift{font-size:14px;flex-shrink:0}.pi-count{font-size:12px;font-weight:800;color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-progress-fill-ready{background:var(--ok)}.pi-box-card{border-color:var(--border)}.pi-box-ready{border-color:var(--accent);border-width:2px;box-shadow:0 0 0 4px var(--accent-glow)}.pi-box-emoji{font-size:22px;flex-shrink:0}.pi-dim{opacity:.5}.pi-muted-accent{color:var(--accent-2);font-weight:700}.pi-combo-flame{background:linear-gradient(135deg,#fef3c7,#fde68a)}.pi-combo-head{gap:12px}.pi-combo-count{font-size:13px;font-weight:800;color:var(--text-3);flex-shrink:0}.pi-combo-legs{gap:8px;margin-top:14px}.pi-combo-leg,.pi-combo-legs{display:flex;align-items:center}.pi-combo-leg{flex-direction:column;gap:4px;flex:1 1;min-width:0}.pi-combo-dot{width:36px;height:36px;border-radius:999px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-2);transition:background .2s ease,transform .2s ease}.pi-combo-dot-done{background:var(--ok);color:#fff}.pi-combo-label{font-size:11px;font-weight:700;color:var(--text-3);text-align:center}.pi-combo-label-done{color:var(--ok)}.pi-section-title{font-size:18px;font-weight:800;color:var(--text);margin-top:12px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.pi-section-title:after{content:"";flex:1 1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.pi-grid-explore{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pi-explore-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px 10px;text-align:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pi-explore-tile:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.pi-explore-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;margin-bottom:2px}.pi-explore-tile-label{font-size:13.5px;font-weight:800;color:var(--text);line-height:1.25}.pi-explore-tile-desc{font-size:11px;color:var(--text-3);line-height:1.3}.pi-shortcut{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:13px 15px;min-height:62px;opacity:0;animation:pi-rise .5s cubic-bezier(.22,1,.36,1) forwards;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pi-shortcut:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.pi-shortcut-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pi-shortcut-label{font-size:13.5px;font-weight:700;color:var(--text);flex:1 1}.pi-shortcut-arrow{font-size:15px;color:var(--text-3);font-weight:700}@keyframes pi-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pi-activity{display:flex;flex-direction:column}.pi-activity-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--border)}.pi-activity-row:last-child{border-bottom:none}.pi-delta-plus{color:var(--ok)}.pi-delta-minus{color:var(--danger)}.pi-activity-reason{font-size:14px;font-weight:650;color:var(--text);text-transform:capitalize}.pi-tabbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;display:flex;gap:2px;align-items:center;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(124,58,237,.14);border-radius:26px;padding:7px;box-shadow:0 20px 50px rgba(20,18,26,.22),inset 0 1px 0 rgba(255,255,255,.6);overflow:visible}.pi-tabbar-glow{position:absolute;inset:0;border-radius:26px;pointer-events:none;background:radial-gradient(120% 140% at 50% -30%,rgba(168,85,247,.16),transparent 60%)}.pi-tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:7px 9px 6px;border-radius:19px;text-decoration:none;color:var(--text-3);transition:color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.pi-tab:hover{color:var(--text-2)}.pi-tab:active{transform:scale(.9)}.pi-tab-on,.pi-tab-on:hover{color:var(--accent)}.pi-tab-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.pi-tab-icon{display:flex;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.pi-tab-on .pi-tab-icon{animation:pi-tab-pop .3s cubic-bezier(.34,1.56,.64,1)}.pi-tab-on .pi-tab-icon svg{filter:drop-shadow(0 2px 6px var(--accent-glow))}.pi-tab-dot{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:999px;background:var(--grad);box-shadow:0 0 0 3px var(--accent-glow),0 0 10px var(--accent);animation:pi-dot-in .3s cubic-bezier(.34,1.56,.64,1)}.pi-tab-label{font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;transition:color .2s ease}.pi-tab-on .pi-tab-label{color:var(--accent-2)}@keyframes pi-tab-pop{0%{transform:scale(.7) translateY(2px);opacity:.4}60%{transform:scale(1.12) translateY(-1px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pi-dot-in{0%{transform:translateX(-50%) scale(0);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}@media (max-width:720px){.pi-main{padding-bottom:120px}.pi-footer{padding-bottom:96px}.pi-tabbar{width:calc(100% - 28px);max-width:430px;justify-content:space-around}.pi-tab{flex:1 1;min-width:0}}.pi-spin{max-width:640px;margin:0 auto}.pi-spin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pi-spin-head h1{letter-spacing:.04em}.pi-spin-status{justify-content:space-around;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;margin-bottom:8px}.pi-spin-status,.pi-stat-cell{display:flex;align-items:center}.pi-stat-cell{flex:1 1;flex-direction:column;gap:3px}.pi-stat-value{font-size:17px}.pi-stat-dim{color:var(--text-3)}.pi-stat-label{font-size:9.5px;font-weight:700;letter-spacing:.06em}.pi-stat-divider{width:1px;height:30px;background:var(--border)}.pi-refill-track{height:5px;border-radius:3px;background:var(--bg-2);overflow:hidden;margin-bottom:22px}.pi-refill-fill{height:100%;border-radius:3px;background:var(--ok);transition:width 1s linear}.pi-reel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.pi-reel-window{height:212px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-2);border:1px solid var(--border);position:relative}.pi-reel{will-change:transform}.pi-reel-tile{height:60px;margin:7px 0;border-radius:12px;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 20px;position:relative;overflow:hidden;color:#fff}.pi-reel-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.pi-reel-pts{font-size:26px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-reel-badge{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:10px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.92)}.pi-reel-center{position:absolute;left:10px;right:10px;top:103px;height:3px;border-radius:2px;background:var(--gold);box-shadow:0 0 8px var(--gold);z-index:2}.pi-reel-fade{position:absolute;left:0;right:0;height:26px;z-index:2}.pi-reel-fade-top{top:0;background:linear-gradient(to bottom,var(--bg-2),transparent)}.pi-reel-fade-bottom{bottom:0;background:linear-gradient(to top,var(--bg-2),transparent)}.pi-prize-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.pi-prize-chip{min-width:38px;padding:4px 8px;border-radius:999px;border:1px solid;font-size:11px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.pi-result-card{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 20px}.pi-result-trophy{width:56px;height:56px;border-radius:28px;background:rgba(245,158,11,.14);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:6px}.pi-result-title{font-size:13px;letter-spacing:.2em;color:var(--gold)}.pi-result-pts{font-size:40px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-result-btn{padding:13px;border-radius:20px;font-weight:900;letter-spacing:.1em}.pi-spin-actions{flex-direction:column;gap:12px;margin-top:22px}.pi-spin-actions,.pi-spin-btn{display:flex;align-items:center}.pi-spin-btn{width:100%;border:none;border-radius:24px;background:var(--grad);color:#fff;padding:17px;font-size:16px;font-weight:900;letter-spacing:.1em;box-shadow:0 12px 30px var(--accent-glow);justify-content:center;transition:transform .15s ease,filter .15s ease}.pi-spin-btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06)}.pi-spin-btn:disabled{background:var(--bg-2);color:var(--text-3);box-shadow:none;cursor:default}.pi-spinner-inline{width:20px;height:20px;border-width:2px}.pi-ad-card{width:100%;border:1px solid var(--gold);background:#fef3c7;color:#b45309;padding:11px 18px;border-radius:999px;font-size:13px;font-weight:800;transition:opacity .15s ease}.pi-ad-card-off{background:var(--bg-2);border-color:var(--border);color:var(--text-3);cursor:default}.pi-learn{max-width:640px;margin:0 auto}.pi-hero-progress{margin-top:14px;position:relative}.pi-hero-progress .pi-progress-track{background:rgba(255,255,255,.22)}.pi-hero-progress .pi-progress-fill{background:#fff}.pi-levels{display:flex;flex-direction:column;gap:12px;margin-top:12px}.pi-level-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px;cursor:pointer;opacity:0;animation:pi-rise .5s cubic-bezier(.22,1,.36,1) forwards;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pi-level-card:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.pi-level-locked{opacity:.55;cursor:default}.pi-level-num{width:44px;height:44px;border-radius:14px;background:var(--accent-weak);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent-2);flex-shrink:0}.pi-level-num-pass{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.pi-level-num-locked{background:var(--bg-2);color:var(--text-3)}.pi-level-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.pi-level-title{font-size:16px;color:var(--text)}.pi-level-meta{font-size:13px;font-weight:600;color:var(--text-3)}.pi-level-chev{font-size:13px;font-weight:800;color:var(--accent);flex-shrink:0;background:var(--accent-weak);border-radius:999px;padding:5px 12px}.pi-level-chev-pass{color:var(--ok);background:#d1fae5}.pi-lesson{animation:pi-rise .5s cubic-bezier(.22,1,.36,1) forwards}.pi-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pi-learn-back{border:none;background:transparent;font:inherit;cursor:pointer;padding:0;font-weight:700}.pi-level-badge{font-size:11px;font-weight:800;color:var(--accent);background:var(--accent-weak);border-radius:999px;padding:5px 12px;letter-spacing:.04em}.pi-lesson-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.03em}.pi-lesson-body{font-size:15px;line-height:1.6;color:var(--text-2);margin-bottom:18px}.pi-qblock{margin-bottom:20px}.pi-question{font-size:16px;font-weight:800;color:var(--text);margin-bottom:10px}.pi-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:13px 14px;margin-bottom:8px;font-size:14px;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.pi-option:not(:disabled):hover{border-color:var(--accent);transform:translateX(2px)}.pi-option:disabled{cursor:default}.pi-option-selected{border-color:var(--accent);background:var(--accent-weak)}.pi-option-correct{border-color:var(--ok);background:#ecfdf5}.pi-option-wrong{border-color:var(--danger);background:#fef2f2}.pi-option-letter{width:28px;height:28px;border-radius:9px;background:var(--bg-2);color:var(--text-3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.pi-option-selected .pi-option-letter{background:var(--accent);color:#fff}.pi-option-correct .pi-option-letter{background:var(--ok);color:#fff}.pi-option-wrong .pi-option-letter{background:var(--danger);color:#fff}.pi-option-text{flex:1 1;min-width:0}.pi-option-check{font-weight:900;color:var(--accent);flex-shrink:0}.pi-option-correct .pi-option-check{color:var(--ok)}.pi-option-x{color:var(--danger)}.pi-explanation{display:block;font-size:13px;color:var(--text-2);margin:2px 0 10px;padding:10px 12px;background:var(--bg-2);border-radius:10px;border-left:3px solid var(--accent)}.pi-explanation-label{font-weight:800;color:var(--text)}.pi-result-box{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 20px;opacity:0;animation:pi-rise .5s cubic-bezier(.22,1,.36,1) .05s forwards}.pi-result-pass{border-color:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.12),var(--shadow)}.pi-result-fail{border-color:var(--border)}.pi-result-icon{font-size:48px}.pi-result-title{font-size:20px;font-weight:800;color:var(--text)}.pi-result-score{font-size:26px;font-weight:800;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-result-pass .pi-result-score{color:var(--ok)}.pi-result-points{font-size:16px;font-weight:700;color:var(--ok)}.pi-result-btn{width:100%;margin-top:6px}.pi-submit-btn{margin-top:4px}.pi-learn-tip{display:flex;align-items:flex-start;gap:12px;margin-top:18px;border-style:dashed}.pi-tip-icon{font-size:20px;flex-shrink:0}.pi-surveys{max-width:640px;margin:0 auto}.pi-chip-btn{border:none;font:inherit;cursor:pointer;background:#fff;color:var(--accent-2);font-weight:800}.pi-chip-btn:disabled{opacity:.7;cursor:default}.pi-survey-msg{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;margin-bottom:14px}.pi-survey-msg-ok{background:#dcfce7;color:#166534}.pi-survey-msg-err{background:#fee2e2;color:#991b1b}.pi-survey-wall{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pi-survey-wall-sub{margin-top:0}.pi-survey-none{margin-top:8px}.pi-profile{max-width:640px;margin:0 auto}.pi-profile-head{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:14px}.pi-profile-avatar{width:68px;height:68px;border-radius:999px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 10px 24px var(--accent-glow);margin-bottom:4px}.pi-profile-name{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.02em}.pi-profile-lvl{font-size:11px}.pi-profile-xp{width:100%;margin-top:6px}.pi-profile-badges{display:flex;gap:8px;margin-top:6px}.pi-profile-stats{display:flex;gap:8px;margin-bottom:14px}.pi-stat-tile{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 4px}.pi-stat-value{font-size:16px}.pi-stat-accent{color:var(--accent)}.pi-stat-ok{color:var(--ok)}.pi-stat-blue{color:#3b82f6}.pi-stat-gold{color:var(--gold)}.pi-referral-card{margin-bottom:14px}.pi-referral-code{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:18px;font-weight:800;letter-spacing:.08em;color:var(--accent);background:var(--accent-weak);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-top:12px;text-align:center}.pi-score-row{gap:14px;margin-bottom:14px}.pi-score-ring,.pi-score-row{display:flex;align-items:center}.pi-score-ring{width:60px;height:60px;border-radius:999px;border:4px solid var(--accent);background:var(--accent-weak);justify-content:center;flex-shrink:0}.pi-score-value{font-size:20px;font-weight:900;color:var(--accent)}.pi-insights{display:flex;flex-direction:column;gap:10px}.pi-insight-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-2);color:inherit;text-decoration:none}.pi-insight-row-active{background:var(--accent-weak)}.pi-insight-row-active:hover{filter:brightness(.98)}.pi-insight-icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.pi-insight-title{font-size:13px;font-weight:800;color:var(--text)}.pi-insight-arrow{font-size:12px;color:var(--text-3);font-weight:700;flex-shrink:0}.pi-achv-row{display:flex;gap:8px;margin-bottom:6px}.pi-achv-tile{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px}.pi-achv-tile-locked{opacity:.7}.pi-achv-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px}.pi-achv-icon-locked{background:var(--bg-2)}.pi-achv-title{font-size:11px;font-weight:800;color:var(--text);text-align:center}.pi-achv-title-locked{font-size:11px;font-weight:700;color:var(--text-3)}.pi-menu{display:flex;flex-direction:column;gap:10px}.pi-menu-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.pi-menu-row:hover{transform:translateY(-2px);border-color:var(--accent)}.pi-menu-row-btn{font:inherit;cursor:pointer}.pi-menu-row-btn:disabled{opacity:.6;cursor:default}.pi-menu-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pi-menu-label{font-size:14px;font-weight:800;color:var(--text)}.pi-wallet{max-width:640px;margin:0 auto}.pi-wallet-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#627eea;flex-shrink:0}.pi-wallet-pi-balance{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);margin-top:10px}.pi-withdraw-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.pi-withdraw-input{flex:1 1;min-width:200px;margin-bottom:0}.pi-withdraw-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.pi-withdraw-pi{font-size:15px;font-weight:800;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-withdraw-status-icon{width:36px;height:36px;border-radius:12px;background:rgba(98,126,234,.14);color:#627eea;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pi-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pi-preset-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--text-2);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.pi-preset-chip:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--text)}.pi-preset-max{background:var(--accent-weak);color:var(--accent-2);border-color:var(--accent);font-weight:800}.pi-status-pending{background:rgba(245,158,11,.15);color:#d97706}.pi-status-processing{background:rgba(59,130,246,.15);color:#2563eb}.pi-status-completed{background:rgba(16,185,129,.15);color:#059669}.pi-status-failed{background:rgba(239,68,68,.15);color:#dc2626}.pi-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:4px}.pi-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.pi-stat-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.pi-stat-value{font-size:20px;font-weight:900;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-stat-plus{color:var(--ok)}.pi-stat-minus{color:var(--danger)}.pi-wallet-link{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.pi-qr{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.pi-qr-hint{font-size:11px}.pi-wallet-link-body{flex:1 1;min-width:220px}.pi-seg{display:inline-flex;gap:4px;background:var(--bg-2);border-radius:999px;padding:4px}.pi-seg-btn{border:none;background:transparent;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;color:var(--text-3);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.pi-seg-on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.pi-explorer-link{color:var(--accent);font-weight:700}.pi-explorer-link:hover{text-decoration:underline}.pi-fail-reason{font-size:11.5px;margin-top:2px;color:var(--danger)}.pi-modal-overlay{position:fixed;inset:0;z-index:80;background:rgba(20,18,26,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:pi-fade .18s ease}.pi-modal{width:100%;max-width:420px;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-lg);padding:22px;animation:pi-rise .22s cubic-bezier(.22,1,.36,1)}.pi-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pi-modal-head h3{font-size:19px}.pi-modal-x{border:none;background:var(--bg-2);color:var(--text-3);width:32px;height:32px;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer}.pi-modal-x:hover{background:#fef2f2;color:var(--danger)}.pi-modal-body{display:flex;flex-direction:column;gap:8px}.pi-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pi-confirm-label{font-size:13px;font-weight:650;color:var(--text-2)}.pi-confirm-val{font-size:15px;font-weight:800;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-confirm-pi{color:var(--accent)}.pi-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}.pi-donate{max-width:640px;margin:0 auto}.pi-donate-tiers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:14px}@media (max-width:480px){.pi-donate-tiers{grid-template-columns:1fr}}.pi-tier-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pi-tier-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.pi-tier-selected{background:var(--accent-weak);border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-glow)}.pi-tier-head{display:flex;align-items:center;gap:10px}.pi-tier-icon{font-size:24px;flex-shrink:0}.pi-tier-title{font-size:15px;font-weight:800;color:var(--text)}.pi-tier-pts{font-size:12px;font-weight:700;color:var(--accent-2)}.pi-tier-amount{font-size:20px;font-weight:900;color:var(--text);text-align:right}.pi-custom-input{font-size:16px;font-weight:800;padding:6px 12px;margin-bottom:0;text-align:right}.pi-tasks-page{max-width:640px;margin:0 auto}.pi-limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-top:6px}.pi-limit-box{background:rgba(255,255,255,.04);border-radius:10px;padding:8px 10px}.pi-task-controls{margin-top:4px}.pi-filter-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.pi-filter-scroll::-webkit-scrollbar{display:none}.pi-filter-chip{display:flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pi-filter-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pi-filter-active{font-weight:800;box-shadow:0 0 0 3px var(--accent-glow)}.pi-filter-count{font-size:11px;font-weight:800;background:rgba(125,125,125,.2);padding:2px 7px;border-radius:999px}.pi-task-card-modern{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pi-task-card-modern:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.pi-task-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pi-platform-badge-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pi-task-steps-box{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-top:2px}.pi-steps-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0;margin:0}.pi-step-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2)}.pi-promote-page{max-width:640px;margin:0 auto}.pi-promote-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pi-promote-tab{flex:1 1;min-width:120px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--text-2);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.pi-promote-tab:hover{transform:translateY(-1px);border-color:var(--accent)}.pi-promote-tab-active{background:var(--accent-weak);border-color:var(--accent)!important;color:var(--accent-2);font-weight:800}.pi-platform-selector{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.pi-platform-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--border);font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.pi-platform-chip:hover{transform:translateY(-1px)}.pi-platform-selected{font-weight:800;box-shadow:0 0 0 3px var(--accent-glow)}.pi-promote-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}@media (max-width:480px){.pi-promote-grid{grid-template-columns:1fr}}.pi-achievements-page{max-width:640px;margin:0 auto}.pi-level-hero-box{display:flex;align-items:center;gap:16px;margin-top:14px;background:rgba(255,255,255,.08);border-radius:20px;padding:14px 16px}.pi-level-ring{width:58px;height:58px;border-radius:999px;border:3px solid #f59e0b;background:rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pi-level-num{font-size:26px;font-weight:900;color:#FFF}.pi-level-title{font-size:17px;font-weight:800;color:#FFF}.pi-achv-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.pi-achv-summary-box{display:flex;flex-direction:column;align-items:center;padding:14px;text-align:center}.pi-achv-summary-num{font-size:24px;font-weight:900}.pi-badge-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.pi-badge-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;transition:transform .15s ease,border-color .15s ease}.pi-badge-card:hover{transform:translateY(-1px);border-color:var(--accent)}.pi-badge-unlocked{border-color:rgba(16,185,129,.4)}.pi-badge-locked{opacity:.8}.pi-referral-page{max-width:640px;margin:0 auto}.pi-ref-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-weak);border:2px dashed var(--accent);border-radius:16px;padding:14px 18px;margin-top:6px}.pi-ref-code-text{font-size:24px;font-weight:900;letter-spacing:.1em;color:var(--accent-2)}.pi-ref-link-box{display:flex;gap:8px;align-items:center;margin-top:4px}.pi-ref-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:14px}.pi-quiz-page{max-width:640px;margin:0 auto}.pi-quiz-perks{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}.pi-quiz-perk{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--text-2)}.pi-quiz-options{display:flex;flex-direction:column;gap:10px}.pi-quiz-option{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:12px 16px;font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.pi-quiz-option:hover{transform:translateY(-1px);border-color:var(--accent)}.pi-quiz-option-selected{background:var(--accent-weak);border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)}.pi-quiz-letter{width:28px;height:28px;border-radius:9px;background:var(--bg-2);color:var(--text-2);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pi-quiz-option-selected .pi-quiz-letter{background:var(--accent);color:#FFF}.pi-quiz-option-text{font-size:14px;font-weight:650;color:var(--text);flex:1 1}.pi-quiz-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pi-spin-screen-matching{max-width:640px;margin:0 auto;background:#1E0B36;min-height:100vh;padding-bottom:40px;color:#FFF}.pi-spin-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px}.pi-spin-back-btn{width:36px;height:36px;border-radius:18px;background:rgba(255,255,255,.12);color:#FFF;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none}.pi-spin-header-title{color:#C4B5FD;font-size:13px;font-weight:700}.pi-spin-total-win-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);padding:5px 14px;border-radius:999px;font-size:13px}.pi-spin-steps-bar{gap:8px;margin:6px 0 12px}.pi-spin-step-circle,.pi-spin-steps-bar{display:flex;justify-content:center;align-items:center}.pi-spin-step-circle{width:28px;height:28px;border-radius:14px;background:rgba(255,255,255,.12);color:#C4B5FD;font-size:12px;font-weight:800}.pi-spin-step-current,.pi-spin-step-done{background:#8B5CF6;color:#FFF}.pi-spin-step-current{border:2px solid #fff}.pi-spin-title-section{text-align:center;margin-bottom:12px}.pi-spin-main-title{font-size:24px;font-weight:900;letter-spacing:.08em;color:#FFF}.pi-spin-main-sub{font-size:13px;color:#C4B5FD;margin-top:2px}.pi-spin-status-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.pi-spin-badge-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:800;color:#FFF}.pi-spin-badge-timer{background:rgba(139,92,246,.25);color:#C4B5FD}.pi-spin-result-card{background:#5B21B6!important;border:1.5px solid #8b5cf6!important;text-align:center;padding:24px 20px;border-radius:20px}.pi-spin-trophy-icon{font-size:40px;margin-bottom:4px}.pi-spin-result-title{font-size:14px;font-weight:900;letter-spacing:.1em;color:#8B5CF6}.pi-spin-result-pts{font-size:36px;font-weight:900;color:#FFF;margin:4px 0 10px}.pi-spin-actions-matching{display:flex;flex-direction:column;gap:10px}.pi-spin-main-btn{width:100%;height:52px;border-radius:999px;background:#8B5CF6;border:none;color:#FFF;font-size:14px;font-weight:900;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 14px rgba(139,92,246,.4);transition:transform .15s ease,background .15s ease}.pi-spin-main-btn:hover:not(:disabled){transform:translateY(-1px);background:#7C3AED}.pi-spin-main-btn:disabled{opacity:.6;cursor:default}.pi-spin-main-btn-ad{background:linear-gradient(135deg,#8B5CF6,#EC4899)}.pi-spin-bonus-ad-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.45);color:#C4B5FD;font-size:13px;font-weight:800;cursor:pointer;transition:transform .15s ease}.pi-spin-bonus-ad-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#8B5CF6}.pi-spin-bonus-ad-off{opacity:.5;cursor:default;border-color:rgba(255,255,255,.1);color:#8A8A9E}