:root{--serif:Georgia, "Times New Roman", serif;--sans:Avenir, "Avenir Next", "Gill Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--sans);color:#f2eee5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#09090b}body{background:#09090b;min-width:320px;min-height:100vh;margin:0}::selection{color:#17120a;background:#f4b860}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #fff2c6}.grain{pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.login-shell,.pair-shell,.loading{place-items:center;min-height:100vh;padding:40px;display:grid;position:relative;overflow:hidden}.login-shell:before,.pair-shell:before{content:"";border:1px solid #26231e;border-radius:50%;width:720px;height:720px;position:absolute;top:-320px;left:-240px;box-shadow:0 0 0 120px #f4b86006,0 0 0 240px #f4b86004}.login-card,.pair-card{background:#121214eb;border:1px solid #2a2927;width:min(590px,100%);padding:56px;position:relative;box-shadow:0 40px 100px #00000073}.brand-mark{border:1px solid #6f5935;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:36px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:#f4b860;position:absolute}.brand-mark:before{width:2px;height:28px;transform:rotate(45deg)}.brand-mark:after{width:28px;height:2px;transform:rotate(45deg)}.brand-mark span{z-index:1;background:#101012;border:1px solid #f4b860;border-radius:50%;width:8px;height:8px}.brand-mark.small{flex:none;width:38px;height:38px;margin:0}.brand-mark.small:before{height:21px}.brand-mark.small:after{width:21px}.brand-mark.small span{width:6px;height:6px}.eyebrow{color:#c69c5a;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.login-card h1,.pair-card h1{font-family:var(--serif);letter-spacing:-.04em;margin:17px 0 20px;font-size:clamp(42px,7vw,68px);font-weight:400;line-height:.98}.lede{color:#aaa49a;max-width:46ch;line-height:1.7}.login-card form{margin-top:38px}label{color:#c8c2b7;letter-spacing:.05em;font-size:12px}textarea,input{color:#f5f1e8;background:#0d0d0f;border:1px solid #34322f;outline:none;width:100%;padding:15px 16px}textarea:focus,input:focus{border-color:#b78a49;box-shadow:0 0 0 3px #f4b86014}.login-card textarea{resize:vertical;margin:9px 0 14px;line-height:1.6}.primary,.ghost,.danger{letter-spacing:.02em;border:0;padding:13px 18px}.primary{color:#17120a;background:#f4b860;font-weight:800}.primary:hover{background:#ffcc79}.primary:disabled,.ghost:disabled,.danger:disabled,.switch:disabled,.text-button:disabled{opacity:.42;cursor:not-allowed}.login-card .primary{width:100%;margin-top:5px}.field-help{color:#817c73;margin:-7px 0 12px;font-size:11px}.text-button{color:#c69c5a;text-underline-offset:3px;background:0 0;border:0;margin:17px auto 0;padding:5px;text-decoration:underline;display:block}.quiet{color:#817c73;text-align:center;margin:28px 0 0;font-size:11px}.form-error,.banner-error{color:#ff8f82;font-size:13px}.banner-error{background:#251312;border:1px solid #6d302d;padding:12px 14px}.safe-banner{color:#e8c98e;background:#211a10;border:1px solid #6f5935;padding:12px 14px;font-size:13px}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{background:#0c0c0e;border-right:1px solid #262522;flex-direction:column;height:100vh;padding:30px 24px;display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:13px;display:flex}.wordmark strong{font-family:var(--serif);font-size:21px;font-weight:500;display:block}.wordmark small{color:#77736c;text-transform:uppercase;letter-spacing:.12em;font-size:10px}aside nav{gap:4px;margin-top:70px;display:grid}aside nav button{color:#77736d;text-align:left;background:0 0;border:0;border-left:1px solid #0000;align-items:center;gap:16px;padding:13px 10px;display:flex}aside nav button span{color:#4f4c47;font-family:var(--mono);font-size:9px}aside nav button.active,aside nav button:hover{color:#f2eee5;background:linear-gradient(90deg,#f4b86014,#0000);border-left-color:#f4b860}.aside-foot{color:#a8a198;margin-top:auto;font-size:11px}.aside-foot small{color:#55524d;margin:7px 0 0 16px;display:block}.live-dot{background:#72b98d;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #72b98d}.dashboard{width:100%;max-width:1600px;margin:0 auto;padding:44px clamp(28px,5vw,76px) 70px}.dashboard>header{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.dashboard>header h1{font-family:var(--serif);letter-spacing:-.035em;margin:8px 0 0;font-size:48px;font-weight:400}.ghost{color:#bbb5aa;background:0 0;border:1px solid #34322f}.ghost:hover:not(:disabled){color:#f5f1e8;border-color:#81745f}.hero-panel{background:radial-gradient(circle at 82% 45%,#f4b8601f,#0000 24%),linear-gradient(110deg,#171619,#101012);border:1px solid #2b2925;justify-content:space-between;align-items:center;min-height:295px;padding:48px;display:flex;overflow:hidden}.hero-panel h2{font-family:var(--serif);max-width:700px;margin:15px 0;font-size:clamp(35px,5vw,58px);font-weight:400;line-height:1.04}.hero-panel>div>p:last-child{color:#8d8982;max-width:65ch;line-height:1.6}.projector-orbit{text-align:center;border:1px solid #4d412e;border-radius:50%;flex:none;place-content:center;width:170px;height:170px;margin-left:35px;display:grid;box-shadow:0 0 0 22px #f4b86006,inset 0 0 50px #f4b86012}.projector-orbit span{font-family:var(--serif);font-size:46px}.projector-orbit small{color:#7e766a;text-transform:uppercase;letter-spacing:.16em}.metrics{border:1px solid #292825;border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.metrics article{border-right:1px solid #292825;padding:28px 30px}.metrics article:last-child{border:0}.metrics small{color:#77736c;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.metrics strong{font-family:var(--serif);margin:7px 0 3px;font-size:36px;font-weight:400;display:block}.metrics p{color:#5f5b55;margin:0;font-size:12px}.split,.content-grid{grid-template-columns:1.45fr 1fr;gap:20px;margin-top:20px;display:grid}.panel{background:#111113;border:1px solid #292825;padding:28px}.panel.wide{min-width:0}.panel-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.panel-head h3,.panel h3{font-family:var(--serif);margin:0;font-size:24px;font-weight:500}.panel-head span{color:#625e57;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.source-row{border-top:1px solid #23221f;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.source-row strong,.source-row small{display:block}.source-row strong{font-size:13px}.source-row small,.source-row time{color:#66625c;font-size:10px}.status{background:#6fbb8a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #6fbb8a8c}.status.bad{box-shadow:none;background:#cb695f}.note{background:linear-gradient(145deg,#f4b8600f,#111113 55%)}.note blockquote{font-family:var(--serif);margin:25px 0;font-size:33px;line-height:1.15}.note>p:last-child{color:#77726a;font-size:12px;line-height:1.65}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.profile-card{background:#0d0d0f;border:1px solid #292825;padding:20px}.profile-card strong,.profile-card small{display:block}.profile-card small{color:#817c73;margin-top:5px;font-size:10px}.avatar{width:52px;height:52px;font-family:var(--serif);color:#17120b;border-radius:50%;place-items:center;margin-bottom:25px;font-size:24px;display:grid}.tone-0{background:#e1b66e}.tone-1{background:#8cb8ad}.tone-2{background:#c38d83}.tone-3{background:#aca2cc}.compact-form{gap:16px;margin-top:26px;display:grid}.compact-form label{gap:8px;display:grid}.pin-form{border-top:1px solid #292825;gap:8px;margin-top:22px;padding-top:17px;display:grid}.pin-form input{padding:10px 11px}.pin-form .form-error{margin:0}.profile-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.profile-actions .ghost{padding:8px 10px;font-size:11px}.profile-actions .text-button{margin:0;font-size:10px}.danger-text{color:#df8177}.source-table{overflow:auto}.table-head,.table-row{grid-template-columns:1.1fr 1fr 1fr .75fr .6fr 60px;align-items:center;gap:14px;min-width:820px;padding:14px 6px;display:grid}.table-head{color:#817c73;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.table-row{color:#aaa49b;border-top:1px solid #242320;font-size:12px}.table-row strong{color:#eee9df}.table-row .status{margin-right:9px}.switch{background:#34322f;border:0;border-radius:20px;width:39px;height:21px;padding:3px}.switch i{background:#8c867e;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.switch[aria-pressed=true]{background:#6f5834}.switch[aria-pressed=true] i{background:#f4b860;transform:translate(18px)}.appearance-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.swatches{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.swatches label{text-transform:capitalize;border:1px solid #2b2926;justify-content:space-between;align-items:center;padding:12px;display:flex}.swatches input{border:0;width:35px;height:26px;padding:0}.range{grid-template-columns:auto 1fr 42px;align-items:center;gap:14px;margin-top:22px;display:grid}.range input{padding:0}.range output{color:#938e86}.theme-preview{border:1px solid #292825;flex-direction:column;justify-content:end;min-height:350px;padding:42px;display:flex}.theme-preview>p{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.theme-preview h2{font-family:var(--serif);margin:8px 0 25px;font-size:42px;font-weight:400}.preview-card{border:2px solid;justify-content:space-between;padding:18px;display:flex}.css-editor{grid-column:1/-1}.css-editor textarea{resize:vertical;min-height:210px;font-family:var(--mono);margin-top:8px;font-size:12px;line-height:1.55}.safe-link{color:#d5aa67;text-underline-offset:3px;font-size:11px}.operation-message{color:#bbb5aa;min-height:1.3em;font-size:12px}.button-row{justify-content:end;gap:10px;margin-top:14px;display:flex}.device-list article{border-top:1px solid #25231f;grid-template-columns:54px 1fr auto auto;align-items:center;gap:16px;padding:18px 0;display:grid}.device-list strong,.device-list small{display:block}.device-list small{color:#66625b;margin-top:5px;font-size:10px}.device-icon{border:1px solid #393630;place-items:center;width:48px;height:38px;display:grid}.tv-glyph{color:#bda170;border:1px solid;width:26px;height:17px;position:relative}.tv-glyph:after{content:"";background:currentColor;width:8px;height:1px;position:absolute;bottom:-5px;left:8px}.pill{color:#71b88a;text-transform:uppercase;letter-spacing:.1em;border:1px solid #294837;padding:5px 8px;font-size:9px}.pill.revoked{color:#8c8780;border-color:#3b3935}.danger{color:#df8177;background:0 0;border:1px solid #5c302d;padding:8px 12px}.pair-card{text-align:center}.pair-card .eyebrow{text-align:left}.pair-card .device-portrait{background:#0b0b0d;border:1px solid #4a443a;place-items:center;width:120px;height:92px;margin:35px auto 20px;display:grid}.pair-card .device-portrait .tv-glyph{width:65px;height:42px}.pair-card h2{font-family:var(--serif);margin:15px 0 6px;font-size:31px}.pair-card>p:not(.eyebrow){color:#918b83}.pair-card .primary{margin-top:25px}.key-id{font-family:var(--mono)}.loading{color:#8f8a81;align-content:center;gap:15px}.loading .brand-mark{margin:0 auto}@media (width<=980px){.app-shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;height:auto;padding:18px 22px;position:static;overflow:auto}aside nav{margin:0 0 0 40px;display:flex}aside nav button{white-space:nowrap}.aside-foot{display:none}.dashboard{padding-top:30px}.split,.content-grid,.appearance-grid{grid-template-columns:1fr}.css-editor{grid-column:auto}}@media (width<=680px){.login-shell,.pair-shell{padding:16px}.login-card,.pair-card{padding:32px 24px}.wordmark small,aside nav button span{display:none}aside nav{margin-left:18px}aside nav button{padding:10px 8px;font-size:12px}.dashboard{padding:25px 17px 50px}.dashboard>header{align-items:start}.dashboard>header h1{font-size:38px}.dashboard>header .ghost{display:none}.hero-panel{padding:30px}.projector-orbit{display:none}.metrics{grid-template-columns:1fr}.metrics article{border-bottom:1px solid #292825;border-right:0}.swatches{grid-template-columns:1fr}.button-row{flex-wrap:wrap}.device-list article{grid-template-columns:45px 1fr}.device-list .pill,.device-list .danger{grid-column:2;width:fit-content}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}