:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#263637;background:#f4f6f4;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.6;--accent:#247365;--line:#e4e9e5;--muted:#788584}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:8px;padding:10px 17px;font-weight:600;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:0}h2{font-size:19px;letter-spacing:-.3px;margin-bottom:13px}h3{font-size:16px;margin-bottom:5px}small{font-size:12px}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#1c5d52}.secondary{border:1px solid #d9e2dc;background:#fff;color:#3b5450}.quiet,.text-button{background:transparent;color:var(--muted)}.text-button{padding:4px 0;color:var(--accent);white-space:nowrap}.danger{background:#faefeb;color:#a45944}.danger.quiet{background:none}.published{background:#e5f2e9;color:#247365}.wide{width:100%}.muted,.fine{color:var(--muted)}.fine{font-size:12px;line-height:1.8}.grow{flex:1;min-width:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#8b9e95}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;color:#98aaa5}.brand-mark{display:grid;place-items:center;background:#a9cfba;color:#183d35;width:42px;height:42px;font-size:31px;border-radius:11px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:22px;box-shadow:0 3px 12px #1b382003}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h2{margin:0}.pill,.badge{display:inline-flex;align-items:center;border-radius:20px;font-size:11px;padding:5px 11px;background:#eff5ef;color:#47745d;white-space:nowrap}.badge.warn{background:#fff0de;color:#9e762d}.alert{padding:13px 17px;border-radius:9px;background:#fff5e7;border:1px solid #f1e2bf;color:#9b6d29;margin-bottom:20px;font-size:13px}.alert .text-button{margin-left:8px}label{display:block;color:#52625e;font-size:12px;font-weight:600;margin-bottom:18px}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #dce3dd;border-radius:8px;background:#fff;padding:11px 13px;color:#2a3a35;margin-top:7px;min-height:44px}input::placeholder{color:#a1aaa4;font-size:12px}input:focus,select:focus{outline:2px solid #a6c9b7;border-color:transparent}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;min-height:35px}.checkbox input{accent-color:var(--accent);width:16px;height:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--accent)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#111f22;padding:7vh 8vw;align-items:center;gap:8vw}.auth-story{color:#f1f5eb;max-width:540px}.auth-story .brand{margin-bottom:95px}.auth-story h1{font-size:58px;line-height:1.35;font-weight:600;letter-spacing:-2px;margin:25px 0}.auth-story p{color:#a4b2a9;line-height:2;max-width:410px}.story-tags{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.story-tags span{border:1px solid #3a4d47;padding:5px 12px;border-radius:5px;font-size:11px;color:#b5c5b7}.story-footer{display:block;margin-top:100px;color:#738980;letter-spacing:2px}.auth-form{padding:42px;max-width:460px;margin:0;width:100%;background:#fcfdf9}.auth-form h2{font-size:26px;margin-top:12px}.auth-form form{margin-top:30px}.auth-form .fine{margin-top:24px}.workspace{display:flex;min-height:100vh}.sidebar{width:245px;background:#142326;color:#d0dcd4;position:fixed;inset:0 auto 0 0;padding:32px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 5px;margin-bottom:57px;font-size:18px}.sidebar .brand-mark{width:37px;height:37px}.nav-caption{font-size:10px;color:#6b817b;padding:0 14px;letter-spacing:2px;margin-bottom:15px}nav{display:flex;flex-direction:column;gap:9px}nav button{display:flex;gap:15px;align-items:center;text-align:left;background:none;color:#9dafa8;padding:13px 16px;font-size:13px}nav button.active{background:#2d4440;color:#d5eacb}nav small{display:block;font-size:8px;font-weight:400;letter-spacing:1.5px;color:#6c8980;margin-top:2px}.nav-icon{font-size:24px;line-height:1;width:23px;text-align:center}.sidebar-bottom{margin-top:auto;padding:30px 10px 0;display:flex;flex-direction:column;gap:14px}.sidebar-bottom small{font-size:10px;color:#71897d}.sidebar-bottom button{text-align:left;padding:0;font-size:12px}.connection{font-size:11px;color:#9ab0a0;display:flex;align-items:center;gap:8px}.connection i{width:6px;height:6px;border-radius:50%;background:#9a8260}.connection i.online{background:#a1c591;box-shadow:0 0 0 3px #a1c59114}.content{margin-left:245px;padding:38px 45px;max-width:1540px;width:calc(100% - 245px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.page-header .eyebrow{color:#95a39a}.page-header h1{font-size:27px;margin-top:6px}.page-header button{font-size:12px}.welcome{display:flex;justify-content:space-between;align-items:center;background:#eaf0e7;border-color:#dfe7d9;padding:32px;overflow:hidden}.welcome h2{font-size:27px;margin-top:15px;margin-bottom:10px;color:#244137}.welcome p{color:#6f8172;font-size:12px;margin:0}.welcome .pill{background:#dce9d7;color:#627c57;font-size:10px;letter-spacing:1px}.welcome-art{font-size:120px;font-weight:200;line-height:1;color:#b1c5a7;margin:0 20px;transform:rotate(-8deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.stats small{color:#6f8277;font-size:11px}.stats strong{display:block;font-size:34px;font-weight:500;line-height:1.8;letter-spacing:-1px}.stats strong.status-word{font-size:25px;line-height:2.45;color:var(--accent)}.stats article>span{display:block;font-size:10px;color:#9aa69d}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.setup-steps button{background:#f7f9f5;border:1px solid #e8ece5;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#617461}.step-number{width:25px;height:25px;border-radius:50%;border:1px solid #d9e2d5;display:grid;place-items:center;font-size:11px}.step-number.done{background:#e1eedd;color:#508449;border-color:#e1eedd}.activity-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #f0f2ee}.activity-row>div{flex:1}.activity-row strong{font-size:13px;font-weight:600}.activity-row small{display:block;color:#8e9a91;font-size:10px;margin-top:3px}.channel-avatar{display:grid;place-items:center;background:#edf2e7;color:#6e885d;width:40px;height:40px;flex-shrink:0;border:1px solid #e5ebdd;border-radius:12px;font-weight:600;font-size:17px}.empty{text-align:center;padding:50px 20px;color:#8e9a91}.empty>span{display:block;font-size:42px;color:#a7b89f;margin-bottom:12px}.empty h3{color:#5d715e;font-weight:500}.empty p{font-size:12px;margin-bottom:25px}.section-intro{margin-bottom:24px}.section-intro h2{font-size:23px;font-weight:500}.section-intro p{color:var(--muted);font-size:12px}.account-card{text-align:center;padding:45px}.big-avatar{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:#e5eee0;color:#759363;font-size:30px;margin:0 auto 20px}.account-card>p{font-size:12px;color:var(--muted)}.account-card .muted{margin:25px 0}.login-panel{max-width:650px;padding:30px 38px}.login-panel form{max-width:390px;margin:auto}.login-panel h2{margin-top:25px}.segmented{display:flex;background:#f2f5ef;border-radius:9px;padding:4px;max-width:340px;margin:0 auto 25px}.segmented button{flex:1;background:none;color:#83917f;font-size:12px}.segmented button.selected{background:#fff;color:#3b654e;box-shadow:0 2px 7px #2537210b}.qr-panel{text-align:center}.qr-panel img,.qr-placeholder{width:210px;height:210px;padding:10px;background:#fff;margin:10px auto 20px}.qr-placeholder{display:grid;place-items:center;background:#f1f5ed;color:#b1c5a4;border:1px dashed #d0dcc8;font-size:95px;border-radius:12px}.qr-panel h3{font-size:15px}.qr-panel p{font-size:12px;color:var(--muted)}.cancel-login{display:block;margin:20px auto 0;font-size:12px}.add-form{display:flex;align-items:flex-end;gap:15px}.add-form label{margin:0}.add-form>label:not(.grow){width:190px}.add-form button{height:44px;white-space:nowrap}.inline-note{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#98a08f;margin-top:17px;align-items:center}.joined-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.joined-list button{background:#f5f8f1;text-align:left;font-size:12px;color:#5b7154}.joined-list small{display:block;font-size:10px;color:#93a08c}.channel-heading{display:flex;align-items:center;gap:13px}.channel-heading h3{margin:0}.channel-heading small{color:#91a08f;font-size:11px}.channel-metrics{display:grid;grid-template-columns:1fr 1fr 1.5fr;margin:25px 0;gap:20px}.channel-metrics small{display:block;font-size:10px;color:#9ba693}.channel-metrics strong{font-size:20px;font-weight:500;color:#4c6349}.channel-metrics strong span{font-size:11px;color:#98a28e}.channel-metrics .small-value{font-size:13px;line-height:2.6}.channel-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1e8;padding-top:18px}.channel-actions>div{display:flex;gap:8px}.channel-actions button{font-size:11px}.search-line{display:flex;gap:12px}.search-line input{margin:0;font-size:15px}.search-line button{white-space:nowrap;min-width:95px}.filters{display:flex;gap:15px;align-items:flex-end;margin-top:20px;flex-wrap:wrap}.filters label{margin:0;flex:1;min-width:140px;font-size:10px}.filters label.checkbox{margin-bottom:3px;font-size:11px}.filters input,.filters select{font-size:12px;min-height:39px}.result-card{padding:22px 25px}.result-card.hidden{background:#f9faf7;opacity:.75}.result-meta{display:flex;align-items:center;gap:15px;font-size:10px;color:#95a08d}.result-meta>span:first-child{color:#668b63;font-weight:600}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95;margin:20px 0 25px}.result-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2ed;padding-top:13px;font-size:11px;gap:12px}.result-footer small{font-size:9px;color:#a3ab99}.result-footer>div{display:flex;gap:20px}.result-footer button{font-size:11px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;color:#899780;font-size:11px;margin:30px 0}.code-block{padding:18px;background:#f3f6ef;border:1px solid #e8eee1;border-radius:8px;font:12px/2 ui-monospace,Consolas,monospace;color:#5c7654;overflow-x:auto}.save-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 0}.save-bar>span{font-size:11px;color:#9aa48d}.token-box{margin-top:15px;padding:20px;background:#f5f7e8;border:1px solid #e1e6c6;border-radius:8px}.token-box strong{font-size:12px;color:#809042}.token-box code{display:block;overflow-wrap:anywhere;font-size:13px;margin:12px 0}.audit-row{display:grid;grid-template-columns:155px 180px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #f1f3ee;font-size:11px;overflow-wrap:anywhere}.audit-row time,.audit-row span{color:#91a080}.audit-row strong{font-weight:500;color:#6b805c}.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#a6af9c;margin-top:40px;padding-top:20px;border-top:1px solid #e5eadf;letter-spacing:.5px}.toast{position:fixed;bottom:30px;right:30px;z-index:100;background:#234f43;color:#edf5e8;padding:15px 45px 15px 20px;border-radius:10px;box-shadow:0 6px 30px #15281c25;max-width:min(540px,calc(100vw - 30px));font-size:13px}.toast.failure{background:#744b38}.toast button{position:absolute;right:5px;top:4px;color:inherit;background:none;font-size:20px;padding:8px}.busy-line{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#79af8c,transparent);animation:progress 1.2s infinite;z-index:200}@keyframes progress{0%{transform:translate(-80%)}to{transform:translate(80%)}}@media(min-width:1600px){.content{padding:45px 65px}}@media(max-width:1150px){.sidebar{width:215px;padding:25px 14px}.content{margin-left:215px;width:calc(100% - 215px);padding:30px 25px}.stats{gap:10px}.stats article{padding:17px}.setup-steps{grid-template-columns:1fr}.add-form{flex-wrap:wrap}.add-form .grow{min-width:100%}.channel-actions{flex-wrap:wrap}.joined-list{grid-template-columns:1fr 1fr}.auth-story h1{font-size:45px}.auth-shell{padding:6vh 5vw;gap:5vw}.auth-form{padding:30px}.audit-row{grid-template-columns:130px 140px 1fr}}@media(max-width:760px){.sidebar{position:relative;inset:auto;width:100%;padding:18px 18px 0;display:block}.sidebar .brand{margin-bottom:18px}.sidebar .brand small,.nav-caption,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto;gap:5px}nav button{white-space:nowrap;padding:13px 11px;font-size:11px;border-radius:8px 8px 0 0;gap:6px}nav small{display:none}.nav-icon{font-size:17px;width:16px}.workspace{display:block}.content{margin:0;width:100%;padding:25px 17px}.page-header{margin-bottom:22px}.page-header h1{font-size:24px}.panel{padding:21px;margin-bottom:18px}.welcome{padding:24px}.welcome h2{font-size:23px;max-width:230px}.welcome-art{font-size:80px;margin:0}.welcome p{max-width:250px;font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stats article{padding:17px}.stats strong{font-size:30px}.stats strong.status-word{line-height:2.2}.channel-metrics{grid-template-columns:1fr 1fr;gap:12px}.channel-metrics>div:last-child{grid-column:span 2}.channel-metrics .small-value{line-height:2}.channel-heading h3{font-size:14px}.channel-heading .badge{font-size:10px}.channel-actions>div{gap:2px}.channel-actions button{padding:9px 10px;font-size:10px}.add-form{gap:12px}.add-form>label:not(.grow){width:auto;flex:1}.add-form button{padding:10px 12px;font-size:12px}.inline-note{align-items:flex-start;flex-direction:column}.joined-list,.form-grid{grid-template-columns:1fr}.filters{gap:14px}.filters label{min-width:125px}.auth-shell{display:block;padding:35px 20px}.auth-story .brand{margin-bottom:35px}.auth-story h1{font-size:38px;margin:18px 0}.auth-story>p,.story-tags,.story-footer{display:none}.auth-story .eyebrow{font-size:9px}.auth-form{margin:30px auto 0;max-width:100%;padding:28px}.auth-form h2{font-size:23px}.login-panel{padding:25px 20px}.page-footer{font-size:9px;gap:10px}.audit-row{grid-template-columns:1fr 1fr;font-size:10px}.audit-row span{grid-column:span 2}.result-meta{flex-wrap:wrap;gap:8px}.result-footer{flex-wrap:wrap}.result-footer>div{margin-left:auto}.toast{right:15px;bottom:15px}.section-head>.muted{font-size:10px}.save-bar{gap:10px}.save-bar .primary{white-space:nowrap}}