:root{--bg:#090b11;--surface:#141820;--surface-2:#1b202a;--stroke:#252d3b;--text:#f2f5ff;--muted:#929bac;--blue:#4b91ff;--blue2:#346adf;--cyan:#60c8ff;--green:#34dba2;--yellow:#ffce78;--red:#ff7b91;--radius:17px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;max-width:680px;margin:0 auto;position:relative;background:var(--bg);padding-bottom:calc(94px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:5;height:75px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;background:rgba(9,11,17,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.045)}.topbar-brand{display:flex;align-items:center;gap:11px}.brand-mark{width:41px;height:41px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(140deg,#5dadff,#3268ea);border-radius:13px;font-size:26px;font-weight:900;box-shadow:0 7px 20px #347cff28}.brand-mark span{position:absolute;font-size:16px;right:3px;top:0}.brand-title{font-size:15px;font-weight:850;letter-spacing:.12em}.brand-sub{font-size:9px;color:#8396b8;letter-spacing:.22em;margin-top:3px;font-weight:700}.user-area{display:flex;align-items:center;gap:7px;background:#18212a;padding:8px 10px;border:1px solid #25323d;border-radius:25px;font-size:11px;color:#d5ddf0;max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #34dba221;flex-shrink:0}.view{padding:19px 16px 30px}.eyebrow{font-size:10px;color:#8eb6fa;text-transform:uppercase;font-weight:850;letter-spacing:.17em;margin-bottom:9px}.hero{position:relative;overflow:hidden;padding:23px 22px 20px;border-radius:22px;background:linear-gradient(125deg,#2775d6 0%,#2864c5 38%,#3944a5 76%,#39296f 100%);box-shadow:0 12px 28px #10245250;margin-bottom:18px}.hero:before{content:"";position:absolute;right:-45px;top:-100px;width:240px;height:240px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 36px #ffffff09,0 0 0 76px #ffffff08}.hero:after{content:"✧";position:absolute;right:20px;bottom:-25px;color:#fff2;font-size:130px;font-weight:200}.hero>*{position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;color:#e3efff}.hero-kicker i{display:block;width:8px;height:8px;background:#66efb0;border-radius:50%;box-shadow:0 0 0 4px #ffffff21}.hero h1{margin:20px 0 9px;font-size:29px;line-height:1.12;letter-spacing:-.045em}.hero p{max-width:310px;color:#dbe9ff;font-size:12px;line-height:1.55;margin:0}.hero-footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-pill{background:#ffffff2a;padding:7px 10px;border:1px solid #ffffff35;color:white;border-radius:20px;font-size:10px;font-weight:750}.mini-action{border:0;color:#15499e;background:#fff;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:800}.section-head{display:flex;align-items:center;justify-content:space-between;margin:23px 0 11px;gap:10px}.section-head h2{margin:0;font-size:16px;letter-spacing:-.028em}.section-head .subtle-link{color:#8dbeff;font-size:12px;font-weight:650;background:transparent;border:0;padding:4px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:15px 11px;min-width:0}.stat-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#243a5e;color:#78b2ff;font-size:15px;margin-bottom:13px}.stat-number{font-size:25px;font-weight:850;letter-spacing:-.05em;white-space:nowrap}.stat-label{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.35}.wide-card,.channel-card,.task-card,.account-card{border-radius:17px;background:var(--surface);border:1px solid var(--stroke);padding:15px}.wide-card{margin:12px 0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14px;font-weight:800}.card-caption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.switch{position:relative;width:40px;height:23px;flex-shrink:0;border-radius:20px;background:#374051;border:1px solid #536070;padding:2px;transition:.2s;display:block}.switch:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#f7faff;transition:.2s}.switch.is-on{background:var(--blue);border-color:var(--blue)}.switch.is-on:after{transform:translateX(17px)}.muted{color:var(--muted)}.muted-small{font-size:11px;color:var(--muted)}.line{height:1px;background:var(--stroke);margin:12px 0}.recent-row{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #222a35}.recent-row:last-child{border:0}.post-glyph{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#213049;color:#93bafd;flex-shrink:0}.row-main{min-width:0;flex:1}.row-title{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:10px;color:var(--muted);margin-top:4px}.goto{background:#25344a;color:#91bcfa;border:0;border-radius:9px;padding:8px 10px;font-size:13px}.page-heading{margin:5px 0 14px;display:flex;align-items:start;justify-content:space-between;gap:10px}.page-heading h1{font-size:25px;letter-spacing:-.04em;margin:3px 0 5px}.page-heading p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.solid-btn{border:0;border-radius:12px;background:linear-gradient(135deg,#509afb,#3773e7);padding:11px 14px;font-size:12px;font-weight:800;color:white;box-shadow:0 4px 18px #306fdd28}.ghost-btn{border:1px solid var(--stroke);border-radius:10px;background:#202734;color:#b3c2de;padding:9px 12px;font-size:12px;font-weight:750}.small-btn{border:1px solid #31445f;border-radius:10px;background:#20334e;color:#a8c9ff;padding:8px 11px;font-size:11px;font-weight:750}.danger-btn{border:1px solid #653040;background:#3d2330;color:#ffb3bf;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:750}.rows{display:flex;flex-direction:column;gap:10px}.channel-card .channel-top{display:flex;align-items:center;gap:11px}.channel-avatar{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#315e99,#44468b);color:white;font-size:20px;font-weight:900;flex-shrink:0}.channel-card:nth-child(2n) .channel-avatar{background:linear-gradient(135deg,#406e70,#267f8e)}.channel-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #315044;background:#1c352d;color:#85eec0;font-size:10px;border-radius:20px;padding:5px 9px;font-weight:750;white-space:nowrap}.tag.off{border-color:#40454e;background:#2a2c36;color:#9ea9ba}.tag.warn{border-color:#654e2f;background:#3a3023;color:#ffcc85}.tag.red{border-color:#61323d;background:#3b2730;color:#ffafc0}.channel-counts{display:flex;justify-content:space-between;gap:8px;margin:13px 0;border-radius:10px;background:#10151e;padding:11px}.channel-counts>div{text-align:center;flex:1;border-right:1px solid #263040}.channel-counts>div:last-child{border:0}.channel-counts strong{display:block;font-size:15px}.channel-counts small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.channel-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.channel-controls p{margin:0;color:#b9c6dd;font-size:11px}.chip-row{display:flex;gap:7px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.chip{border:1px solid var(--stroke);color:#b2bfd1;background:#171b24;border-radius:20px;padding:8px 13px;white-space:nowrap;font-size:11px;font-weight:750}.chip.chosen{color:#d9eaff;border-color:#4674af;background:#1d395d}.task-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.task-info{min-width:0;flex:1}.task-title{font-weight:790;font-size:13px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-attrs{display:flex;gap:13px;font-size:10px;color:var(--muted);margin:13px 0}.task-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.task-actions>a{margin-left:auto;font-size:11px;color:#83b6ff}.account-card{display:flex;gap:11px;align-items:center}.account-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#23344a;color:#a7caff}.account-info{flex:1;min-width:0}.account-label{font-size:12px;font-weight:770;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-meta{font-size:10px;color:var(--muted);margin-top:5px}.search-box{width:100%;margin-bottom:11px;padding:12px;border-radius:12px;color:white;background:#161c26;border:1px solid #2d394a;outline:none;font-size:12px}.search-box:focus{border-color:#5383d1}.pager{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.empty{text-align:center;padding:43px 20px;background:#141923;border:1px dashed #344057;border-radius:17px;color:var(--muted);font-size:12px;line-height:1.7}.empty-icon{font-size:28px;margin-bottom:10px}.footnote{margin-top:18px;color:#7c8799;line-height:1.6;font-size:10px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;z-index:10;background:#0e1119f7;border-top:1px solid #242d38;display:flex;justify-content:space-around;padding:9px 5px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}.nav-item{flex:1;max-width:105px;background:none;border:none;color:#758396;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;font-size:9px;font-weight:660}.nav-item svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.nav-item.active{color:#5e9fff}.nav-item.active:after{content:"";display:block;position:absolute;bottom:0;width:25px;height:2px;background:#5e9fff;border-radius:2px}.toast{position:fixed;z-index:30;bottom:90px;left:50%;transform:translate(-50%,20px);min-width:200px;max-width:min(90vw,430px);padding:12px 16px;text-align:center;border-radius:13px;background:#23344b;color:white;border:1px solid #496f9e;box-shadow:0 12px 34px #0008;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:fixed;z-index:20;inset:0;background:#05070cba;display:flex;align-items:end;justify-content:center}.modal-overlay.hidden{display:none}.modal-card{width:min(100%,680px);padding:24px 19px calc(22px + env(safe-area-inset-bottom));background:#1b2230;border:1px solid #344156;border-radius:23px 23px 0 0}.modal-card h2{margin:0 0 5px;font-size:17px}.modal-card p{font-size:12px;color:#a3afc1;line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.field label{font-size:11px;color:#c4d0e3;font-weight:770}.field input{width:100%;background:#111925;border:1px solid #344458;color:#fff;border-radius:10px;padding:12px;font-size:13px}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions button{flex:1}.loading-wrap{padding:80px 20px;text-align:center;color:#8f9db3;font-size:12px}.loader{width:27px;height:27px;border:3px solid #243951;border-top-color:#5d9fff;border-radius:50%;margin:0 auto 12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert-box{padding:20px;background:#201d24;border:1px solid #5d3940;border-radius:16px;color:#ffb8c1;font-size:13px;line-height:1.65}.demo-tag{color:#ffcc7d;background:#392f1e;border:1px solid #695332;border-radius:8px;padding:5px 9px;font-size:10px}.pill-blue{background:#1d344f;color:#90c0ff;border:1px solid #345479;border-radius:10px;padding:6px 9px;font-size:10px;font-weight:750}@media(min-width:540px){.view{padding:22px 24px}.hero{padding:30px}.hero h1{font-size:35px}.topbar{padding-inline:24px}.stats-grid{gap:13px}.stat-card{padding:18px}.channel-card,.task-card,.account-card{padding:19px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}