:root{color:#17213b;background:#f4f6fa;font-family:Segoe UI,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;background:#f4f6fa}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #ff6a1b;outline-offset:3px}.driver-app{width:min(100%,42rem);min-height:100dvh;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(7.8rem + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem}.scharge-logo{display:block;width:min(10rem,47vw);height:auto;mix-blend-mode:multiply;object-fit:contain}.app-status,.map-mode,.availability{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.app-status{padding:.48rem .65rem;background:#e6efff;color:#154c9b}.driver-main{display:grid;gap:1rem;margin-top:1.3rem}.map-panel,.scan-callout,.charge-point-result{border:1px solid #dce3ef;border-radius:1.45rem;background:#fff}.map-panel{overflow:hidden;padding:1rem;box-shadow:0 18px 42px #1c376714}.map-topline,.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.map-label{display:inline-flex;align-items:center;gap:.42rem;color:#263657;font-size:.82rem;font-weight:800}.map-label svg{width:1.15rem;height:1.15rem;color:#f05b17}.map-mode{padding:.38rem .55rem;background:#f1f3f8;color:#6a7487}.map-canvas{position:relative;min-height:15.5rem;overflow:hidden;margin-top:.9rem;border:1px solid #d6e1f1;border-radius:1rem;background:linear-gradient(90deg,transparent 49%,rgba(88,115,165,.08) 50%,transparent 51%),linear-gradient(rgba(88,115,165,.08) 1px,transparent 1px),#edf5fb;background-size:3rem 3rem}.map-road{position:absolute;height:1.35rem;border:.28rem solid #fff;border-radius:999px;box-shadow:0 0 0 1px #849cc538}.road-one{top:29%;left:-13%;width:77%;transform:rotate(-13deg)}.road-two{top:58%;right:-13%;width:86%;transform:rotate(12deg)}.road-three{top:13%;right:11%;width:1.35rem;height:91%;transform:rotate(27deg)}.map-block{position:absolute;border:1px solid rgba(22,69,137,.18);border-radius:.9rem;background:#ffffff9c}.block-one{top:15%;left:11%;width:4.8rem;height:3.2rem;transform:rotate(-10deg)}.block-two{right:12%;bottom:13%;width:5.8rem;height:3.8rem;transform:rotate(15deg)}.map-location,.map-station-pin{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:0 8px 18px #0b2e662e}.map-location{bottom:20%;left:41%;padding:.42rem .58rem;background:#164f9f;color:#fff;font-size:.68rem;font-weight:750}.map-location:before{width:.5rem;height:.5rem;margin-right:.35rem;border:2px solid #fff;border-radius:50%;background:#42c8ff;content:""}.map-station-pin{top:37%;right:24%;width:2.6rem;height:2.6rem;background:#ff641c;color:#fff;animation:map-pulse 2.4s ease-in-out infinite}.map-station-pin svg{width:1.3rem;height:1.3rem}.map-hint{margin:.85rem 0 0;color:#63708a;font-size:.8rem;line-height:1.45}.scan-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1.15rem}.scan-icon-wrap{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.95rem;background:#e9f1ff;color:#1251a3}.scan-icon-wrap svg,.scan-button svg,.icon-button svg{width:1.45rem;height:1.45rem}.screen-kicker{margin:0 0 .32rem;color:#f05b17;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{color:#19233c;letter-spacing:-.045em}h1{margin-bottom:.45rem;font-size:clamp(1.55rem,7.4vw,2.25rem);line-height:1.02}h2{margin-bottom:.25rem;font-size:1.25rem;line-height:1.12}.scan-callout p:last-child,.charge-address,.result-note{margin-bottom:0;color:#68738a;font-size:.86rem;line-height:1.5}.scan-feedback{margin:0;padding:.8rem .95rem;border:1px solid #dce3ef;border-radius:.9rem;background:#f7f9fd;color:#44516d;font-size:.82rem;line-height:1.45}.scan-feedback.error{border-color:#f2b8a2;background:#fff5f1;color:#9b3920}.charge-point-result{padding:1.15rem;border-color:#b9d3f8;background:#fbfdff}.availability{gap:.34rem;padding:.42rem .55rem;background:#f0f2f5;color:#657084;white-space:nowrap}.availability span,.bridge-dot{width:.48rem;height:.48rem;border-radius:50%;background:#99a3b5}.availability.online{background:#eaf7e9;color:#2c6c3d}.availability.online span{background:#48a45d}.charge-address{margin-top:.55rem}.charge-point-details{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.charge-point-details div{padding:.72rem;border-radius:.82rem;background:#f1f5fb}.charge-point-details dt{color:#6f7b91;font-size:.7rem}.charge-point-details dd{margin:.28rem 0 0;color:#273651;font-size:.78rem;font-weight:750;line-height:1.35}.charge-button,.scan-button,.text-action{border:0;cursor:pointer}.charge-button{width:100%;min-height:3rem;border-radius:.85rem;background:#dce3ed;color:#6a7487;font-weight:800}.charge-button:disabled{cursor:not-allowed}.result-note{margin-top:.72rem;font-size:.76rem}.scan-dock{position:fixed;right:0;bottom:0;left:0;z-index:2;display:grid;gap:.56rem;width:min(100%,42rem);margin:0 auto;padding:.75rem 1rem max(.9rem,env(safe-area-inset-bottom));border-top:1px solid rgba(203,214,232,.92);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bridge-caption{display:inline-flex;align-items:center;gap:.38rem;color:#6d7890;font-size:.72rem;font-weight:650}.bridge-dot.connected{background:#49a260}.scan-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.45rem;border-radius:1rem;background:#154c9b;color:#fff;font-size:.95rem;font-weight:850;box-shadow:0 12px 25px #1248973d;transition:transform .16s ease,background .16s ease}.scan-button:active{transform:scale(.98);background:#0f3e82}.scanner-overlay{position:fixed;z-index:10;inset:0;display:grid;align-items:end;background:#0c152a99}.scanner-sheet{display:grid;gap:1rem;min-height:min(47rem,84dvh);padding:1.2rem 1rem max(1.2rem,env(safe-area-inset-bottom));border-radius:1.55rem 1.55rem 0 0;background:#fff}.scanner-loading{display:grid;min-height:10rem;place-items:center;color:#42506b;font-weight:750}.scanner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.scanner-header h2{margin:0}.icon-button{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid #dbe2ee;border-radius:50%;background:#fff;color:#34435e}.camera-frame{position:relative;min-height:19rem;overflow:hidden;border-radius:1.2rem;background:#0e1729}.camera-preview{width:100%;height:100%;min-height:19rem;object-fit:cover}.scan-reticle{position:absolute;top:50%;left:50%;width:min(64vw,15.5rem);aspect-ratio:1;border:3px solid #fff;border-radius:1rem;box-shadow:0 0 0 999px #070e1d52;transform:translate(-50%,-50%)}.camera-caption{position:absolute;right:.8rem;bottom:.75rem;left:.8rem;margin:0;color:#fff;font-size:.74rem;line-height:1.4;text-align:center}.scanner-error{margin:0;color:#a63d24;font-size:.82rem;line-height:1.45}.manual-entry label{display:block;margin-bottom:.42rem;color:#536079;font-size:.78rem;font-weight:750}.manual-entry>div{display:flex;gap:.55rem}.manual-entry input{min-width:0;flex:1;min-height:3rem;padding:0 .8rem;border:1px solid #cbd5e5;border-radius:.75rem;color:#1d2a45}.text-action{padding:0 .85rem;border-radius:.75rem;background:#edf3ff;color:#154c9b;font-size:.8rem;font-weight:850}@keyframes map-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media(min-width:44rem){.driver-app{padding-right:1.5rem;padding-left:1.5rem}.map-panel,.scan-callout,.charge-point-result{padding:1.35rem}.map-canvas{min-height:19rem}.scanner-overlay{align-items:center;padding:1rem}.scanner-sheet{width:min(100%,34rem);min-height:auto;margin:0 auto;border-radius:1.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}