@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--otto-ink:#111412;--otto-ink-2:#1e2420;--otto-ink-3:#303832;--otto-paper:#f7f5ef;--otto-paper-2:#ebe6da;--otto-paper-3:#fffdf7;--otto-line:rgba(17,20,18,0.12);--otto-line-dark:rgba(255,255,255,0.12);--otto-muted:#68726b;--otto-muted-dark:#aeb9b1;--otto-green:#22c55e;--otto-green-2:#16a34a;--otto-green-3:#dcfce7;--otto-blue-black:#07130d;--otto-warm:#d8b46a;--otto-danger:#b42318;--otto-danger-bg:#fff0ec;--otto-surface:rgba(255,255,255,0.82);--otto-surface-solid:#ffffff;--otto-surface-muted:rgba(255,255,255,0.54);--otto-surface-raised:rgba(255,255,255,0.88);--otto-border-soft:rgba(17,20,18,0.085);--otto-border-subtle:rgba(17,20,18,0.06);--otto-text-soft:#4f5b53;--otto-action:#22c55e;--otto-action-ink:#05230f;--otto-success:#167b3a;--otto-success-bg:rgba(220,252,231,0.62);--otto-warning:#75540c;--otto-warning-bg:#fff4d6;--otto-radius-sm:12px;--otto-radius:18px;--otto-radius-lg:26px;--otto-shadow:0 22px 58px rgba(17,20,18,0.12);--otto-shadow-soft:0 12px 34px rgba(17,20,18,0.055);--otto-shadow-hairline:0 1px 2px rgba(17,20,18,0.035);--otto-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--otto-font);color:var(--otto-ink);background:radial-gradient(circle at 86% 4%,#d9ffe9 0,transparent 23%),radial-gradient(circle at 0 32%,#fff3d6 0,transparent 20%),#fbfaf6}button,input{font:inherit}a{color:inherit}.otto-route-loading{min-height:100vh;width:100%}.otto-route-loading.full-screen{display:flex;align-items:center;justify-content:center;background:var(--otto-paper)}.otto-route-loading-main{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:100vh;width:100%}.otto-route-loading .owner-main{display:flex;min-height:100vh;min-width:0}.otto-route-loading .owner-main>.otto-route-loading-main{height:auto;min-height:100vh}.otto-route-loading-container{display:flex;align-items:center;justify-content:center;position:relative;width:120px;height:120px}.otto-route-loading-fallback{position:absolute;width:44px;height:110px;border-radius:22px;background:linear-gradient(90deg,rgba(17,20,18,.04),rgba(17,20,18,.08),rgba(17,20,18,.04));background-size:220% 100%;animation:otto-route-loading-pulse 1.2s ease-in-out infinite;z-index:1;opacity:1;transition:opacity .3s ease}.otto-route-loading-asset{max-width:100%;height:auto;object-fit:contain;opacity:0;transition:opacity .4s ease;z-index:2}.otto-route-loading-asset.loaded{opacity:1;animation:otto-barber-float 4.5s ease-in-out infinite}.otto-route-loading .owner-mobile-header,.otto-route-loading .owner-mobile-nav{z-index:92}@keyframes otto-route-loading-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes otto-barber-float{0%{transform:translateY(0) rotate(-1.5deg);filter:drop-shadow(0 4px 10px rgba(17,20,18,.03)) brightness(.98)}50%{transform:translateY(-3.5px) rotate(1.5deg);filter:drop-shadow(0 8px 18px rgba(17,20,18,.06)) brightness(1.02)}to{transform:translateY(0) rotate(-1.5deg);filter:drop-shadow(0 4px 10px rgba(17,20,18,.03)) brightness(.98)}}@media (prefers-reduced-motion:reduce){.otto-route-loading-fallback{animation:none!important}.otto-route-loading-asset.loaded{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}}@media (max-width:780px){.otto-route-loading .owner-main,.otto-route-loading .owner-main>.otto-route-loading-main{min-height:calc(100dvh - 58px - 66px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.otto-route-loading .owner-main>.otto-route-loading-main{padding:8px 0 14px}.otto-route-loading-container{height:96px;width:96px}.otto-route-loading-fallback{height:86px;width:36px}.otto-route-loading-asset{height:96px;width:96px}}.otto-toast-viewport{bottom:calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:18px;width:min(420px,calc(100vw - 28px));z-index:1200}.otto-toast{align-items:flex-start;background:rgba(17,20,18,.96);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 18px 50px rgba(17,20,18,.18);color:#fffdf7;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;overflow-wrap:anywhere;padding:13px 12px 13px 15px;pointer-events:auto}.otto-toast p{font-size:13px;font-weight:780;line-height:1.35;margin:0}.otto-toast button{align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-size:16px;font-weight:800;height:26px;justify-content:center;line-height:1;padding:0;width:26px}.otto-toast--success{border-left:5px solid var(--otto-green)}.otto-toast--error{border-left:5px solid var(--otto-danger)}.otto-toast--warning{border-left:5px solid var(--otto-warm)}.otto-toast--info{border-left:5px solid #7aa7ff}@media (max-width:780px){.otto-toast-viewport{bottom:calc(82px + env(safe-area-inset-bottom));left:14px;right:14px;width:auto}}:root{--ds-color-brand-primary:#22c55e;--ds-color-brand-active:#16a34a;--ds-color-brand-light:#dcfce7;--ds-color-brand-ink:#05230f;--ds-color-neutral-darkest:#111412;--ds-color-neutral-dark:#303832;--ds-color-neutral-muted:#68726b;--ds-color-neutral-muted-dark:#aeb9b1;--ds-color-neutral-light:#f7f5ef;--ds-color-neutral-light-2:#ebe6da;--ds-color-neutral-lightest:#ffffff;--ds-color-surface-solid:#ffffff;--ds-color-surface-translucent:rgba(255,255,255,0.82);--ds-color-surface-muted:rgba(255,255,255,0.54);--ds-color-surface-raised:rgba(255,255,255,0.88);--ds-color-border-default:rgba(17,20,18,0.12);--ds-color-border-soft:rgba(17,20,18,0.085);--ds-color-border-subtle:rgba(17,20,18,0.06);--ds-color-success:#167b3a;--ds-color-success-bg:rgba(220,252,231,0.62);--ds-color-warning:#75540c;--ds-color-warning-bg:#fff4d6;--ds-color-danger:#b42318;--ds-color-danger-bg:#fff0ec;--ds-color-accent-warm:#d8b46a;--ds-color-accent-blue:#7aa7ff;--ds-color-blue-black:#07130d;--ds-avatar-tone-1-bg:#dcfce7;--ds-avatar-tone-1-border:rgba(18,104,52,0.12);--ds-avatar-tone-1-fg:#126834;--ds-avatar-tone-2-bg:#dbeafe;--ds-avatar-tone-2-border:rgba(29,78,216,0.12);--ds-avatar-tone-2-fg:#1d4ed8;--ds-avatar-tone-3-bg:#fef3c7;--ds-avatar-tone-3-border:rgba(180,83,9,0.12);--ds-avatar-tone-3-fg:#b45309;--ds-avatar-tone-4-bg:#fce7f3;--ds-avatar-tone-4-border:rgba(190,24,93,0.12);--ds-avatar-tone-4-fg:#be185d;--ds-avatar-tone-5-bg:#e2e8f0;--ds-avatar-tone-5-border:rgba(51,65,85,0.12);--ds-avatar-tone-5-fg:#334155;--ds-font-family:"Inter",system-ui,-apple-system,sans-serif;--ds-font-size-xs:11px;--ds-font-size-sm:12px;--ds-font-size-base:14px;--ds-font-size-md:16px;--ds-font-size-lg:20px;--ds-font-size-xl:26px;--ds-font-size-2xl:32px;--ds-font-weight-regular:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-font-weight-black:900;--ds-line-height-tight:1.05;--ds-line-height-snug:1.2;--ds-line-height-normal:1.35;--ds-line-height-relaxed:1.5;--ds-space-xs:4px;--ds-space-sm:8px;--ds-space-md:12px;--ds-space-lg:16px;--ds-space-xl:20px;--ds-space-2xl:24px;--ds-space-3xl:32px;--ds-space-4xl:48px;--ds-space-5xl:72px;--ds-radius-xs:6px;--ds-radius-sm:12px;--ds-radius-md:18px;--ds-radius-lg:24px;--ds-radius-full:999px;--ds-shadow-xs:0 1px 2px rgba(17,20,18,0.035);--ds-shadow-sm:0 8px 24px rgba(17,20,18,0.04);--ds-shadow-md:0 12px 34px rgba(17,20,18,0.055);--ds-shadow-lg:0 22px 58px rgba(17,20,18,0.12);--ds-z-index-base:1;--ds-z-index-sticky:20;--ds-z-index-sidebar:30;--ds-z-index-drawer:100;--ds-z-index-modal:200;--ds-z-index-toast:1200}.page{width:min(100%,420px);min-height:100vh;margin:0 auto;padding:var(--ds-space-5xl) var(--ds-space-xl) var(--ds-space-3xl)}.brand{text-align:center;font-weight:var(--ds-font-weight-black);font-size:var(--ds-font-size-2xl);line-height:var(--ds-line-height-tight);letter-spacing:0;margin-bottom:var(--ds-space-4xl)}.auth-card{background:var(--ds-color-surface-translucent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-3xl)}.auth-card h1{margin:0 0 var(--ds-space-sm);font-size:var(--ds-font-size-2xl);line-height:var(--ds-line-height-tight);letter-spacing:0;text-align:center}.subtitle{margin:0 0 var(--ds-space-2xl);text-align:center;color:var(--ds-color-neutral-muted);font-size:var(--ds-font-size-base);line-height:var(--ds-line-height-relaxed);font-weight:var(--ds-font-weight-semibold)}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ds-space-xs);gap:var(--ds-space-xs);background:var(--ds-color-border-subtle);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-full);padding:var(--ds-space-xs);margin-bottom:var(--ds-space-2xl)}.tabs button{height:36px;border:0;border-radius:var(--ds-radius-full);background:transparent;color:var(--ds-color-neutral-muted);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold);cursor:pointer}.tabs button.active{background:var(--ds-color-neutral-darkest);color:var(--ds-color-surface-solid);box-shadow:var(--ds-shadow-sm)}.field{margin-bottom:var(--ds-space-lg)}.field label{display:block;margin:0 0 var(--ds-space-sm);color:var(--ds-color-neutral-dark);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold);letter-spacing:.02em}.field input{width:100%;height:50px;border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface-translucent);color:var(--ds-color-neutral-darkest);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-medium);outline:none;padding:0 var(--ds-space-lg);transition:all .2s ease-in-out;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.field input::placeholder{color:var(--ds-color-neutral-muted-dark);font-weight:var(--ds-font-weight-medium)}.field input:focus{border-color:var(--ds-color-brand-active);box-shadow:0 0 0 3px rgba(34,197,94,.2)}.row{justify-content:space-between;gap:var(--ds-space-md);margin:var(--ds-space-xs) 0 var(--ds-space-xl);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-neutral-muted)}.check,.row{display:flex;align-items:center}.check{gap:var(--ds-space-sm);white-space:nowrap}.box{width:16px;height:16px;border-radius:var(--ds-radius-xs);border:1px solid var(--ds-color-border-default);background:var(--ds-color-neutral-lightest);display:inline-block;position:relative;flex:0 0 auto}.box:after{content:"";position:absolute;inset:var(--ds-space-xs);border-radius:var(--ds-radius-xs);background:var(--ds-color-brand-primary);opacity:.95}.text-button{padding:0;background:transparent;color:var(--ds-color-brand-active);font-size:var(--ds-font-size-sm)}.btn,.text-button{border:0;font-weight:var(--ds-font-weight-bold);cursor:pointer}.btn{align-items:center;display:inline-flex;justify-content:center;width:100%;height:50px;border-radius:var(--ds-radius-full);background:var(--ds-color-brand-primary);color:var(--ds-color-brand-ink);font-size:var(--ds-font-size-base);box-shadow:var(--ds-shadow-sm);transition:all .2s ease-in-out;text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.btn:disabled,.google:disabled{cursor:not-allowed;opacity:.7}.divider{display:flex;align-items:center;gap:var(--ds-space-md);color:var(--ds-color-neutral-muted);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold);margin:var(--ds-space-xl) 0}.divider:after,.divider:before{content:"";height:1px;background:var(--ds-color-border-default);flex:1 1}.google{width:100%;height:48px;border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-full);background:var(--ds-color-surface-translucent);color:var(--ds-color-neutral-darkest);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-sm);transition:all .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.google:hover:not(:disabled){background:var(--ds-color-surface-solid);transform:translateY(-1px)}.gmark{width:18px;height:18px;border-radius:var(--ds-radius-full);display:grid;place-items:center;font-weight:var(--ds-font-weight-bold);color:var(--ds-color-neutral-darkest);background:linear-gradient(135deg,#fff,#eef2ee);border:1px solid var(--ds-color-border-default)}.foot,.gmark{font-size:var(--ds-font-size-sm)}.foot{text-align:center;margin-top:var(--ds-space-2xl);color:var(--ds-color-neutral-muted);line-height:var(--ds-line-height-relaxed);font-weight:var(--ds-font-weight-semibold)}.foot a{color:var(--ds-color-neutral-darkest);text-decoration:none}.foot a,.mini-status{font-weight:var(--ds-font-weight-bold)}.mini-status{display:inline-flex;align-items:center;gap:var(--ds-space-xs);justify-content:center;margin:0 auto var(--ds-space-xl);width:100%;color:var(--ds-color-brand-active);font-size:var(--ds-font-size-sm)}.mini-status i{width:8px;height:8px;border-radius:var(--ds-radius-full);background:var(--ds-color-brand-primary);animation:pulse 1.6s ease-in-out infinite}.notice{border-radius:var(--ds-radius-sm);margin:0 0 var(--ds-space-lg);padding:var(--ds-space-md);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);line-height:var(--ds-line-height-normal)}.notice.error{color:var(--ds-color-danger);background:var(--ds-color-danger-bg);border:1px solid var(--ds-color-danger)}.notice.success{color:var(--ds-color-success);background:var(--ds-color-success-bg);border:1px solid var(--ds-color-success)}.session-panel{display:grid;grid-gap:var(--ds-space-sm);gap:var(--ds-space-sm);margin:var(--ds-space-xs) 0 var(--ds-space-xl)}.session-panel div{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-lg);min-height:48px;padding:var(--ds-space-md) var(--ds-space-lg);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface-translucent);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.session-panel span{color:var(--ds-color-neutral-muted);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold)}.session-panel strong{min-width:0;color:var(--ds-color-neutral-darkest);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-bold);text-align:right;overflow-wrap:anywhere}.link-pending-card{background:var(--ds-color-warning-bg);border:1px solid var(--ds-color-warning);border-radius:var(--ds-radius-sm);color:var(--ds-color-warning);display:grid;grid-gap:var(--ds-space-xs);gap:var(--ds-space-xs);padding:var(--ds-space-lg);text-align:center}.link-pending-card strong{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-bold)}.link-pending-card span{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);line-height:var(--ds-line-height-relaxed)}.secondary-action{margin-top:var(--ds-space-md)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.45)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}@media (max-width:520px){.page{padding:var(--ds-space-xl) var(--ds-space-lg) var(--ds-space-xl)}.brand{margin-bottom:var(--ds-space-xl);font-size:var(--ds-font-size-2xl)}.auth-card{padding:var(--ds-space-2xl);border-radius:var(--ds-radius-lg)}.auth-card h1{font-size:var(--ds-font-size-2xl)}}.phone-auth-card{padding-top:var(--ds-space-2xl)}.phone-account-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-lg);margin:0 0 var(--ds-space-2xl);padding:var(--ds-space-sm) var(--ds-space-md);border:1px solid var(--ds-color-brand-active);border-radius:var(--ds-radius-full);background:var(--ds-color-brand-light);color:var(--ds-color-success)}.phone-account-row span{flex:0 0 auto}.phone-account-row span,.phone-account-row strong{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold)}.phone-account-row strong{min-width:0;color:var(--ds-color-neutral-darkest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-auth-card .subtitle{margin-bottom:var(--ds-space-xl)}.phone-target-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:var(--ds-space-lg);gap:var(--ds-space-lg);margin:0 0 var(--ds-space-xl);padding:var(--ds-space-lg);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-translucent);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}.phone-target-card.sent{border-color:var(--ds-color-brand-active);background:linear-gradient(180deg,var(--ds-color-brand-light),var(--ds-color-surface-translucent))}.phone-target-icon{width:42px;height:42px;border-radius:var(--ds-radius-sm);background:var(--ds-color-brand-primary);color:var(--ds-color-brand-ink);display:grid;place-items:center;box-shadow:var(--ds-shadow-sm)}.phone-target-card span,.phone-target-icon{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}.phone-target-card span{display:block;margin-bottom:3px;color:var(--ds-color-neutral-dark);letter-spacing:.02em;text-transform:uppercase}.phone-target-card strong{display:block;min-width:0;color:var(--ds-color-neutral-darkest);font-size:var(--ds-font-size-md);line-height:var(--ds-line-height-snug);font-weight:var(--ds-font-weight-bold);overflow-wrap:anywhere}.phone-target-card small{display:block;margin-top:4px;color:var(--ds-color-neutral-muted);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold)}.code-field{margin:0 0 var(--ds-space-lg)}.code-field label{text-align:left}.code-field input{height:58px;text-align:center;font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);letter-spacing:.08em}.verification-actions{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-lg);margin-top:var(--ds-space-lg)}.verification-actions .text-button{font-size:var(--ds-font-size-sm)}.verification-actions .text-button.muted{color:var(--ds-color-neutral-muted)}@media (max-width:420px){.phone-auth-card h1{font-size:var(--ds-font-size-2xl);line-height:var(--ds-line-height-tight)}.phone-account-row{align-items:flex-start;border-radius:var(--ds-radius-sm);flex-direction:column;gap:2px}.phone-account-row strong{white-space:normal}}