:root{--ink:#16231d;--muted:#68756e;--paper:#f4f1e9;--panel:#fffdf8;--line:#d9ded6;--lime:#c9f43d;--forest:#173f32;--orange:#f26a35;--blue:#2f74c8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}body{overflow-x:hidden}
.topbar{height:64px;background:#102c24;color:#fff;display:flex;align-items:center;padding:0 24px;gap:24px;border-bottom:1px solid #315047}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.02em}.brand b{font-weight:400;color:#cfe1d9}.brand-mark{display:grid;place-items:center;width:52px;height:33px;border:2px solid var(--lime);color:var(--lime);font-size:17px;font-weight:bold;letter-spacing:-.04em;transform:rotate(-5deg);box-shadow:3px 3px 0 #315047}.privacy{margin-left:auto;padding:4px 0;border:0;border-bottom:1px dashed #668278;background:transparent;color:#a9c0b6;font-family:inherit;font-size:12px;cursor:pointer}.privacy:hover,.privacy:focus-visible{color:#fff;border-color:var(--lime)}.load-actions{display:flex;gap:8px}.file-button,.large-file-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:700 13px Arial,Helvetica,sans-serif;color:#fff}.file-button{height:36px;padding:0 17px;border:1px solid #668278;border-radius:4px;background:#1c4437}.file-button:hover{border-color:var(--lime)}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.protocol-warning{padding:10px 24px;background:#fff0c9;color:#603f10;border-bottom:1px solid #e3c77d;font-size:13px;text-align:center}
.privacy-dialog{width:min(575px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);box-shadow:0 22px 80px #102c2455}.privacy-dialog::backdrop{background:#102c2499;backdrop-filter:blur(3px)}.privacy-dialog form{padding:24px}.privacy-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between}.privacy-dialog .dialog-heading span{font-size:10px;font-weight:bold;letter-spacing:.16em;color:#6b7d74}.privacy-dialog .dialog-heading button{border:0;background:transparent;color:#718078;font-size:26px;cursor:pointer}.privacy-dialog h2{margin:12px 0 14px;font:27px Georgia,serif}.privacy-dialog p{margin:0 0 13px;color:var(--muted);font-size:14px;line-height:1.55}.privacy-dialog .dialog-close{width:100%;height:38px;margin-top:6px;border:0;border-radius:3px;background:var(--forest);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.android-dialog{width:min(600px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);box-shadow:0 22px 80px #102c2455}.android-dialog::backdrop{background:#102c2499;backdrop-filter:blur(3px)}.android-dialog form{padding:24px}.android-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between}.android-dialog .dialog-heading span{font-size:10px;font-weight:bold;letter-spacing:.16em;color:#6b7d74}.android-dialog .dialog-heading button{border:0;background:transparent;color:#718078;font-size:26px;cursor:pointer}.android-dialog h2{margin:12px 0 10px;font:27px Georgia,serif}.android-dialog p{color:var(--muted);font-size:14px;line-height:1.5}.android-guide{padding:2px 16px 15px;background:#f4f6f1;border-left:4px solid var(--lime)}.android-guide ol{margin:12px 0 10px;padding-left:22px;color:#39473f;font-size:14px;line-height:1.48}.android-guide li{padding:3px 0}.android-guide small{display:block;color:var(--muted);font-size:12px;line-height:1.45}.android-dialog select{width:100%;margin:10px 0;padding:8px;border:1px solid var(--line);background:#fff;color:var(--ink)}.android-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.android-buttons button{height:38px;padding:0 18px;border:0;border-radius:3px;background:var(--forest);color:#fff;font-weight:700;cursor:pointer}
main{display:grid;grid-template-columns:minmax(0,1fr) 350px}.map-panel{height:50vh;min-height:360px;position:relative;background:#cdd8cd}.side-panel{height:50vh;min-height:360px;background:var(--panel);border-left:1px solid var(--line);overflow:auto}#map{position:absolute;inset:0;width:100%;height:100%}.drop-zone{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 40px));padding:42px;text-align:center;background:rgba(255,253,248,.94);border:1px solid #c8d0c8;box-shadow:0 18px 70px rgba(21,46,36,.24);backdrop-filter:blur(6px)}.drop-zone.dragging{outline:4px solid var(--lime)}.drop-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--lime);font-size:29px}.drop-zone h1{font-family:Georgia,serif;font-size:34px;line-height:1.05;margin:20px 0 10px}.drop-zone p{color:var(--muted);font-size:14px}.large-file-button{height:44px;margin-top:11px;padding:0 24px;background:var(--forest);color:#fff;border-radius:3px}.large-file-button:hover{background:#245945}
.empty-summary{padding:56px 36px}.empty-summary>span,.graphs-head span,.ride-heading span{font-size:10px;font-weight:bold;letter-spacing:.16em;color:#6b7d74}.empty-summary h2,.graphs-head h2,.ride-heading h2{font-family:Georgia,serif}.empty-summary h2{font-size:35px;line-height:1.12;margin:16px 0}.empty-summary p{color:var(--muted);line-height:1.65}.ride-summary{padding:20px}.ride-heading{display:flex;align-items:flex-start;justify-content:space-between}.ride-heading h2{font-size:25px;margin:6px 0 22px}.ride-heading button{border:0;background:transparent;font-size:27px;color:#718078;cursor:pointer}.summary-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.summary-grid div{padding:17px;border-bottom:1px solid var(--line)}.summary-grid div:nth-child(odd){border-right:1px solid var(--line)}.summary-grid div:nth-child(n+3){border-bottom:0}.summary-grid strong{display:block;font:24px Georgia,serif}.summary-grid span{font-size:11px;color:var(--muted)}.now-card{margin-top:22px;background:#153b30;color:#fff;padding:7px 18px;display:grid;grid-template-columns:1fr 1fr}.now-card>div{padding:12px 3px;border-bottom:1px solid #34584d}.now-card>div:nth-last-child(-n+2){border-bottom:0}.now-card span{display:block;font-size:9px;letter-spacing:.12em;color:#93ada3}.now-card strong{display:block;margin-top:4px;font-size:16px}
.map-tools{position:absolute;z-index:3;top:12px;left:12px;width:min(350px,calc(100% - 24px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;background:#153b30;color:#fff;padding:11px 12px 9px;border:1px solid #41645a;box-shadow:0 3px 18px #102c2466;border-radius:4px}.map-tools label{min-width:0;font-size:10px;font-weight:bold;display:flex;align-items:center;gap:7px;color:#b7cbc3}.map-tools label:first-child select{min-width:0;flex:1}.map-tools select,.map-tools button{height:31px;border:1px solid #6f887f;background:#fff;border-radius:3px;color:var(--ink)}.map-tools button{cursor:pointer}.map-tools button.active{background:var(--forest);color:#fff}.map-tools .legend{grid-column:1/-1;padding:2px 1px 0;border:0}.legend-bar{height:7px;width:100%;margin-bottom:5px;border-radius:1px;background:linear-gradient(90deg,#2864dc,#24a9c7,#21b987,#a9cf3b,#e5d541,#ee8b32,#e4492d)}.legend-labels{display:flex;justify-content:space-between}.legend-labels span:last-child{text-align:right}.legend-labels b{font-size:10px;color:#fff}
.map-state{position:absolute;z-index:5;right:52px;top:14px;bottom:auto;max-width:min(420px,calc(100% - 220px));background:#173f32;color:#fff;padding:7px 10px;border-radius:3px;font-size:10px;box-shadow:0 2px 10px #0003}.map-state.error{background:#a33b2d}.map-state.ready{display:none}
.graphs-panel{grid-column:1/-1;padding:30px 28px 40px;background:var(--paper);border-top:1px solid var(--line)}.graphs-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.graphs-head h2{font-size:28px;margin:5px 0 0}.graph-note{font-size:12px;color:var(--muted)}.graphs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.graph-card{background:var(--panel);border:1px solid var(--line);padding:14px 10px 8px}.graph-title{font-size:11px;font-weight:bold;letter-spacing:.08em;margin:0 0 8px 9px}.uplot{font-family:Arial,sans-serif}.u-legend{font-size:11px!important}.hidden{display:none!important}footer{padding:14px 24px;background:#102c24;color:#8eaaa0;font-size:10px;display:flex;justify-content:space-between}
@media(max-width:900px){main{grid-template-columns:1fr}.map-panel{height:50vh;min-height:360px}.side-panel{height:auto;min-height:0;border-left:0;border-top:1px solid var(--line)}.empty-summary{display:none}.graphs{grid-template-columns:1fr}.privacy{display:none}.load-actions>.proto-help{display:none}.graphs-head{align-items:start;gap:10px;flex-direction:column}.map-tools{right:10px;flex-wrap:wrap}.drop-zone{padding:28px}.drop-zone h1{font-size:27px}}
.info-button{width:36px;height:36px;border:1px solid #668278;border-radius:50%;background:transparent;color:#fff;font-weight:bold;font-size:16px;cursor:pointer}.info-button:hover,.info-button:focus-visible{border-color:var(--lime);color:var(--lime)}
.install-button{height:30px;margin-left:8px;padding:0 12px;border:1px solid #668278;border-radius:4px;background:#1c4437;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.install-button:hover,.install-button:focus-visible{border-color:var(--lime);color:var(--lime)}
.load-actions .proto-help{border-color:var(--lime);color:var(--lime)}.load-actions .proto-help:hover{background:#285345;color:#fff}
.proto-help-dialog h3{margin:20px 0 7px;font:20px Georgia,serif}.proto-best-way{margin:14px 0 20px;padding:16px;border-left:4px solid var(--lime);background:#f4f6f1}.proto-best-way strong{font-size:14px}.proto-best-way p{margin:7px 0 12px}.proto-actions{display:flex;flex-wrap:wrap;gap:7px}.proto-actions button,.proto-actions label{display:inline-flex;align-items:center;justify-content:center;height:37px;padding:0 16px;border:1px solid #668278;border-radius:3px;background:#1c4437;color:#fff;font-size:13px;font-weight:bold;cursor:pointer}.proto-actions button:hover,.proto-actions label:hover{border-color:var(--lime)}.proto-actions input{position:absolute;width:1px;height:1px;opacity:0}.proto-path{display:block;padding:10px;overflow-wrap:anywhere;border:1px solid var(--line);background:#f4f6f1;color:var(--forest);font-size:12px}.proto-help-dialog small{display:block;margin-top:15px;color:var(--muted);font-size:12px;line-height:1.5}.untested{margin-left:5px;padding:2px 5px;border-radius:2px;background:#fff0c9;color:#76500e;font:700 9px Arial,sans-serif;text-transform:uppercase;vertical-align:middle}
.data-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.data-tool-grid button,.data-tool-grid label{position:relative;overflow:hidden;min-height:72px;padding:12px;border:1px solid #668278;border-radius:3px;background:#1c4437;color:#fff;text-align:left;cursor:pointer}.data-tool-grid strong,.data-tool-grid small{position:relative;z-index:1;display:block}.data-tool-grid small{margin-top:5px;color:#b7cbc3;font-size:11px;font-weight:normal}.data-tool-grid .danger{border-color:#9a5b50;background:#65342d}.data-tool-grid .export-action.exporting{cursor:wait}.data-tool-grid .export-action.exporting::before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:var(--export-progress,0%);background:#6d842f;transition:width .15s ease}.data-tool-grid input{position:absolute;width:1px;height:1px;opacity:0}@media(max-width:520px){.data-tool-grid{grid-template-columns:1fr}}
.data-tools-button{height:36px;padding:0 17px;border:1px solid #668278;border-radius:4px;background:#1c4437;color:#fff;font-size:12px;font-weight:bold;white-space:nowrap;cursor:pointer}
.app-dialog{width:min(600px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);box-shadow:0 22px 80px #102c2455;font:14px/1.5 Arial,Helvetica,sans-serif}.app-dialog.dialog-narrow{width:min(480px,calc(100% - 32px))}.app-dialog::backdrop{background:#102c2499;backdrop-filter:blur(3px)}.app-dialog form{padding:24px}.app-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between}.app-dialog .dialog-heading span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#6b7d74}.app-dialog .dialog-heading button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#718078;font:24px/1 Arial,sans-serif;cursor:pointer}.app-dialog .dialog-heading button:hover,.app-dialog .dialog-heading button:focus-visible{border-color:var(--line);background:#f1f3ed;color:var(--forest);outline:0}.app-dialog h2{margin:12px 0 14px;font:27px/1.15 Georgia,serif}.app-dialog h3{margin:19px 0 7px;font:700 13px/1.3 Arial,sans-serif;color:var(--forest)}.app-dialog p{margin:0 0 13px;color:var(--muted);font-size:14px;line-height:1.55}.app-dialog .dialog-close{width:100%;height:38px;margin-top:10px;border:1px solid #668278;border-radius:3px;background:#173f32;color:#fff;font:700 13px Arial,sans-serif;cursor:pointer}.app-dialog .dialog-close:hover,.app-dialog .dialog-close:focus-visible{border-color:var(--lime);outline:0}.dialog-action{display:inline-flex;align-items:center;justify-content:center;height:37px;padding:0 16px;border:1px solid #668278;border-radius:3px;background:#1c4437;color:#fff;font:700 13px Arial,sans-serif;cursor:pointer}.dialog-action:hover,.dialog-action:focus-within{border-color:var(--lime)}.dialog-action input{position:absolute;width:1px;height:1px;opacity:0}.manual-file-button{margin:0 0 5px}
.graph-card.dragging{opacity:.45}.graph-card.drag-target{outline:2px solid var(--lime)}.graph-title{cursor:grab;user-select:none}.graph-title::before{content:"⋮⋮";margin-right:7px;color:#9aa49e;letter-spacing:-3px}.app-info-dialog h3{margin:18px 0 5px;font-size:13px;color:var(--forest)}
.graph-card .u-legend{font-variant-numeric:tabular-nums}.graph-card .u-legend.u-inline tr{width:135px;margin-right:0;text-align:left;white-space:nowrap}.graph-card .u-legend .u-series>th{width:auto;overflow:visible}.graph-card .u-legend .u-series>.u-value{width:auto;text-align:left}
.graph-card .u-legend{line-height:1.2}.graph-card .u-series>*{padding-top:0;padding-bottom:0}
.graph-cursor-value{position:absolute;z-index:5;display:none;min-width:30px;padding:2px 5px;border:1px solid currentColor;border-radius:3px;background:#fffdf8e8;box-shadow:0 1px 4px #102c2433;font:700 11px/14px Arial,sans-serif;text-align:center;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
.graph-cursor-time{position:absolute;z-index:6;display:none;padding:1px 4px;border-radius:2px;background:#102c24;color:#fff;font:700 10px/14px Arial,sans-serif;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
.import-progress-dialog progress{display:block;width:100%;height:18px;margin:18px 0 8px;accent-color:var(--forest)}.import-progress-counts{font-variant-numeric:tabular-nums}.import-progress-dialog button:disabled{opacity:.45;cursor:default}
.feedback-form{margin:22px 0 16px;padding:16px;border:1px solid var(--line);background:#f4f6f1}.feedback-form h3{margin-top:0}.feedback-form label{display:block;margin-top:11px;color:var(--ink);font-size:12px;font-weight:bold}.feedback-form input,.feedback-form textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #bdc8c0;border-radius:3px;background:#fff;color:var(--ink);font:14px Arial,sans-serif}.feedback-form textarea{resize:vertical}.feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.feedback-actions span{color:var(--muted);font-size:12px}.feedback-actions span.error{color:#9a3428}.feedback-actions button{min-width:120px;height:36px;border:1px solid #668278;border-radius:3px;background:#1c4437;color:#fff;font-weight:bold;cursor:pointer}.feedback-actions button:hover{border-color:var(--lime)}.feedback-actions button:disabled{opacity:.5;cursor:default}
.map-panel,.side-panel{min-height:0}
body:not(.ride-loaded) .map-panel,body:not(.ride-loaded) .side-panel{height:calc(100vh - 105px)}
.summary-grid div:nth-child(n+3){border-bottom:1px solid var(--line)}.summary-grid div:nth-last-child(-n+2){border-bottom:0}.summary-grid strong{font-size:20px}
body.ride-loaded{height:100vh;overflow:hidden}body.ride-loaded main{--overview-height:50%;height:calc(100vh - 102px);grid-template-rows:minmax(180px,var(--overview-height)) 9px minmax(140px,1fr);overflow:hidden}body.ride-loaded .map-panel,body.ride-loaded .side-panel{height:auto}body.ride-loaded .graphs-panel{min-height:0;overflow-y:auto}body.ride-loaded footer{height:38px}
.layout-separator{grid-column:1/-1;position:relative;z-index:7;height:9px;background:#e5e8e1;border-top:1px solid #c8cec7;border-bottom:1px solid #c8cec7;cursor:row-resize;touch-action:none;user-select:none}.layout-separator span{position:absolute;left:50%;top:50%;width:44px;height:3px;border-radius:2px;background:#829087;transform:translate(-50%,-50%)}.layout-separator:hover,.layout-separator:focus-visible,.layout-separator.dragging{background:#dff087;outline:0}.layout-separator:hover span,.layout-separator:focus-visible span,.layout-separator.dragging span{background:var(--forest)}body.resizing-layout{cursor:row-resize;user-select:none}
@media(max-width:900px){body.ride-loaded{height:auto;overflow-x:hidden;overflow-y:auto}body.ride-loaded main{height:auto;display:block;overflow:visible}body.ride-loaded .graphs-panel{overflow:visible}.layout-separator{display:none!important}}
.map-panel .now-card{position:absolute;z-index:4;left:12px;right:auto;bottom:12px;width:min(600px,calc(100% - 24px));margin:0;padding:5px 10px;grid-template-columns:repeat(5,1fr);border:1px solid #41645a;border-radius:4px;box-shadow:0 3px 18px #102c2466}.map-panel .now-card>div{padding:7px 6px}.map-panel .now-card>div:nth-last-child(-n+5){border-bottom:0}.map-panel .now-card span{font-size:8px}.map-panel .now-card strong{font-size:13px}.metric-pair strong+strong{margin-top:7px}.summary-grid .metric-pair span{display:block}.summary-grid .metric-pair strong{line-height:1.08}.side-panel .summary-grid div{min-height:74px}
.now-card-toggle{position:absolute;z-index:1;top:3px;right:4px;width:24px;height:22px;padding:0;border:0;border-radius:3px;background:transparent;color:#c9f43d;font-size:13px;line-height:22px;cursor:pointer}.now-card-toggle:hover,.now-card-toggle:focus-visible{background:#31584b;outline:1px solid #668278}.now-card.collapsed>div:nth-of-type(n+6){display:none}.now-card.collapsed>div{border-bottom:0}
@media(max-width:650px){.map-panel .now-card{grid-template-columns:repeat(3,1fr);left:8px;right:auto;bottom:8px;width:calc(100% - 16px)}.map-panel .now-card div:nth-last-child(-n+3){border-bottom:0}.map-panel .now-card.collapsed>div:nth-of-type(n+4){display:none}.map-state{right:8px;top:62px;max-width:calc(100% - 16px)}}
.cursor-route-value{pointer-events:none;white-space:nowrap;background:#102c24;color:#fff;border:1px solid #d7f257;padding:4px 7px;border-radius:3px;font-size:11px;font-weight:bold;box-shadow:0 2px 8px #0006}
.region-sharing{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:bold;cursor:pointer}.region-sharing input{position:static;width:auto;height:auto;opacity:1;accent-color:var(--forest)}.region-note{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}
.region-example{margin:14px 0 4px;border:1px solid var(--line);background:#f6f7f1}.region-example #privacy-region-map{width:100%;height:205px;background:#dbe2d9}.region-example figcaption{padding:9px 12px;color:var(--muted);font-size:11px;line-height:1.4;border-top:1px solid var(--line)}.region-example .maplibregl-ctrl-attrib{font-size:8px}.region-example .maplibregl-ctrl-logo{display:none}
.region-example-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:2px solid #102c24;border-radius:12px;background:#fffdf8;color:#102c24;font-size:11px;font-weight:800;box-shadow:0 1px 4px #0005}
.ride-library{display:grid;grid-template-columns:1fr;gap:7px;margin:-10px 0 16px}.ride-library input,.ride-library select,.ride-library button{position:static;width:100%;height:34px;opacity:1;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 9px}.ride-library input{font:16px Georgia,serif}.ride-library button{border-color:#668278;background:#1c4437;color:#fff;font-weight:bold;cursor:pointer}.ride-library button:hover,.ride-library button:focus-visible{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}
.ride-heading h2{display:flex;align-items:baseline;gap:7px}.ride-heading h2 input{position:static;width:min(190px,100%);height:auto;opacity:1;border:0;border-bottom:1px dashed #aab5ae;background:transparent;padding:0;color:var(--ink);font:inherit}.ride-heading h2 input:focus{outline:0;border-color:var(--forest)}.library-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.library-buttons label,.library-buttons button{font-family:inherit;font-size:11px}.library-buttons label{height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #668278;background:#1c4437;color:#fff;font-weight:bold;cursor:pointer}.library-buttons label:hover,.library-buttons label:focus-within{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.library-buttons input{position:absolute;width:1px;height:1px;opacity:0}
.library-buttons{grid-template-columns:1fr 1fr 1fr}
/* Make the map overview action distinct from individual saved rides. */
.ride-library #saved-rides.showing-all-rides{border:2px solid #9bbd25;background:#fff;color:#173f32;font-weight:800;box-shadow:0 0 0 2px #c9f43d55}
.ride-library #saved-rides .rides-map-option{background:var(--lime);color:#173f32;font-weight:800}
button:not(:disabled):is(:hover,:focus-visible),label.dialog-action:is(:hover,:focus-within),.proto-actions label:is(:hover,:focus-within),.library-buttons label:is(:hover,:focus-within),.data-tool-grid label:is(:hover,:focus-within){border-color:var(--lime)!important;box-shadow:0 0 0 1px var(--lime)!important;filter:brightness(1.14);outline:0}
.app-dialog{width:min(700px,calc(100% - 32px))}