:root,:host{--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,"Droid Sans Mono",monospace;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:25px;--text-title:31.25px;--weight-normal:400;--weight-medium:500;--weight-strong:700;--leading:1.5;--leading-tight:1.2;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--base:#f6f7fb;--surface:#fff;--surface-soft:#eef0f8;--line:#dce0ec;--control-line:#808a9d;--ink:#171b29;--ink-secondary:#505a70;--ink-muted:#606b80;--accent:#4545a3;--accent-pressed:#34347e;--accent-soft:#ededfb;--success:#22694e;--warning:#80570f;--danger:#a63147;--warning-surface:#fff5df;--danger-surface:#fff0f2;--focus:#4545a3;--disabled:#e9ecf3;--r8:8px;--r10:10px;--r12:12px;--r16:16px;--radius:12px;--rule:1px;--focus-width:2px;--shadow-contact:0 2px 6px #22294a0d;--shadow-float:0 10px 32px #22294a14;--motion-fast:.1s;--motion:.12s;--motion-slow:.15s;--ease:cubic-bezier(.2,0,0,1);--touch:48px;--control:52px;--measure:400px;--app-measure:560px;--sheet:340px;--status:340px}:root{color-scheme:light;font:var(--text-md)/var(--leading) var(--font);background:var(--base);color:var(--ink)}*{box-sizing:border-box}body{margin:0;padding:var(--s4);padding-bottom:var(--s6)}.vault-app{width:100%;max-width:var(--app-measure);min-height:calc(100vh - 40px);margin:0 auto;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:56px;padding:0 var(--s1);flex-shrink:0}.brand{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-lg);font-weight:var(--weight-strong);letter-spacing:-.4px}.brand svg{width:24px;height:24px;color:var(--accent)}.screen{width:100%;margin:0 auto;padding:var(--s6) 0;max-width:var(--measure)}.auth-mode .screen{margin-top:auto;margin-bottom:auto;padding-top:var(--s6)}.screen-intro{text-align:center;margin-bottom:var(--s7)}.product-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--r16);background:var(--accent-soft);color:var(--accent);margin:0 auto var(--s6)}.product-mark svg{width:32px;height:32px}h1{font-size:var(--text-title);font-weight:var(--weight-strong);line-height:var(--leading-tight);letter-spacing:-.7px;margin:0 0 var(--s3)}h1:focus{outline:0}h2{font-size:var(--text-lg);font-weight:var(--weight-strong);line-height:var(--leading-tight);margin:0 0 var(--s2);letter-spacing:-.25px}p{margin:0 0 var(--s4);overflow-wrap:break-word}.muted{color:var(--ink-secondary)}.small{font-size:var(--text-sm)}.intro-copy{max-width:34ch;margin:0 auto;line-height:var(--leading)}form{display:flex;flex-direction:column;gap:var(--s5)}label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}label>span:first-child{display:block;margin-bottom:var(--s2)}input,textarea{appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-height:var(--control);font:var(--text-md)/var(--leading) var(--font);padding:var(--s3) var(--s4);border:var(--rule) solid var(--control-line);border-radius:var(--r12);background:var(--surface);color:var(--ink);box-shadow:none}input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}input:focus,textarea:focus{border-color:var(--focus)}input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-surface)}.field-hint{display:block;font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading);color:var(--ink-secondary);margin:var(--s2) 0 0}button{appearance:none;-webkit-appearance:none;min-height:var(--touch);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:var(--weight-strong) var(--text-md)/var(--leading) var(--font);padding:var(--s3) var(--s5);border:var(--rule) solid var(--accent);border-radius:var(--r12);background:var(--accent);color:var(--surface);cursor:pointer;transition:opacity var(--motion) var(--ease),transform var(--motion) var(--ease)}form>button[type=submit]{margin-top:var(--s1)}button:active:not(:disabled){background:var(--accent-pressed);transform:scale(.985)}.secondary{background:var(--accent-soft);color:var(--accent);border-color:transparent}.secondary:active:not(:disabled){background:var(--surface-soft)}.link{width:auto;background:transparent;border-color:transparent;color:var(--accent);font-weight:var(--weight-medium);padding:var(--s3)}.link:active:not(:disabled){background:var(--surface-soft)}.app-bar .link{color:var(--ink-secondary);font-size:var(--text-sm);margin-right:calc(-1 * var(--s2));white-space:nowrap}.auth-secondary{display:flex;align-items:center;justify-content:center;gap:var(--s1);margin-top:var(--s6);font-size:var(--text-sm)}.auth-secondary .secondary{width:auto;min-height:var(--touch);padding:var(--s2);background:transparent;border-color:transparent;font-size:var(--text-sm)}.flow-footer{text-align:center;margin-top:var(--s6)}.flow-footer p{margin:0}.flow-footer .link{font-size:var(--text-sm);font-weight:var(--weight-medium)}.danger{width:auto;min-height:44px;padding:var(--s2) var(--s3);background:transparent;border-color:transparent;color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-medium)}.danger:active:not(:disabled){background:var(--danger-surface);color:var(--danger)}button:disabled,input:disabled,textarea:disabled{background:var(--disabled);border-color:var(--disabled);color:var(--ink-muted);cursor:default;opacity:1}button[aria-busy=true]{border-style:dashed}button:focus,input:focus,textarea:focus,summary:focus,a:focus{outline:var(--focus-width) solid var(--focus);outline-offset:var(--s1)}.notice{width:100%;max-width:none;margin:var(--s5) 0 0;padding:var(--s3) var(--s4);font-size:var(--text-sm);border-radius:var(--r12);background:var(--accent-soft);color:var(--accent);white-space:pre-line;overflow-wrap:break-word}.notice:empty{padding:0;margin:0}.notice.error{color:var(--danger);background:var(--danger-surface)}.recovery-panel{background:var(--surface);padding:var(--s5);border-radius:var(--r16);margin-bottom:var(--s4)}.recovery-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-secondary);margin:0 0 var(--s3)}#recovery-key{font:var(--text-md)/1.7 var(--mono);padding:0;border:0;min-height:120px;resize:vertical;border-radius:var(--r8);background:transparent;overflow-wrap:break-word}.recovery-panel button{margin-top:var(--s4)}.recovery-warning{color:var(--ink-secondary);line-height:var(--leading);margin:var(--s4) 0}.check{display:flex;align-items:center;gap:var(--s3);min-height:var(--control);margin:var(--s4) 0;cursor:pointer}.check input{appearance:auto;-webkit-appearance:checkbox;accent-color:var(--accent);width:22px;height:22px;min-height:22px;flex-shrink:0;padding:0;margin:0}.check span{margin:0;line-height:var(--leading)}.development-label{color:var(--ink-secondary);font-size:var(--text-sm);text-align:center;margin:0 0 var(--s6)}.home-mode .screen{max-width:none;padding:var(--s6) 0}.home-mode .screen-intro{text-align:left;margin-bottom:var(--s6)}.home-mode h1{font-size:var(--text-xl)}.home-mode .intro-copy{max-width:none;margin:0}.session-summary{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s7);padding:var(--s4);border-radius:var(--r12);background:var(--accent-soft)}.session-summary>svg{width:28px;height:28px;color:var(--accent);flex-shrink:0}.session-summary strong{font-weight:var(--weight-medium)}.session-summary p{margin:var(--s1) 0 0}.pair-section{margin-bottom:var(--s7)}.pair-section>label{margin-bottom:var(--s2)}.pair-section>button{margin-top:var(--s3)}.pair-section>p{font-size:var(--text-sm);margin:var(--s2) 0 var(--s5)}.device-section>h2{margin-bottom:var(--s4)}.devices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.device-item{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--s3);padding:var(--s4);border-radius:var(--r16);background:var(--surface)}.device-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border-radius:var(--r10);color:var(--ink-secondary);flex-shrink:0}.device-mark svg{width:22px;height:22px}.device-copy{flex:1;min-width:0}.device-copy strong{display:block;font-weight:var(--weight-medium);overflow-wrap:break-word}.device-copy p{font-size:var(--text-sm);margin:var(--s2) 0 0;color:var(--ink-muted)}.device-item>.danger{margin-left:auto;align-self:center}.badge{display:inline-block;font-size:var(--text-sm);color:var(--success);margin-top:var(--s1)}.badge:before{content:"\25cf  ";font-size:10px}.badge[data-state=revoked]{color:var(--danger)}.empty-devices{text-align:center;padding:var(--s6) var(--s4);background:var(--surface);border-radius:var(--r16)}.empty-devices>svg{width:32px;height:32px;color:var(--ink-muted);margin-bottom:var(--s3)}.empty-devices strong{display:block;font-weight:var(--weight-medium)}.empty-devices p{font-size:var(--text-sm);color:var(--ink-secondary);margin:var(--s2) 0 0}.current-device{display:block;font-size:var(--text-sm);color:var(--ink-secondary);margin-top:var(--s1)}.device-copy time{display:block}@media(hover:hover){button:not(:disabled):hover{opacity:.9}}@media(min-width:640px){body{padding:var(--s6)}.vault-app{min-height:calc(100vh - 48px)}.auth-mode .screen{padding-top:var(--s7);padding-bottom:var(--s7)}}@media(max-height:650px){.auth-mode .screen{margin-top:0;padding-top:var(--s4)}.screen-intro{margin-bottom:var(--s5)}.product-mark{width:48px;height:48px;margin-bottom:var(--s4)}}@supports (height:100dvh){.vault-app{min-height:calc(100dvh - 40px)}}@media(prefers-reduced-motion:reduce){button{transition:none}}:root .security-section{margin-top:var(--s6)}.security-section button.secondary{background:var(--surface);border:var(--rule) solid var(--line);text-align:left}.security-section #lock-browser{color:var(--danger)}[hidden]{display:none!important}