#auth-layer:empty{display:none}#auth-layer{position:fixed;top:var(--auth-top,0);left:0;right:0;height:var(--auth-height,100dvh);z-index:85;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0c1015e8;overflow:hidden}
.auth-open{overflow:hidden}.auth-open .orientation-guard{display:none!important}.mobile-install-required #auth-layer{display:none!important}
.auth-shell{display:grid;grid-template-columns:1.05fr 1fr;width:min(1060px,100%);height:min(700px,100%);max-height:100%;min-height:0;border:1px solid #ffffff20;border-radius:6px;overflow:hidden;background:#171c22;box-shadow:0 30px 100px #0009;animation:screen-in .3s ease}
.auth-art{position:relative;padding:35px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#22282c url('../../assets/garage.png') 55% center/auto 100% no-repeat}
.auth-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d1218b0 0%,#0d121800 25%,#0d121850 55%,#0d1218f5 100%)}.auth-art>*{position:relative;z-index:1}
.auth-brand{display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 3px 12px #0008}.auth-brand>span{font:700 24px 'Barlow Condensed',sans-serif;font-style:italic;letter-spacing:.8px}.auth-brand>strong{font:700 59px/.9 'Barlow Condensed',sans-serif;font-style:italic;letter-spacing:2px;color:#f2b84b}.auth-brand>small{font-size:8px;font-weight:800;letter-spacing:4px;margin-top:9px}
.auth-art-copy .eyebrow{font-size:8px;letter-spacing:1.5px;color:#c9aa78}.auth-art-copy h2{font:600 43px/1.04 'Barlow Condensed',sans-serif;letter-spacing:.2px;margin:15px 0}.auth-art-copy>p{color:#b9c1ca;font-size:12px;line-height:1.8;max-width:300px}.auth-future{display:block;margin-top:28px;border-top:1px solid #ffffff1f;padding-top:15px;font-size:9px;color:#788594;line-height:1.7}
.auth-card{position:relative;min-height:0;display:flex;overflow:hidden;background:linear-gradient(130deg,#20262c,#141a20)}.auth-card-scroll{width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55616b transparent;padding:40px 42px 28px;min-height:0}
.auth-card .eyebrow{font-size:8px;color:#9b927e;letter-spacing:1.5px}.auth-card h1{font:600 40px/1.08 'Barlow Condensed',sans-serif;margin:22px 0 14px;outline:0}.auth-description{font-size:12px;line-height:1.85;color:#a2adb9;margin:0 0 26px}.auth-close{position:absolute;right:9px;top:8px;font-size:25px;min-height:36px;min-width:36px;color:#9ba5ae;z-index:5}
.auth-tabs{display:flex;gap:20px;border-bottom:1px solid #ffffff15;margin:0 0 25px;padding-right:10px}.auth-tabs button{font-size:12px;color:#8f9aa5;padding:0 0 13px;border-bottom:2px solid transparent;min-height:35px}.auth-tabs button.active{color:#f2b84b;border-color:#f2b84b}.auth-tabs+.eyebrow{display:none}.auth-tabs~h1{font-size:35px;margin-top:0}.auth-tabs~.auth-description{font-size:11px;margin-bottom:22px}
.auth-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:47px;padding:12px 17px;border:1px solid #ffffff25;border-radius:3px;color:#d9dfe4;font-size:12px;font-weight:700;margin-top:10px;text-align:left;transition:background .2s,border-color .2s,transform .2s}.auth-action>span{font-size:18px;font-weight:400}.auth-action:hover{background:#ffffff07;border-color:#ffffff50}.auth-action.auth-primary{color:#191a19;background:#f2b84b;border-color:#f2b84b;box-shadow:0 4px 18px #0002}.auth-primary:hover{background:#ffca6a;transform:translateY(-1px)}.auth-action:disabled{opacity:.65;cursor:wait}
.auth-form{display:flex;flex-direction:column;gap:13px}.auth-form>label{display:flex;flex-direction:column;gap:7px;color:#b8c1ca;font-size:10px;font-weight:600}.auth-form input{width:100%;min-width:0;min-height:43px;border:1px solid #ffffff25;border-radius:3px;background:#11171bd9;color:#e8eaed;padding:10px 12px;font:400 13px Manrope,Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:#626e7a}.auth-form input:focus{border-color:#f2b84b99;box-shadow:0 0 0 2px #f2b84b0c}.auth-form input:-webkit-autofill{-webkit-text-fill-color:#e8eaed;box-shadow:0 0 0 100px #232c34 inset}.auth-password{position:relative;display:block}.auth-password input{padding-right:45px}.auth-password>button{position:absolute;right:0;top:0;width:42px;height:43px;display:grid;place-items:center;color:#75808c}.auth-password .icon{width:18px;height:18px}.auth-password>button:hover{color:#f2b84b}
.auth-field-hint{font-size:8px;color:#8995a1;line-height:1.6;margin-top:-7px}.auth-field-hint.valid{color:#a9bd8b}.auth-text-link{align-self:flex-end;color:#dfb46a;font-size:10px;padding:0;min-height:25px;margin-top:-3px}.auth-guest-link{display:block;color:#8d98a5;font-size:10px;text-align:center;margin:20px auto 0;min-height:35px}.auth-fine{font-size:9px;line-height:1.8;color:#808c98;margin:0}.auth-error,.auth-warning{border-left:2px solid #e5b45d;padding:11px 13px;background:#f2b84b0a;color:#e5c596;font-size:11px;line-height:1.7;margin:0}.auth-error[hidden]{display:none}.auth-warning{margin-bottom:20px}
.auth-confirm-layer{position:absolute;inset:0;background:#11171bfa;z-index:10;display:flex;align-items:center;padding:35px;overflow:auto}.auth-confirm-layer[hidden]{display:none}.auth-confirm-layer>section{width:100%;max-height:100%;overflow:auto;padding-block:15px}.auth-confirm-layer h2{font:600 32px/1.12 'Barlow Condensed',sans-serif;margin:0 0 18px}.auth-confirm-layer p{font-size:12px;line-height:1.85;color:#aab5c1;margin:0 0 25px}.auth-spinner{width:26px;height:26px;border:2px solid #ffffff18;border-top-color:#f2b84b;border-radius:50%;animation:auth-spin 1s linear infinite;margin-top:30px}@keyframes auth-spin{to{transform:rotate(360deg)}}
.auth-stats{margin:30px 0}.auth-stats>div,.account-settings dl>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #ffffff15;font-size:12px}.auth-stats dt,.account-settings dt{color:#8b97a4}.auth-stats dd,.account-settings dd{margin:0;overflow-wrap:anywhere;text-align:right;color:#e6c17c}.account-settings{border-bottom:1px solid #ffffff18;padding:0 0 22px;margin-bottom:24px}.account-settings>p{font-size:11px}.account-settings dl>div{font-size:10px;padding:12px 0}.account-save-state{font-size:10px!important;color:#b6a27c!important;line-height:1.7}
.account-chip{display:flex;align-items:center;gap:8px;padding:8px 11px;text-align:left;max-width:210px;min-width:0;transition:background .2s}.account-chip:hover{background:#ffffff06}.account-avatar{display:grid;place-items:center;width:27px;height:30px;flex-shrink:0;border:1px solid #f2b84b40;border-radius:3px;color:#e7bd6e;background:#f2b84b0a;font:600 18px 'Barlow Condensed',sans-serif}.account-avatar>.icon{width:16px;height:16px}.account-chip>span:last-child{min-width:0}.account-chip strong{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip small{display:block;font-size:6px;line-height:1.6;margin-top:4px;color:#929aa5;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-chip small{color:#b8a178}.account-toast{position:fixed;z-index:90;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:85%;padding:14px 20px;border:1px solid #f2b84b50;border-radius:4px;background:#1b222af5;color:#e5c694;font-size:12px;line-height:1.6;box-shadow:0 10px 30px #0005}.online-feature{display:flex;align-items:center;gap:10px;width:100%;padding:16px 0;border-bottom:1px solid #ffffff15;color:#a4acb6;text-align:left;font-size:12px}.online-feature .icon{width:15px;color:#f2b84b}
#header>.account-chip{margin-left:auto;border-left:1px solid #ffffff10}.utilities{flex-shrink:0}
@media(max-width:1250px){#header>.account-chip{max-width:155px;padding-inline:7px}.account-chip small{max-width:100px}#header .utilities .icon-button{width:27px}.account-avatar{width:23px;height:27px}.account-chip strong{font-size:8px}}
@media(max-width:1000px){#header>.account-chip>span:last-child{display:none}#header>.account-chip{padding:5px;min-width:30px}.auth-shell{width:min(920px,100%);grid-template-columns:.8fr 1fr}.auth-card-scroll{padding:30px}.auth-art{padding:27px}.auth-art-copy h2{font-size:36px}}
@media(max-width:1000px){#header>.guest-chip{min-width:66px;max-width:66px}#header>.guest-chip>.account-avatar{display:none}#header>.guest-chip>span:last-child{display:block}#header>.guest-chip strong{display:none}#header>.guest-chip small{font-size:5.5px;white-space:normal;margin:0;line-height:1.6;max-width:60px}.inspection-guest{line-height:1.4;color:#c0a474!important;text-align:center;white-space:normal!important;font-size:5.5px!important;min-height:30px;padding:0!important}}
@media(orientation:landscape) and (max-height:600px){
 #auth-layer{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.auth-shell{width:100%;height:100%;grid-template-columns:.8fr 1.2fr;max-width:1000px}.auth-art{padding:22px}.auth-brand>span{font-size:18px}.auth-brand>strong{font-size:43px}.auth-brand>small{font-size:6px;letter-spacing:3px}.auth-art-copy h2{font-size:29px;margin:10px 0}.auth-art-copy>p{font-size:10px}.auth-future{font-size:7px;margin-top:15px;padding-top:9px}.auth-card-scroll{padding:22px 28px}.auth-card h1{font-size:29px;margin:15px 0 10px}.auth-description{font-size:10px;line-height:1.7;margin-bottom:17px}.auth-tabs{margin-bottom:15px;gap:20px}.auth-tabs button{font-size:10px;padding-bottom:9px;min-height:29px}.auth-tabs~h1{font-size:28px}.auth-tabs~.auth-description{font-size:10px;margin-bottom:16px}.auth-action{min-height:42px;font-size:10px;padding:10px 13px}.auth-form input{font-size:16px;min-height:42px}.auth-form{gap:11px}.auth-form>label{font-size:9px}.auth-confirm-layer{padding:24px}.auth-confirm-layer h2{font-size:28px}.auth-confirm-layer p{font-size:11px;line-height:1.7}.auth-stats{margin:15px 0}.auth-stats>div{padding:10px 0;font-size:10px}.auth-close{right:3px;top:2px}.account-toast{font-size:10px;padding:10px 15px}
}
@media(orientation:portrait){
 #auth-layer{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.auth-shell{grid-template-columns:1fr;height:100%;max-width:520px;position:relative}.auth-art{display:none}.auth-card{background:linear-gradient(#171e26f2,#141a20fa),url('../../assets/garage.png') 55% center/cover}.auth-card-scroll{padding:35px 25px}.auth-card h1{font-size:38px}.auth-form input{font-size:16px;min-height:47px}.auth-password>button{height:47px}.auth-form>label{font-size:11px}.auth-field-hint{font-size:9px}.auth-action{min-height:47px}.auth-confirm-layer{padding:25px}.auth-tabs button{min-height:40px}.auth-fine{font-size:10px}
}