.consent{position:fixed;z-index:50;left:50%;bottom:var(--sp-lg);transform:translate(-50%);width:min(560px,calc(100vw - 2 * var(--sp-lg)));display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);background:var(--ink);color:var(--paper);border-radius:var(--r-md);box-shadow:0 10px 30px #00000059;font-family:var(--body)}.consent__text{margin:0;flex:1;font-size:13px;line-height:1.4}.consent__actions{display:flex;gap:var(--sp-sm);flex-shrink:0}.consent__btn{font-family:var(--body);font-size:13px;font-weight:600;padding:var(--sp-sm) var(--sp-md);border:1px solid rgba(255,255,255,.28);border-radius:var(--r-pill);background:transparent;color:var(--paper);cursor:pointer}.consent__btn:hover{border-color:#ffffff8c}.consent__btn--primary{background:var(--accent);border-color:var(--accent);color:#000}.consent__btn--primary:hover{background:var(--accent-press);border-color:var(--accent-press)}@media(max-width:480px){.consent{flex-direction:column;align-items:stretch;text-align:center}.consent__actions{justify-content:center}}:root{--bg: #F0EDEA;--surface: #FFFFFF;--surface-2: #E8E4E0;--ink: #1A1714;--paper: #FFFFFF;--paper-2: #E8E4E0;--muted: rgba(26, 23, 20, .48);--line: rgba(26, 23, 20, .1);--on-photo: #ffffff;--accent: #ff2d9b;--accent-press: #e0208a;--accent-glow: rgba(255, 45, 155, .38);--accent-text: #ff2d9b;--display: "Righteous", "Impact", sans-serif;--body: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--scrim-bottom: linear-gradient(to top, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .35) 30%, rgba(0, 0, 0, 0) 54%);--scrim-top: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 22%);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 22px;--sp-2xl: 32px;--r-sm: 4px;--r-md: 8px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.panel__lock:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filterbar{display:flex;align-items:center;gap:var(--sp-md);padding:10px var(--sp-lg);background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;z-index:5}.filterbar__brand{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-right:var(--sp-xs)}.field{display:flex;flex-direction:column;line-height:1.15;font-size:14px;color:var(--ink);background:none;border:none;padding:0;text-align:left;cursor:default}.field--place{cursor:pointer}.field--place:hover b{color:var(--accent)}.field__label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field b{font-weight:600}.field select{font-family:var(--body);font-weight:500;font-size:14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-sm);padding:4px 6px;background:var(--surface-2);color:var(--ink)}.pills{display:flex;gap:var(--sp-sm);flex-wrap:wrap}.pill{font-family:var(--body);font-size:13px;font-weight:600;padding:7px 13px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--muted);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.pill:hover{border-color:var(--accent);color:var(--ink)}.pill.is-active{background:var(--accent);border-color:var(--accent);color:#000}.reroll{margin-left:auto;display:inline-flex;align-items:center;gap:var(--sp-sm);font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.08em;color:#000;background:var(--accent);border:none;padding:10px 18px;border-radius:var(--r-md);cursor:pointer;transition:background .12s,transform .12s var(--ease)}.reroll:hover{background:var(--accent-press)}.reroll:active{transform:scale(.97)}.reroll kbd{font-family:var(--mono);font-size:11px;background:#00000047;padding:2px 6px;border-radius:4px}.panels{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--count, 5),1fr);gap:10px;padding:10px;background:var(--bg)}.panel{--pa-rgb: 255 45 155}.panel:nth-child(6n+2){--pa-rgb: 180 255 0}.panel:nth-child(6n+3){--pa-rgb: 0 230 255}.panel:nth-child(6n+4){--pa-rgb: 255 95 0}.panel:nth-child(6n+5){--pa-rgb: 160 0 255}.panel:nth-child(6n+6){--pa-rgb: 255 200 0}.panel{position:relative;overflow:hidden;border-radius:14px;background-size:cover;background-position:center}.panel__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.5) contrast(1.08)}.panel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--scrim-bottom),var(--scrim-top);pointer-events:none}.panel__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:var(--sp-xl) var(--sp-lg) var(--sp-2xl);color:var(--on-photo);max-width:62ch}.panel__type{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;margin-bottom:var(--sp-sm)}.panel__title{font-family:var(--display);font-weight:400;font-size:clamp(30px,2.8vw,50px);line-height:.93;letter-spacing:.03em;text-transform:uppercase;margin:0 0 var(--sp-sm);text-shadow:0 1px 8px rgba(0,0,0,.4)}.panel__sub{font-size:13px;color:#ffffffb8;margin:0 0 var(--sp-md);line-height:1.35}.panel__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-sm)}.panel__price{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.02em;color:#fff;background:#0500128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(var(--pa-rgb) / .55);padding:5px 9px;border-radius:var(--r-sm)}.panel__book{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-family:var(--body);font-size:13px;font-weight:600;color:rgb(var(--pa-rgb));text-decoration:none}.panel__book:hover{text-decoration:underline;text-underline-offset:3px}.panel__lock{position:absolute;top:var(--sp-md);right:var(--sp-md);z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0500128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md);cursor:pointer;opacity:0;transition:opacity .15s,background .12s,border-color .12s}.panel:hover .panel__lock,.panel.is-locked .panel__lock{opacity:1}.panel__lock svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}.panel.is-locked .panel__lock{background:rgb(var(--pa-rgb));border-color:rgb(var(--pa-rgb))}.panel.is-locked .panel__lock svg{stroke:#000;fill:none}.panel.is-locked{outline:2px solid rgb(var(--pa-rgb));outline-offset:-2px}.panel.is-locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.panel--flip .panel__photo{animation:photoIn .42s var(--ease) both}.panel--flip .panel__content{animation:flipUp .5s var(--ease) both;animation-delay:var(--delay, 0ms)}.panel--pulse{animation:pulse .5s var(--ease) both}@keyframes flipUp{0%{transform:translateY(28px) scale(.985);opacity:0}to{transform:none;opacity:1}}@keyframes photoIn{0%{transform:scale(1.05);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}40%{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.panel--flip .panel__photo,.panel--flip .panel__content{animation:fadeIn .2s ease both;animation-delay:0ms}.panel--pulse{animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);text-align:center;padding:var(--sp-2xl)}.empty__inner{max-width:42ch}.empty h1{font-family:var(--display);font-weight:400;font-size:64px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 var(--sp-md);color:var(--accent)}.empty p{color:var(--muted);line-height:1.5;margin:0 0 var(--sp-xl)}.empty b{color:var(--accent)}.hint{padding:9px var(--sp-lg);background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:11px;text-align:center;border-top:1px solid var(--line)}.hint kbd{background:#ffffff1a;padding:1px 5px;border-radius:4px}.mobilebar{display:none}@media(max-width:760px){.filterbar{gap:var(--sp-sm);flex-wrap:nowrap;overflow-x:auto;padding:8px var(--sp-md);-webkit-overflow-scrolling:touch;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}.filterbar__brand{font-size:22px;flex:0 0 auto}.filterbar .reroll{display:none}.field,.pills{flex:0 0 auto}.field--place{min-height:44px;justify-content:center}.pills{flex-wrap:nowrap}.pill{min-height:44px;padding:0 16px}.field select{min-height:44px}.panels{grid-template-columns:1fr;padding:8px 8px calc(78px + env(safe-area-inset-bottom));gap:8px}.panel{border-radius:12px}.panel__lock{opacity:1}.is-tappable{cursor:pointer}.panels.is-detail{grid-auto-rows:86dvh;overflow-y:auto;scroll-snap-type:y mandatory}.panels.is-detail .panel{scroll-snap-align:start}.panels.is-overview{grid-auto-rows:minmax(132px,1fr);overflow-y:auto}.panels.is-overview .panel__title{font-size:28px}.panels.is-overview .panel__content{padding:var(--sp-md) var(--sp-md) var(--sp-lg)}.panels.is-overview .panel__sub,.panels.is-overview .panel__book{display:none}.mobilebar{display:flex;gap:var(--sp-sm);position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px var(--sp-md) calc(10px + env(safe-area-inset-bottom));background:#f0edeaeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.mobilebar__btn{flex:1;min-height:46px;font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink);background:#1a17140f;border:1px solid rgba(26,23,20,.12);border-radius:var(--r-md);cursor:pointer}.mobilebar__btn--primary{flex:1.4;color:#000;background:var(--accent);border-color:var(--accent)}.mobilebar__btn:active{transform:scale(.98)}.hint{display:none}}