:root{color:#17243a;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;background:#f5f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(140deg,#f9fcff 0%,#f0f5ff 48%,#fff8f0 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:blur(70px);opacity:.7;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#a9eff0 0%,#c5dcff 45%,#0000 72%);width:60vw;height:60vw;animation:20s ease-in-out infinite alternate driftA;top:-20vw;left:-18vw}body:after{background:radial-gradient(circle,#ffe0b4 0%,#eedcff 48%,#0000 72%);width:65vw;height:65vw;animation:24s ease-in-out infinite alternate driftB;bottom:-30vw;right:-20vw}@keyframes driftA{to{transform:translate(16vw,18vh)scale(1.1)}}@keyframes driftB{to{transform:translate(-15vw,-14vh)scale(1.08)}}button,input{font:inherit}button{cursor:pointer}.glass-card{-webkit-backdrop-filter:blur(25px)saturate(155%);background:linear-gradient(145deg,#ffffffd1,#ffffff91);border:1px solid #ffffffe6;border-radius:25px;box-shadow:0 18px 55px #415b821c,inset 0 1px #fff}.center-page{place-items:center;min-height:100dvh;padding:22px;display:grid}.gate-card{text-align:center;width:min(100%,440px);padding:30px 26px}.brand-logo{object-fit:contain;width:100px;height:100px;margin-bottom:12px}.eyebrow{letter-spacing:.19em;color:#7990aa;margin:0 0 8px;font-size:10px;font-weight:800}.gate-card h1{letter-spacing:.08em;margin:0 0 8px;font-size:27px}.muted{color:#7c8ba0;font-size:13px;line-height:1.6}.gate-card form{text-align:left;margin-top:25px}.gate-card label{letter-spacing:.14em;color:#687c97;margin:0 0 9px;font-size:10px;font-weight:800;display:block}.gate-card input{color:#17243a;background:#ffffffbd;border:1px solid #dce6f3;border-radius:13px;outline:none;width:100%;padding:14px}.gate-card input:focus{border-color:#48bce7;box-shadow:0 0 0 3px #48bce71c}.primary-btn,.outline-btn{letter-spacing:.06em;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:13px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.primary-btn{color:#fff;background:linear-gradient(100deg,#168bc7,#39c5d9);border:0;box-shadow:0 8px 20px #24a6ce30}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.outline-btn{color:#32627e;background:#ffffff80;border:1px solid #d9e5f3}.notice{color:#9b5c22;background:#fff5e9;border-radius:12px;padding:11px;font-size:12px;line-height:1.5}.lock-trigger{color:#9ba9b9;background:0 0;border:0;margin-top:9px;padding:12px}.vip-box{border-top:1px solid #e6edf5;padding-top:15px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-screen img{object-fit:contain;width:130px;height:130px}.loading-screen h2{letter-spacing:.15em;margin:13px 0 4px;font-size:19px}.loading-screen p{color:#8292a8;font-size:12px}.loader{border:3px solid #d8e7f4;border-top-color:#19a9d1;border-radius:50%;width:27px;height:27px;margin-top:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100dvh;padding-bottom:88px}.topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:5;background:#ffffff80;border-bottom:1px solid #fff;justify-content:space-between;align-items:center;height:72px;padding:0 max(18px,50vw - 525px);display:flex;position:sticky;top:0}.brand,.header-right,.timer,.xp-chip{align-items:center;gap:9px;display:flex}.brand img{object-fit:contain;width:40px;height:40px}.brand strong{letter-spacing:.09em;font-size:14px}.header-right{gap:8px}.timer,.xp-chip{color:#54728c;background:#ffffffb8;border:1px solid #e5edf6;border-radius:30px;padding:8px 10px;font-size:11px;font-weight:750}.xp-chip{color:#946d20}.content{width:min(100% - 32px,900px);margin:28px auto}.section-heading{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.section-heading h1{margin:0;font-size:26px}.soft-pill{color:#5d8199;background:#eaf6fb;border-radius:30px;padding:8px 12px;font-size:11px}.empty-state{text-align:center;padding:50px 22px}.empty-icon{color:#2398bd;background:linear-gradient(140deg,#d9f5f8,#e7e8ff);border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 15px;display:grid}.empty-state h2{margin:0;font-size:18px}.profile-card{text-align:center;padding:30px}.avatar{color:#248bb0;background:#e4f4fb;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 12px;display:grid}.profile-card h2{margin:0;font-size:19px}.xp-panel{color:#a57a24;text-align:left;background:#fff9e9;border-radius:17px;justify-content:center;align-items:center;gap:12px;max-width:230px;margin:24px auto 0;padding:15px;display:flex}.xp-panel strong,.xp-panel small{display:block}.xp-panel small{color:#9b8b6c;font-size:10px}.settings-list{padding:8px 18px}.settings-list button{text-align:left;color:#344b64;background:0 0;border:0;border-bottom:1px solid #edf1f6;align-items:center;gap:12px;width:100%;padding:17px 5px;font-size:13px;display:flex}.settings-list button:last-child{border:0}.settings-list button span{color:#9aabba;margin-left:auto;font-size:22px}.bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:6;background:#ffffffd9;border-top:1px solid #fff;justify-content:center;align-items:center;gap:min(12vw,100px);height:76px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8a9aaf;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:60px;font-size:10px;font-weight:700;display:flex}.bottom-nav button.active{color:#159dc5}.subpage{padding-top:5px}.back-btn{color:#55718b;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0 18px;font-size:12px;display:flex}.subpage h2{align-items:center;gap:10px;font-size:20px;display:flex}@media (width>=700px){.content{margin-top:42px}.gate-card{padding:36px 34px}.topbar{height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.search-wrap{color:#8194a9;background:#ffffff9c;border:1px solid #fffffff2;border-radius:15px;align-items:center;gap:10px;height:48px;margin:0 0 18px;padding:0 15px;display:flex;box-shadow:0 8px 24px #415b820d}.search-wrap input{color:#243a50;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.feature-card,.form-card{text-align:center;padding:30px}.feature-icon{color:#2398bd;background:linear-gradient(140deg,#d9f5f8,#e7e8ff);border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 15px;display:grid}.feature-card h2,.form-card h2{margin:0 0 8px;font-size:20px}.status-pill{color:#9b6a2c;letter-spacing:.04em;background:#fff4e4;border-radius:30px;margin-top:10px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.form-card{text-align:left}.form-card .feature-icon{margin-left:0}.form-card label{color:#687c97;letter-spacing:.14em;margin:20px 0 8px;font-size:10px;font-weight:800;display:block}.form-card textarea{resize:vertical;color:#17243a;width:100%;font:inherit;background:#ffffffbd;border:1px solid #dce6f3;border-radius:13px;outline:none;padding:13px;font-size:13px}.form-card textarea:focus{border-color:#48bce7;box-shadow:0 0 0 3px #48bce71c}.quick-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding:17px;display:grid}.quick-stats>div{color:#648099;grid-template-columns:22px 1fr;align-items:center;gap:5px 8px;display:grid}.quick-stats span{font-size:11px}.quick-stats strong,.quick-stats button{text-align:left;color:#29445d;background:0 0;border:0;grid-column:2;font-size:13px;font-weight:800}.quick-stats button{color:#168fb8;align-items:center;padding:0;display:flex}.settings-footnote{color:#8394a7;justify-content:center;align-items:center;gap:7px;margin:17px 0;font-size:11px;display:flex}.vip-note{margin:8px 0 0}@media (width<=520px){.quick-stats{grid-template-columns:1fr}.feature-card,.form-card{padding:23px}.section-heading h1{font-size:23px}}.auth-switch{background:#eaf1f8;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0 12px;padding:5px;display:grid}.auth-switch button{color:#71849a;letter-spacing:.1em;background:0 0;border:0;border-radius:10px;padding:10px;font-size:10px;font-weight:850}.auth-switch button.selected{color:#168fb8;background:#fff;box-shadow:0 3px 12px #607d9b1c}.account-gate form{margin-top:12px}.account-gate form label{text-align:left;letter-spacing:.12em;color:#687c97;margin:14px 0 7px;font-size:10px;font-weight:800;display:block}.account-gate form input{color:#17243a;background:#ffffffbd;border:1px solid #dce6f3;border-radius:13px;outline:none;width:100%;padding:13px}.account-gate form input:focus{border-color:#48bce7;box-shadow:0 0 0 3px #48bce71c}.password-hint{text-align:left;margin:8px 2px;font-size:11px}.text-btn{color:#68849d;background:0 0;border:0;margin-top:7px;padding:12px;font-size:11px;font-weight:700}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.leader-list{text-align:left;margin-top:22px}.leader-row{border-bottom:1px solid #e9eff5;align-items:center;gap:12px;padding:13px 4px;display:flex}.leader-rank{color:#258eae;background:#eaf6fb;border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:850;display:grid}.leader-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.leader-row strong{color:#344b64;font-size:13px}.leader-row small{color:#8a9aad;font-size:10px}.leader-row b{color:#a17a2e;white-space:nowrap;font-size:12px}.admin-form{margin:0 0 14px;padding:22px}.admin-form h2{margin:0;font-size:16px}.admin-form form{margin-top:12px}.admin-form input,.admin-form select{color:#17243a;background:#ffffffbd;border:1px solid #dce6f3;border-radius:13px;outline:none;width:100%;padding:13px}.admin-form label{color:#687c97;letter-spacing:.12em;margin:14px 0 7px;font-size:10px;font-weight:800;display:block}.mock-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;margin-top:18px;display:grid}.mock-item{min-width:0;padding:19px}.mock-item h3{color:#344b64;overflow-wrap:anywhere;margin:4px 0 13px;font-size:16px}.mock-actions{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.mock-actions a,.mock-actions button{color:#3b7795;background:#ffffffa8;border:1px solid #dce8f1;border-radius:10px;align-items:center;gap:5px;padding:8px 10px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.mock-edit-form label{color:#687c97;letter-spacing:.12em;margin:12px 0 6px;font-size:10px;font-weight:800;display:block}.mock-edit-form input,.mock-edit-form select{color:#17243a;width:100%;min-width:0;font:inherit;background:#ffffffbd;border:1px solid #dce6f3;border-radius:11px;outline:none;padding:10px;font-size:12px}.mock-edit-form h3{margin:0 0 10px}