:root{--bg:#0d1110;--surface:#131917;--surface-raised:#18201c;--border:#29322d;--border-soft:#202823;--text:#e8ede8;--muted:#8a978f;--dim:#5c6b61;--accent:#b6e6bd;--accent-dark:#193522;--warning:#d6b479;--danger:#e09a94;--sidebar:226px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a,button,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.9px;font-size:30px;font-weight:550;line-height:1.5}h2{font-size:15px;font-weight:550}h3{font-size:14px;font-weight:500}p{line-height:1.8}svg{vertical-align:middle;flex-shrink:0}::selection{color:#fff;background:#46634c}.mono,.eyebrow,.muted-label,.small-number,.footer,.workspace-label,.preview-caption,.radar-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.skip-link{background:var(--accent);color:var(--bg);z-index:100;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);border-right:1px solid var(--border-soft);z-index:20;background:#111613;flex-direction:column;padding:35px 19px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--accent);align-items:center;gap:11px;padding:0 13px;display:flex}.brand>span{letter-spacing:-1.3px;color:#e7eee8;font-size:32px;font-weight:600}.brand-dot{color:var(--accent)}.workspace-label{letter-spacing:1.7px;color:var(--dim);margin:54px 13px 16px;font-size:9px}.sidebar nav{gap:6px;display:grid}.nav-item{color:#8c9991;border-radius:6px;align-items:center;gap:12px;height:44px;padding:0 14px;font-size:13px;transition:background .16s,color .16s;display:flex}.nav-item:hover{color:var(--text);background:#19211b}.nav-item.active{color:var(--accent);background:#223127}.nav-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:40px 10px 0}.foundation{color:#9aa69e;align-items:center;gap:8px;font-size:11px;display:flex}.foundation .mono{color:var(--dim);margin-left:auto;font-size:10px}.sidebar-bottom>p{color:var(--dim);margin:15px 0 26px;font-size:12px;line-height:1.9}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:22px;font-size:12px;display:flex}.avatar{color:#bdd1bd;background:#25302a;border:1px solid #3b4b3e;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.sidebar-profile small{color:var(--dim);letter-spacing:1px;margin-top:5px;font-size:8px;display:block}.sidebar-profile>a{color:var(--muted);margin-left:auto}.main-wrap{margin-left:var(--sidebar);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:73px;padding:0 44px;display:flex}.breadcrumb{color:var(--dim);align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:#b0bbb3;font-weight:400}.breadcrumb>span{color:#3a463d}.topbar-right{color:var(--muted);align-items:center;gap:24px;display:flex}.quiet-badge{letter-spacing:.6px;font-size:11px}main{flex:1;width:100%;max-width:1470px;margin:0 auto;padding:42px 44px 30px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:2px;color:#798e7d;margin-bottom:11px;font-size:9px}.page-heading p{color:var(--muted);margin-top:9px;font-size:12px}.button{border:1px solid var(--border);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:10px 15px;font-size:12px;transition:background .16s;display:inline-flex}.button.primary{background:var(--accent);color:#172a1c;border-color:var(--accent);font-weight:600}.button.primary:hover{background:#c7efcc}.button.secondary{color:#cad6cd;background:#1b231e}.button.secondary:hover{background:#263229}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.text-link{color:var(--accent);align-items:center;gap:9px;font-size:12px;display:inline-flex}.text-link:hover{color:#e0f6df}.text-link.subtle{color:#8c9e91;font-size:11px}.pill{color:#bfd5c2;background:#24382955;border:1px solid #3d5141;border-radius:30px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.pill.neutral{border-color:var(--border);color:var(--muted);background:0 0}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.muted{background:#7f9b85}.signal-hero{background:radial-gradient(at 85%,#22382855,#0000 60%),linear-gradient(115deg,#19291e,#131e17 55%,#17251b);border:1px solid #2d4133;border-radius:10px;min-height:318px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:34px 36px}.hero-copy h2{letter-spacing:.3px;margin:17px 0 12px;font-size:29px;font-weight:450;line-height:1.65}.hero-copy h2 span{color:#afc7b2}.hero-copy p{color:#819786;font-size:12px;line-height:1.9}.hero-copy .text-link{margin-top:23px}.radar-art{opacity:.9;width:400px;height:330px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.radar-grid{background-image:linear-gradient(#75a28109 1px,#0000 1px),linear-gradient(90deg,#75a28109 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.radar-orbit{border:1px solid #82ad8a29;border-radius:50%;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:90px;height:90px}.orbit-2{width:174px;height:174px}.orbit-3{width:264px;height:264px}.radar-art:before,.radar-art:after{content:"";background:#82ad8a1b;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.radar-art:before{width:1px;height:284px}.radar-art:after{width:284px;height:1px}.radar-sweep{background:conic-gradient(#0000 0deg,#a2dbae03 22deg,#9bd3a229 60deg,#0000 61deg);border-radius:50%;width:264px;height:264px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-22deg);-webkit-mask-image:radial-gradient(#000 20%,#000b 70%);mask-image:radial-gradient(#000 20%,#000b 70%)}.radar-origin{background:#b9e1ba;border-radius:50%;width:7px;height:7px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #a5ddb175}.radar-point{background:#9aba9e;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 0 5px #97cda80b,0 0 12px #95c6a033}.point-1{top:31%;left:66%}.point-2{opacity:.55;top:64%;left:31%}.radar-label{text-align:center;color:#597561;letter-spacing:2px;width:100%;font-size:8px;position:absolute;bottom:8px;left:0}.dashboard-grid{grid-template-columns:1.08fr 1fr;gap:24px;margin-bottom:24px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}.section-title{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;display:flex}.section-title h2{letter-spacing:.3px;font-size:13px}.muted-label{letter-spacing:1px;color:var(--dim);font-size:9px}.small-number{color:var(--dim);font-size:10px}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:45px 25px;display:flex}.empty-icon{color:#7d9b83;background:radial-gradient(circle,#2c3e2d22,#0000);border:1px solid #2c3c31;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:20px;display:grid}.empty-state h3{color:#c1cdc4;font-size:14px}.empty-state p{max-width:390px;color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.9}.empty-state .text-link{margin-top:19px}.attention-panel .empty-state{padding:31px 24px}.attention-panel .empty-icon{width:44px;height:44px;margin-bottom:14px}.attention-panel .empty-state p{max-width:310px;font-size:11px}.setup-step{border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;margin:0 24px;padding:20px 0;display:flex}.setup-step h3{color:#b8c5bc;font-size:12px}.setup-step p{color:var(--dim);margin-top:6px;font-size:11px}.setup-step>svg,.setup-step>.tiny-badge{color:#8ca692;margin-left:auto}.setup-step:nth-of-type(3){border-bottom:0}.step-number{color:#6b8070;background:#1b231d;border:1px solid #2c382f;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-family:monospace;font-size:10px;display:grid}.step-number.current{color:var(--accent);background:#24392b;border-color:#405746}.tiny-badge{border:1px solid var(--border);color:var(--dim);white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:9px}.setup-note{color:#748d7a;border-top:1px solid var(--border-soft);background:#17201955;align-items:center;gap:9px;padding:15px 24px;font-size:10px;display:flex}.quiet-row{align-items:center;gap:17px;padding:26px;display:flex}.quiet-orbit{color:#7f9786;background:#1d2720;border-radius:8px;place-items:center;width:43px;height:43px;display:grid}.quiet-row h3{color:#b8c4bb;font-size:12px}.quiet-row p{color:var(--dim);margin-top:7px;font-size:11px}.quiet-row>.muted-label{margin-left:auto}.bottom-note{color:var(--dim);align-items:center;gap:8px;margin-top:23px;font-size:10px;display:flex}.footer{color:#4d6054;letter-spacing:1px;justify-content:space-between;gap:15px;width:100%;max-width:1470px;margin:0 auto;padding:24px 44px;font-size:8px;display:flex}.footer-separator{color:#344138;padding:0 10px}.footer>span:last-child{letter-spacing:.3px}.standalone{border:0;padding:31px 0 18px}.type-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.type-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:24px 21px;position:relative}.type-card>.tiny-badge{position:absolute;top:24px;right:18px}.type-icon{color:#91b399;margin-bottom:33px;display:block}.type-card .eyebrow{letter-spacing:1px;font-size:8px}.type-card h3{margin:10px 0;font-size:14px}.type-card p{color:var(--muted);font-size:11px;line-height:1.9}.inline-note{color:#8eaa95;align-items:center;gap:12px;margin-top:12px;padding:25px 0;display:flex}.inline-note p{color:var(--muted);font-size:11px}.inline-note .text-link{flex-shrink:0;margin-left:auto}.explain-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin:42px 16px;display:grid}.explain-grid article>svg{color:#8eb397;margin-bottom:20px}.explain-grid h3{margin-bottom:10px;font-size:13px}.explain-grid p{color:var(--muted);font-size:12px}.channel-strip{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.channel-tile{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:15px;padding:20px;display:flex}.channel-tile:hover{background:var(--surface-raised)}.channel-tile h3{font-size:14px}.channel-tile p{color:var(--muted);margin-top:5px;font-size:11px}.channel-tile>svg{color:var(--dim);margin-left:auto}.channel-logo{color:#bed6c3;background:#253129;border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.channel-logo.telegram{color:#9bc9df;background:#23313a}.channel-logo.bark{color:#d7d4a1;background:#303025}.channel-logo.ntfy{color:#a4d1b1;background:#233229}.channel-logo.small{border-radius:8px;width:37px;height:37px}.preview-layout{grid-template-columns:1fr 1fr;display:grid}.form-stack{flex-direction:column;gap:18px;padding:27px;display:flex}.form-heading{margin-bottom:3px}.form-heading h3{font-size:13px}.form-heading p{color:var(--muted);margin-top:6px;font-size:11px}.form-stack label{color:#a8b9ad;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;display:flex}.field-group{flex-direction:column;gap:9px;display:flex}.form-stack label>input:not([type=checkbox]),.form-stack label>textarea,.form-stack label>select{width:100%}input:not([type=checkbox]),textarea,select{color:#d6e1d8;background:#0f1611;border:1px solid #344037;border-radius:5px;min-width:0;padding:11px 12px;font-size:12px}input::placeholder,textarea::placeholder{color:#526458;font-size:11px}textarea{resize:vertical;min-height:85px}input[type=checkbox]{accent-color:#b6e6bd;flex-shrink:0;width:15px;height:15px;margin:0}.optional{color:var(--dim);font-size:9px}.form-columns{grid-template-columns:1fr 1.5fr;gap:15px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;display:flex}.form-actions>.muted-label{letter-spacing:0;margin-left:auto;font-family:inherit;font-size:10px}.preview-stage{border-left:1px solid var(--border-soft);background:radial-gradient(#24302855,#0000 75%),#101712;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.preview-caption{letter-spacing:1.8px;color:#5a7762;margin-bottom:25px;font-size:9px}.message-card{background:#243027;border:1px solid #3b4d40;border-radius:13px;width:100%;max-width:340px;padding:21px;box-shadow:0 16px 30px #0002}.message-brand{color:var(--accent);align-items:center;gap:8px;margin-bottom:23px;font-size:11px;display:flex}.message-brand>span:last-child{color:#83998a;margin-left:auto;font-size:9px}.message-card h3{overflow-wrap:anywhere;margin-bottom:10px;font-size:14px}.message-card p{color:#9aafa0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.message-card .text-link{margin-top:18px}.preview-footnote{color:#607768;text-align:center;margin-top:22px;font-size:9px}.severity{border-radius:3px;margin-bottom:10px;padding:3px 6px;font-size:9px;display:inline-block}.severity.info{color:#b6dfc1;background:#385c4133}.severity.warning{color:#ddc192;background:#69593444}.severity.critical{color:#e7a5a0;background:#6a343744}.history-panel{margin-top:24px}.history-panel .empty-state{padding:30px}.settings-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.settings-layout.editing{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.configured-channels{padding:0 23px}.configured-channel{border-bottom:1px solid var(--border-soft);align-items:center;gap:13px;padding:21px 0;display:flex}.channel-description{flex:1;min-width:0}.channel-description h3{overflow-wrap:anywhere;font-size:13px}.channel-description p{color:var(--muted);margin-top:7px;font-size:10px}.small-button{color:#aac5b1;background:0 0;border:0;padding:5px;font-size:10px}.danger-text{color:#be8e89}.toggle{background:#2c362f;border:1px solid #465149;border-radius:20px;flex-shrink:0;width:30px;height:18px;padding:2px}.toggle>span{background:#87978c;border-radius:50%;width:12px;height:12px;transition:transform .15s;display:block}.toggle.on{background:#4f7458;border-color:#618c6b}.toggle.on>span{background:#c4eaca;transform:translate(11px)}.add-channel-list{padding:8px 24px 18px}.add-channel{text-align:left;border:0;border-bottom:1px solid var(--border-soft);background:0 0;align-items:center;gap:14px;width:100%;padding:20px 0;display:flex}.add-channel:last-child{border-bottom:0}.add-channel h3{font-size:13px}.add-channel p{color:var(--muted);margin-top:6px;font-size:11px}.add-channel>svg{color:var(--muted);margin-left:auto}.icon-button{color:var(--muted);background:0 0;border:0;place-items:center;padding:3px;display:grid}.field-help{color:var(--dim);font-size:10px;line-height:1.7}.clear-secret{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.checkbox-label{margin:3px 0}.success-notice{color:#addab8;background:#1d392733;border:1px solid #35543e;border-radius:6px;align-items:center;gap:9px;margin-bottom:20px;padding:14px 18px;font-size:12px;display:flex}.error-notice{color:#dfaaa2;background:#492c282f;border:1px solid #643d37;border-radius:6px;padding:13px 15px;font-size:12px;line-height:1.7}.connection-error{margin-bottom:20px}.connection-error>.button{margin-top:13px}.loading-state{text-align:center;color:var(--muted);padding:70px;font-size:12px}.login-wrap{place-items:center;min-height:65vh;display:grid}.login-panel{text-align:center;width:100%;max-width:430px;padding:35px 20px 20px}.login-mark{color:var(--accent);margin-bottom:25px}.login-panel h1{font-size:25px}.login-panel>p{color:var(--muted);margin-top:8px;font-size:12px}.login-panel .form-stack{text-align:left;padding:28px 20px}.login-caption{color:var(--dim);justify-content:center;align-items:center;gap:6px;margin-bottom:9px;font-size:10px;display:flex}@media (min-width:1600px){main{padding-top:55px}.signal-hero{min-height:345px}.hero-copy{padding:40px}.radar-art{right:60px}.page-heading{margin-bottom:37px}}@media (max-width:1200px){:root{--sidebar:195px}main{padding:32px 28px}.topbar{padding:0 28px}.footer{padding:22px 28px}.radar-art{opacity:.65;right:-45px}.hero-copy{padding:30px}.hero-copy h2{font-size:26px}.hero-copy p{font-size:11px}.dashboard-grid{gap:18px}.type-grid{grid-template-columns:repeat(2,1fr)}.quiet-row>.muted-label{display:none}.settings-layout.editing{grid-template-columns:1fr}.channel-strip{gap:12px}.channel-tile{gap:10px;padding:16px}.channel-tile>svg{display:none}.channel-tile .channel-logo{border-radius:8px;width:35px;height:35px}.preview-layout{grid-template-columns:1.1fr 1fr}.section-title{padding:20px}.setup-step{margin:0 20px}.setup-note{padding:15px 20px;font-size:9px}}@media (max-width:900px){:root{--sidebar:175px}.sidebar{padding:28px 12px 20px}.brand{gap:7px;padding:0 9px}.brand>span{font-size:28px}.workspace-label{margin:42px 9px 15px;font-size:8px}.nav-item{gap:9px;padding:0 10px;font-size:12px}.page-heading{align-items:flex-start}.page-heading .button{padding:9px 11px;font-size:11px}h1{font-size:25px}.page-heading p{font-size:11px}.radar-art{opacity:.35;right:-95px}.hero-copy{max-width:85%}.dashboard-grid{grid-template-columns:1fr}.setup-step{padding:16px 0}.signal-hero{min-height:300px}.explain-grid{gap:24px;margin:32px 0}.channel-strip{grid-template-columns:1fr}.channel-tile{padding:15px 20px}.channel-tile>svg{display:block}.preview-layout{grid-template-columns:1fr}.preview-stage{border-left:0;border-top:1px solid var(--border);padding:33px 25px}.footer>span:last-child{display:none}.inline-note{flex-wrap:wrap}.inline-note .text-link{margin-left:32px}.sidebar-profile{gap:6px}.sidebar-profile small{font-size:7px}}@media (max-width:680px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:18px 18px 0;position:static}.brand{padding:0}.brand>span{font-size:28px}.brand>svg{width:29px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{scrollbar-width:none;gap:5px;margin-top:20px;padding-bottom:10px;display:flex;overflow-x:auto}.nav-item{flex-shrink:0;gap:7px;height:38px;padding:0 10px;font-size:11px}.nav-item svg{width:15px;height:15px}.nav-dot{display:none}.main-wrap{margin-left:0}.topbar{height:51px;padding:0 21px}.topbar-right{gap:13px}.quiet-badge{font-size:9px}.breadcrumb{gap:11px;font-size:10px}main{padding:28px 20px 20px}.page-heading{flex-direction:column;gap:18px;margin-bottom:24px}.eyebrow{letter-spacing:1.5px;font-size:8px}h1{font-size:25px}.page-heading p{max-width:340px;line-height:1.9}.page-heading .button{min-height:35px}.signal-hero{min-height:360px;margin-bottom:18px}.hero-copy{max-width:100%;padding:26px 24px}.hero-copy h2{margin-top:19px;font-size:26px}.hero-copy p{max-width:270px;line-height:2}.hero-copy .text-link{margin-top:23px}.radar-art{opacity:.2;top:78%;right:-122px}.desktop-break{display:none}.dashboard-grid{gap:18px;margin-bottom:18px}.section-title{padding:19px}.empty-state{padding:36px 24px}.quiet-row{align-items:flex-start;gap:13px;padding:22px 19px}.quiet-row p{font-size:10px}.bottom-note{align-items:flex-start;font-size:9px;line-height:1.8}.bottom-note .status-dot{margin-top:5px}.footer{padding:19px 20px;font-size:7px}.type-grid{gap:12px}.type-card{padding:20px 16px}.type-card>.tiny-badge{font-size:8px;top:20px;right:13px}.type-card .eyebrow{letter-spacing:.5px;font-size:7px}.type-card p{font-size:10px}.type-icon{margin-bottom:25px}.explain-grid{grid-template-columns:1fr;gap:25px;margin:29px 9px}.explain-grid article>svg{float:left;margin-bottom:50px;margin-right:18px}.explain-grid h3{font-size:12px}.explain-grid p{font-size:11px}.inline-note{gap:9px;padding:18px 0;font-size:10px}.inline-note>svg{width:16px}.inline-note p{flex:1;font-size:10px}.inline-note .text-link{margin-left:26px;font-size:11px}.form-stack{padding:22px 19px}.form-columns{grid-template-columns:1fr}.form-actions>.muted-label{font-size:9px}.configured-channels{padding:0 17px}.configured-channel{flex-wrap:wrap;gap:9px}.configured-channel>.channel-logo{border-radius:9px;width:35px;height:35px}.channel-description h3{font-size:12px}.configured-channel .small-button{padding:5px 2px;font-size:9px}.add-channel-list{padding:6px 19px 13px}.add-channel p{font-size:10px}.login-panel{padding:28px 9px 16px}.login-panel .form-stack{padding:24px 16px}.loading-state{padding:50px 20px}.preview-stage{padding:28px 23px}.message-card{padding:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}