:root{--brand: #0d9488;--brand-dark: #0f766e;--brand-deep: #134e4a;--accent: #f59e0b;--bg: #f4f7f6;--surface: #ffffff;--surface-2: #edf3f1;--text: #10201e;--muted: #5d6e6b;--border: #e3ebe9;--price: #0f766e;--tint: 18%;--shadow: 0 1px 2px rgb(16 32 30 / 5%), 0 10px 30px -10px rgb(16 32 30 / 18%);--radius: 20px;color-scheme:light}:root[data-theme=dark]{--bg: #0a1110;--surface: #121b1a;--surface-2: #1a2624;--text: #e9f2f0;--muted: #94a7a4;--border: #22312f;--price: #2dd4bf;--tint: 30%;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 30px -12px rgb(0 0 0 / 60%);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0a1110;--surface: #121b1a;--surface-2: #1a2624;--text: #e9f2f0;--muted: #94a7a4;--border: #22312f;--price: #2dd4bf;--tint: 30%;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 30px -12px rgb(0 0 0 / 60%);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}#app{position:relative;max-width:1180px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 40vh at 100% 30%,rgb(13 148 136 / 10%),transparent 70%),radial-gradient(50vw 40vh at 0% 80%,rgb(245 158 11 / 9%),transparent 70%),var(--pattern);background-size:auto,auto,220px 220px}.hero{position:relative;overflow:hidden;isolation:isolate;padding:calc(16px + env(safe-area-inset-top)) 20px 52px;color:#fff;background:var(--pattern),linear-gradient(150deg,#14b8a6 0%,var(--brand) 38%,var(--brand-deep) 100%);background-size:220px 220px,auto;border-radius:0 0 32px 32px}@media (min-width: 1180px){.hero{border-radius:0 0 36px 36px}}.blob{position:absolute;z-index:-1;border-radius:50%;filter:blur(40px);opacity:.55}.b1{width:260px;height:260px;right:-80px;top:-90px;background:#fbbf24;opacity:.35}.b2{width:220px;height:220px;left:-90px;bottom:-110px;background:#5eead4}.hero-top{display:flex;align-items:center;justify-content:space-between}.logo{width:46px;height:46px;padding:9px;border-radius:15px;background:#ffffff2e;border:1px solid rgb(255 255 255 / 25%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo svg{width:100%;height:100%}.eyebrow{margin:22px 0 2px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.hero h1{margin:0;font-size:clamp(28px,8vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.02em}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.greeting{margin:8px 0 0;max-width:34ch;font-size:15.5px;line-height:1.35;font-style:italic;opacity:.92;text-wrap:balance;animation:greeting-in .6s ease-out both}@keyframes greeting-in{0%{opacity:0;transform:translateY(4px)}}.badge{padding:5px 11px;border-radius:999px;font-size:13px;background:#ffffff29;border:1px solid rgb(255 255 255 / 22%)}.badge.strong{background:#fff;color:var(--brand-dark);font-weight:700;border-color:#fff}.icon-btn{width:42px;height:42px;border:1px solid rgb(255 255 255 / 25%);border-radius:50%;background:#ffffff29;color:#fff;display:grid;place-items:center}.icon-btn .moon{display:block}.icon-btn .sun{display:none}:root[data-theme=dark] .icon-btn .moon{display:none}:root[data-theme=dark] .icon-btn .sun{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .icon-btn .moon{display:none}:root:not([data-theme=light]) .icon-btn .sun{display:block}}.shops{display:flex;gap:8px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.shops::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid rgb(255 255 255 / 35%);background:transparent;color:#fff;padding:6px 13px;border-radius:999px;font-size:13px}.chip.active{background:#ffffffeb;color:var(--brand-dark);border-color:transparent;font-weight:700}.search-wrap{position:relative;z-index:2;margin:-26px 16px 0}.search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:16px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow);border:1px solid var(--border)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.search input::-webkit-search-cancel-button{display:none}.clear{border:0;background:var(--surface-2);width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;color:var(--muted)}.content{flex:1;padding:8px 16px 24px}.offline{margin:14px 0 0;padding:10px 14px;border-radius:12px;font-size:13px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}.section-plain{margin:20px 0 12px;font-size:18px;font-weight:750;letter-spacing:-.01em}.cat-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x mandatory}.cat-tiles::-webkit-scrollbar{display:none}@media (min-width: 900px){.cat-tiles{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:2px 0 6px}}.cat-tile{position:relative;overflow:hidden;height:132px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:12px;border:0;border-radius:var(--radius);text-align:left;color:#fff;background:linear-gradient(145deg,var(--to),var(--from));box-shadow:0 10px 24px -12px var(--from);transition:transform .15s ease}.cat-tile:active{transform:scale(.97)}.cat-tile-icon{position:absolute;right:-10px;top:-8px;width:82px;height:82px;opacity:.32;transform:rotate(-12deg)}.cat-tile-icon svg{width:100%;height:100%}.cat-tile-name{font-weight:700;font-size:15px;line-height:1.15;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-tile-count{font-size:12px;opacity:.85}.cat-tile.skeleton{background:var(--surface-2);box-shadow:none}.tabs{position:sticky;top:0;z-index:5;display:flex;gap:8px;margin:18px -16px 0;padding:10px 16px;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;border:1px solid var(--border);background:var(--surface);padding:8px 15px;border-radius:999px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.tab.active{background:var(--from);border-color:var(--from);color:#fff}.section{padding-top:22px;scroll-margin-top:50px}.section-head{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:14px;border-radius:var(--radius);background:linear-gradient(110deg,color-mix(in srgb,var(--from) var(--tint),var(--surface)),var(--surface) 75%);border:1px solid color-mix(in srgb,var(--from) 22%,var(--border))}.section-head:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--to) 35%,transparent),transparent 70%)}.section-icon{flex:none;width:52px;height:52px;padding:11px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--to),var(--from));box-shadow:0 8px 18px -8px var(--from)}.section-icon svg{width:100%;height:100%}.section-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em}.section-head p{margin:1px 0 0;font-size:13px;color:var(--muted)}.more{display:block;width:100%;margin-top:12px;padding:12px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--from) 45%,var(--border));background:color-mix(in srgb,var(--from) 7%,var(--surface));color:var(--from);font-weight:650}:root[data-theme=dark] .more{color:var(--to)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .more{color:var(--to)}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width: 960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.card:active{transform:scale(.98)}@media (hover: hover){.card:hover{transform:translateY(-3px)}}.ph{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgb(255 255 255 / 40%),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--to, #14b8a6) 60%,#fff),color-mix(in srgb,var(--from, #0d9488) 80%,#fff))}:root[data-theme=dark] .ph{background:radial-gradient(circle at 25% 20%,rgb(255 255 255 / 10%),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--to, #14b8a6) 45%,#000),color-mix(in srgb,var(--from, #0d9488) 35%,#000))}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .ph{background:radial-gradient(circle at 25% 20%,rgb(255 255 255 / 10%),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--to, #14b8a6) 45%,#000),color-mix(in srgb,var(--from, #0d9488) 35%,#000))}}.ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ph img.lqip{filter:blur(14px);transform:scale(1.15)}.ph img.photo{opacity:0;transition:opacity .35s ease}.ph img.photo.loaded{opacity:1}.sheet-img img.lqip{filter:blur(3px);transform:scale(1.03)}.ph-icon{width:46%;max-width:92px;color:#fff;opacity:.9;filter:drop-shadow(0 4px 10px rgb(0 0 0 / 15%))}.ph-icon svg{display:block;width:100%;height:auto}.ph-icon.big{max-width:140px}.card-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.name{margin:0;font-size:15px;font-weight:650;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.desc{margin:0;font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:6px}.price{font-size:17px;font-weight:800;color:var(--price);white-space:nowrap}.price small,.sheet-price small{font-size:12px;font-weight:650;opacity:.75}.go{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.skeleton .lines{padding:12px;display:grid;gap:8px}.skeleton .lines i{display:block;height:12px;border-radius:6px;background:var(--surface-2)}.skeleton .lines i:last-child{width:45%}.skeleton .ph{background:var(--surface-2)}.skeleton{animation:pulse 1.2s ease-in-out infinite}.content>.grid{margin-top:18px}@keyframes pulse{50%{opacity:.55}}.state{text-align:center;padding:48px 16px}.state-title{font-size:18px;font-weight:700;margin:0 0 6px}.state-text{color:var(--muted);margin:0 0 16px}.btn{border:0;background:var(--brand);color:#fff;padding:11px 22px;border-radius:12px;font-weight:650}.sentinel{height:1px}.footer{text-align:center;color:var(--muted);font-size:12.5px;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.footer span{font-weight:650;color:var(--brand)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#050c0b8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}.sheet{position:relative;width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--surface);border-radius:28px 28px 0 0;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 640px){.overlay{align-items:center;padding:24px}.sheet{border-radius:28px}}.sheet-img{aspect-ratio:16 / 11}.sheet-close{position:absolute;top:12px;right:12px;z-index:1;width:38px;height:38px;border:0;border-radius:50%;background:#0006;color:#fff;font-size:22px;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet-body{padding:18px 20px 24px}.sheet-body h2{margin:0 0 8px;font-size:23px;line-height:1.2}.sheet-desc{margin:0 0 12px;color:var(--muted)}.sheet-price{margin:0;font-size:26px;font-weight:850;color:var(--price)}.sheet-hint{margin:16px 0 0;padding:10px 12px;border-radius:12px;font-size:13px;background:var(--surface-2);color:var(--muted)}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s ease}.sheet-enter-active .sheet,.sheet-leave-active .sheet{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:translateY(48px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.rating-badge{position:absolute;left:8px;bottom:8px;z-index:1;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#0000008c;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.stars{display:inline-flex;gap:2px;color:var(--border);vertical-align:middle}.stars .star{border:0;background:none;padding:2px;line-height:0;cursor:pointer}.stars .star:focus-visible{outline:2px solid var(--brand);border-radius:6px}.stars.readonly .star{cursor:default;padding:0}.sheet-rating{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--muted);font-size:14px}.sheet-rating b{color:var(--text)}.review{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.review form{display:grid;gap:10px;justify-items:start}.review-title{margin:0;font-weight:700}.review textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;resize:vertical}.review .hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.review-thanks{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--brand) 14%,var(--surface))}.review-error{margin:0;color:#dc2626;font-size:13px}.place-review{display:block;margin:0 auto 12px;padding:10px 16px;border-radius:999px;font-weight:650;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}.cat-tile.off{filter:grayscale(.65);opacity:.75}.tab.off{color:var(--muted)}.section.unavailable .grid{opacity:.55;filter:grayscale(.4)}.schedule-note{margin:-4px 0 12px;padding:9px 12px;border-radius:12px;font-size:13.5px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.sheet-hint.warn{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text)}.install{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 10px 10px 12px;border-radius:16px;background:#ffffff29;border:1px solid rgb(255 255 255 / 25%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.install img{flex:none;border-radius:10px}.install-text{flex:1;min-width:0;display:grid;line-height:1.25}.install-text span{font-size:12.5px;opacity:.85}.btn.small{padding:8px 14px;border-radius:10px;background:#fff;color:var(--brand-dark)}.install-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:#ffffff2e;color:#fff;font-size:18px;line-height:1}.ios-hint ol{margin:8px 0 0;padding-left:20px;display:grid;gap:8px}.ios-hint svg{vertical-align:-3px;color:var(--brand)}.btn:disabled{opacity:.6}