:root{color-scheme:light dark;--bg:#0e1116;--panel:#1a1f29;--br:#2a3140;--accent:#5b8def;--bad:#e05b5b;--ok:#43c478;--dim:#6c7a8e;--text:#e6ebf5}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--br);background:var(--panel)}header .brand{font-weight:700;letter-spacing:.5px}header .spacer{flex:1}header .user{color:var(--dim);font-size:14px}main{padding:24px;max-width:1200px;width:100%;margin:0 auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);border:1px solid var(--br);border-radius:12px;padding:24px;width:100%;max-width:360px}.card h1{margin:0 0 16px;font-size:20px}.card label{display:block;margin:12px 0 6px;font-size:13px;color:var(--dim)}.card input{width:100%;padding:10px 12px;background:#0e1116;color:var(--text);border:1px solid var(--br);border-radius:8px;outline:none}.card input:focus{border-color:var(--accent)}.card button{width:100%;margin-top:18px;padding:10px 12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.card button:disabled{opacity:.6;cursor:wait}.btn-ghost{background:transparent;border:1px solid var(--br);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}.error{color:var(--bad);margin:12px 0 0;font-size:13px}.sips-page h2{margin-top:0}table.sips{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--br);border-radius:12px;overflow:hidden}table.sips th,table.sips td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--br);font-size:14px}table.sips thead{background:#ffffff08}table.sips tbody tr:last-child td{border-bottom:none}code.copyable{cursor:pointer;background:#ffffff0f;padding:2px 6px;border-radius:4px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;margin-right:4px}.badge.ok{background:#43c47826;color:var(--ok)}.badge.bad{background:#e05b5b26;color:var(--bad)}.badge.dim{background:#6c7a8e26;color:var(--dim)}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.page-head h2{margin:0}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-secondary{padding:8px 14px;background:transparent;color:var(--text);border:1px solid var(--br);border-radius:8px;cursor:pointer;font-weight:500;font-size:14px}.btn-secondary:hover{background:#ffffff0a;border-color:var(--accent)}.all-block{background:var(--panel);border:1px solid var(--br);border-radius:12px;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin-bottom:14px}.sips-list{display:flex;flex-direction:column;gap:10px}.sip-card{background:var(--panel);border:1px solid var(--br);border-radius:12px;overflow:hidden}.sip-card.open{border-color:#5b8def99}.sip-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.sip-head:hover{background:#ffffff05}.sip-head .login{display:flex;align-items:center;gap:8px}.sip-head .login code{font-size:15px;font-weight:600}.sip-head .muted{color:var(--dim);font-size:13px}.sip-head .chevron{display:inline-block;min-width:14px;text-align:center;color:var(--dim);margin-left:6px}.sip-body{padding:14px 16px 16px;border-top:1px solid var(--br);display:flex;flex-direction:column;gap:14px}.sip-body .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 16px}.sip-body label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px}.sip-body .row{display:flex;align-items:center;gap:8px}.sip-body .row.inline{display:flex;gap:8px}.sip-body .row.inline input{flex:1;padding:8px 10px;background:#0e1116;color:var(--text);border:1px solid var(--br);border-radius:8px;outline:none}.sip-body .row.inline input:focus{border-color:var(--accent)}.sip-body .actions{display:flex;flex-wrap:wrap;gap:8px}.sip-body button{padding:8px 14px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px}.sip-body button:disabled{opacity:.6;cursor:wait}.sip-body .result{background:#ffffff0a;padding:10px 12px;border-radius:8px;white-space:pre-wrap;font-size:13px}.sip-body .block{border-top:1px dashed var(--br);padding-top:12px;display:flex;flex-direction:column;gap:8px}.sip-body .block-title{font-size:13px;color:var(--dim)}.sip-body textarea{width:100%;padding:8px 10px;background:#0e1116;color:var(--text);border:1px solid var(--br);border-radius:8px;outline:none;font-family:inherit;font-size:13px;resize:vertical}.sip-body textarea:focus{border-color:var(--accent)}.sip-body button.full{width:100%;padding:12px;font-size:15px}.sip-body button:disabled{background:#5b8def4d;cursor:not-allowed}.sip-body .muted-hint{font-size:12px;color:var(--dim);margin-top:4px}