:root{--navy:#2c4a74;--navy-soft:#5b7699;--ink:#22385c;--card:#fff;--sky-a:#f4f8fd;--sky-b:#eaf2fb;--line:#dfe8f4;--green:#cf0;--green-dk:#a6d900;--green-ink:#3d5200;--pink:#ef5d7f;--pink-lt:#ffb1c1;--sun:#fff6d8;--sh:0 10px 24px #2c4a741a;--bd:2.5px solid var(--navy)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(900px 420px at 82% -80px, #fff6d8e6 0%, #fff6d800 62%), linear-gradient(180deg,var(--sky-a) 0%,var(--sky-b) 100%);background-attachment:fixed;min-height:100vh;font-family:Fredoka,sans-serif}.clouds{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.cl{opacity:.5;animation:linear infinite drift;position:absolute}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}.cl svg{display:block}.wrap{z-index:1;max-width:1180px;margin:0 auto;padding:20px 20px 80px;position:relative}.nav{z-index:50;background:var(--card);border:var(--bd);box-shadow:var(--sh);border-radius:22px;align-items:center;gap:14px;padding:12px 18px;display:flex;position:sticky;top:16px}.logo{color:var(--navy);cursor:pointer;align-items:center;gap:9px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.logo .dot{background:var(--green);border:2.5px solid var(--navy);border-radius:50%;flex:none;width:13px;height:13px}.nav-spacer{flex:1}.balpill{background:var(--navy);color:#fff;white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:600;display:flex;box-shadow:3px 3px #2c4a7426}.balpill svg{flex:none;width:15px;height:15px}.me{cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;font-family:inherit;text-decoration:none;display:flex}.me img,.ava{border:2.5px solid var(--navy);background:var(--pink-lt);object-fit:cover;width:38px;height:38px;color:var(--navy);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.me span{color:var(--navy);font-size:15px;font-weight:600}.btn-x{color:#fff;border:2.5px solid var(--navy);box-shadow:3px 3px 0 var(--navy);cursor:pointer;background:#000;border-radius:14px;align-items:center;gap:9px;padding:9px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-x:active{box-shadow:1px 1px 0 var(--navy);transform:translate(2px,2px)}.btn-x svg{width:16px;height:16px}.btn-x:disabled{opacity:.5;cursor:default}.logout{color:var(--navy-soft);cursor:pointer;background:0 0;border:none;margin-left:2px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none}.logout:hover{color:var(--navy)}.grid{grid-template-columns:250px minmax(0,1fr) 280px;align-items:start;gap:20px;margin-top:22px;display:grid}.rail{flex-direction:column;gap:18px;display:flex;position:sticky;top:96px}.card{background:var(--card);border:var(--bd);box-shadow:var(--sh);border-radius:20px;padding:18px}.card h3{letter-spacing:.14em;color:var(--navy-soft);text-transform:uppercase;margin-bottom:14px;font-size:12.5px;font-weight:600}.login-cta{text-align:center;padding:34px 22px}.login-cta h2{color:var(--navy);margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.25}.login-cta p{color:var(--navy-soft);margin-bottom:20px;font-size:15px;font-weight:500;line-height:1.5}.pending-note{color:var(--navy-soft);background:var(--sky-a);border:2px dashed var(--line);border-radius:12px;margin-top:14px;padding:9px 12px;font-size:12.5px;font-weight:500}.pf-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.pf-top img,.pf-top .ava{width:48px;height:48px;font-size:17px}.pf-top b{color:var(--navy);font-size:17px;display:block}.pf-top small{color:var(--navy-soft);font-size:13px;font-weight:500}.pf-bal{background:var(--sky-a);border:2px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pf-bal .lbl{color:var(--navy-soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.pf-bal .num{color:var(--navy);font-size:26px;font-weight:700;line-height:1.1}.pf-bal .num em{color:var(--navy-soft);margin-left:5px;font-size:13.5px;font-style:normal;font-weight:600}.pf-bal svg{width:26px;height:26px}.menu{flex-direction:column;gap:4px;list-style:none;display:flex}.menu button{width:100%;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:9px 12px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s;display:flex}.menu button:hover{background:var(--sky-a)}.menu button.on{background:var(--navy);color:#fff}.rules{flex-direction:column;gap:10px;list-style:none;display:flex}.rules li{color:var(--navy);justify-content:space-between;align-items:center;font-size:14.5px;font-weight:500;display:flex}.rules b{color:var(--green-ink);background:var(--green);border:2px solid var(--navy);border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:700}.composer textarea{resize:none;width:100%;color:var(--ink);background:0 0;border:none;outline:none;min-height:64px;font-family:inherit;font-size:16.5px;font-weight:500;line-height:1.45}.composer textarea::placeholder{color:#9fb3cf}.comp-row{border-top:2px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:13px;display:flex}.comp-hint{color:var(--navy-soft);font-size:13px;font-weight:500}.btn{cursor:pointer;background:var(--green);color:var(--green-ink);border:2.5px solid var(--navy);box-shadow:3px 3px 0 var(--navy);border-radius:14px;padding:10px 26px;font-family:inherit;font-size:15.5px;font-weight:700;transition:transform .1s,box-shadow .1s}.btn:active{box-shadow:1px 1px 0 var(--navy);transform:translate(2px,2px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-ghost{cursor:pointer;background:var(--sky-a);color:var(--navy);border:2px solid var(--navy);box-shadow:2px 2px 0 var(--navy);border-radius:12px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn-ghost:active{box-shadow:1px 1px 0 var(--navy);transform:translate(1px,1px)}.btn-ghost:disabled{opacity:.5;cursor:default}.feed{flex-direction:column;gap:18px;display:flex}.post{position:relative}.p-head{align-items:center;gap:11px;display:flex}.p-head .who b{color:var(--navy);font-size:15.5px;font-weight:600;line-height:1.2;display:block}.p-head .who small{color:var(--navy-soft);font-size:12.5px;font-weight:500}.p-earn{color:var(--green-ink);background:var(--green);border:2px solid var(--navy);white-space:nowrap;border-radius:99px;margin-left:auto;padding:3px 11px;font-size:12px;font-weight:700}.p-body{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:13px 0 4px 55px;font-size:16px;font-weight:500;line-height:1.5}.p-actions{align-items:center;gap:8px;margin:10px 0 0 55px;display:flex}.act{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--navy);background:var(--sky-a);border:2px solid var(--line);border-radius:12px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.act:hover{border-color:var(--navy)}.act.heart.on{color:#fff;background:var(--pink);border-color:var(--pink)}.act.heart.on svg path{fill:#fff}.act.pop{animation:.35s pop}@keyframes pop{40%{transform:scale(1.18)}}.act:disabled{opacity:.5;cursor:default}.c-wrap{flex-direction:column;gap:9px;margin:12px 0 0 55px;display:flex}.c-box{background:var(--sky-a);border:2px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.c-box img,.c-box .ava{border-width:2px;width:28px;height:28px;margin-top:1px;font-size:11px}.c-box p{white-space:pre-wrap;word-break:break-word;font-size:14px;font-weight:500;line-height:1.4}.c-box b{color:var(--navy);margin-right:6px;font-weight:600}.c-form{gap:9px;display:flex}.c-form input{color:var(--ink);border:2px solid var(--line);background:var(--sky-a);border-radius:12px;outline:none;flex:1;padding:9px 13px;font-family:inherit;font-size:14px;font-weight:500}.c-form input:focus{border-color:var(--navy)}.c-form button{cursor:pointer;background:var(--green);color:var(--green-ink);border:2px solid var(--navy);box-shadow:2px 2px 0 var(--navy);border-radius:12px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:700}.floater{color:var(--green-ink);background:var(--green);border:2px solid var(--navy);pointer-events:none;z-index:5;border-radius:99px;padding:3px 12px;font-size:14px;font-weight:700;animation:1.6s forwards floatup;position:absolute;top:14px;right:18px}@keyframes floatup{0%{opacity:0;transform:translateY(6px)scale(.85)}15%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.toast{background:var(--navy);color:#fff;z-index:99;opacity:0;pointer-events:none;border-radius:14px;padding:11px 20px;font-size:14.5px;font-weight:600;transition:all .3s cubic-bezier(.2,.9,.3,1.2);position:fixed;bottom:26px;left:50%;transform:translate(-50%,80px);box-shadow:0 12px 30px #2c4a7459}.toast.show{opacity:1;transform:translate(-50%)}.toast b{color:var(--green)}.lb{flex-direction:column;gap:11px;display:flex}.lb-row{align-items:center;gap:11px;display:flex}.lb-row .rk{width:26px;height:26px;color:var(--navy);background:var(--sky-a);border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.lb-row:first-child .rk{background:var(--green);border-color:var(--navy);color:var(--green-ink)}.lb-row img,.lb-row .ava{border-width:2px;width:32px;height:32px;font-size:12px}.lb-row .nm{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.lb-row .amt{color:var(--navy-soft);font-size:13.5px;font-weight:700}.ticker{flex-direction:column;gap:9px;display:flex}.tk-row{color:var(--navy);align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.tk-row .t{color:var(--navy-soft);flex:none;margin-left:auto;font-size:11.5px;font-weight:500}.tk-row b{font-weight:600}.tk-row svg{flex:none;width:13px;height:13px}.muted{color:var(--navy-soft);font-size:13.5px;font-weight:500}.empty{text-align:center;color:var(--navy-soft);padding:44px 20px}.empty .big{margin-bottom:10px;font-size:38px}.empty b{color:var(--navy);margin-bottom:5px;font-size:17px;display:block}.empty p{font-size:14.5px;font-weight:500}.wal-line{color:var(--navy);background:var(--sky-a);border:2px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.wal-line code{color:var(--navy-soft);font-family:ui-monospace,monospace;font-size:12px}.wal-line button{cursor:pointer;color:var(--navy);background:0 0;border:none;font-family:inherit;font-size:11.5px;font-weight:700;text-decoration:underline}.payouts{flex-direction:column;gap:9px;display:flex}.po-row{align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.po-row .ok{color:var(--green-ink);font-weight:700}.po-row .pend{color:var(--navy-soft);font-weight:600}.po-row a{color:var(--navy);font-weight:600}.claim-box{flex-direction:column;gap:12px;display:flex}.claim-amt{color:var(--navy);font-size:34px;font-weight:700}.claim-amt em{color:var(--navy-soft);font-size:15px;font-style:normal;font-weight:600}@media (width<=1020px){.grid{grid-template-columns:minmax(0,1fr)}.rail{position:static}.rail.left{order:2}.rail.right{order:3}}@media (width<=640px){.wrap{padding:12px 12px 60px}.me span,.logout{display:none}.p-body,.p-actions,.c-wrap{margin-left:0}.balpill{padding:8px 12px}}