:root{--bg:#05080d;--bg2:#080c14;--surf:#0d1520;--surf2:#121e2e;--bord:#182638;--green:#00ff88;--blue:#00c8ff;--pink:#ff2d78;--gold:#ffd700;--purple:#c77dff;--orange:#ff8c00;--red:#ff4455;--text:#c8d8f0;--muted:#5a7a99;--dim:#1e2e44;--pixel:"Press Start 2P", monospace;--body:"Outfit", sans-serif;--mono:"JetBrains Mono", monospace;--gg: 0 0 14px rgba(0,255,136,.65), 0 0 40px rgba(0,255,136,.2);--nav-bg: rgba(5,8,13,.93);--card-shadow: 0 4px 24px rgba(0,0,0,.4)}[data-theme=light]{--bg:#f5f7ff;--bg2:#eaefff;--surf:#ffffff;--surf2:#f0f4ff;--bord:#c8d4f0;--green:#00804d;--blue:#0066bb;--pink:#cc0055;--gold:#9a7000;--purple:#5500bb;--orange:#b85c00;--red:#cc2233;--text:#0a1628;--muted:#4a6080;--dim:#dce6ff;--gg: 0 0 10px rgba(0,128,77,.3);--nav-bg: rgba(245,247,255,.95);--card-shadow: 0 2px 16px rgba(0,0,50,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh;overflow-x:hidden;transition:background .25s,color .25s}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:50}[data-theme=light] body:after{display:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bord);border-radius:3px}button,a,[onclick]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto}*{word-break:break-word}input,select,textarea{font-size:16px}[data-theme=light] .pp-nav:before{background:#f5f7fff7!important}[data-theme=light] .pp-logo .pix{color:#00804d;text-shadow:none}[data-theme=light] .pp-logo .pause{color:#06b;text-shadow:none}[data-theme=light] .pp-nl{color:var(--muted)}[data-theme=light] .pp-nl:hover{background:var(--bg2);color:var(--text)}[data-theme=light] .pp-nl.active{color:var(--green);background:#00804d12;border-color:#00804d40}[data-theme=light] .pp-sign-btn{border-color:var(--green);color:var(--green)}[data-theme=light] .pp-sign-btn:hover{background:var(--green);color:#fff}[data-theme=light] .pp-theme-btn{background:var(--surf2);border-color:var(--bord);color:var(--text)}[data-theme=light] .pp-chip{background:var(--surf2);border-color:var(--bord)}[data-theme=light] .pp-hamburger{border-color:var(--bord);color:var(--text)}[data-theme=light] .pp-mobile-nav{background:var(--bg)}[data-theme=light] .pp-mn-link{border-color:var(--bord);color:var(--text)}[data-theme=light] .pp-mn-link:hover{border-color:var(--green);color:var(--green)}[data-theme=light] .pp-modal-bg{background:#0a162873}[data-theme=light] .pp-modal{background:var(--surf);border-color:var(--bord);box-shadow:0 16px 48px #00003226}[data-theme=light] .pp-modal-title{color:var(--green)}[data-theme=light] .pp-modal-sub{color:var(--muted)}[data-theme=light] .pp-modal-close{background:var(--bg2);border-color:var(--bord);color:var(--muted)}[data-theme=light] .pp-toast{background:var(--surf);border-color:var(--bord);color:var(--text);box-shadow:0 4px 20px #0000321f}[data-theme=light] .side-card,[data-theme=light] .lb-card,[data-theme=light] .gp-card,[data-theme=light] .feat-card,[data-theme=light] .sg-submit-card,[data-theme=light] .sg-card,[data-theme=light] .post-card{background:var(--surf);border-color:var(--bord);box-shadow:var(--card-shadow)}[data-theme=light] .filter-bar{background:var(--surf);border-color:var(--bord)}[data-theme=light] .fb{color:var(--muted);border-color:var(--bord)}[data-theme=light] .fb:hover,[data-theme=light] .fb.active{border-color:var(--blue);color:var(--blue)}[data-theme=light] .fb.active{background:var(--blue);color:#fff}[data-theme=light] .gcard{background:var(--surf);border-color:var(--bord)}[data-theme=light] .gcard.live:hover{box-shadow:0 12px 32px #0000501f}[data-theme=light] .gcard-name{color:var(--text)}[data-theme=light] .gcard-desc{color:var(--muted)}[data-theme=light] .live-badge{background:var(--green);color:#fff}[data-theme=light] .lb-header{background:var(--bg2);border-color:var(--bord)}[data-theme=light] .lb-title{color:var(--gold)}[data-theme=light] .lb-row:hover{background:#00005008}[data-theme=light] .lb-row.you-row{background:#00804d0d}[data-theme=light] .lb-row.gold-row{background:#9a70000a}[data-theme=light] .lb-score{color:var(--green)}[data-theme=light] .lb-loading{color:var(--muted)}[data-theme=light] .gp-card-head{background:var(--bg2);border-color:var(--bord);color:var(--gold)}[data-theme=light] .gp-related-row:hover{background:var(--bg2)}[data-theme=light] .gp-lb-row:hover{background:#00005008}[data-theme=light] .gp-lb-you{background:#00804d0d!important}[data-theme=light] .gp-bc a{color:var(--blue)}[data-theme=light] .gp-title{color:var(--green);text-shadow:none}[data-theme=light] footer{background:var(--bg2);border-color:var(--bord);color:var(--muted)}[data-theme=light] footer a{color:var(--blue)}[data-theme=light] .foot-logo{color:var(--green)}[data-theme=light] .sec-title{color:var(--pink)}[data-theme=light] .sc-title{color:var(--purple)}[data-theme=light] .how-text{color:var(--muted)}[data-theme=light] .ticker{background:var(--bg2);border-color:var(--bord)}[data-theme=light] .tick-lbl{color:var(--pink)}[data-theme=light] .tick-msg{color:var(--muted)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--surf2);border-color:var(--bord);color:var(--text)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--blue)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg2)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--bord)}.pp-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--bord);display:flex;align-items:center;justify-content:space-between;padding:.72rem 1.5rem;gap:1rem;isolation:isolate}.pp-nav:before{content:"";position:absolute;inset:0;z-index:-1;background:#05080ded;backdrop-filter:blur(16px)}.pp-logo{font-family:var(--pixel);font-size:1.3rem;letter-spacing:.12em;text-decoration:none;display:flex;align-items:center;gap:0;flex-shrink:0}.pp-logo .pix{color:#0f8;text-shadow:0 0 16px rgba(0,255,136,.9),0 0 40px rgba(0,255,136,.4);margin-right:-.12em}.pp-logo .pause{color:#00c8ff;text-shadow:0 0 16px rgba(0,200,255,.9),0 0 40px rgba(0,200,255,.4)}.pp-nav-links{display:flex;align-items:center;gap:.25rem}.pp-nl{font-size:.82rem;font-weight:500;color:var(--muted);padding:.35rem .7rem;border-radius:6px;text-decoration:none;transition:all .15s;border:1px solid transparent;display:flex;align-items:center;gap:.38rem}.pp-nl:hover{color:var(--text);background:var(--surf2)}.pp-nl.active{color:var(--green);border-color:#0f83;background:#00ff880f}.pp-nl.active svg{stroke:var(--green)}.pp-nl svg{flex-shrink:0}.pp-hamburger{display:none;background:none;border:1px solid var(--bord);border-radius:6px;color:var(--text);padding:.3rem .5rem;cursor:pointer;line-height:0;align-items:center;justify-content:center}.pp-mobile-nav{display:none;position:fixed;inset:0;background:var(--bg);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.pp-mobile-nav.open{display:flex}.pp-mn-link{font-family:var(--pixel);font-size:.65rem;color:var(--text);padding:.75rem 2rem;border:1px solid var(--bord);border-radius:8px;width:200px;text-align:center;letter-spacing:.05em;transition:all .2s}.pp-mn-link:hover{border-color:var(--green);color:var(--green)}.pp-mn-close{font-family:var(--pixel);font-size:.5rem;color:var(--muted);cursor:pointer;margin-top:1rem}@media (max-width:680px){.pp-nav-links{display:none}.pp-hamburger{display:block}.pp-nav{padding:.6rem 1rem}.pp-logo{font-size:1rem}.pp-av-name{display:none}.pp-sign-btn{font-size:.38rem;padding:.4rem .7rem}}@media (max-width:400px){.pp-logo{font-size:.85rem}.pp-theme-btn{display:none}}.pp-nav-r{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.pp-back{font-size:.8rem;color:var(--muted);padding:.35rem .75rem;border:1px solid var(--bord);border-radius:6px;transition:all .2s;text-decoration:none}.pp-back:hover{color:var(--green);border-color:var(--green)}.pp-theme-btn{background:var(--surf2);border:1px solid var(--bord);border-radius:8px;padding:.38rem .65rem;cursor:pointer;font-size:1rem;color:var(--text);transition:all .2s}.pp-theme-btn:hover{border-color:var(--gold)}.pp-sign-btn{font-family:var(--pixel);font-size:.5rem;padding:.52rem 1rem;border-radius:6px;border:2px solid var(--green);background:transparent;color:var(--green);cursor:pointer;letter-spacing:.04em;transition:all .2s}.pp-sign-btn:hover{background:var(--green);color:#000;box-shadow:var(--gg)}.pp-chip{display:flex;align-items:center;gap:.5rem;background:var(--surf2);border:1px solid var(--bord);border-radius:24px;padding:.32rem .8rem .32rem .4rem;cursor:pointer;position:relative}.pp-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#000;flex-shrink:0;overflow:hidden}.pp-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pp-av-name{font-size:.82rem;font-weight:500}.pp-dropdown{position:fixed;background:var(--surf);border:1px solid var(--bord);border-radius:10px;min-width:220px;overflow:hidden;box-shadow:0 8px 40px #0009;z-index:200;display:none}.pp-dropdown.open{display:block!important}.pp-dd-head{padding:1rem;border-bottom:1px solid var(--bord);background:var(--surf2)}.pp-dd-name{font-weight:700;font-size:.9rem}.pp-dd-email{font-size:.72rem;color:var(--muted);margin-top:.15rem}.pp-dd-item{padding:.65rem 1rem;font-size:.84rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s}.pp-dd-item:hover{background:var(--surf2)}.pp-dd-item.danger{color:var(--red)}.pp-modal-bg{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s}.pp-modal-bg.open{opacity:1;pointer-events:all}.pp-modal{background:var(--surf);border:1px solid var(--bord);border-radius:16px;padding:2rem;width:90%;max-width:380px;text-align:center;position:relative}.pp-modal-close{position:absolute;top:.8rem;right:.8rem;background:var(--surf2);border:1px solid var(--bord);border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:.9rem;color:var(--muted)}.pp-modal-title{font-family:var(--pixel);font-size:.55rem;color:var(--text);letter-spacing:.08em;margin-bottom:.5rem}.pp-modal-sub{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:1.2rem}.pp-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(60px);background:var(--surf2);border:1px solid var(--bord2,var(--bord));border-radius:8px;padding:.6rem 1.2rem;font-size:.82rem;z-index:1100;opacity:0;transition:all .3s;white-space:nowrap;pointer-events:none}.pp-toast.show{opacity:1;transform:translate(-50%) translateY(0)}