:root{--color-bg:#fff;--color-surface:#f7f7f5;--color-border:#e5e5e2;--color-border-strong:#cfcfca;--color-border-control:#8f8f8a;--color-text:#1f1f1f;--color-text-secondary:#6b6b6b;--color-blue:#003595;--color-blue-hover:#002a77;--color-blue-tint:#e6ebf4;--color-warning-text:#633806;--color-warning-bg:#faeeda;--color-tooltip-bg:#1f1f1f;--color-on-blue:#fff;--color-backdrop:#00000059;--color-toast-bg:#1f1f1f;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-20:20px;--text-16:16px;--text-14:14px;--text-13:13px;--text-12:12px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--radius-control:8px;--radius-tag:6px;--control-height:32px;--control-height-touch:36px;--tap-size:44px;--topbar-height:48px;--rail-width:52px;--rail-width-labeled:72px;--bottombar-height:60px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-14);-webkit-text-size-adjust:100%;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{font-size:inherit;font-weight:500}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-root{flex-direction:column;height:100dvh;display:flex}.preview-banner{padding:var(--space-4) var(--space-12);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--text-12);text-align:center;flex:none}.app-screen{flex-direction:column;flex:1;min-height:0;display:flex}.center-screen{min-height:0;padding:var(--space-24) var(--space-16);flex:1;display:flex;overflow-y:auto}.center-screen>*{margin:auto}.btn{justify-content:center;align-items:center;gap:var(--space-8);height:var(--control-height);padding:0 var(--space-16);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-text);font-size:var(--text-13);display:inline-flex;position:relative}.btn-primary{border-color:var(--color-blue);background:var(--color-blue);color:var(--color-on-blue)}.btn-primary:active{border-color:var(--color-blue-hover);background:var(--color-blue-hover)}.btn:disabled{cursor:progress}.btn-block{width:100%}.icon-button{width:var(--tap-size);height:var(--tap-size);border-radius:var(--radius-control);color:var(--color-text);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.link-button{color:var(--color-blue);font-size:var(--text-13);background:0 0;border:none;padding:0}.field{gap:var(--space-4);margin-bottom:var(--space-12);flex-direction:column;display:flex}.field label{font-size:var(--text-12);color:var(--color-text-secondary)}.input{width:100%;height:var(--control-height);padding:0 var(--space-12);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-bg);font-size:var(--text-13)}.input::placeholder{color:var(--color-text-secondary)}.input:focus-visible{border-color:var(--color-blue)}.field.field--last{margin-bottom:0}.field-hint{color:var(--color-text-secondary);font-size:var(--text-12)}.notice{align-items:flex-start;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-tag);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--text-12);text-align:left;display:flex}.notice-icon{flex:none;margin-top:1px}.logo{object-fit:contain;flex:none}.signin-card{width:320px;max-width:100%;padding:var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-control)}.signin-header{margin-bottom:var(--space-24);text-align:center;flex-direction:column;align-items:center;display:flex}.signin-title{margin-top:var(--space-12);font-size:var(--text-16);font-weight:500}.signin-subtitle{color:var(--color-text-secondary);font-size:var(--text-13)}.signin-card .notice{margin-bottom:var(--space-12)}.signin-actions{margin-top:var(--space-16)}.notice+.signin-actions{margin-top:0}.signin-forgot{margin-top:var(--space-12);color:var(--color-text-secondary);font-size:var(--text-12)}.lock-card{width:320px;max-width:100%;padding:var(--space-32) var(--space-24) var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-control);text-align:center;flex-direction:column;align-items:center;display:flex}.lock-status{align-items:center;gap:var(--space-4);margin-bottom:var(--space-16);color:var(--color-text-secondary);font-size:var(--text-12);display:flex}.lock-name{margin-top:var(--space-8);font-size:var(--text-16);overflow-wrap:anywhere;font-weight:500}.lock-prompt{margin:var(--space-16) 0 var(--space-12);color:var(--color-text-secondary);font-size:var(--text-13)}.lock-card .notice{max-width:300px;margin-bottom:var(--space-16)}.pin-dots{justify-content:center;gap:var(--space-12);display:flex}.pin-entry{flex-direction:column;align-items:center;display:flex}.pin-entry:has(.pin-input:focus) .pin-dots{outline:2px solid var(--color-blue);outline-offset:6px;border-radius:8px}.pin-dot{border:1.5px solid var(--color-border-control);border-radius:50%;width:14px;height:14px}.pin-dot.is-filled{border-color:var(--color-blue);background:var(--color-blue)}.pin-hint{margin-top:var(--space-12);color:var(--color-text-secondary);font-size:var(--text-12)}.keypad{justify-content:center;gap:var(--space-8);margin-top:var(--space-16);grid-template-columns:repeat(3,64px);display:grid}.keypad-key{border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-bg);height:36px;font-size:var(--text-16);padding:0;position:relative}.keypad-key:after{content:"";position:absolute;inset:-4px}.keypad-key:active{background:var(--color-surface)}.keypad-key[aria-disabled=true]{cursor:progress}.keypad-key--del{font-size:var(--text-14)}.lock-signout{margin-top:var(--space-24)}.setpin-card{width:320px;max-width:100%;padding:var(--space-32) var(--space-24) var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-control);text-align:center;flex-direction:column;align-items:center;display:flex}.setpin-name{margin-top:var(--space-8);font-size:var(--text-16);overflow-wrap:anywhere;font-weight:500}.setpin-email{color:var(--color-text-secondary);font-size:var(--text-12);overflow-wrap:anywhere}.setpin-title{margin-top:var(--space-16);font-size:var(--text-16)}.setpin-sub{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-13)}.step-label{margin-top:var(--space-16);color:var(--color-text-secondary);font-size:var(--text-12)}.setpin-prompt{margin-top:var(--space-4);font-size:var(--text-13)}.setpin-prompt:focus{outline:none}.setpin-hint{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-12)}.setpin-card .pin-entry{margin-top:var(--space-12)}.setpin-card .notice{max-width:300px;margin-top:var(--space-12)}.setpin-links{justify-content:center;gap:var(--space-24);margin-top:var(--space-16);display:flex}.shell{flex:1;min-height:0;display:flex}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-content{flex:1;min-height:0;overflow-y:auto}.rail{display:none}@media (width>=640px){.rail{align-items:center;gap:var(--space-4);width:var(--rail-width-labeled);padding:var(--space-8) 0;border-right:1px solid var(--color-border);flex-direction:column;flex:none;display:flex}.rail-item{justify-content:center;align-items:center;gap:var(--space-4);width:64px;min-height:56px;padding:var(--space-4) 0;border-radius:var(--radius-control);color:var(--color-text-secondary);background:0 0;border:none;flex-direction:column;display:flex;position:relative}.rail-icon{padding:var(--space-4) var(--space-12);border-radius:var(--radius-control);justify-content:center;align-items:center;display:flex}.rail-item.is-current{color:var(--color-blue)}.rail-item.is-current .rail-icon{background:var(--color-blue-tint)}.rail-label{font-size:var(--text-12);line-height:1.3}}@media (width>=1024px) and (pointer:fine){.rail{gap:var(--space-8);width:var(--rail-width);padding:var(--space-12) 0}.rail-item{gap:0;width:36px;height:36px;min-height:0;padding:0}.rail-icon{padding:0}.rail-icon svg{width:18px;height:18px}.rail-item.is-current{background:var(--color-blue-tint)}.rail-item.is-current .rail-icon{background:0 0}.rail-item:hover:not(.is-current){background:var(--color-surface)}.rail-label{top:50%;left:calc(100% + var(--space-8));z-index:30;padding:var(--space-4) var(--space-8);border-radius:var(--radius-tag);background:var(--color-tooltip-bg);color:var(--color-on-blue);font-size:var(--text-13);white-space:nowrap;pointer-events:none;line-height:1.5;display:none;position:absolute;transform:translateY(-50%)}.rail-label:before{content:"";border:5px solid #0000;border-right-color:var(--color-tooltip-bg);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.rail-item:hover .rail-label,.rail-item:focus-visible .rail-label{display:block}}.bottombar{padding:var(--space-4) 0 calc(var(--space-8) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);flex:none;justify-content:space-around;display:flex}.bottombar-item{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-control);min-width:64px;min-height:48px;color:var(--color-text-secondary);font-size:var(--text-12);background:0 0;border:none;flex-direction:column;padding:0;display:flex}.bottombar-item.is-current{color:var(--color-blue)}@media (width>=640px){.bottombar{display:none}}.topbar{align-items:center;gap:var(--space-8);height:var(--topbar-height);padding:0 var(--space-12);border-bottom:1px solid var(--color-border);flex:none;display:flex;position:relative}.topbar-spacer{flex:1;min-width:0}.loc{height:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-control);flex:none;display:flex}.loc-option{align-items:center;gap:var(--space-4);padding:0 var(--space-12);color:var(--color-text-secondary);font-size:var(--text-12);white-space:nowrap;background:0 0;border:none;display:flex;position:relative}.loc-option+.loc-option{border-left:1px solid var(--color-border)}.loc-option:first-child{border-radius:7px 0 0 7px}.loc-option:last-child{border-radius:0 7px 7px 0}.loc-option.is-active{background:var(--color-blue-tint);color:var(--color-blue)}.loc-option:focus-visible{z-index:1}.avatar-button{width:var(--control-height);height:var(--control-height);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.avatar{border:1px solid var(--color-border-control);background:var(--color-surface);width:28px;height:28px;color:var(--color-text);font-size:var(--text-12);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.avatar--open{outline:2px solid var(--color-blue);outline-offset:2px}.avatar--large{background:var(--color-blue-tint);width:56px;height:56px;color:var(--color-blue);font-size:var(--text-20);border:none}.account-backdrop{display:none}.account-panel{top:calc(100% + var(--space-4));right:var(--space-12);z-index:20;width:248px;padding:var(--space-4) 0;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-bg);position:absolute;box-shadow:0 4px 16px #00000014}.account-grab{display:none}.account-who{margin-bottom:var(--space-4);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--color-border)}.account-name{font-size:var(--text-13);overflow-wrap:anywhere;font-weight:500}.account-meta{color:var(--color-text-secondary);font-size:var(--text-12);overflow-wrap:anywhere}.menu-item{align-items:center;gap:var(--space-8);width:100%;height:var(--control-height);padding:0 var(--space-12);color:var(--color-text);font-size:var(--text-13);text-align:left;background:0 0;border:none;display:flex}.menu-item:focus-visible{background:var(--color-surface);outline-offset:-2px}.menu-icon{color:var(--color-text-secondary);flex:none}.menu-value{color:var(--color-text-secondary);font-size:var(--text-12);margin-left:auto}.menu-subitem{padding-left:36px}.menu-check{color:var(--color-blue);flex:none;margin-left:auto}.menu-separator{margin:var(--space-4) 0;border-top:1px solid var(--color-border)}.dialog-backdrop{z-index:40;padding:var(--space-16);background:var(--color-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:360px;max-width:100%;max-height:100%;padding:var(--space-24);background:var(--color-bg);border-radius:12px;overflow-y:auto}.dialog:focus,.dialog-page:focus{outline:none}.dialog-title{margin-bottom:var(--space-4);font-size:var(--text-16)}.dialog-form{margin-top:var(--space-12)}.dialog-step{margin-bottom:var(--space-16);color:var(--color-text-secondary);font-size:var(--text-12)}.dialog-step-heading{font-size:var(--text-14)}.dialog-step-heading:focus{outline:none}.dialog-step-sub{margin:var(--space-4) 0 var(--space-12);color:var(--color-text-secondary);font-size:var(--text-13)}.dialog-step-hint{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-12)}.dialog-pin .notice,.dialog-pin .pin-entry,.dialog-form-error{margin-top:var(--space-12)}.dialog-actions{justify-content:flex-end;align-items:center;gap:var(--space-8);margin-top:var(--space-16);display:flex}.dialog-actions .link-button{margin-right:var(--space-8)}.dialog-page{z-index:40;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.dialog-page-head{align-items:center;gap:var(--space-4);height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);flex:none;display:flex}.dialog-page-title{font-size:var(--text-16)}.dialog-page-body{min-height:0;padding:var(--space-16) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.dialog-page-body .dialog-form{margin-top:0}.dialog-page-submit{margin-top:var(--space-16)}.toast-region{right:var(--space-24);bottom:var(--space-24);z-index:50;pointer-events:none;position:fixed}.toast{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background:var(--color-toast-bg);color:var(--color-on-blue);font-size:var(--text-13);display:flex}.toast-icon{flex:none}.home{min-height:100%;padding:var(--space-24);flex-direction:column;display:flex}.welcome{align-items:center;gap:var(--space-12);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border);display:flex}.welcome-title{font-size:var(--text-20);font-weight:500;line-height:1.3}.welcome-sub{color:var(--color-text-secondary);font-size:var(--text-12)}.home-empty{padding:var(--space-24);color:var(--color-text-secondary);font-size:var(--text-13);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.setup-card{max-width:480px;padding:var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-control)}.setup-title{margin-bottom:var(--space-8);font-size:var(--text-16)}.setup-card p+p{margin-top:var(--space-8)}@media (hover:hover){.btn:hover,.keypad-key:hover,.menu-item:hover,.icon-button:hover{background:var(--color-surface)}.btn-primary:hover{border-color:var(--color-blue-hover);background:var(--color-blue-hover)}.link-button:hover{text-decoration:underline}.loc-option:hover:not(.is-active){background:var(--color-surface);color:var(--color-text)}}@media (pointer:coarse){.btn{height:var(--control-height-touch)}.btn:after{content:"";position:absolute;inset:-4px 0}.input{height:var(--control-height-touch);font-size:var(--text-16)}.link-button{min-height:var(--tap-size);padding:0 var(--space-8)}.loc{height:var(--control-height-touch)}.loc-option{min-width:var(--tap-size);justify-content:center}.loc-option:after{content:"";position:absolute;inset:-5px 0}.avatar-button{width:var(--tap-size);height:var(--tap-size)}.menu-item{height:var(--tap-size)}.signin-card{width:360px}.dialog-step{margin-bottom:var(--space-12)}}@media (width<=639.98px){.input{height:var(--control-height-touch);font-size:var(--text-16)}.signin-card{width:100%;max-width:400px;padding:0 var(--space-8);border:none}.signin-button{width:100%}.signin-forgot{text-align:center}.lock-card,.setpin-card{border:none;padding:0}.toast-region{right:var(--space-16);bottom:calc(var(--bottombar-height) + var(--space-8) + env(safe-area-inset-bottom));left:var(--space-16);justify-content:center;display:flex}.home{padding:var(--space-16)}.loc-option{padding:0 var(--space-8)}.account-backdrop{z-index:19;background:var(--color-backdrop);display:block;position:fixed;inset:0}.account-panel{width:auto;max-height:85vh;padding:var(--space-8) 0 calc(var(--space-16) + env(safe-area-inset-bottom));box-shadow:none;overscroll-behavior:contain;border:none;border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto}.account-grab{width:36px;height:4px;margin:var(--space-4) auto var(--space-8);background:var(--color-border-strong);border-radius:2px;display:block}.account-who{padding:var(--space-8) var(--space-16) var(--space-12)}.menu-item{padding:0 var(--space-16)}.menu-subitem{padding-left:40px}}@media (width<=639.98px) and (prefers-reduced-motion:no-preference){.account-panel{transition:transform .15s ease-out}.account-panel.is-dragging{transition:none}}