:root{--bg-app:#f2f2f2;--bg-card:#fff;--border-card:#00000014;--text-primary:#000;--text-secondary:#000000b3;--text-muted:#0000009e;--text-chip:#0009;--gold-1:#ffdfaf;--gold-2:#f5c283;--gold-3:#eaa558;--gold-text:#a55d0a;--parked-bg:#e3f2fd;--parked-text:#1565c0;--btn-gray:#1e1e1e1a;--btn-gray-text:#1e1e1e;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#d9d9d9}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.phone-frame{background:var(--bg-app);border-radius:40px;width:393px;height:852px;margin:24px auto;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000047}.screen{background:var(--bg-app);flex-direction:column;height:100%;display:flex;position:relative}.status-bar{background:var(--bg-card);flex-shrink:0;align-items:center;padding:21px 24px 19px;display:flex}.status-bar-time{text-align:center;color:var(--text-primary);flex:1;font-size:17px;font-weight:600;line-height:22px}.status-bar-levels{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border-card);flex-direction:column;flex-shrink:0;gap:24px;padding:24px 16px 20px;display:flex}.app-header-row{justify-content:space-between;align-items:center;display:flex}.app-header-logo{width:86px;height:34px;display:block;position:relative;overflow:hidden}.app-header-logo img{width:100%;height:252.94%;position:absolute;top:-76.47%;left:0}.app-header-location{letter-spacing:.1px;color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.app-header-location-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.app-header-location-icon img{width:10.67px;height:13.33px;display:block}.app-header-titles{flex-direction:column;gap:2px;display:flex}.app-header-titles h1{letter-spacing:.1px;color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.4}.app-header-titles p{letter-spacing:.1px;color:var(--text-muted);font-size:12px;line-height:1.4}.app-header-subtitle-md{font-weight:500;font-size:14px!important}.app-header-tight{gap:12px}.app-header-tight .app-header-titles{gap:4px}.screen-body{flex-direction:column;flex:1;gap:20px;padding:20px 16px 120px;display:flex;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:20px 16px}.card-label{color:var(--text-secondary);letter-spacing:-.05px;margin-bottom:4px;font-size:16px}.mono-value{font-family:var(--font-mono);letter-spacing:.1px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.4}.timestamp-chip{letter-spacing:.1px;color:var(--text-chip);background:#f1f1f1;border-radius:2px;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.vehicle-card{justify-content:space-between;align-items:center;display:flex}.vehicle-card-car{object-fit:contain;width:89px;height:68px}.vehicle-card-car-flip{transform:scaleX(-1)}.parked-wrap{background:var(--parked-bg);border:1px solid var(--border-card);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:12px 4px 4px;display:flex}.parked-chip{letter-spacing:.2px;color:var(--parked-text);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.parked-dot{background:var(--parked-text);border-radius:50%;width:6px;height:6px}.parked-inner{border:none;border-radius:12px;width:100%;padding:12px}.arriving-wrap{text-align:left;background:#fff3e0;width:100%}.arriving-wrap .parked-inner{border:1px solid #00000017;border-radius:14px}.arriving-chip{color:#000}.arriving-dot{background:#b45400}.arriving-text{letter-spacing:-.05px;font-size:14px;font-weight:400;line-height:1.4}.arriving-text em{color:#b45400;font-style:normal;font-weight:500}.arrived-wrap{background:#f3e5f5}.arrived-wrap .parked-inner{border:1px solid #00000017;border-radius:14px}.arrived-chip{color:#6a1b9a}.arrived-dot{background:#6a1b9a}.valet-card{justify-content:space-between;align-items:flex-start;display:flex}.valet-sessions{letter-spacing:.1px;color:var(--gold-text);margin-top:2px;font-size:12px}.valet-name{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.valet-sessions-green{color:#338401;font-weight:500}.valet-photo{width:76px;height:68px;display:block;position:relative;overflow:hidden}.valet-photo img{width:251.45%;height:203.55%;position:absolute;top:-13%;left:-82.36%}.fee-card{justify-content:space-between;align-items:center;display:flex}.fee-hint{letter-spacing:-.05px;color:#000000a1;margin-top:4px;font-size:12px}.btn-pay{letter-spacing:.1px;color:var(--text-primary);background:#e5e5e5;border-radius:28px;padding:10px 24px;font-size:14px;font-weight:500;line-height:20px}.btn-pay-done{color:#1b5e20;background:#d3ecd4}.fee-card-compact .card-label{margin-bottom:0}.mono-value-sm{font-size:16px}.btn-pay-desk{letter-spacing:-.04px;color:#080808;background:#e8e8e8;border-radius:28px;padding:16px 10px;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 2px 6px #00000014}.btn-gold-lg{letter-spacing:-.04px;color:#080808;font-size:16px;line-height:1.4;padding:16px 10px!important}.condition-card{flex-direction:column;gap:16px;padding:20px 16px 24px;display:flex}.condition-card .card-label{margin-bottom:0}.condition-strip{scrollbar-width:none;border-radius:4px;gap:12px;display:flex;overflow-x:auto}.condition-strip::-webkit-scrollbar{display:none}.condition-photo{flex-shrink:0;position:relative}.condition-photo img{object-fit:cover;border-radius:4px;width:214px;height:127px;display:block}.timestamp-chip-overlay{color:#000000de;background:#ffffffb0;position:absolute;bottom:5px;left:4px}.odometer-card{justify-content:space-between;align-items:stretch;display:flex}.odometer-left{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.odometer-photo{object-fit:cover;border-radius:4px;width:80px;height:80px}.bottom-actions{gap:8px;padding:0 16px;display:flex;position:absolute;bottom:48px;left:0;right:0}.bottom-actions>*{flex:1}.btn-gray{letter-spacing:.1px;color:var(--btn-gray-text);background:#e8e8e8;border-radius:28px;padding:14px 10px;font-size:14px;font-weight:500;line-height:20px;box-shadow:0 2px 6px #00000014}.btn-gold{letter-spacing:.1px;color:var(--text-primary);background:radial-gradient(120% 260% at 50% 85%, var(--gold-1) 0%, var(--gold-2) 50%, var(--gold-3) 100%);border-radius:28px;padding:18px 10px;font-size:14px;font-weight:600;line-height:20px;position:relative;box-shadow:inset 0 -4px 6.7px #ffffff17,inset 0 4px 3px #ffffff24,0 2px 6px #00000014}.bottom-actions .btn-gold{padding:14px 10px}.bottom-actions-single .btn-gold{padding:18px 10px}.splash-screen{background:var(--bg-card);cursor:pointer;justify-content:center;align-items:center}.splash-screen .status-bar{position:absolute;top:0;left:0;right:0}.splash-logo{object-fit:fill;width:151.765px;height:60px;animation:.9s both splash-in}@keyframes splash-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sheet-backdrop{z-index:20;background:0 0;flex-direction:column;justify-content:flex-end;transition:background .3s;display:flex;position:absolute;inset:0}.sheet-backdrop-open{background:#00000073}.sheet{background:#fff;border-radius:12px 12px 0 0;padding:8px 16px 32px;transition:transform .35s cubic-bezier(.32,.72,0,1);position:relative;transform:translateY(100%)}.sheet-open{transform:translateY(0)}.sheet-handle{background:#202020;border-radius:24px;width:103px;height:4px;margin:0 auto 16px;display:block}.report-sheet-title{letter-spacing:.1px;color:var(--text-primary);margin:12px 0 20px;font-size:20px;font-weight:600}.report-sheet-options{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.report-option{border:1px solid var(--border-card);letter-spacing:-.05px;color:var(--text-secondary);text-align:left;background:#fff;border-radius:16px;padding:20px 16px;font-size:16px;transition:background .15s,border-color .15s}.report-option-selected{color:var(--text-primary);background:#f2b97521;border-color:#c96a00}.btn-dark{letter-spacing:.1px;color:#fff;background:#1e1e1e;border-radius:28px;width:100%;padding:17px 10px;font-size:16px;font-weight:600;line-height:1.4}.btn-dark:disabled{opacity:.4;cursor:default}.status-sheet{height:328px;padding:8px 16px 24px}.status-sheet-stage{height:190px;position:relative}.status-sheet-prop{animation:.5s .15s both prop-in;display:block;position:absolute;overflow:hidden}.status-sheet-prop-sign{width:56px;height:101px;top:68px;left:95px}.status-sheet-prop-sign img{width:251.32%;max-width:none;height:100.9%;position:absolute;top:-.08%;left:-76.32%}.status-sheet-prop-desk{width:46px;height:77px;top:89px;left:94px}.status-sheet-prop-desk img{object-fit:cover;width:100%;height:100%;display:block}.status-sheet-car{width:132px;height:101px;animation:.6s cubic-bezier(.22,1,.36,1) .2s both car-in;position:absolute;top:93px;left:151px;transform:scaleX(-1)}@keyframes car-in{0%{opacity:0;translate:80px}to{opacity:1;translate:0}}@keyframes prop-in{0%{opacity:0}to{opacity:1}}.status-sheet-check{background:#6ed230;border-radius:28px;justify-content:center;align-items:center;width:33px;height:33px;animation:.35s cubic-bezier(.34,1.56,.64,1) .75s both check-pop;display:flex;position:absolute;top:133px;left:246px}@keyframes check-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.status-sheet-text{text-align:center;letter-spacing:.1px;flex-direction:column;align-items:center;gap:8px;margin-top:14px;display:flex}.status-sheet-label{color:#000000b5;font-size:14px}.status-sheet-message{color:var(--text-primary);max-width:295px;font-size:16px;font-weight:600;line-height:1.4}.lightbox{z-index:30;background:0 0;justify-content:center;align-items:center;transition:background .25s;display:flex;position:absolute;inset:0}.lightbox-open{background:#000000b8}.lightbox-body{opacity:0;flex-direction:column;align-items:flex-start;gap:10px;padding:0 16px;transition:opacity .25s,transform .25s;display:flex;transform:scale(.94)}.lightbox-open .lightbox-body{opacity:1;transform:scale(1)}.lightbox-body img{border-radius:8px;width:100%;display:block}.lightbox-close{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:70px;right:16px}@media (width<=500px),(pointer:coarse) and (hover:none){body{background:var(--bg-app)}.phone-frame{width:100vw;height:100dvh;box-shadow:none;border-radius:0;margin:0}.status-bar{display:none}.app-header{padding-top:calc(24px + env(safe-area-inset-top,0px))}.bottom-actions{bottom:calc(28px + env(safe-area-inset-bottom,0px))}}.screen-overlay{z-index:15;background:var(--bg-app);animation:.32s cubic-bezier(.32,.72,0,1) both slide-in-right;position:absolute;inset:0}.page-enter{background:var(--bg-app);animation:.32s cubic-bezier(.32,.72,0,1) both slide-in-right;position:absolute;inset:0}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.pay-title-row{align-items:flex-start;gap:8px;display:flex}.pay-back{color:#000;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.pay-total{letter-spacing:.1px;color:#000000c4;font-size:14px;font-weight:400;line-height:1.4}.pay-method{background:var(--bg-card);border:1px solid var(--border-card);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px 16px;display:flex}.pay-method-left{align-items:center;gap:8px;min-width:0;display:flex}.pay-method-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.pay-method-label{letter-spacing:-.05px;color:#000;font-size:16px}.pay-method-chevron{color:#0000008c;flex-shrink:0}.rating-sheet,.rating-block{flex-direction:column;gap:24px;display:flex}.rating-group{flex-direction:column;gap:12px;display:flex}.rating-title{letter-spacing:.1px;color:#000;font-size:20px;font-weight:600}.rating-stars{gap:11px;display:flex}.rating-star{width:44px;height:44px;padding:0;line-height:0;transition:transform .1s;display:block}.rating-star:active{transform:scale(.9)}.rating-q{letter-spacing:.1px;color:var(--text-secondary);font-size:16px}.rating-chips{flex-wrap:wrap;gap:12px 8px;display:flex}.rating-chip{letter-spacing:.1px;color:#000000de;background:#fff;border:1px solid #0003;border-radius:8px;padding:7px 16px;font-size:14px;transition:background .15s,border-color .15s}.rating-chip-selected{color:#000;background:#f2b97521;border-color:#c96a00}.rating-submit{letter-spacing:-.04px;color:#080808;width:100%;padding:16px 10px;font-size:16px;line-height:1.4}.summary-complete-card{justify-content:space-between;align-items:center;display:flex}.summary-complete-title{color:#000;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.4}.summary-complete-sub{letter-spacing:-.05px;color:var(--text-secondary);font-size:12px}.summary-car{flex-shrink:0;width:89px;height:68px;display:block;position:relative}.summary-check{background:#6ed230;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:2px}.summary-check svg{width:13px;height:13px}.summary-fee-card{flex-direction:column;gap:12px;display:flex}.summary-fee-top{flex-direction:column;gap:8px;display:flex}.summary-fee-row{justify-content:space-between;align-items:flex-start;display:flex}.summary-fee-label{color:#000;font-size:16px;font-weight:600;line-height:1.4}.summary-fee-sub{letter-spacing:-.05px;color:var(--text-secondary);font-size:12px}.summary-receipt-btn{letter-spacing:.1px;color:#000;background:#e5e5e5;border-radius:28px;width:100%;padding:10px 24px;font-size:14px;font-weight:500;line-height:20px}.summary-help-card{text-align:left;flex-direction:column;gap:4px;width:100%;display:flex}.summary-help-row{justify-content:space-between;align-items:center;display:flex}.summary-help-chevron{color:#0000008c;flex-shrink:0}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen-body>*{animation:.5s cubic-bezier(.22,1,.36,1) both card-rise}.screen-body>:first-child{animation-delay:50ms}.screen-body>:nth-child(2){animation-delay:.11s}.screen-body>:nth-child(3){animation-delay:.17s}.screen-body>:nth-child(4){animation-delay:.23s}.screen-body>:nth-child(5){animation-delay:.29s}.screen-body>:nth-child(6){animation-delay:.35s}.bottom-actions{animation:.5s cubic-bezier(.22,1,.36,1) .32s both card-rise}.btn-gray,.btn-pay,.btn-pay-desk,.btn-dark,.pay-method,.report-option,.rating-chip,.summary-receipt-btn,.summary-help-card,.condition-photo,.rating-submit,.btn-gold{transition:transform .14s cubic-bezier(.22,1,.36,1),background .15s,border-color .15s,box-shadow .15s}.btn-gray:active,.btn-pay:active,.btn-pay-desk:active,.btn-dark:active:not(:disabled),.pay-method:active,.report-option:active,.summary-receipt-btn:active,.summary-help-card:active,.condition-photo:active,.rating-submit:active,.btn-gold:active{transform:scale(.97)}@media (hover:hover){.pay-method:hover{border-color:#c96a00;transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}.condition-photo img{transition:transform .3s cubic-bezier(.22,1,.36,1)}.condition-photo:hover img{transform:scale(1.04)}}.btn-gold{overflow:hidden}.btn-gold:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;height:100%;animation:4.8s ease-in-out 1.2s infinite gold-shine;position:absolute;top:0;left:-60%;transform:skew(-18deg)}@keyframes gold-shine{0%{left:-60%}16%,to{left:135%}}@keyframes ping-blue{0%{box-shadow:0 0 #1565c080}70%,to{box-shadow:0 0 0 7px #1565c000}}@keyframes ping-orange{0%{box-shadow:0 0 #b4540080}70%,to{box-shadow:0 0 0 7px #b4540000}}.parked-dot{animation:2s ease-out infinite ping-blue}.arriving-dot{animation:1.6s ease-out infinite ping-orange}.arrived-dot{animation:none}@keyframes ring-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.status-sheet-check:after,.summary-check:after{content:"";pointer-events:none;border:2px solid #6ed230;border-radius:50%;position:absolute;inset:0}.status-sheet-check:after{animation:1.5s ease-out .95s infinite ring-ping}.summary-check:after{animation:1.6s ease-out .4s infinite ring-ping}@keyframes chip-pop{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}.rating-chip-selected,.report-option-selected{animation:.28s chip-pop}@keyframes paid-pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.btn-pay-done{animation:.4s cubic-bezier(.34,1.56,.64,1) paid-pop}.rating-star svg{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.rating-star.is-filled svg{transform:scale(1.12)}.rating-star:active svg{transform:scale(.9)}.splash-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5c28359,#0000 70%);border-radius:50%;width:280px;height:280px;animation:2.6s ease-in-out infinite glow-pulse;position:absolute}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.85;transform:scale(1.05)}}.splash-logo{animation:.9s both splash-in,3.2s ease-in-out .9s infinite logo-float;position:relative}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}