@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light dark;--bg:#f6f5f1;--surface:#fff;--ink:#20251f;--muted:#888d84;--line:#eeeee8;--green:#256b4a;--green-dark:#194d37;--green-pale:#e6f0e9;--orange:#c97846;--shadow:0 12px 34px rgba(28,44,32,.055);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}.app-shell{max-width:500px;min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 22px calc(env(safe-area-inset-bottom) + 96px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 28px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin:0 0 7px}.topbar h1{font:700 25px 'Manrope',sans-serif;letter-spacing:-.04em;margin:0}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--green);font-size:20px;display:grid;place-items:center;cursor:pointer}.icon-button.small{width:46px;height:46px;flex:none}.screen{display:none;animation:appear .22s ease}.screen.active{display:block}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.section-heading h2{font:700 24px 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}.section-heading h3{font:700 18px 'Manrope',sans-serif;letter-spacing:-.035em;margin:0}.text-link{color:var(--green);font-size:12px;font-weight:700;text-decoration:none;border:0;background:none;padding:6px 0;cursor:pointer}.price-card{padding:21px 20px 15px;background:var(--surface);border-radius:26px;box-shadow:var(--shadow);border:1px solid rgba(35,68,45,.04)}.card-topline{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.13em}.live-dot{width:7px;height:7px;border-radius:50%;background:#62a678;box-shadow:0 0 0 3px #e4f0e7}.quiet-button{margin-left:auto;color:var(--green);border:0;background:var(--green-pale);border-radius:20px;padding:7px 11px;font-weight:700;font-size:11px;letter-spacing:0;cursor:pointer}.price-line{display:flex;align-items:baseline;gap:8px;margin-top:20px;color:var(--green-dark)}.price-line strong{font:700 55px 'Manrope',sans-serif;letter-spacing:-.075em;line-height:1}.price-line>span{font:700 19px 'Manrope',sans-serif}.price-line small{font:500 12px 'DM Sans',sans-serif;color:var(--muted)}.price-change{margin:7px 0 8px;font-size:12px;color:var(--muted)}.price-change.up{color:#bc674e}.price-change.down{color:var(--green)}.chart-wrap{height:110px;margin:16px -3px 0}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#a9ada6;font-size:8px;font-weight:700;letter-spacing:.14em;padding:0 1px}.callout{display:flex;gap:13px;padding:16px 15px;margin:14px 0 27px;background:#ecefe7;border-radius:19px}.callout-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;color:var(--green);background:#fff;border-radius:11px;font-size:16px}.callout strong{font-size:12px}.callout p{font-size:11px;color:#767d73;line-height:1.5;margin:4px 0 7px}.callout a{font-size:10px;font-weight:700;color:var(--green);text-decoration:none}.compact{margin:0 0 12px}.count-label{font-size:10px;color:var(--muted)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);padding:12px 14px;border-radius:16px;gap:11px}.history-mark{width:34px;height:34px;border-radius:12px;background:var(--green-pale);color:var(--green);display:grid;place-items:center;font-size:14px}.history-copy{min-width:0;flex:1}.history-copy strong{font-size:12px;font-weight:700;display:block}.history-copy small{color:var(--muted);font-size:10px;display:block;margin-top:3px}.history-value{text-align:right;font:700 14px 'Manrope',sans-serif}.history-value small{display:block;font:500 9px 'DM Sans',sans-serif;color:var(--muted);margin-top:3px}.empty-state{text-align:center;padding:23px 16px;border-radius:17px;border:1px dashed #dcded6;color:var(--muted);font-size:11px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 25px}.stat-card{min-height:112px;background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:15px 14px}.stat-card>span{display:block;color:var(--muted);font-size:8px;letter-spacing:.13em;font-weight:700;margin-bottom:11px}.stat-card strong{font:700 22px 'Manrope',sans-serif;letter-spacing:-.055em}.stat-card strong small{font:600 9px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted)}.stat-card p{font-size:10px;color:var(--muted);margin:5px 0 0}.primary-stat{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.primary-stat>span,.primary-stat p{color:#c0d4c8}.primary-stat strong{font-size:20px}.quick-card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:15px;margin-bottom:26px}.quick-card>p:first-child{font-size:11px;color:var(--muted);margin:0 0 12px;line-height:1.5}.quick-row{display:flex;gap:8px;margin-bottom:9px}.quick-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:var(--bg);font-size:12px;color:var(--ink)}.button{border:0;background:var(--green);color:white;border-radius:15px;min-height:48px;padding:0 16px;font-size:12px;font-weight:700;cursor:pointer}.button:active{transform:scale(.99)}.button.secondary{color:var(--green);background:var(--green-pale)}.button.full{width:100%}.helper{font-size:10px;color:var(--muted);line-height:1.5;margin:9px 0 0}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);padding:9px 28px calc(env(safe-area-inset-bottom) + 8px);display:flex;justify-content:center;gap:52px;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px);border-top:1px solid rgba(130,140,128,.12);z-index:3}.tab{width:78px;border:0;background:none;color:#9a9e96;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:600;cursor:pointer}.tab.active{color:var(--green)}.tab-icon{font-size:20px;line-height:1}.sheet{width:min(100%,500px);max-height:min(90dvh,780px);margin:auto auto 0;padding:12px 22px calc(env(safe-area-inset-bottom) + 20px);border:0;border-radius:27px 27px 0 0;background:var(--bg);color:var(--ink);box-shadow:0 -10px 50px #0002;overflow-y:auto}.sheet::backdrop{background:#12201555;backdrop-filter:blur(2px)}.sheet[open]{animation:slideup .22s ease}@keyframes slideup{from{transform:translateY(22px);opacity:.7}to{transform:none;opacity:1}}.sheet-grabber{width:36px;height:4px;border-radius:4px;background:#d4d7cf;margin:0 auto 20px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.sheet-heading h2{font:700 22px 'Manrope',sans-serif;letter-spacing:-.04em;margin:0}.close-button{border:0;background:#e9eae4;color:#6d746a;border-radius:50%;width:31px;height:31px;font-size:21px;line-height:1;cursor:pointer}label{display:block;font-size:11px;font-weight:700;margin:0 0 14px;position:relative}label input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:7px;border:1px solid #e3e5dd;border-radius:13px;background:var(--surface);padding:13px 12px;font-size:15px;color:var(--ink);outline:none}label input:focus,textarea:focus{border-color:#76a187;box-shadow:0 0 0 3px #256b4a18}.input-suffix{font-weight:500;color:var(--muted);font-size:10px;float:right}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:13px 12px;cursor:pointer}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{width:41px;height:24px;border-radius:15px;background:#d8dbd4;position:relative;transition:.2s;flex:none}.toggle-row i:after{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.toggle-row input:checked+i{background:var(--green)}.toggle-row input:checked+i:after{transform:translateX(17px)}.calc-preview{font-size:10px;color:var(--green);background:var(--green-pale);padding:11px 12px;border-radius:12px;margin:11px 0}.form-error{color:#b94f45;font-size:11px;min-height:0;margin:0 0 8px}.body-copy{font-size:12px;line-height:1.6;color:var(--muted);margin:-7px 0 17px}.space-top{margin-top:10px}textarea{resize:vertical;font:11px ui-monospace,monospace}.file-button{display:grid;place-items:center;border:1px dashed #b8c5b7;background:var(--surface);color:var(--green);border-radius:14px;padding:15px;cursor:pointer}.file-button input{display:none}.toast{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 83px);left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#24372b;color:#fff;padding:10px 15px;border-radius:20px;font-size:11px;z-index:10;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(prefers-color-scheme:dark){:root{--bg:#141714;--surface:#1e231f;--ink:#f0f2ee;--muted:#969d93;--line:#2a302a;--green:#77b28a;--green-dark:#21432f;--green-pale:#263b2d;--shadow:0 12px 34px #0002}.callout{background:#202a22}.callout-icon{background:#2a362d}.callout p{color:#a6afa4}.tabbar{border-color:#ffffff12}.primary-stat{background:#234431;border-color:#234431}.primary-stat>span,.primary-stat p{color:#bed0c2}.sheet{background:#171b18}.close-button{background:#2c322d;color:#c5cbc2}.sheet-grabber{background:#444a43}label input:not([type=checkbox]),textarea{border-color:#353c35}.quick-row input{border-color:#353c35}.file-button{border-color:#526554}}
@media(min-width:600px){body{padding:18px 0}.app-shell{min-height:calc(100vh - 36px);border-radius:30px;padding-top:26px;padding-bottom:105px}.sheet{margin:auto;border-radius:27px}.tabbar{bottom:18px;border-radius:0 0 24px 24px}}
.forecast-note{font-size:10px;color:var(--muted);margin:0 0 2px}.price-picker-field{margin:0 0 14px}.field-label{display:block;font-size:11px;font-weight:700;margin:0 0 7px}.price-picker{height:48px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;background:var(--surface);border:1px solid #e3e5dd;border-radius:13px}.price-picker select{height:42px;min-width:0;border:0;background:transparent;color:var(--ink);font:600 16px 'DM Sans',sans-serif;text-align:center;appearance:none;-webkit-appearance:none;padding:0 6px;outline:none}.price-picker select:first-child{width:calc(100% - 44px)}.price-picker select:last-child{width:38px}.decimal-dot{font:700 17px 'Manrope',sans-serif;color:var(--muted);margin-left:-5px}.price-picker-field .input-suffix{float:right}.text-link:disabled{opacity:.5}@media(prefers-color-scheme:dark){.price-picker{border-color:#353c35}}
.month-heading{margin-top:27px}.monthly-list{display:flex;flex-direction:column;gap:7px}.monthly-item{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);padding:12px 13px;border-radius:14px;font-size:10px;color:var(--muted)}.monthly-item strong{font-size:11px;color:var(--ink)}.monthly-item span{text-align:right}.monthly-item b{display:block;color:var(--ink);font-size:11px;margin-top:3px}.partner-heading{margin-top:28px}.offers-grid{display:grid;gap:10px}.offer-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px}.offer-brand{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}.brand-logo{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font:800 20px 'Manrope',sans-serif}.shell-logo{background:#fff3d5;color:#c32e28;border:2px solid #efc34f}.petro-logo{background:#eaf1e9;color:#21814f;border:2px solid #d4e5d7}.offer-brand strong,.offer-brand small{display:block}.offer-brand strong{font-size:13px}.offer-brand small{font-size:9px;color:var(--muted);margin-top:3px}.offer-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.partner-mark{display:inline-flex;justify-content:center;align-items:center;min-height:26px;border-radius:9px;font-size:9px;font-weight:800;padding:0 6px}.scotia-mark{background:#fbe9e8;color:#b3262b}.tangerine-mark{background:#fff0e7;color:#b95a20}.caa-mark{background:#e8f2f9;color:#17628d}.rbc-mark{background:#eaf0fa;color:#18539a}.petro-points-mark{background:#eaf4eb;color:#25804f}.offer-row strong,.offer-row small{display:block}.offer-row strong{font-size:11px}.offer-row small{font-size:9px;line-height:1.45;color:var(--muted);margin-top:3px}.offer-foot,.offer-disclaimer{font-size:9px;line-height:1.55;color:var(--muted);margin:11px 0 0}.offer-disclaimer a{color:var(--green);font-weight:700;text-decoration:none}
.tabbar{gap:30px}.tab{width:72px}
.active-car-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 13px;margin:0 0 12px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.active-car-row label{margin:0;font-size:10px;color:var(--muted)}.active-car-row select,.car-form-select{min-width:0;border:0;background:transparent;color:var(--ink);font:700 12px 'DM Sans',sans-serif;outline:none}.active-car-row>span{font-size:9px;color:var(--muted);white-space:nowrap}.log-fill-cta{min-height:58px;margin:0 0 16px;font-size:14px;box-shadow:0 8px 20px #256b4a20}.log-chart-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px;margin:0 0 25px}.log-chart-card .section-heading{align-items:end}.log-chart-wrap{height:130px}.log-chart-wrap svg{width:100%;height:100%;overflow:visible}.import-heading{margin-top:0}.car-list{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}.car-profile-row{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:11px 12px}.car-profile-row strong,.car-profile-row small{display:block}.car-profile-row strong{font-size:11px}.car-profile-row small{font-size:9px;color:var(--muted);margin-top:4px}.car-actions{display:flex;align-items:center;gap:9px;flex:none}.car-actions .text-link{font-size:10px}.car-actions .delete-car{font-size:17px}.car-profile-row .text-link{padding:4px 0}.car-profile-row .use-car{min-width:36px}.import-heading button{border-radius:11px;background:var(--green-pale);padding:8px 12px}.file-button{margin-bottom:0}
@media(prefers-color-scheme:dark){.log-fill-cta{box-shadow:none}.scotia-mark{background:#442a2a;color:#ff8e8c}.tangerine-mark{background:#452d22;color:#ffb17f}.caa-mark{background:#203746;color:#8ecaf0}.rbc-mark{background:#24334d;color:#9fc2ff}.petro-points-mark{background:#26382b;color:#94d5a2}.shell-logo{background:#413421;color:#ffcc75}.petro-logo{background:#25382c;color:#9bd6a7}}
/* Keep the same Roadkind appearance across system themes and screen sizes. */
:root{color-scheme:dark;--bg:#141714;--surface:#1e231f;--ink:#f0f2ee;--muted:#969d93;--line:#2a302a;--green:#77b28a;--green-dark:#21432f;--green-pale:#263b2d;--shadow:0 12px 34px #0002}
body{min-height:100svh}
.app-shell{width:min(100%,520px);max-width:none;min-height:100svh;padding-inline:clamp(16px,4.5vw,24px);padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}
.source-callout{align-items:center;gap:9px;padding:8px 10px;margin:11px 0 22px;border-radius:13px;background:#202a22}
.source-callout .callout-icon{width:27px;height:27px;border-radius:9px;background:#2a362d;font-size:13px}
.source-callout>div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;flex:1}
.source-callout strong{font-size:10px;grid-column:1;grid-row:1}
.source-callout p{font-size:9px;line-height:1.3;margin:2px 0 0;grid-column:1;grid-row:2;color:#a6afa4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-callout a{font-size:9px;white-space:nowrap;grid-column:2;grid-row:1 / span 2}
.empty-state{border-color:#39423a}
.callout{background:#202a22}.callout-icon{background:#2a362d}.callout p{color:#a6afa4}
.tabbar{width:min(520px,100%);gap:clamp(22px,7vw,36px);padding-inline:clamp(18px,6vw,30px)}
.primary-stat{background:#234431;border-color:#234431}.primary-stat>span,.primary-stat p{color:#bed0c2}
.sheet{background:#171b18}.close-button{background:#2c322d;color:#c5cbc2}.sheet-grabber{background:#444a43}
label input:not([type=checkbox]),textarea{border-color:#353c35}.quick-row input{border-color:#353c35}.file-button{border-color:#526554}
.price-picker{border-color:#353c35}.log-fill-cta{box-shadow:none}
/* iOS Safari zooms the page when a focused form control uses text smaller than 16px. */
.sheet,.sheet form,.sheet label,.form-row,.price-picker-field{min-width:0}
.sheet label input:not([type=checkbox]),.sheet select,.sheet textarea{box-sizing:border-box;min-width:0;max-width:100%;font-size:16px}
.sheet label input:not([type=checkbox]),.sheet textarea{width:100%}
.sheet input[type=date]{display:block;width:100%;min-width:0;max-width:100%;text-align:left;text-align:start;-webkit-appearance:none;appearance:none}
.sheet textarea{font:16px ui-monospace,monospace}
.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.history-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}
.history-trend{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font:800 25px/1 'DM Sans',sans-serif}
.history-trend.down{color:#76c693;background:#203b2b}.history-trend.up{color:#f0786d;background:#442b2a}.history-trend.flat{color:#a6aca5;background:#303530;font-size:19px}
.history-copy strong{font-size:12px}.history-copy small{font-size:10px}
.month-summary-card{padding:13px 14px;margin:0 0 9px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.month-summary-title{display:block;font-size:11px;font-weight:700;margin-bottom:11px}
.month-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.month-stats span{display:flex;flex-direction:column;gap:4px}.month-stats small,.monthly-item span small{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:700}.month-stats b{font:700 15px 'Manrope',sans-serif;color:var(--ink)}
.mean-note{display:block;color:var(--muted);font-size:9px;margin-top:8px}
.monthly-list{gap:8px}.month-year{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}
.month-year>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:12px 14px;cursor:pointer}
.month-year>summary::-webkit-details-marker{display:none}.month-year>summary strong{font:700 13px 'Manrope',sans-serif;color:var(--ink)}
.month-year>summary span:nth-child(2){margin-left:auto;font-size:9px;color:var(--muted)}.year-chevron{font-size:18px;color:var(--muted);transition:transform .18s}.month-year[open] .year-chevron{transform:rotate(180deg)}
.year-months{display:grid;gap:5px;padding:0 8px 8px}.monthly-item{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));padding:9px 7px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;font-size:9px}.monthly-item strong{font-size:10px}.monthly-item span{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.monthly-item b{font-size:10px;margin:0}
.welcome-line{margin:3px 0 0;color:var(--muted);font-size:11px;font-weight:500}
.chart-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:13px 0 -10px;color:var(--muted);font-size:10px}
.chart-controls label{margin:0;font-size:10px;font-weight:600}
.chart-controls select{min-height:31px;padding:5px 25px 5px 9px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:11px;font-weight:700;outline:none}
.chart-tooltip{min-height:18px;margin:-2px 0 4px;text-align:center;color:var(--muted);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.chart-point{cursor:crosshair;outline:none}.chart-point-visible{transition:r .12s ease}.chart-point.selected .chart-point-visible,.chart-point:focus .chart-point-visible{r:5;stroke:var(--ink);stroke-width:2}
.history-item{grid-template-columns:minmax(64px,78px) minmax(55px,1fr) auto;gap:9px;padding:11px 12px}
.history-movement{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.history-movement span{font:800 25px/1 'DM Sans',sans-serif}.history-movement strong{font-size:11px;color:inherit}
.history-movement.down{color:#76c693}.history-movement.up{color:#f0786d}.history-movement.flat{color:#a6aca5}.history-date{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.brand-logo{flex:none}.brand-logo svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.esso-logo{background:#23364a;color:#90caff}.journie-logo{background:#432d20;color:#ffc080}.gasplus-logo{background:#3c3020;color:#f3d17b}.irving-logo{background:#27394b;color:#b9d9ef}.costco-logo{background:#35404a;color:#fff}
.history-item{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 12px}
.history-date{text-align:left;justify-self:start}
.history-result{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-width:0}
.history-value{white-space:nowrap;text-align:right}
.history-movement{min-width:48px;justify-content:flex-start;gap:5px}
.history-movement span{font-size:14px;line-height:1}
@media(max-width:360px){.history-item{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding-inline:9px}.history-result{gap:8px}.history-movement{min-width:42px}.history-movement span{font-size:12px}.history-movement strong,.history-date{font-size:9px}.chart-controls select{font-size:10px}}
.scotia-mark{background:#442a2a;color:#ff8e8c}.tangerine-mark{background:#452d22;color:#ffb17f}.caa-mark{background:#203746;color:#8ecaf0}.rbc-mark{background:#24334d;color:#9fc2ff}.petro-points-mark{background:#26382b;color:#94d5a2}.shell-logo{background:#413421;color:#ffcc75}.petro-logo{background:#25382c;color:#9bd6a7}
@media(min-width:600px){body{padding:18px 0}.app-shell{min-height:calc(100svh - 36px);padding-top:26px;padding-bottom:105px;border-radius:30px}.tabbar{bottom:18px;border-radius:0 0 24px 24px}.sheet{margin:auto;border-radius:27px}}
@media(max-width:360px){.app-shell{padding-inline:15px}.source-callout>div{grid-template-columns:1fr;grid-template-rows:auto auto auto}.source-callout a{grid-column:1;grid-row:3;margin-top:3px}.source-callout p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.price-line strong{font-size:49px}.section-heading h2{font-size:22px}}