@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-color:#f9f6f1;--bg-surface:#fffdf9;--bg-surface-hover:#efe9dc;--text-primary:#111;--text-secondary:#666;--text-muted:#999;--border-color:#e6e0d4;--border-hover:#d2cabc;--sidebar-bg:#f9f6f1;--sidebar-border:#d2cabc;--nav-text:#211e1c;--nav-text-active:#211e1c;--nav-active:#e0dacc;--nav-hover:#efe9dc;--btn-bg:#111;--btn-text:#fff;--btn-hover:#222;--selection-bg:#e0e0e0;--selection-text:#000;--navbar-height:64px;--sidebar-width:280px}@media (prefers-color-scheme:dark){:root{--bg-color:#1a1a1a;--bg-surface:#222;--bg-surface-hover:#2a2a2a;--text-primary:#f0f0f0;--text-secondary:#999;--text-muted:#666;--border-color:#333;--border-hover:#555;--sidebar-bg:#1d1d1b;--sidebar-border:#34322e;--nav-text:#e6e3dc;--nav-text-active:#f5f3ee;--nav-active:#ffffff1a;--nav-hover:#ffffff0d;--btn-bg:#f0f0f0;--btn-text:#111;--btn-hover:#fff;--selection-bg:#444;--selection-text:#fff}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}::selection{background-color:var(--selection-bg);color:var(--selection-text)}.mono-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;transition:border-color .2s,background-color .2s}.mono-panel:hover{border-color:var(--border-hover)}.btn-primary{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-bg);letter-spacing:.3px;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);letter-spacing:.3px;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input{border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:0;outline:none;padding:12px 0;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-bottom-color:var(--text-primary)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 32px}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:400}h1{margin-bottom:16px;font-size:2.25rem;line-height:1.2}h2{margin-bottom:12px;font-size:1.5rem;line-height:1.3}.legal-content h2{letter-spacing:0;margin:30px 0 10px;font-size:18px;font-weight:700}.legal-content p{margin:0 0 14px}.legal-content ul{margin:0 0 14px 22px}.legal-content a{color:#bd4143}hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}.device-page{max-width:1000px;margin:0 auto;padding:64px 48px}.device-page-header{margin-bottom:32px}.device-page-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.device-tabs{border-bottom:1px solid var(--border-color);gap:24px;margin-bottom:32px;display:flex}.device-table{padding:0;overflow:hidden}.device-table-head,.device-table-row{grid-template-columns:minmax(0,2fr) minmax(96px,1.2fr) minmax(0,1.5fr) auto;align-items:center;display:grid}.device-table-head{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;font-size:.75rem;font-weight:600}.device-table-row{border-bottom:1px solid var(--border-color);gap:14px;padding:16px 20px}.device-table-row:last-child{border-bottom:none}.device-name-cell{align-items:center;gap:10px;min-width:0;font-weight:500;display:flex}.device-name-cell span{overflow-wrap:anywhere;min-width:0}.device-meta-cell{font-size:.875rem}.device-serial-cell{overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.device-unpair{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:.875rem;font-weight:500}@media (max-width:760px){.device-page{max-width:560px;padding:42px 20px 80px}.device-page-header{margin-bottom:26px}.device-page-hero{display:block}.device-page-hero h1{line-height:1.12;font-size:2.35rem!important}.device-page-hero .btn-primary{width:auto;min-width:164px;margin-top:18px}.device-tabs{justify-content:space-between;gap:0;margin-bottom:28px}.device-tabs button{text-align:center;flex:1;line-height:1.35;font-size:1.05rem!important}.device-table{background:0 0;border:none;border-radius:6px;overflow:visible}.device-table-head{display:none}.device-table-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;grid-template-columns:1fr auto;gap:8px 12px;margin-bottom:10px;padding:16px 14px}.device-name-cell{grid-column:1/3;align-items:flex-start;font-size:1.05rem;line-height:1.45}.device-meta-cell,.device-serial-cell{grid-column:1/2;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:8px;font-size:.82rem;line-height:1.45;display:grid}.device-meta-cell:before,.device-serial-cell:before{content:attr(data-label);color:var(--text-muted);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.device-serial-cell{font-size:.78rem}.device-unpair{border:1px solid var(--border-color);border-radius:6px;grid-area:2/2/4/3;align-self:center;padding:8px 10px}}@media (max-width:420px){.device-page{padding-left:14px;padding-right:14px}.device-tabs button{font-size:.98rem!important}.device-table-row{padding:15px 12px}}