:root{--bg: #0b1220;--bg-elevated: #111a2b;--text: #f8fafc;--hint: #94a3b8;--accent: #2f9cf4;--accent-text: #ffffff;--good: #34d399;--border: rgba(148, 163, 184, .18);--tabbar: 62px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;overscroll-behavior:none}.screen{display:flex;flex-direction:column;min-height:100%;padding:16px 16px calc(var(--tabbar) + env(safe-area-inset-bottom) + 16px)}.screen__title{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em}.screen__subtitle{margin:4px 0 20px;color:var(--hint);font-size:15px}.card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field--inline{flex-direction:row;gap:10px;align-items:center}.field__title{color:var(--hint);font-size:13px}.field__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:16px}.picked{padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:16px;text-align:left;cursor:pointer}.picked:disabled{color:var(--hint);cursor:default}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip__note{color:var(--hint);font-size:13px}.chip{padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.chip[aria-pressed=true]{border-color:transparent;background:var(--accent);color:var(--accent-text)}.radar{display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:16px;padding:28px 16px;text-align:center}.radar__count{font-size:46px;font-weight:700;line-height:1;letter-spacing:-.03em}.radar__label{color:var(--hint);font-size:14px}.subscription{margin-bottom:12px}.subscription__head{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.subscription__name{font-size:16px;font-weight:600}.subscription__count{flex:none;color:var(--good);font-size:16px;font-weight:700}.subscription__filters{margin:6px 0 0;color:var(--hint);font-size:14px}.subscribe{margin-bottom:20px}.subscribe__title{margin:0 0 12px;font-size:16px;font-weight:600}.subscribe__hint{margin:0;color:var(--hint);font-size:14px;min-height:2.9em}.subscribe__warning{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--hint) 14%,transparent);font-size:14px}.subscribe__actions{display:flex;gap:10px}.subscribe__actions .button--accent{flex:1}.result{display:block;width:100%;margin-bottom:12px;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden}.result__photo{display:block;width:calc(100% + 32px);margin:-16px -16px 12px;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:color-mix(in srgb,var(--hint) 12%,transparent)}.result--seen{opacity:.55}.result__name{display:block;font-size:15px;color:var(--hint)}.result__price{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-top:2px;font-size:22px;font-weight:700;letter-spacing:-.02em}.result__delta{font-size:14px;font-weight:600}.result__delta--good{color:var(--good)}.result__facts{display:block;margin:6px 0 0;color:var(--hint);font-size:14px}.flow{display:contents}.flow--hidden{display:none}.back{margin-bottom:12px;padding:0;border:0;background:none;color:var(--hint);font:inherit;font-size:15px;cursor:pointer}.gallery{position:relative;margin:0 -16px 14px}.gallery__strip{display:flex;gap:8px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery__strip::-webkit-scrollbar{display:none}.gallery__step{position:absolute;top:0;bottom:0;display:none;width:56px;padding:0;border:0;background:none;color:var(--text);font-size:34px;line-height:1;opacity:0;transition:opacity .15s ease;cursor:pointer}.gallery__step--prev{left:0;border-radius:16px 0 0 16px;background:linear-gradient(to right,rgb(0 0 0 / 45%),transparent)}.gallery__step--next{right:0;border-radius:0 16px 16px 0;background:linear-gradient(to left,rgb(0 0 0 / 45%),transparent)}@media(hover:hover){.gallery__step{display:block}.gallery:hover .gallery__step,.gallery__step:focus-visible{opacity:1}}.gallery__shot{flex:none;width:88%;height:auto;aspect-ratio:4 / 3;border-radius:16px;object-fit:cover;scroll-snap-align:center;background:color-mix(in srgb,var(--hint) 12%,transparent)}.gallery--empty{margin:0 0 14px;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:16px;color:var(--hint);font-size:15px}.notice{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--hint) 16%,transparent);font-size:14px}.listing__name{margin:0;font-size:15px;font-weight:400;color:var(--hint)}.listing__price{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-top:2px;font-size:30px;font-weight:700;letter-spacing:-.02em}.listing__was{margin:6px 0 0;color:var(--good);font-size:14px}.listing__fresh{margin:14px 0;color:var(--hint);font-size:14px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.fact{display:flex;flex-direction:column;gap:2px;min-width:0}.fact__title{color:var(--hint);font-size:13px}.fact__value{font-size:15px;font-weight:600;overflow-wrap:anywhere}.block{margin-bottom:16px}.block__title{margin:0 0 8px;font-size:16px;font-weight:600}.block__lead{margin:0 0 6px;font-size:18px;font-weight:700}.block__hint{margin:0;color:var(--hint);font-size:14px}.chart{display:block;width:100%;height:96px;margin:4px 0 6px;overflow:visible}.chart__line{fill:none;stroke:var(--hint);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart__line--good{stroke:var(--good)}.chart__area{fill:color-mix(in srgb,var(--hint) 14%,transparent);stroke:none}.chart__change{color:var(--text)}.chart__change--good{color:var(--good)}.chart__axis{display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;color:var(--hint);font-size:13px}.block__list{margin:0 0 8px;padding-left:20px;font-size:15px}.block--warning{border-color:color-mix(in srgb,var(--hint) 40%,transparent)}.elsewhere{display:flex;gap:10px;align-items:baseline;width:100%;padding:10px 0 0;border:0;border-top:1px solid var(--border);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.elsewhere+.elsewhere{margin-top:10px}.elsewhere__source{flex:1;color:var(--hint);font-size:14px}.elsewhere__price{font-size:16px;font-weight:700}.elsewhere__delta{font-size:14px;font-weight:600}.elsewhere__delta--good{color:var(--good)}.actions{position:fixed;right:0;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));left:0;display:flex;gap:10px;padding:10px 16px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.actions__main{flex:1}.actions__space{height:72px}.skeleton{display:flex;flex-direction:column;gap:12px}.skeleton__row{display:flex;flex-direction:column;gap:10px}.skeleton__bar{height:14px;border-radius:7px;background:linear-gradient(90deg,color-mix(in srgb,var(--hint) 18%,transparent),color-mix(in srgb,var(--hint) 30%,transparent),color-mix(in srgb,var(--hint) 18%,transparent));background-size:200% 100%;animation:skeleton 1.6s ease-in-out infinite}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton__bar{animation:none}}.state{display:flex;flex:1;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:32px 8px;text-align:center}.state__title{margin:0;font-size:18px;font-weight:600}.state__hint{margin:0 0 12px;max-width:34ch;color:var(--hint);font-size:15px}.button{padding:13px 22px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.button--accent{border-color:transparent;background:var(--accent);color:var(--accent-text)}.button--quiet{padding:9px 14px;border-radius:10px;background:transparent;color:var(--text-muted, var(--text));font-weight:500;font-size:14px}.button--danger{padding:9px 14px;border-radius:10px;border-color:transparent;background:var(--danger, #d92c2c);color:#fff;font-weight:600;font-size:14px}.button:disabled{opacity:.5;cursor:default}.subscription__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tabbar{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar__item{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;height:var(--tabbar);border:0;background:none;color:var(--hint);font:inherit;font-size:11px;cursor:pointer}.tabbar__item[aria-current=page]{color:var(--accent)}.tabbar__glyph{font-size:19px;line-height:1}.summary{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding:12px}.summary__main{display:flex;flex:1;gap:12px;align-items:center;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.summary__photo{flex:none;width:96px;height:72px;border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--hint) 12%,transparent)}.summary__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.summary__name{display:block;overflow:hidden;color:var(--hint);font-size:14px;white-space:nowrap;text-overflow:ellipsis}.summary__price{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:18px;font-weight:700;letter-spacing:-.02em}.summary__facts{display:block;overflow:hidden;color:var(--hint);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.summary__action{flex:none;align-self:stretch;padding:0 4px;border:0;background:none;color:var(--hint);font:inherit;font-size:13px;cursor:pointer}.notification{margin-bottom:12px}.notification__head{margin:0 0 4px 4px;overflow:hidden;color:var(--hint);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.notification__head.is-unread{color:var(--accent)}.notification .summary{margin-bottom:0}.plan{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.plan__head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.plan__name{font-size:24px;font-weight:700;letter-spacing:-.02em}.plan__until,.plan__delay,.plan__locked{margin:0;color:var(--hint);font-size:14px}.usage{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.usage__title{font-size:15px}.usage__value{color:var(--hint);font-size:15px;text-align:right}.usage__bar{grid-column:1 / -1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--hint) 20%,transparent)}.usage__fill{display:block;height:100%;border-radius:3px;background:var(--accent)}.usage__note{grid-column:1 / -1;color:var(--hint);font-size:13px}.menu{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;width:100%;margin-bottom:10px;padding:14px 16px;color:inherit;font:inherit;text-align:left;cursor:pointer}.menu--idle{cursor:default}.menu__title{flex:1;font-size:16px}.menu__note{margin:0;color:var(--hint);font-size:14px}.menu__arrow{color:var(--hint);font-size:20px;line-height:1}.menu__action{flex-basis:100%;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:14px;text-align:left;cursor:pointer}.menu--danger{margin-bottom:10px;color:#f87171}.menu--danger .menu__note{color:var(--hint)}.menu__buttons{display:flex;gap:10px;margin-top:12px}.menu__buttons .button{flex:1}.actions__keep{flex:none;width:52px;padding:13px 0;font-size:18px;line-height:1}.actions__keep--on{color:var(--accent)}.onboarding{display:flex;flex-direction:column;gap:6px}.onboarding__lead{margin:0 0 8px;font-size:16px}.onboarding__aside{margin-top:12px;padding:0;border:0;background:none;color:var(--hint);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}.offer{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.offer__head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between}.offer__name{font-size:26px;font-weight:700;letter-spacing:-.02em}.offer__price{font-size:17px;font-weight:600;color:var(--accent)}.offer__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.offer__list li:before{content:"✓";margin-right:8px;color:var(--good)}.offer__note{margin:0;color:var(--hint);font-size:13px}