/* Large targets, clear contrast, no scrolling controls or seeking gestures. */
.car-entry{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #b8c7b4;border-radius:20px;background:#e7eddf;color:#253a32;padding:20px 24px;min-height:96px;margin:18px 0 24px}.car-entry strong{display:block;font-size:24px;line-height:1.4}.car-entry small{font-size:14px;letter-spacing:0;color:#4d6555;margin-top:3px}.car-entry-icon{font-size:34px}.car-entry>span:last-child{margin-left:auto;font-size:28px}
#carView[hidden]{display:none!important}body.car-mode{overflow:hidden}body.car-mode #audioDock{visibility:hidden}
#carView{position:fixed;inset:0;z-index:15;background:#152c25;color:#f8f5eb;overflow:auto;overscroll-behavior:contain;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));font-size:18px;line-height:1.5}
.car-inner{max-width:660px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:16px}.car-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}.car-header strong{display:block;font-size:24px;font-weight:650}.car-kicker{font-size:11px;letter-spacing:2px;color:#b7c9bf}.car-header button{min-width:96px;min-height:56px;border:1px solid #7b9586;background:#223e32;border-radius:16px;color:#f8f5eb;font-size:20px;font-weight:600}.car-header button span{font-size:26px;margin-left:6px}.car-safety{font-size:15px;color:#cad7cf;margin:0}.car-track{padding:8px 0 0}.car-badge{font-size:16px;color:#d7e7ad}.car-track h1{font-family:inherit;font-size:clamp(34px,8vw,48px);font-weight:650;line-height:1.25;margin:10px 0;letter-spacing:0}.car-track p{color:#c4d5c9;font-size:18px;margin:0}.car-progress-line{height:6px;border-radius:99px;background:#3b5146;overflow:hidden}.car-progress-line span{display:block;background:#d5e7a7;height:100%;width:0}.car-progress>div:last-child{display:flex;justify-content:space-between;font-size:16px;color:#c4d5c9;font-variant-numeric:tabular-nums;margin-top:8px}
#carView button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#carView button:focus-visible{outline:3px solid #f1ca6a;outline-offset:4px}.car-play{width:100%;min-height:116px;display:flex;align-items:center;justify-content:center;gap:18px;background:#d6e8ac;color:#183227;border:0;border-radius:24px;font-size:34px;font-weight:700;box-shadow:0 6px 0 #0a1c16}.car-play>span:first-child{font-size:36px}.car-play:active:not(:disabled){background:#bdd486}.car-skip{display:grid;grid-template-columns:1fr 1fr;gap:16px}.car-skip button{min-height:88px;border:1px solid #6c8978;border-radius:20px;background:#2d493a;color:#f8f5eb;font-size:24px;font-weight:650}.car-skip button span{font-size:22px}.car-skip button:active:not(:disabled){background:#3b604a}#carView button:disabled{opacity:.4;cursor:default}.car-notice{font-size:15px;color:#d2ded4;min-height:44px;margin:0;overflow-wrap:anywhere}.car-footer{font-size:13px;color:#aebfb3;margin:0;text-align:center}
@media(max-width:680px){.car-entry{padding:18px;gap:12px}.car-entry strong{font-size:23px}.car-inner{justify-content:flex-start;gap:14px}.car-track{padding-top:14px}#familyDialog input{font-size:17px;min-height:56px}#familyDialog .primary{font-size:20px;min-height:64px}#familyDialog .round{min-width:52px;min-height:52px}}
@media(max-height:650px) and (orientation:portrait){.car-inner{gap:10px}.car-track{padding:0}.car-track h1{font-size:32px}.car-play{min-height:96px}.car-skip button{min-height:76px}.car-footer{display:none}}
@media(orientation:landscape) and (max-height:600px){.car-inner{max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-content:center}.car-header{grid-column:1}.car-safety{grid-column:1;font-size:14px}.car-track{grid-column:1;padding:0}.car-track h1{font-size:32px}.car-progress{grid-column:1}.car-play{grid-column:2;grid-row:1 / 4;min-height:136px;height:100%}.car-skip{grid-column:2;grid-row:4 / 6;align-self:stretch}.car-skip button{min-height:76px;font-size:22px}.car-notice{grid-column:1;font-size:14px;min-height:0}.car-footer{display:none}}