:root{color:#17212b;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}.hide{display:none!important;visibility:hidden!important}body{margin:0;min-height:100vh;background:#f5f7f9}button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:760px;min-height:100vh;padding:max(16px,env(safe-area-inset-top)) 16px max(40px,env(safe-area-inset-bottom))}.app-shell.home-active{max-width:614px;padding:0}.app-shell.record-active{max-width:1240px}.app-shell.history-active{max-width:1120px;background:#f3f7f8}.home-text-action{background:0 0;border:0;color:#137b58;font-weight:800;min-height:42px}.history-view{display:grid;gap:22px;padding:8px 0 30px}.history-view[hidden]{display:none}.history-header{display:flex;align-items:center;gap:18px}.history-header h1{font-size:clamp(28px, 4vw, 38px);letter-spacing:-.04em}.history-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.history-card,.history-stat{background:#fff;border:1px solid #dce7e9;border-radius:20px;box-shadow:0 8px 30px rgba(18,43,53,.04)}.history-stat{display:flex;flex-direction:column;gap:8px;min-height:115px;padding:18px}.history-stat small,.history-stat span{color:#667780;font-size:13px}.history-stat strong{color:#172e37;font-size:clamp(21px, 2.4vw, 29px);letter-spacing:-.04em}.history-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.history-stack{display:grid;gap:16px}.history-card{padding:22px}.history-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.history-card-heading h2{font-size:22px;letter-spacing:-.03em}.history-card-heading>strong{font-size:13px;color:#53646d}.history-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.history-card form label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#3a505b}.history-card input[type=datetime-local],.history-card input[type=number]{width:100%;min-width:0;border:1px solid #cddce1;border-radius:12px;background:#f9fbfc;padding:13px;color:#172e37;font-size:16px}.history-card input:focus{outline:3px solid #b3e9d4;border-color:#1ab47d}.history-card .history-check{display:flex;align-items:center;gap:8px;margin:16px 0}.history-check input{width:18px;height:18px;accent-color:#1db77b}.history-inline-form button,.history-primary{border:0;background:#1db77b;color:#fff;font-weight:800;border-radius:12px;min-height:48px}.history-primary{width:100%}.history-inline-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.history-inline-form button{padding:0 18px}.history-help,.history-message{color:#667780;font-size:13px;line-height:1.5}.history-help{margin-top:10px}.history-message:not(:empty){margin-top:12px;color:#0f825b}.history-list{display:grid;max-height:420px;overflow:auto;color:#667780}.history-row{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:14px 0;border-top:1px solid #e8eff1}.history-row>div:first-child{display:grid;gap:5px;min-width:0}.history-row strong{color:#20333c;font-size:14px;overflow-wrap:anywhere}.history-row small{font-size:12px;line-height:1.4}.history-row-end{display:grid;justify-items:end;gap:3px;white-space:nowrap}.history-delete{border:0;background:0 0;color:#aa3832;font-size:12px;padding:3px}.history-export{width:100%;min-height:48px;border:1px solid #cbdce1;border-radius:12px;background:#fff;font-weight:800;color:#20333c}@media (max-width:760px){.history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-columns{grid-template-columns:1fr}.history-view{gap:16px}.history-card{padding:18px}}@media (max-width:390px){.history-form-grid{grid-template-columns:1fr}}.record-header-title{align-items:center;display:flex;gap:14px}.back-button{align-items:center;background:#fff;border:1px solid #d3e0e8;border-radius:999px;color:#263849;display:inline-flex;font-size:14px;gap:6px;min-height:40px;padding:7px 14px}.back-button span{font-size:22px;line-height:.8}#recordTab{display:grid;gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(340px,0.8fr);min-height:0}#recordTab[hidden]{display:none}#recordTab #mapSection{grid-column:1;grid-row:1/span 2;min-height:620px}#recordTab .map-panel{height:min(72vh,740px);min-height:560px}.record-sheet{background:#fff;border:1px solid #d8e0e8;border-radius:20px;box-shadow:0 12px 32px rgba(28,49,66,.07);grid-column:2;min-height:0;overflow:hidden}.record-sheet-content{display:flex;flex-direction:column;gap:14px;max-height:min(66vh,680px);overflow-y:auto;overscroll-behavior:contain;padding:18px}.record-sheet-toggle{display:none}.record-sheet .stats-grid{grid-template-columns:1fr}.record-sheet .panel{border-radius:14px}.record-actions{align-self:start;grid-column:2;grid-row:2}.record-actions button{min-height:58px}.app-header[hidden],.home-screen[hidden],.tab-bar[hidden]{display:none}.home-screen{background:linear-gradient(180deg,#c4e2f7 0,#dceefa 57%,#d8e6d7 100%);display:flex;flex-direction:column;isolation:isolate;min-height:100svh;overflow:hidden;padding:max(20px,env(safe-area-inset-top)) 24px max(26px,env(safe-area-inset-bottom));position:relative}.home-brand{color:#202b3d;padding-top:clamp(4px,2.5vh,22px);position:relative;text-align:center;z-index:1}.home-mark{border-radius:12px;display:block;height:clamp(48px,6vh,66px);margin:0 auto 12px;width:clamp(48px,6vh,66px)}.home-brand h1{color:inherit;font-size:clamp(46px, 9vw, 70px);font-weight:850;letter-spacing:-.065em;line-height:1}.home-brand p{color:#627086;font-size:clamp(17px, 3.8vw, 23px);margin-top:10px}.home-scene{bottom:clamp(255px,31vh,430px);height:auto;left:50%;max-width:none;position:absolute;transform:translateX(-50%);width:min(100%,614px);z-index:0}.home-card{background:rgba(255,255,255,.97);border-radius:42px;box-shadow:0 20px 55px rgba(32,43,61,.14);display:grid;gap:18px;margin-bottom:clamp(0px,5.4vh,75px);margin-top:auto;padding:24px;position:relative;z-index:1}.home-driver{align-items:center;background:#f1f4f8;border-radius:44px;display:flex;gap:16px;min-height:94px;padding:12px 18px}.home-driver-icon{align-items:center;background:#e2eefa;border-radius:50%;display:flex;flex:none;font-size:27px;height:56px;justify-content:center;width:56px}.home-driver span:not(.home-driver-icon):not(.home-ready-dot),.home-driver strong{display:block}.home-driver strong{color:#202b3d;font-size:21px}.home-driver div span{color:#627086;font-size:15px;margin-top:3px}.home-ready-dot{background:#20b779;border:4px solid #d7f2e7;border-radius:50%;height:18px;margin-left:auto;width:18px}.home-primary,.home-secondary{border-radius:999px;font-size:22px;font-weight:750;min-height:82px}.home-primary{background:#1fb779;border-color:#1fb779;box-shadow:0 12px 20px rgba(20,151,99,.2);color:#fff}.home-primary:hover{background:#159a66}.home-secondary{background:#fff;border-color:#dce1e6;box-shadow:0 5px 12px rgba(32,43,61,.08);color:#202b3d}.home-hint{color:#627086;font-size:13px;text-align:center}@media (max-height:760px){.home-scene{bottom:240px;width:min(90%,520px)}.home-card{border-radius:30px;margin-bottom:0;padding:18px}.home-driver{min-height:64px}.home-primary,.home-secondary{min-height:56px}}@media (min-width:700px) and (max-height:820px){.home-scene{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 38%,#000 65%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 38%,#000 65%)}}@media (max-width:520px) and (max-height:1000px){.home-screen{padding-left:16px;padding-right:16px}.home-card{border-radius:32px;gap:10px;margin-bottom:4px;padding:16px}.home-driver{gap:10px;min-height:66px;padding:8px 12px}.home-driver-icon{height:46px;width:46px}.home-driver strong{font-size:18px}.home-driver div span{font-size:13px}.home-primary,.home-secondary{font-size:19px;min-height:58px}}.app-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.eyebrow{color:#52606d;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 2px;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#17212b;font-size:26px;line-height:1.08}h2{color:#17212b;font-size:17px}summary{cursor:pointer;font-weight:900;list-style:none}summary::-webkit-details-marker{display:none}.status-pill{background:#eef2f6;border:1px solid #c9d3df;border-radius:8px;color:#52606d;font-size:12px;font-weight:900;padding:7px 10px;text-transform:uppercase;white-space:nowrap}.status-pill.live{background:#d93901;border-color:red;color:#fff}.sound-toggle{background:#fff;border-color:#c9d3df;color:#52606d;font-size:12px;min-height:34px;padding:7px 10px;white-space:nowrap}.sound-toggle.on{background:#e7f5ef;border-color:#9ed7c1;color:#135f63}.tab-bar{background:#e8eef4;border:1px solid #c9d3df;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.tab-button{background:0 0;border:0;color:#52606d;min-height:40px}.tab-button.active{background:#fff;box-shadow:0 1px 3px rgba(23,33,43,.12);color:#135f63}.tab-view{display:flex;flex-direction:column;gap:14px}.tab-view[hidden]{display:none}.map-panel,.panel,.stat{background:#fff;border:1px solid #d8e0e8;border-radius:8px}.map-panel{height:330px;overflow:hidden;position:relative}#map{height:100%;width:100%}#map.is-picking-map-label{cursor:crosshair}#routesPreviewMap{height:100%;width:100%}.google-map-control-group{background:#fff;border:1px solid #c9d5dd;border-radius:2px;box-shadow:0 1px 5px rgba(23,33,43,.18);display:grid;overflow:hidden;margin:10px}.routes-preview-map-button{align-items:center;border:0;border-radius:0;display:flex;height:29px;justify-content:center;min-height:29px;padding:0;width:29px}.routes-preview-map-button+.routes-preview-map-button{border-top:1px solid #d8e0e8}.routes-preview-map-button svg{fill:none;height:20px;stroke:#135f63;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;width:20px}.routes-preview-compass-button svg{fill:#f7fbfc;stroke:#52606d;transition:transform 120ms ease}.routes-preview-compass-button.is-rotated svg{fill:#e7f5ef;stroke:#135f63}.routes-preview-label-button.is-active svg{fill:#f4edff;stroke:#7c3aed}.map-location-status{color:#52606d!important;font-size:11px!important;font-weight:700;margin-top:5px!important}.map-overlay{background:rgba(255,255,255,.94);border:1px solid #d8e0e8;border-radius:7px;left:54px;max-width:calc(100% - 64px);padding:8px 10px;position:absolute;top:10px;z-index:500}.map-overlay strong{color:#52606d;display:block;font-size:11px;letter-spacing:0;text-transform:uppercase}.map-overlay span{color:#17212b;display:block;font-size:13px;font-weight:800;margin-top:2px}.map-metrics{bottom:16px;display:grid;gap:8px;left:16px;max-width:calc(100% - 32px);pointer-events:none;position:absolute;width:252px;z-index:500}.map-metric{align-items:center;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 8px 24px rgba(25,47,62,.12);display:flex;gap:12px;min-height:60px;padding:8px 16px 8px 9px}.map-metric-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 42px;font-size:25px;font-weight:700;height:42px;justify-content:center}.speed-icon{background:#20b879}.average-icon{background:#6683ea}.distance-icon{background:#ef9d50}.map-metric>span:last-child{min-width:0}.map-metric strong,.map-metric>span:last-child>span{color:#1d2838;display:block;font-size:15px;line-height:1.2}.map-metric>span:last-child>span{color:#59677d;font-size:14px;margin-top:3px}.panel{display:flex;flex-direction:column;gap:10px;padding:12px}.collapsible-panel>summary,.inline-details>summary{align-items:center;color:#17212b;display:flex;gap:10px;justify-content:space-between}.collapsible-panel>summary::after,.inline-details>summary::after{color:#617184;content:"+";flex:0 0 auto;font-size:18px;line-height:1}.collapsible-panel[open]>summary::after,.inline-details[open]>summary::after{content:"-"}.collapsible-panel[open],.inline-details[open]{gap:10px}.inline-details{border-top:1px solid #e2e8ef;display:flex;flex-direction:column;padding-top:10px}.inline-details>summary{color:#465465;font-size:12px}.inline-details[open]>label{margin-top:8px}.section-header{align-items:center;display:flex;justify-content:space-between;gap:10px}.meta{color:#617184;font-size:12px;font-weight:900;text-transform:uppercase}.action-row,.button-grid,.two-col{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#465465;display:flex;flex-direction:column;flex:1;font-size:12px;font-weight:800;gap:5px}.autocomplete-field{position:relative}.clearable-input{position:relative;width:100%}.full-row{grid-column:1/-1}input,select,textarea{appearance:none;background:#f9fbfd;border:1px solid #cdd7e1;border-radius:7px;color:#17212b;min-height:42px;outline:0;padding:9px 10px;width:100%}.clearable-input input{padding-right:44px}.clearable-input>.input-clear{align-items:center;background:0 0;border:0;color:#617184;display:inline-flex;font-size:15px;height:30px;min-height:30px;padding:0;position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;z-index:1}.input-clear[hidden]{display:none!important}.input-clear:focus-visible{outline:2px solid #135f63;outline-offset:1px}.fare-control{display:grid;gap:6px;grid-template-columns:44px minmax(0,1fr) 44px}.fare-control input{text-align:center}.fare-control button{border-radius:7px;font-size:18px;min-height:42px;padding:0}select{background-image:linear-gradient(45deg,transparent 50%,#617184 50%),linear-gradient(135deg,#617184 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:34px}textarea{min-height:72px;resize:vertical}input:disabled,select:disabled,textarea:disabled{background:#eef2f6;color:#697789}button{align-items:center;background:#fff;border:1px solid #b9c6d3;border-radius:8px;color:#25313d;display:inline-flex;font-size:14px;font-weight:900;justify-content:center;min-height:46px;padding:10px}button.start{background:#d93901;border-color:#d93901;color:#fff}button.primary{background:#135f63;border-color:#135f63;color:#fff}button.danger{background:#fff4f2;border-color:#df9d94;color:#9d2d20}button:disabled{background:#e8edf2;border-color:#d5dde5;color:#8a96a3}.suggestions{background:#fff;border:1px solid #cdd7e1;border-radius:7px;box-shadow:0 10px 24px rgba(23,33,43,.12);display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:800}.suggestions[hidden]{display:none}.suggestion-item{background:#fff;border:0;border-radius:0;color:#25313d;justify-content:flex-start;min-height:40px;padding:9px 10px}.suggestion-item+.suggestion-item{border-top:1px solid #e2e8ef}.suggestion-item.active,.suggestion-item:focus{background:#eef3ff;outline:0}.stats-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat{min-height:66px;padding:10px}.stat span{color:#617184;display:block;font-size:11px;font-weight:800;text-transform:uppercase}.stat strong{color:#17212b;display:block;font-size:16px;margin-top:7px}.archive-list{display:flex;flex-direction:column;gap:8px}.archive-actions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-empty,.detail,.helper{color:#52606d;font-size:13px;line-height:1.45}.archive-row{align-items:center;background:#f9fbfd;border:1px solid #d8e0e8;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:58px;padding:9px 10px}.archive-row.selected{background:#eef3ff;border-color:#9eb2f2}.archive-row.previewed{box-shadow:inset 3px 0 0 #135f63}.archive-select{align-items:center;cursor:pointer;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);min-width:0}.archive-select input{min-height:auto;width:auto}.archive-title{color:#17212b;display:block;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-subtitle{color:#617184;display:block;font-size:12px;font-weight:700;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-label-list{display:flex;flex-direction:column;gap:8px}.map-label-actions{display:grid;gap:10px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.map-label-pick-status{background:#f4f7fa;border:1px solid #d8e0e8;border-radius:8px;color:#52606d;font-size:13px;font-weight:800;line-height:1.35;margin:0;padding:10px 12px}.map-label-form{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.map-label-form .full-row{grid-column:1/-1}.map-label-save{width:100%}.map-label-row{align-items:center;background:#f9fbfd;border:1px solid #d8e0e8;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:9px 10px}.map-label-row-body{min-width:0}.map-label-title{color:#17212b;display:block;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-label-detail{color:#617184;display:block;font-size:12px;font-weight:700;margin-top:4px}.map-label-delete{color:#9d2d20;font-size:12px;min-height:34px;padding:6px 8px}.archive-preview-button{color:#135f63;font-size:12px;min-height:34px;padding:6px 8px}.route-preview-view{min-height:calc(100vh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.route-preview-tools{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.route-preview-tools .detail{grid-column:1}.route-preview-file-tools{border:1px solid #d8e0e8;border-radius:8px;overflow:hidden}.route-preview-file-tools summary{align-items:center;color:#135f63;display:flex;justify-content:space-between;min-height:44px;padding:10px 12px}.route-preview-file-tools summary::after{content:"+";font-size:20px;line-height:1}.route-preview-file-tools[open] summary{border-bottom:1px solid #d8e0e8}.route-preview-file-tools[open] summary::after{content:"-"}.route-preview-actions{align-items:end;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}.file-picker{background:#135f63;border:1px solid #135f63;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;justify-content:center;min-height:46px;padding:10px}.file-picker input{display:none}.route-preview-layout{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(220px,280px);min-height:min(720px,calc(100vh - 246px))}.route-preview-map-wrap{background:#fff;border:1px solid #d8e0e8;border-radius:8px;min-height:540px;overflow:hidden;position:relative}.route-preview-overlay{left:10px;max-width:calc(100% - 20px)}.route-preview-list-panel{min-height:0}.route-preview-search{gap:5px}.route-preview-search input{min-height:38px}.route-preview-select-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.route-preview-select-actions button{min-height:38px;padding:7px 8px}.route-preview-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 326px);overflow:auto;padding-right:2px}.route-preview-row{align-items:flex-start;background:#f9fbfd;border:1px solid #d8e0e8;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);padding:9px}.route-preview-row.highlighted{background:#fff8dc;border-color:#d8a600}.route-preview-row input{margin-top:3px;min-height:auto;width:auto}.route-preview-row-title{color:#17212b;display:block;font-size:13px;font-weight:900;overflow-wrap:anywhere}.route-preview-row-subtitle{color:#617184;display:block;font-size:12px;font-weight:700;margin-top:3px}.route-preview-row-actions{display:flex;gap:6px;grid-column:2}.route-preview-row-actions button{flex:1;min-height:34px;padding:6px 8px}.gm-style-iw-d{overflow:auto!important}.gm-style-iw span,.gm-style-iw strong{display:block}.gm-style-iw strong{color:#17212b;font:800 13px/1.35 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.gm-style-iw span{color:#52606d;font-size:12px;margin-top:3px}.route-preview-popup{border:1px solid #d8e0e8;border-radius:8px;color:#17212b;font:13px/1.35 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:9px 10px}.error,.notice{border-radius:7px;border:1px solid;font-size:13px;line-height:1.45;padding:9px}.notice{background:#edf8f0;border-color:#c2e6cd;color:#176b37}.error{background:#fff4f2;border-color:#efc2bb;color:#9d2d20}@media (max-width:520px){.app-shell{padding-left:12px;padding-right:12px}.app-header{align-items:stretch}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-actions,.route-preview-actions,.route-preview-layout,.route-preview-tools{grid-template-columns:1fr}.route-preview-map-wrap{min-height:calc(100vh - 294px)}.route-preview-list{max-height:320px}}@media (max-width:800px){.app-shell.record-active{gap:0;height:100svh;max-width:none;min-height:0;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 0 0}.record-active .app-header{align-items:center;padding:4px 12px 8px}.record-active .record-header-title{gap:8px}.record-active .record-header-title h1{font-size:20px}.record-active .back-button{min-height:36px;padding:5px 10px}.record-active .header-actions{align-items:center;flex-direction:row;gap:6px}.record-active .sound-toggle{min-height:34px}.record-active .status-pill{font-size:10px;padding:7px 8px}.record-active .tab-bar{border-radius:12px;margin:0 10px 8px}#recordTab{display:block;flex:1;min-height:0;position:relative}#recordTab #mapSection{border:0;border-radius:0;height:100%;min-height:0;padding:0;position:relative}#recordTab #mapSection>summary{display:none}#recordTab .map-panel{border:0;border-radius:0;height:100%;inset:0;min-height:0;position:absolute}#recordTab .map-overlay{left:12px;top:12px}#recordTab .map-metrics{bottom:calc(84px + env(safe-area-inset-bottom));left:12px;width:min(248px,calc(100% - 24px))}.record-sheet{background:#fff;border:1px solid #d5e2e8;border-radius:999px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px rgba(25,47,62,.16);left:50%;max-height:56px;position:fixed;right:auto;transform:translateX(-50%);transition:max-height 220ms ease,border-radius 220ms ease;width:max-content;z-index:700}.record-sheet.is-expanded{background:#f9fbfd;border-radius:28px 28px 0 0;bottom:calc(76px + env(safe-area-inset-bottom));left:0;max-height:min(76svh,720px);right:0;transform:none;width:auto}.record-sheet-toggle{align-items:center;background:#f9fbfd;border:0;border-radius:28px 28px 0 0;color:#405466;display:flex;flex-direction:row;font-size:15px;font-weight:800;gap:10px;justify-content:center;min-height:54px;padding:10px 22px;width:100%}.record-sheet:not(.is-expanded) .record-sheet-toggle{background:#fff;border-radius:999px}.record-sheet-handle::before{color:#1c886b;content:"↑";font-size:20px;line-height:1}.record-sheet.is-expanded .record-sheet-handle::before{content:"↓"}.record-sheet-content{display:none;gap:12px;padding:8px 14px 20px}.record-sheet.is-expanded .record-sheet-content{display:flex;max-height:calc(min(76svh,720px) - 54px)}.record-actions{background:rgba(255,255,255,.98);border-top:1px solid #d8e3e9;bottom:0;box-shadow:0 -8px 24px rgba(25,47,62,.08);display:none;left:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:710}.record-sheet.is-expanded~.record-actions{display:block}.record-actions button{border-radius:14px;font-size:18px;width:100%}.record-actions button:disabled{display:none}}