:root{--color-bg:#fff;--color-surface:#f8f9fb;--color-elevated:#fff;--color-text:#14181f;--color-muted:#5b6472;--color-border:#dfe3e9;--level-low:#22c55e;--level-normal:#eab308;--level-high:#ef4444;--accent:#3b82f6;--recommended:#8b5cf6;--recommended-dark:#6d28d9;--negative:#06b6d4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#0f1319;--color-surface:#171c25;--color-elevated:#1e2430;--color-text:#eef1f5;--color-muted:#99a3b1;--color-border:#262d38;--recommended-dark:#8b5cf6}}:root[data-theme=dark]{--color-bg:#0f1319;--color-surface:#171c25;--color-elevated:#1e2430;--color-text:#eef1f5;--recommended-dark:#8b5cf6;--color-muted:#99a3b1;--color-border:#262d38}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;align-items:center;gap:.85rem;min-height:100dvh;padding:1.1rem 0 .75rem;display:flex;position:relative}.app__header{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:0 1rem;display:flex}.app__heading{align-items:center;gap:.4rem;display:flex}.app__mark{font-size:1.75rem;line-height:1}.app__title{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.app__tagline{max-width:540px;color:var(--color-muted);margin:0;font-size:.9rem}.header-actions{z-index:10;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.header-action{border:1px solid var(--color-border);background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:flex}.header-action:hover{border-color:var(--color-muted)}.about-dialog{border:1px solid var(--color-border);background:var(--color-bg);width:calc(100% - 2rem);max-width:26rem;color:var(--color-text);border-radius:12px;padding:1.5rem}.about-dialog::backdrop{background:#00000080}.about-dialog__title{margin:0 0 .75rem;font-size:1.15rem;font-weight:700}.about-dialog__body{color:var(--color-muted);margin:0 0 1.25rem;font-size:.9rem;line-height:1.55}.about-dialog__close{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.5rem 1.25rem;font-weight:600}.about-dialog__close:hover{border-color:var(--color-muted)}.about-dialog__footer{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:1.25rem;padding-top:1rem;font-size:.75rem}.about-dialog__footer a{color:var(--accent)}@media (width<=640px){.app{gap:1.75rem;padding:1.5rem 0 1rem}}.price-dashboard{flex-direction:column;flex:1;gap:.85rem;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:0 .75rem .75rem;display:flex}.price-dashboard>:not(.price-chart):not(.price-dashboard__trend):not(.price-dashboard__content){flex-shrink:0}.price-dashboard__trend{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.price-dashboard__content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}@media (width<=640px){.price-dashboard__content{justify-content:center}}.day-navigator{z-index:5;position:absolute;top:.5rem;left:.5rem;right:.5rem}.day-navigator__row{pointer-events:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.day-navigator__arrow{pointer-events:auto;background:var(--color-text);height:2.5rem;color:var(--color-bg);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:0 1rem;font-size:.9rem;font-weight:600;line-height:1;transition:opacity .15s,transform .15s;display:inline-flex;position:relative}.day-navigator__arrow span{font-size:1.2rem}.day-navigator__arrow:hover{opacity:.85;transform:translateY(-1px)}.day-navigator__badge{background:var(--accent);border:2px solid var(--color-bg);border-radius:999px;width:.6rem;height:.6rem;position:absolute;top:.1rem;right:.1rem}.day-navigator__label-wrap{pointer-events:auto;border:1.5px solid var(--color-muted);background:color-mix(in srgb, var(--color-surface) 97%, transparent);min-width:0;box-shadow:0 2px 8px color-mix(in srgb, var(--color-text) 12%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.5rem;display:flex}.day-navigator__label{white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:1.1rem;font-weight:700;overflow:hidden}.day-navigator__today{pointer-events:auto;color:var(--color-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:0;font-size:.8rem;text-decoration:underline;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dashboard-summary-row{grid-template-columns:repeat(3,1fr);align-items:start;gap:.75rem;display:grid}@media (width<=640px){.dashboard-summary-row{grid-template-columns:1fr}}.dashboard-cards-section{border:1px solid var(--color-border);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 8%, var(--color-surface)) 0%, var(--color-surface) 55%);border-radius:12px;flex-direction:column;display:flex}.dashboard-cards-toggle{width:100%;color:var(--color-muted);font:inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.75rem;display:flex}.dashboard-cards-toggle:hover{color:var(--color-text)}.dashboard-cards-toggle svg{transition:transform .2s}.dashboard-cards-section--expanded .dashboard-cards-toggle svg{transform:rotate(180deg)}.dashboard-cards-collapse{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.dashboard-cards-section--expanded .dashboard-cards-collapse{grid-template-rows:1fr}.dashboard-cards-collapse__inner{min-height:0;overflow:hidden}.dashboard-cards-collapse__inner>.dashboard-cards{padding:0 .75rem .75rem}@media (prefers-reduced-motion:reduce){.dashboard-cards-collapse,.dashboard-cards-toggle svg{transition:none}}.dashboard-cards{display:grid}.dashboard-cards>*{grid-area:1/1}.dashboard-cards__layer--hidden{visibility:hidden}.summary-card{border:1px solid var(--color-border);background:var(--color-elevated);border-radius:10px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.summary-card__rows{flex-direction:column;flex:1;min-width:0;display:flex}.summary-row{border-left:3px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:nowrap;align-items:baseline;gap:.35rem .5rem;padding:.55rem .75rem .55rem .7rem;display:flex}.summary-row:last-child{border-bottom:none}.summary-row--current{border-left-color:var(--accent)}.summary-row--low{border-left-color:var(--level-low)}.summary-row--high{border-left-color:var(--level-high)}.summary-row--neutral{border-left-color:var(--color-border)}.summary-row--negative{border-left-color:var(--negative)}.summary-row__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;flex:0 0 4.75rem;font-size:.75rem}.summary-row__value{white-space:nowrap;flex-shrink:0;font-size:1.05rem;font-weight:700}.summary-row__unit{color:var(--color-muted);font-size:.75rem;font-weight:500}.summary-row__right-group{align-items:baseline;gap:.4rem;min-width:0;margin-left:auto;display:flex}.summary-row__right-group .summary-card__badge{flex-shrink:0}.summary-row__sublabel{text-overflow:ellipsis;min-width:0;color:var(--color-muted);white-space:nowrap;font-size:.75rem;overflow:hidden}.summary-row__push-right{align-items:center;gap:.4rem;margin-left:auto;display:flex}.card-info__button{border:none;border-left:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:0 0;flex:0 0 2.5rem;justify-content:center;align-items:center;padding:0;display:flex}.card-info__button:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 4%, transparent)}.card-info__button svg{width:16px;height:16px}.card-info__list{flex-direction:column;gap:.85rem;margin:0 0 1.25rem;display:flex}.card-info__item{flex-direction:column;gap:.15rem;display:flex}.card-info__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.card-info__value{flex-direction:column;margin:0;display:flex}.card-info__value-line{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.card-info__detail{color:var(--color-muted);font-size:.85rem}.summary-card__badge{color:#0f1319;white-space:nowrap;border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.summary-card__badge--low{background:var(--level-low)}.summary-card__badge--normal{background:var(--level-normal)}.summary-card__badge--high{background:var(--level-high);color:#fff}.summary-card__badge--negative{background:var(--negative);color:#fff}.summary-row--recommended{border-left-color:var(--recommended)}.summary-row--recommended .summary-row__label{white-space:nowrap;flex:none}.price-dashboard__controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.price-dashboard__controls>:first-child{justify-self:start}.price-dashboard__controls>:last-child{justify-self:end}.price-dashboard__controls-secondary{display:flex}@media (width<=640px){.price-dashboard__controls{flex-wrap:wrap;justify-content:space-between;display:flex}.price-dashboard__controls>:first-child{order:1}.price-dashboard__controls>:last-child{order:2}.price-dashboard__controls-secondary{flex-basis:100%;order:3;justify-content:center}}.segmented-control{border:1px solid var(--color-border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented-control__option{background:var(--color-surface);color:var(--color-muted);cursor:pointer;border:none;padding:.4rem .75rem;font-size:.85rem}.segmented-control__option+.segmented-control__option{border-left:1px solid var(--color-border)}.segmented-control__option--active{background:var(--color-text);color:var(--color-bg);font-weight:600}.price-dashboard__trend-empty{text-align:center;color:var(--color-muted);padding:2.5rem 1rem}.price-chart{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex:1;min-height:240px;padding:.75rem .5rem .25rem}@keyframes recommended-window-pulse{0%,to{fill-opacity:.14}50%{fill-opacity:.28}}.price-chart__recommended-area{animation:3.5s ease-in-out infinite recommended-window-pulse}.price-chart__recommended-area,.price-chart__recommended-label{transition:x .5s ease-out,x1 .5s ease-out,x2 .5s ease-out,width .5s ease-out}@media (prefers-reduced-motion:reduce){.price-chart__recommended-area,.price-chart__recommended-label{transition:none}.price-chart__recommended-area{fill-opacity:.18;animation:none}}@media (width<=640px){.price-chart{flex:none;height:360px;min-height:0}}.trend-chart{flex:none;width:100%;height:320px;min-height:0}.price-chart__tooltip{border-left:4px solid var(--color-border);background:var(--color-bg);border-radius:8px;flex-direction:column;gap:.25rem;min-width:9rem;padding:.6rem .8rem;display:flex;box-shadow:0 4px 16px #00000026}.price-chart__tooltip--current{background:color-mix(in srgb, var(--accent) 14%, var(--color-bg));box-shadow:0 4px 20px color-mix(in srgb, var(--accent) 35%, transparent)}.price-chart__tooltip--compact{gap:.1rem;min-width:0;padding:.4rem .55rem}.price-chart__tooltip--compact .price-chart__tooltip-time{font-size:.65rem}.price-chart__tooltip--compact .price-chart__tooltip-price{font-size:.85rem}.price-chart__tooltip--compact .price-chart__tooltip-badge{padding:.05rem .4rem;font-size:.6rem}.price-chart__tooltip-time{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.price-chart__tooltip-price{color:var(--color-text);font-size:1.1rem;font-weight:700}.price-chart__tooltip-badge{color:#0f1319;border-radius:999px;align-self:flex-start;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.price-chart__tooltip-badge--low{background:var(--level-low)}.price-chart__tooltip-badge--normal{background:var(--level-normal)}.price-chart__tooltip-badge--high{background:var(--level-high);color:#fff}.price-chart__tooltip-badge--negative{background:var(--negative);color:#fff}.price-list{border:1px solid var(--color-border);border-radius:12px;margin:0;padding:5rem 0 0;list-style:none;overflow:hidden}.price-list__row{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:6.5rem 1fr auto;align-items:center;gap:.75rem;padding:.6rem .9rem;display:grid}.price-list__row:last-child{border-bottom:none}.price-list__row--current{background:color-mix(in srgb, var(--accent) 16%, var(--color-surface));font-weight:600}.price-list__row--recommended{background:color-mix(in srgb, var(--recommended) 16%, var(--color-surface))}.price-list__row--current.price-list__row--recommended{background:color-mix(in srgb, var(--accent) 14%, color-mix(in srgb, var(--recommended) 14%, var(--color-surface)))}.price-list__time{color:var(--color-muted);font-variant-numeric:tabular-nums}.price-list__price{font-variant-numeric:tabular-nums}.price-list__badge{color:#0f1319;white-space:nowrap;border-radius:999px;justify-self:end;padding:.15rem .55rem;font-size:.7rem;font-weight:600}.price-list__badge--low{background:var(--level-low)}.price-list__badge--normal{background:var(--level-normal)}.price-list__badge--high{background:var(--level-high);color:#fff}.price-list__badge--negative{background:var(--negative);color:#fff}.skeleton{flex-direction:column;gap:1.25rem;width:100%;padding-top:5rem;display:flex}.skeleton__block{background:linear-gradient(90deg, var(--color-surface) 25%, color-mix(in srgb, var(--color-border) 60%, var(--color-surface)) 37%, var(--color-surface) 63%);background-size:400% 100%;border-radius:10px;animation:1.4s infinite skeleton-shimmer}.skeleton__block--chart{border-radius:12px;height:340px}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.state-message{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:5rem 1.5rem 2.5rem;display:flex}.state-message__icon{color:var(--color-muted);margin-bottom:.25rem}.state-message__title{margin:0;font-size:1.05rem;font-weight:700}.state-message__body{color:var(--color-muted);max-width:40ch;margin:0;font-size:.9rem}.state-message--error .state-message__title{color:var(--level-high)}.state-message__action{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:8px;margin-top:.5rem;padding:.5rem 1.25rem;font-weight:600}.snackbar{z-index:20;border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.75rem .75rem .75rem 1.1rem;animation:.2s ease-out snackbar-in;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.snackbar__message{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.snackbar__actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.snackbar__action{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.snackbar__close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.25rem;line-height:1}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=640px){.price-dashboard{gap:1.75rem;padding:0 1rem 1.75rem}.dashboard-summary-row{gap:1.25rem}.summary-row{padding:.75rem 1rem .75rem .9rem}.price-dashboard__controls{row-gap:1rem}.price-list__row{padding:.75rem 1rem}.summary-row:has(.summary-row__label) .summary-row__sublabel{display:none}}