:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--line: #2a2f3a;--text: #e6e9ef;--muted: #99a1b3;--accent: #25d366;--accent-dim: #1c9c4b;--danger: #ef5350;--warn: #ffb74d;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}button{font:inherit;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff}button.danger{color:var(--danger)}button.link{padding:0;border:none;background:none;color:var(--accent);font-size:inherit;text-decoration:underline}input,select{font:inherit;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:18px 12px}.brand{font-weight:700;padding:0 10px 16px;letter-spacing:-.2px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{text-align:left;background:none;border:none;padding:9px 10px;color:var(--muted)}.nav button.active{background:var(--panel-2);color:var(--text)}.main{padding:26px 30px;max-width:1100px}h1{font-size:21px;margin:0 0 4px}h2{font-size:16px;margin:26px 0 10px}.sub{color:var(--muted);margin:0 0 20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--muted);font-size:13px}.muted.warn{color:var(--warn)}.blocked .list label{cursor:default;justify-content:space-between}.pill{font-size:12px;padding:2px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}.pill.open{color:var(--accent);border-color:var(--accent-dim)}.pill.error{color:var(--danger);border-color:var(--danger)}.pill.warn{color:var(--warn);border-color:var(--warn)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.thumb{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#000}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:5px;right:5px;padding:2px 7px;font-size:12px;background:#000000b3}.qr{background:#fff;padding:16px;border-radius:var(--radius);display:inline-block}.qr img{display:block;image-rendering:pixelated}.list{max-height:380px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius)}.list label{display:flex;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line);cursor:pointer}.list label:last-child{border-bottom:none}.list label:hover{background:var(--panel-2)}.err{color:var(--danger);background:#ef53501a;border:1px solid var(--danger);padding:10px 12px;border-radius:var(--radius);margin-bottom:14px}.ok{color:var(--accent)}.bar{height:6px;background:var(--panel-2);border-radius:99px;overflow:hidden}.bar>div{height:100%;background:var(--accent);transition:width .3s}.log{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);max-height:200px;overflow-y:auto;white-space:pre-wrap}.center{min-height:100vh;display:grid;place-items:center}.center .card{width:380px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);padding:10px 12px;position:sticky;top:0;z-index:10;background:var(--panel)}.brand{padding:0 0 8px;font-size:15px}.nav{flex-direction:row;gap:6px}.nav button{flex:1;text-align:center;padding:11px 8px;min-height:44px}.sidebar>div:last-child{margin-top:8px!important;padding:0!important}.main{padding:16px 14px 40px}h1{font-size:19px}.sub{margin-bottom:14px}.card{padding:13px}.row{gap:8px}.row>input,.row>select{flex:1 1 100%;min-width:0}.row>label[style]{width:auto!important}input,select,button{font-size:16px;min-height:44px}input[type=checkbox]{min-height:0;width:20px;height:20px}.spread{flex-direction:column;align-items:flex-start}.spread>.row{width:100%}.qr{padding:12px;width:100%;text-align:center}.qr img{width:100%;max-width:320px;height:auto;margin:0 auto}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.thumb button{min-height:32px;padding:4px 10px}.list{max-height:300px}.list label{padding:11px 12px;min-height:44px;align-items:center}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:420px}}@media(max-width:400px){.main{padding:14px 10px 40px}.nav button{padding:11px 4px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}@media(prefers-reduced-motion:reduce){.bar>div{transition:none}}.pair-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(28px,9vw,44px);font-weight:600;letter-spacing:.12em;padding:18px 20px;border-radius:12px;background:var(--panel, #f4f4f5);border:1px solid var(--line, #e4e4e7);text-align:center;-webkit-user-select:all;user-select:all}.pair-alt{margin-top:16px;padding-top:14px;border-top:1px solid var(--line, #e4e4e7)}pre.log{font-size:12px;line-height:1.5;overflow-x:auto;padding:10px;border-radius:8px;background:var(--panel, #f4f4f5);white-space:pre-wrap;word-break:break-word}