:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101214;--panel:#191c1f;--line:#2b3035;--text:#eef0f2;--muted:#979fa8;--accent:#b8f3c5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;background:var(--accent);color:#18271d;border:1px solid #0000;border-radius:9px;min-height:44px;padding:10px 18px;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input{color:var(--text);border:1px solid var(--line);background:#101315;border-radius:8px;width:100%;min-height:44px;padding:12px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}label{color:var(--muted);gap:8px;margin:18px 0;font-size:13px;display:grid}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.2px;margin-bottom:12px;font-size:36px;line-height:1.15}h2{letter-spacing:-.4px;margin-bottom:0;font-size:20px}h3{font-size:16px}.muted,.hint{color:var(--muted)}.eyebrow,.aside-label{letter-spacing:1.8px;color:var(--muted);font-size:10px;font-weight:600}.mark{background:var(--accent);color:#16251b;border-radius:10px;place-items:center;width:36px;height:36px;font-size:23px;font-weight:800;display:inline-grid}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:236px;height:100vh;padding:32px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.brand small{letter-spacing:1.6px;color:var(--muted);margin-top:2px;font-size:9px;display:block}.aside-label{margin-top:60px;padding:0 12px}.nav-active{background:#252e29;border:1px solid #35443a;border-radius:9px;margin-top:12px;padding:12px}.nav-active span{float:right;color:var(--muted);font-size:12px}.aside-bottom{color:var(--muted);margin-top:auto;font-size:12px}.aside-bottom button{margin-top:16px;display:block}.workspace{flex:1;min-width:0;max-width:1500px;padding:44px 44px 24px}header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}header p:last-child{margin-bottom:0}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.stats>div{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px 24px}.stats small{letter-spacing:1.5px;color:var(--muted);font-size:10px}.stats strong{align-items:center;gap:15px;margin-top:6px;font-size:32px;font-weight:500;display:flex}.dot{background:var(--muted);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.stats .dot,.online .dot,.aside-bottom .dot{background:var(--accent)}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:24px;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.card-heading input{max-width:270px;font-size:13px}.card-heading .eyebrow{margin-bottom:5px}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:1.2px;color:var(--muted);border-top:1px solid var(--line);background:#15181b;padding:12px 24px;font-size:10px;font-weight:500}td{border-top:1px solid var(--line);color:#c1c7cd;padding:16px 24px;font-size:13px}tr.selected{background:#232d27}.device-select{text-align:left;color:var(--text);background:0 0;align-items:center;gap:12px;padding:0;font-size:14px;display:flex}.device-select small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.tablet-icon{width:35px;height:42px;color:var(--accent);border:1px solid #46524b;border-radius:8px;place-items:center;font-size:30px;display:grid}.badge{border:1px solid var(--line);white-space:nowrap;border-radius:20px;align-items:center;padding:4px 9px;font-size:11px;display:inline-flex}.badge.online{color:var(--accent);background:#25382c;border-color:#354f3d}.actions{flex-wrap:wrap;gap:8px;display:flex}.secondary{color:var(--text);background:#252a2f;border-color:#3a4147}.quiet{color:var(--muted);background:0 0;font-size:12px}.danger{color:#fff;background:#63352f}.hint{padding:0 24px;font-size:12px}.empty{text-align:center;padding:60px 24px}.empty p{color:var(--muted)}.banner{background:#26352d;border:1px solid #3b5245;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 18px;display:flex}.error{color:#ffc2b8}.banner.error{background:#3b2524;border-color:#5e3832}.viewer-toolbar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:0 24px;font-size:12px;display:flex}.toggle{align-items:center;gap:8px;display:flex}.viewer{background:#080909;justify-content:center;align-items:center;min-height:240px;padding:16px;display:flex}.viewer img{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.viewer p{color:var(--muted)}.text-entry{gap:12px;padding:16px 24px;display:flex}.files{border-top:1px solid var(--line);padding:20px 24px}.files h3 small{color:var(--muted);margin-left:10px;font-size:11px;font-weight:400}.file{color:var(--accent);border-color:var(--line);background:0 0;margin:12px 8px 0 0;display:inline-block}footer{color:var(--muted);margin-top:32px;font-size:11px}.login{place-items:center;min-height:100vh;display:grid}.login form{width:min(420px,90vw);padding:30px}.login .mark{margin-bottom:30px}.login h1{font-size:46px}.login button{width:100%;margin-top:12px}.modal-backdrop{z-index:10;background:#000a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:min(480px,100%);padding:32px}.modal h2{margin-bottom:12px}.modal code{color:var(--text);overflow-wrap:anywhere;font-size:15px}.pair-code{color:var(--accent);letter-spacing:3px;font:30px monospace}.modal>button{width:100%}@media (max-width:1000px){aside{width:185px}.workspace{padding:28px 20px}td,th{padding:12px}.card-heading{flex-wrap:wrap}}@media (max-width:700px){aside{display:none}header{align-items:flex-start}h1{font-size:28px}.stats{gap:8px}.stats>div{padding:14px}td:nth-child(4),th:nth-child(4){display:none}.viewer-toolbar{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}dialog.modal{color:var(--text)}dialog.modal::backdrop{background:#000a}