:root{color:#20201d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20201d;--muted:#6f6c63;--line:#dedbd2;--surface:#fffefa;--surface-soft:#f7f5ef;--amber:#d8782d;--amber-dark:#ad561a;--green:#3e8a62;background:#f4f2ec;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #d8782d3b}.brand{color:#22211e;letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;font-weight:720;display:inline-flex}.brand--light{color:#f7f3e9}.brand__logo{width:144px;height:32px;display:block}.login-shell{background:var(--surface);grid-template-columns:minmax(440px,46%) minmax(0,54%);min-height:100vh;display:grid}.login-panel{justify-content:center;padding:clamp(28px,5vw,76px);display:flex;overflow-y:auto}.login-panel__inner{flex-direction:column;width:min(100%,430px);min-height:calc(100vh - clamp(56px,10vw,152px));display:flex}.login-copy{margin-top:auto;padding-top:72px}.eyebrow{color:var(--amber-dark);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750}.login-copy h1,.welcome-row h1,.device-card h1,.error-screen h1{letter-spacing:-.045em;color:var(--ink);margin:13px 0 14px;line-height:1.07}.login-copy h1{max-width:410px;font-size:clamp(36px,4vw,52px)}.login-copy p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.login-actions{gap:10px;margin-top:34px;display:grid}.auth-button{color:#25241f;background:#fff;border:1px solid #d8d5cc;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:50px;padding:0 14px;font-weight:650;display:grid;box-shadow:0 1px #1414100a}.auth-button:not(:disabled):hover{cursor:pointer;background:#fcfbf7;border-color:#bcb8ae}.auth-button:disabled{color:#4e4c46;cursor:default}.google-mark{color:#4285f4;place-items:center;width:19px;height:19px;font-size:15px;font-weight:800;display:grid}.soon-badge{color:#79766e;letter-spacing:.04em;text-transform:uppercase;background:#eeece6;border-radius:999px;justify-self:end;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:750;display:inline-flex}.divider{color:#969187;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:12px;margin:22px 0 16px;font-size:11px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:#e4e1d9;flex:1;height:1px}.dev-login label,.device-form label{color:#5e5b53;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field-row{grid-template-columns:1fr 48px;gap:8px;display:grid}input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d8d5cc;border-radius:11px;padding:0 14px;transition:border-color .16s,box-shadow .16s}input:hover{border-color:#bbb6aa}input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #d8782d1c}.primary-button,.secondary-button,.danger-button,.icon-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:680;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.primary-button{background:var(--ink);color:#fff;min-height:44px;padding:0 17px;box-shadow:0 7px 18px #1c1b1721}.primary-button:not(:disabled):hover{cursor:pointer;background:#050504;transform:translateY(-1px)}.primary-button--square{width:48px;height:48px;min-height:48px;padding:0}.secondary-button{color:#4a4842;background:#fff;border-color:#dcd8ce;min-height:38px;padding:0 13px}.secondary-button:not(:disabled):hover{cursor:pointer;background:#faf9f5;border-color:#bdb8ad}.secondary-button--quiet{background:0 0}.secondary-button:disabled,.danger-button:disabled,.icon-button:disabled{opacity:.62;cursor:default}.danger-button{color:#a6463e;background:#fff9f7;border-color:#edd8d3;min-height:38px;padding:0 12px}.inline-error{color:#ad453d;align-items:flex-start;gap:7px;margin:9px 0 0;font-size:12px;line-height:1.4;display:flex}.inline-error svg{flex:none;margin-top:1px}.legal-copy{color:#99958c;margin:auto 0 0;padding-top:40px;font-size:11px;line-height:1.55}.login-visual{color:#f6f2e9;background:#141513;min-height:100vh;position:relative;overflow:hidden}.login-visual>img{object-fit:cover;object-position:58% center;width:100%;height:100%;position:absolute;inset:0}.login-visual__veil{background:linear-gradient(#06080826 5%,#0808071f 42%,#080807e0 100%),linear-gradient(90deg,#0a0a0921,#0000 45%);position:absolute;inset:0}.login-visual__top,.login-visual__content{z-index:1;position:absolute;left:clamp(34px,5vw,78px);right:clamp(34px,5vw,78px)}.login-visual__top{display:none;top:34px}.login-visual__content{max-width:610px;bottom:clamp(40px,7vw,90px)}.visual-kicker{color:#f1af6c;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:750;display:inline-flex}.login-visual__content h2{letter-spacing:-.045em;margin:0;font-size:clamp(31px,3.4vw,50px);font-weight:650;line-height:1.08}.login-visual__content>p{color:#f5f1e8ad;max-width:540px;margin:18px 0 25px;font-size:15px;line-height:1.6}.visual-statuses{flex-wrap:wrap;gap:9px;display:flex}.visual-statuses>span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffc2;background:#1414127a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 11px;font-size:11px;display:inline-flex}.status-dot{background:#a09d95;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #a09d951f}.status-dot--online,.host-state--online .status-dot{background:#55ad7b;box-shadow:0 0 0 3px #55ad7b26}.center-screen{text-align:center;background:var(--surface-soft);min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex}.center-screen>p{margin:0}.error-screen h1{margin-bottom:0;font-size:30px}.error-screen>p{max-width:460px;margin-bottom:10px}.error-mark{color:#a6463e;background:#f6e4df;border-radius:15px;place-items:center;width:48px;height:48px;margin-top:18px;display:grid}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.account-shell{background:#f5f3ed;min-height:100vh}.account-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#fffefae8;border-bottom:1px solid #e1ded5;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.account-header__actions{align-items:center;gap:9px;display:flex}.user-chip{color:#68655e;align-items:center;gap:8px;font-size:12px;display:flex}.user-chip>span{color:#98531e;background:#eee4d8;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.account-main{width:min(1080px,100% - 40px);margin:0 auto;padding:64px 0 34px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.welcome-row h1{margin-bottom:10px;font-size:clamp(34px,5vw,48px)}.welcome-row p{color:var(--muted);margin:0}.stat-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin:32px 0 18px;display:grid}.stat-grid article{border:1px solid var(--line);background:#fffefad1;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:108px;padding:19px 20px;display:flex;position:relative;box-shadow:0 10px 30px #25221909}.stat-grid article>span:first-child{color:#747168;font-size:12px;font-weight:650}.stat-grid article>strong{color:var(--ink);letter-spacing:-.04em;font-size:31px;line-height:1}.stat-grid article>svg,.stat-grid article>.status-dot{color:#a29c90;position:absolute;top:18px;right:18px}.content-card{border:1px solid var(--line);background:#fffefae6;border-radius:17px;margin-top:14px;padding:24px;box-shadow:0 14px 34px #25221909}.section-heading{justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.section-heading h2{color:var(--ink);letter-spacing:-.025em;margin:0 0 5px;font-size:19px}.section-heading p{color:var(--muted);margin:0;font-size:12px}.host-list{border-top:1px solid #e7e4dc}.host-card{border-bottom:1px solid #ebe8e0;grid-template-columns:43px 1fr 34px;align-items:center;gap:13px;min-height:82px;display:grid}.host-card:last-child{border-bottom:0}.host-icon{color:#555149;background:#eeece5;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.host-heading{align-items:center;gap:11px;display:flex}.host-heading h3{color:#292823;margin:0;font-size:14px}.host-state{color:#89857d;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.host-state--online{color:var(--green)}.host-meta{color:#858178;gap:18px;margin-top:7px;font-size:11px;display:flex}.host-meta span{align-items:center;gap:6px;display:inline-flex}.icon-button{color:#79766e;background:0 0;width:32px;height:32px;padding:0}.empty-state{text-align:center;border-top:1px solid #e7e4dc;padding:36px 20px 30px}.empty-state__icon{color:#67635b;background:#efede7;border-radius:17px;place-items:center;width:55px;height:55px;margin:0 auto 14px;display:grid}.empty-state h3{margin:0 0 7px;font-size:16px}.empty-state p{max-width:470px;color:var(--muted);margin:0 auto 18px;font-size:12px;line-height:1.55}.account-since{color:#908c83;font-size:11px}.settings-card{margin-top:14px}.settings-list{border-top:1px solid #e7e4dc}.setting-row{border-bottom:1px solid #ebe8e0;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;min-height:78px;display:grid}.setting-row:last-child{border-bottom:0}.setting-icon{color:#625f58;background:#f0eee8;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.setting-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.setting-copy strong{color:#34332e;font-size:13px}.setting-copy span{color:#858178;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.setting-row--danger{border-top:1px solid #ebe8e0;margin-top:8px}.setting-row--danger .setting-icon{color:#a84c43;background:#fbebe7}.account-footer{color:#918d84;justify-content:center;align-items:center;gap:7px;padding:22px 0 0;font-size:11px;display:flex}.device-page{background:radial-gradient(circle at 50% 20%,#fff9ee 0,#f4f2ec 42%,#ece9e1 100%);place-items:center;min-height:100vh;padding:30px;display:grid}.device-card{background:#fffefaeb;border:1px solid #dedbd1;border-radius:22px;width:min(100%,470px);padding:28px;box-shadow:0 24px 70px #231f161a}.device-form,.device-result{text-align:center;flex-direction:column;align-items:stretch;margin-top:45px;display:flex}.device-form h1,.device-result h1{margin:10px 0;font-size:32px}.device-form>p,.device-result>p{color:var(--muted);margin:0 auto 25px;font-size:13px;line-height:1.6}.device-form label{text-align:left}.device-illustration{color:#4e4b45;justify-content:center;align-items:center;gap:15px;height:58px;margin-bottom:24px;display:flex}.device-illustration>span{background:linear-gradient(90deg, #c1b9aa, var(--amber), #c1b9aa);width:60px;height:1px}.code-input{text-align:center;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px;font-weight:760}.device-form .primary-button{margin-top:5px}.success-mark{color:#347b55;background:#e1f2e7;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 22px;display:grid}@media (width<=860px){.login-shell{grid-template-columns:1fr}.login-panel{min-height:100vh}.login-visual{min-height:620px}.login-visual__top{display:block}.stat-grid{grid-template-columns:1fr}}@media (width<=600px){.login-panel{padding:24px}.login-panel__inner{min-height:calc(100vh - 48px)}.login-copy{padding-top:52px}.login-copy h1{font-size:36px}.account-header{height:auto;min-height:66px;padding:14px 18px}.user-chip{display:none}.account-main{width:min(100% - 24px,1080px);padding-top:40px}.welcome-row{flex-direction:column;align-items:flex-start}.welcome-row h1{font-size:36px}.content-card{padding:18px}.section-heading{flex-direction:column;align-items:flex-start}.host-meta{flex-direction:column;align-items:flex-start;gap:5px}.host-card{min-height:105px}.setting-row{grid-template-columns:36px 1fr;padding:13px 0}.setting-row>button{grid-column:2;justify-self:start}.setting-copy span{white-space:normal}.account-since{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}