html{--vaadin-font-family: "Space Grotesk",sans-serif;--vaadin-font-size: 14px;--vaadin-text-color: var(--fg);--vaadin-background-color: var(--bg);--vaadin-focus-ring-color: var(--acc);--vaadin-radius-m: 0px;--vaadin-input-field-background: var(--bg2);--vaadin-input-field-border-color: var(--line2);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: 0px;--vaadin-input-field-value-color: var(--fg);--vaadin-input-field-label-color: var(--fg);--vaadin-input-field-helper-color: var(--fg2);--vaadin-input-field-error-color: var(--err);--vaadin-button-background: transparent;--vaadin-button-text-color: var(--fg);--vaadin-button-border-color: var(--line2);--vaadin-button-border-width: 1px;--vaadin-button-border-radius: 0px;--vaadin-button-height: 44px}body{color: var(--fg);background: var(--bg);font-size: 14px}h1{font-size: 32px;line-height: 1.1}h2{font-size: 20px}vaadin-button{min-height: 44px;cursor: pointer;font-family: inherit;padding: 10px 16px}vaadin-button:hover{opacity: .75}vaadin-button::part(label){white-space: normal}vaadin-button[theme~="submit"],vaadin-button[theme~="primary"]{background: var(--acc);color: var(--accfg);border-color: var(--acc)}vaadin-text-field,vaadin-email-field,vaadin-password-field{--vaadin-input-field-height: 44px}vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field){min-height: 46px;padding: 0 12px}.account-page vaadin-vertical-layout{padding: 0;gap: 16px}.account-page vaadin-vertical-layout>vaadin-password-field,.account-page vaadin-vertical-layout>vaadin-text-field,.account-page vaadin-vertical-layout>vaadin-button{width: 100%}vaadin-button.primary-action{background: var(--acc);color: var(--accfg);border-color: var(--acc)}vaadin-login-form{width: 100%;max-width: 400px;background: transparent}vaadin-login-form-wrapper{background: transparent;color: var(--fg);max-width: 100%;padding: 0}vaadin-login-form-wrapper::part(form){padding: 0;background: transparent}vaadin-login-form-wrapper::part(form-title){color: var(--fg);font-size: 32px;font-weight: 400;margin: 0 0 24px}vaadin-login-form-wrapper::part(error-message){border: 1px solid var(--err);background: var(--bg2);color: var(--err);padding: 16px}vaadin-login-form-wrapper::part(error-message-title),vaadin-login-form-wrapper::part(error-message-description){color: var(--err)}.studio-header{display: flex;align-items: center;justify-content: space-between;gap: 24px;min-height: 64px;border-bottom: 1px solid var(--line);width: 100%}.theme-toggle{font: 11px "JetBrains Mono",monospace}.theme-toggle[aria-pressed="true"]{background: var(--fg);color: var(--bg)}.account-page{position: relative;min-height: 100vh;max-width: 1200px;margin: auto;padding: 0 40px 64px;gap: 16px;align-items: flex-end}.account-page>.studio-header{margin-bottom: 64px;align-self: stretch}.account-page>:not(.studio-header):not(.account-intro){width: 400px;max-width: 100%}.account-intro{position: absolute;left: 40px;top: 148px;width: calc(100% - 560px);max-width: 440px}.intro-title{font-size: 52px;line-height: 1.05;letter-spacing: -.025em}.intro-subtitle{margin-top: 28px;color: var(--fg2);font-size: 17px}.account-page>a{min-height: 44px;display: flex;align-items: center}.account-page>p{color: var(--fg2)}[role="alert"]{color: var(--err)}.mfa-form{display: grid;gap: 12px}.mfa-form input,.mfa-form button{font: inherit;padding: 12px;border: 1px solid var(--line2);border-radius: 0;color: var(--fg);background: var(--bg2)}.mfa-form button{min-height: 44px;background: var(--acc);color: var(--accfg);cursor: pointer}.studio-shell{display: grid;grid-template-columns: 240px minmax(0,1fr);min-height: 100vh;padding: 0;gap: 0;align-items: stretch}.studio-sidebar{display: flex;flex-direction: column;gap: 24px;padding: 0 24px 24px;border-right: 1px solid var(--line)}.studio-sidebar .brand{height: 64px;display: flex;align-items: center}.studio-sidebar a{padding: 12px 0;line-height: 1.6}.studio-sidebar vaadin-button{margin-top: auto}.studio-content{padding: 0 32px;min-width: 0}.studio-welcome{padding: 64px 0}.studio-welcome h1{font-size: 40px;margin-bottom: 32px}.studio-welcome p{margin-bottom: 16px;color: var(--fg2)}@media (max-width: 800px){.account-page{padding: 0 24px 40px;align-items: stretch}.account-page>.studio-header{margin-bottom: 16px}.account-intro{position: static;width: 100%;max-width: none;margin-bottom: 32px}.intro-title{font-size: 30px;max-width: 18ch}.intro-subtitle{margin-top: 16px;font-size: 15px}.account-page>:not(.studio-header):not(.account-intro){width: 100%}vaadin-login-form{max-width: none}.studio-shell{grid-template-columns: 1fr}.studio-sidebar{border-right: 0;border-bottom: 1px solid var(--line);flex-direction: row;flex-wrap: wrap;align-items: center;gap: 16px;padding: 12px 24px}.studio-sidebar .brand{height: auto;margin-right: auto}.studio-sidebar vaadin-button{margin: 0}.studio-content{padding: 0 24px}.studio-welcome{padding: 40px 0}}