:root{--color-bg:#0b0d10;--color-surface:#15181c;--color-surface-2:#1c2026;--color-border:#2a2e34;--color-border-2:#3a3e44;--color-text:#e6e6e6;--color-text-dim:#9ca3af;--color-text-faint:#6b7280;--color-primary:#3b82f6;--color-primary-2:#2563eb;--color-success:#22c55e;--color-success-bg:#0f2419;--color-success-fg:#86efac;--color-warn:#fcd34d;--color-warn-bg:#3a2c14;--color-error:#fca5a5;--color-error-bg:#3a1414}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.app-container{max-width:880px;margin:0 auto;padding:24px 20px 48px}@media (max-width:640px){.app-container{padding:16px 14px 32px}}.app-container:has(.viewer-root){max-width:1800px}.app-nav{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:0 0 16px;display:flex}.app-nav-brand{color:var(--color-text);font-size:16px;font-weight:600;text-decoration:none}.app-nav-email{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}@media (max-width:480px){.app-nav-email{max-width:140px;font-size:11px}}@media (max-width:640px){.device-card{flex-direction:column;align-items:stretch!important;gap:12px!important}.device-card-launch{width:100%}.add-device-btn{padding:10px 16px!important;font-size:14px!important}}button,a.button-like,input[type=submit]{min-height:40px}.landing-hero{text-align:center;max-width:720px;margin:0 auto;padding:80px 20px 64px}.landing-hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,6vw,56px);font-weight:600;line-height:1.1}.landing-hero p{color:var(--color-text-dim);max-width:560px;margin:0 auto 32px;font-size:clamp(16px,2.4vw,19px)}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:background .12s;display:inline-block}.btn-primary:hover{background:var(--color-primary-2)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border-2);cursor:pointer;background:0 0;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.landing-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1040px;margin:0 auto;padding:32px 20px 80px;display:grid}.landing-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:24px 20px}.landing-feature h3{margin:0 0 8px;font-size:15px;font-weight:600}.landing-feature p{color:var(--color-text-dim);margin:0;font-size:13.5px;line-height:1.55}.landing-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-faint);padding:24px 20px;font-size:12px}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:380px;padding:32px 28px}