@charset "UTF-8";:root{--bg:#eef2f4;--surface:#fff;--surface-2:#f4f7f8;--surface-3:#e9eff1;--ink:#12212e;--ink-2:#54636e;--ink-3:#8695a0;--line:#dde5ea;--line-2:#c9d5db;--accent:#0e6e78;--accent-2:#0b565e;--accent-bg:#e2f1f2;--good:#2f8f4e;--good-bg:#e5f3ea;--warn:#b9761a;--warn-bg:#fbeed7;--warn-line:#f0d59a;--crit:#c23a4b;--crit-bg:#fbe6e9;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}.muted{color:var(--ink-2)}.sm{font-size:12.5px}.err{color:var(--crit);font-size:12.5px;margin-top:10px}b{font-weight:650}.warn{color:var(--warn)}.btn{border:none;background:var(--accent);color:#fff;border-radius:9px;height:42px;padding:0 18px;font-size:14.5px;font-weight:700;cursor:pointer}.btn:hover{background:var(--accent-2)}.btn.full{width:100%}.ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;height:34px;padding:0 13px;font-weight:650;cursor:pointer}.backbtn{border:1px solid var(--line);background:var(--surface);border-radius:9px;height:34px;padding:0 12px;cursor:pointer;color:var(--ink);font-size:13px;font-weight:600}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .box{width:min(390px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px;box-shadow:0 10px 30px #12212e14}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.01em}.brand .dot{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:16px}.brand small{display:block;font-weight:500;color:var(--ink-2);font-size:11.5px;margin-top:-2px}.fld{display:flex;flex-direction:column;gap:6px;margin:13px 0}.fld label{font-size:12.5px;font-weight:650;color:var(--ink-2)}.fld input{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:40px;padding:0 12px;font-size:14px;color:var(--ink)}.fld input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.app{max-width:760px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:10px 16px}.topbar .sp{flex:1}.rolepill{font-size:12px;font-weight:700;border-radius:999px;padding:5px 11px;border:1px solid}.rolepill.admin,.rolepill.manager{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.rolepill.read_only{background:var(--surface-3);color:var(--ink-2);border-color:var(--line)}.tabstrip{background:var(--bg);padding:14px 16px 0}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}.tab{position:relative;margin-bottom:-1px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13.5px;font-weight:650;padding:9px 17px;border-radius:10px 10px 0 0;cursor:pointer}.tab.active{background:var(--bg);color:var(--accent);border-bottom-color:var(--bg)}main{flex:1;padding:16px}.h1{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:2px 2px 12px}.filters{display:flex;gap:7px;margin:0 2px 14px;flex-wrap:wrap}.fchip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:650;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.fchip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.fchip .n{background:#0000001f;border-radius:999px;padding:0 6px;font-size:11px}.fchip.active .n{background:#ffffff40}.cards{display:grid;gap:11px}.empty{color:var(--ink-2);font-size:13.5px;text-align:center;padding:26px;border:1px dashed var(--line);border-radius:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 15px;box-shadow:0 6px 18px #12212e0d;display:flex;align-items:center;gap:13px;cursor:pointer;text-align:left;width:100%}.card.static{cursor:default}.card:hover:not(.static){border-color:var(--line-2)}.stripe{width:4px;align-self:stretch;border-radius:4px;background:var(--ink-3)}.stripe.good{background:var(--good)}.stripe.warn{background:var(--warn)}.stripe.idle{background:var(--ink-3)}.card .body{flex:1;min-width:0}.card .title{font-weight:650;font-size:14.5px}.card .meta{color:var(--ink-2);font-size:12.5px;margin-top:3px;display:flex;gap:10px;flex-wrap:wrap}.card .zone{color:var(--ink-3)}.status{margin-left:auto;font-size:12px;font-weight:700;border-radius:999px;padding:5px 11px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.status.good{background:var(--good-bg);color:var(--good)}.status.warn{background:var(--warn-bg);color:var(--warn)}.status.idle{background:var(--surface-2);color:var(--ink-2)}.status .led{width:7px;height:7px;border-radius:50%;background:currentColor}.fill-top{display:flex;align-items:center;gap:11px;margin-bottom:10px}.fill-top .ttl{font-weight:700;letter-spacing:-.01em}.ro-banner{background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600;margin-bottom:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:14px;box-shadow:0 6px 18px #12212e0d}.panel .hd{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.panel .hd h3{font-size:14.5px;margin:0;letter-spacing:-.01em}.panel .hd .count{margin-left:auto;font-size:12px;color:var(--ink-2);font-weight:600}.who{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 15px}.who label{font-size:13px;font-weight:600;color:var(--ink-2)}.who input{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:38px;padding:0 12px;min-width:190px;font-size:14px;color:var(--ink)}.who input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.names{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.names .lbl{font-size:11.5px;color:var(--ink-3);font-weight:600}.namechip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 11px;font-size:12.5px;cursor:pointer;color:var(--ink-2);font-weight:600}.namechip:hover{border-color:var(--accent);color:var(--accent)}.item{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.item:last-child{border-bottom:none}.item .label{flex:1;min-width:170px;font-size:14px;padding-top:5px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg button{border:none;background:var(--surface-2);color:var(--ink-2);padding:8px 15px;font-weight:700;cursor:pointer;font-size:13px}.seg button+button{border-left:1px solid var(--line)}.seg button.yes.on{background:var(--good);color:#fff}.seg button.no.on{background:var(--crit);color:#fff}.temp{display:inline-flex;align-items:center;gap:8px}.stepper{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.stepper button{background:var(--surface-2);color:var(--ink-2);width:29px;height:34px;border:none;font-size:17px;cursor:pointer}.stepper button:hover{background:var(--surface-3)}.stepper input{width:44px;height:34px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:14px;color:var(--ink)}.temp.bad .stepper{border-color:var(--crit)}.temp.bad input{background:var(--crit-bg);color:var(--crit)}.thr{font-size:11px;color:var(--ink-3);font-weight:600}.temp.bad .thr{color:var(--crit)}.fix-wrap{flex-basis:100%}.fix-wrap textarea{width:100%;border:1px solid var(--warn-line);background:var(--warn-bg);border-radius:9px;padding:9px 11px;font-size:13px;color:var(--ink);font-family:inherit;resize:vertical;min-height:50px}.globals{padding:12px 15px}.globals textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--ink);font-family:inherit;resize:vertical;min-height:56px}.overall{display:flex;align-items:center;gap:14px;padding:15px;flex-wrap:wrap}.overall .lab{font-weight:650;font-size:14px}.overall .lab small{display:block;font-weight:500;color:var(--ink-3);font-size:11.5px}.bigseg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.bigseg button{border:none;background:var(--surface-2);padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;color:var(--ink-2)}.bigseg button+button{border-left:1px solid var(--line)}.bigseg button.ok.on{background:var(--good);color:#fff}.bigseg button.an.on{background:var(--warn);color:#fff}.overall .reset{margin-left:auto;font-size:12px;color:var(--accent);cursor:pointer;font-weight:600}.footer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);margin:0 -16px -16px;padding:12px 16px;display:flex;align-items:center;gap:16px}.prog-box{flex:1;min-width:180px;max-width:320px}.prog-box .t{font-size:12.5px;color:var(--ink-2);font-weight:600;margin-bottom:5px}.prog-box .t b{color:var(--ink)}.progress{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .25s}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:11px 16px;border-radius:11px;font-weight:600;z-index:50;box-shadow:0 10px 30px #00000040}.scrim{position:fixed;inset:0;background:#0a121870;z-index:40}.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:var(--surface);z-index:50;display:flex;flex-direction:column;box-shadow:-8px 0 30px #0000002e}.drawer header{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.drawer header h2{font-size:16px;margin:0}.drawer .x{margin-left:auto;border:none;background:var(--surface-2);width:30px;height:30px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:15px}.dcontent{padding:14px 16px;overflow:auto;flex:1}.drow{border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-bottom:10px;display:flex;gap:10px;align-items:flex-start;background:var(--surface)}.dbody{flex:1;min-width:0}.dtitle{font-weight:620;font-size:13.5px}.anom{margin-top:8px;font-size:12.5px;color:var(--ink-2);border:1px solid var(--warn-line);background:var(--warn-bg);border-radius:8px;padding:7px 9px}.anom b{color:var(--ink);font-weight:620}.anom .fix{color:var(--accent)}.admin{margin-top:2px}.atabs{display:inline-flex;gap:4px;background:var(--surface-3);border-radius:11px;padding:4px;margin-bottom:14px}.atab{border:none;background:transparent;color:var(--ink-2);font-size:13px;font-weight:650;padding:7px 15px;border-radius:8px;cursor:pointer}.atab.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #12212e1a}.abanner{border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600;margin-bottom:12px}.err-banner{background:var(--crit-bg);color:var(--crit);border:1px solid var(--crit)}.apanel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 15px;margin-bottom:14px;box-shadow:0 6px 18px #12212e0d}.ahd{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ahd h3{font-size:14.5px;margin:0}.ahd .sp,.ashd .sp{flex:1}.arow-add{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.arow-add input,.arow-add select,.fmeta input,.fmeta select,.urow select,.urow input,.qtype,.secname,.qlabel,.qnum input{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:36px;padding:0 11px;font-size:13.5px;color:var(--ink);font-family:inherit}.arow-add input{min-width:180px;flex:1}.arow-add input:focus,.fmeta input:focus,.urow input:focus,.secname:focus,.qlabel:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}input.mini{width:64px!important;min-width:0!important;flex:none!important;text-align:center}.alist{display:grid;gap:8px}.aitem{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:4px 12px 4px 4px}.aitem.off{opacity:.6}.agrow{flex:1;border:none;background:transparent;text-align:left;cursor:pointer;padding:9px 8px;display:flex;flex-direction:column;gap:2px;color:var(--ink)}.agrow b{font-size:14px;font-weight:650}.linkbtn{border:none;background:transparent;color:var(--accent);font-weight:650;font-size:12.5px;cursor:pointer;padding:6px 8px}.linkbtn.danger{color:var(--crit)}.ghost.danger{color:var(--crit);border-color:var(--crit-bg)}.pill{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;cursor:pointer}.pill.on{background:var(--good-bg);color:var(--good);border-color:var(--good)}.pill.off{background:var(--surface-3);color:var(--ink-3)}.fmeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.fmeta label{font-size:12px;font-weight:650;color:var(--ink-2)}.fmeta .grow,.urow .grow{flex:1;min-width:160px}.asection{border:1px solid var(--line);border-radius:11px;padding:11px 12px;margin-bottom:11px;background:var(--surface-2)}.ashd{display:flex;align-items:center;gap:10px;margin-bottom:9px}.secname{font-weight:650;min-width:180px;flex:1;background:var(--surface)!important}.aq{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line)}.qlabel{flex:1;min-width:180px;background:var(--surface)!important}.qtype{background:var(--surface)!important}.qnum{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.qnum .tiny{font-size:11px;color:var(--ink-3);font-weight:650}.qnum .chk{display:inline-flex;align-items:center;gap:4px}.sm-btn{height:30px;padding:0 11px;margin-top:9px;font-size:12.5px}.atable{display:grid;gap:7px}.urow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;flex-wrap:wrap}.urow.off{opacity:.6}.uemail{flex:1;min-width:170px;font-size:13.5px;font-weight:600}.chips{display:flex;gap:8px;flex-wrap:wrap}.staffchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 6px 5px 12px;font-size:12.5px;font-weight:600}.staffchip button{border:none;background:var(--surface-3);width:20px;height:20px;border-radius:50%;cursor:pointer;color:var(--ink-2);font-size:11px}.netpill{font-size:11.5px;font-weight:700;border-radius:999px;padding:5px 10px;border:1px solid;white-space:nowrap}.netpill.off{background:var(--surface-3);color:var(--ink-2);border-color:var(--line-2)}.netpill.sync{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.netpill.pend{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}.calbar{display:flex;align-items:center;justify-content:center;gap:14px;margin:2px 0 12px}.calmonth{font-size:16px;font-weight:700;letter-spacing:-.01em;min-width:170px;text-align:center}.navbtn{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;border-radius:9px;font-size:18px;cursor:pointer;color:var(--ink);line-height:1}.navbtn:hover{border-color:var(--accent);color:var(--accent)}.cal{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 6px 18px #12212e0d}.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-dow span{text-align:center;font-size:10.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-week:last-child{margin-bottom:0}.cell{position:relative;min-height:48px;border:1px solid var(--line);background:var(--surface-2);border-radius:8px;cursor:pointer;padding:5px 6px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:4px}.cell:hover{border-color:var(--line-2)}.cell .dnum{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1}.cell.out{opacity:.4}.cell.out .dnum{color:var(--ink-3)}.cell.today{outline:2px solid var(--accent);outline-offset:-2px}.cell.good{background:var(--good-bg);border-color:#bfe3cc}.cell.anomaly{background:var(--warn-bg);border-color:var(--warn-line)}.cell.overdue{background:var(--crit-bg);border-color:#f3bcc4}.cell.todo{background:var(--surface-2);border-style:dashed}.cell .badges{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;margin-top:auto}.cell .b{font-size:10px;font-weight:500;border-radius:6px;padding:1px 5px;line-height:1.5}.cell .b.anom{background:var(--warn);color:#fff}.cell .b.todo{background:var(--ink-3);color:#fff;min-width:16px;text-align:center}.cell.overdue .b.todo{background:var(--crit)}.legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-size:12px;color:var(--ink-2);font-weight:600}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:12px;height:12px;border-radius:4px;border:1px solid}.legend .sw.good{background:var(--good-bg);border-color:#bfe3cc}.legend .sw.anomaly{background:var(--warn-bg);border-color:var(--warn-line)}.legend .sw.overdue{background:var(--crit-bg);border-color:#f3bcc4}.legend .sw.todo{background:var(--surface-2);border-style:dashed;border-color:var(--line-2)}.siteselect{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:34px;padding:0 10px;font-size:13px;font-weight:650;color:var(--ink);font-family:inherit;max-width:200px;cursor:pointer}.siteselect:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.seg button:disabled,.stepper button:disabled,.bigseg button:disabled{opacity:.5;cursor:default}.stepper input:read-only{background:var(--surface-2);color:var(--ink-2)}.youtag{font-size:11px;font-weight:600;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.stripe.overdue{background:var(--crit)}.stripe.todo{background:var(--ink-3)}.dopen{margin-top:9px;border:1px solid var(--accent);background:var(--accent-bg);color:var(--accent);border-radius:8px;height:32px;padding:0 12px;font-size:12.5px;font-weight:700;cursor:pointer}.dopen:hover{background:var(--accent);color:#fff}.drow{width:100%;font-family:inherit;color:inherit;text-align:left;cursor:default}.drow.clickable{cursor:pointer}.drow.clickable:hover{border-color:var(--accent);background:var(--accent-bg)}.drow .chev{color:var(--accent);font-weight:800;margin-left:5px}.brandbtn{border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.brandbtn:hover .dot{background:var(--accent-2)}.notelog{padding:10px 15px 2px;display:flex;flex-direction:column;gap:9px}.noteitem{border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 8px 8px 0;padding:7px 11px}.notemeta{font-size:11px;color:var(--ink-3);font-weight:700;letter-spacing:.02em}.notetext{font-size:13.5px;color:var(--ink);white-space:pre-wrap;margin-top:3px}.stripe.prog{background:var(--accent)}.status.prog{background:var(--accent-bg);color:var(--accent)}.cardprog{display:block;height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:8px;max-width:220px}.cardprog i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .25s}.pwabar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--accent);color:#fff;font-size:13.5px;font-weight:600}.pwabar.update{background:var(--ink)}.pwabar-mark{width:22px;height:22px;border-radius:6px;background:#ffffff2e;display:grid;place-items:center;font-size:13px;flex:none}.pwabar-txt{flex:1;min-width:0}.pwabar-btn{border:none;background:#fff;color:var(--accent);border-radius:8px;height:30px;padding:0 14px;font-size:13px;font-weight:700;cursor:pointer;flex:none}.pwabar.update .pwabar-btn{color:var(--ink)}.pwabar-x{border:none;background:transparent;color:#ffffffd9;font-size:14px;cursor:pointer;flex:none;padding:4px 6px}.pwabar-x:hover{color:#fff}button.netpill{font-family:inherit;cursor:pointer}button.netpill.pend:hover{filter:brightness(.96)}.tabstrip{display:flex;align-items:flex-end;gap:10px}.tabstrip .tabs{flex:1}.verpill{margin:0 0 6px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-size:11.5px;font-weight:650;padding:4px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}.verpill:hover{color:var(--accent);border-color:var(--accent)}.verlink{display:block;margin:14px auto 0;background:none;border:0;color:var(--ink-2);opacity:.75;font:inherit;font-size:12px;cursor:pointer}.verlink:hover{opacity:1;color:var(--accent)}.about{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(320px,100vw - 40px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 24px 22px;box-shadow:0 20px 50px #12212e40;text-align:center}.about .x{position:absolute;right:12px;top:12px;border:0;background:none;color:var(--ink-2);font-size:16px;cursor:pointer;line-height:1}.about-logo{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:28px}.about-name{font-weight:800;font-size:19px;letter-spacing:-.01em}.about-ver{color:var(--accent);font-weight:700;font-size:14px;margin-top:2px}.about-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-2);font-size:12.5px}.menuwrap{position:relative;display:flex;align-items:center}.burger{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;line-height:1;border-radius:10px;cursor:pointer;display:grid;place-items:center}.burger:hover{border-color:var(--accent);color:var(--accent)}.menuscrim{position:fixed;inset:0;z-index:40;background:transparent}.menu{position:absolute;right:0;top:46px;z-index:50;min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #12212e2e;padding:6px;display:flex;flex-direction:column}.menu-head{padding:8px 10px 6px;font-size:12px;color:var(--ink-2);word-break:break-all;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-item{text-align:left;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);padding:10px;border-radius:8px;cursor:pointer}.menu-item:hover{background:var(--bg)}.menu-item.danger{color:#b4232a}.menu-item.danger:hover{background:#fdecec}.menu-sep{height:1px;background:var(--line);margin:4px 0}.menu-foot{padding:6px 10px 4px;font-size:11px;color:var(--ink-2);text-align:right}
