:root{--app-background: radial-gradient(circle at top left, rgba(225, 221, 193, .3), transparent 28%), radial-gradient(circle at top right, rgba(99, 88, 62, .28), transparent 34%), linear-gradient(180deg, #8e866d 0%, #675f4d 22%, #242218 54%, #11120d 100%);--app-background-base: #8e866d;font-family:Avenir Next,Nunito Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--surface: rgba(255, 248, 233, .12);--surface-strong: rgba(255, 248, 233, .2);--surface-soft: rgba(9, 10, 7, .22);--text-main: #f8f1e5;--text-muted: rgba(248, 241, 229, .72);--border-soft: rgba(255, 248, 233, .12);--shadow-soft: 0 28px 60px rgba(5, 6, 3, .32);--card-padding: 1.15rem;--card-gap: .65rem;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);color:#f4eee2;background:var(--app-background)}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--app-background);background-color:var(--app-background-base)}body{margin:0;color:var(--text-main)}body:before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.26) 100%);pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;padding:calc(1rem + var(--safe-top)) max(0rem,var(--safe-right)) calc(6.5rem + var(--safe-bottom)) max(0rem,var(--safe-left));position:relative}.app-main{width:min(100%,34rem);margin:0 auto}.page{padding:0 1rem 1rem;display:grid;gap:1rem}.tab-route-stage{isolation:isolate;position:relative;overflow-x:clip}.tab-route-panel{position:relative;width:100%;will-change:transform,opacity,filter;z-index:1}.tab-route-panel[data-tab-active=true]{z-index:2}.tab-route-panel[data-tab-active=false]{position:absolute;inset:0;pointer-events:none;z-index:1}.artwork-detail-overlay{position:fixed;inset:0;z-index:30}.artwork-detail-overlay-backdrop{position:absolute;inset:0;border:0;background:#0506036b;cursor:pointer}.artwork-detail-overlay-scroll{position:relative;z-index:1;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}.feed-shell,.card-stack{display:grid;gap:1rem}.home-card-stack{position:relative;width:min(100%,34rem);min-height:34rem;margin:0 auto;padding-bottom:.5rem}.home-card-stack-layer{position:absolute;inset:0;transform-origin:center top;will-change:transform,opacity}.home-card-stack-layer:not(.is-top){pointer-events:none}.home-card-stack-layer.is-top{touch-action:pan-y;cursor:grab}.home-card-stack-layer.is-top.is-dragging{cursor:grabbing}.state{margin:0;padding:1rem 1.1rem;border-radius:1.25rem;background:#fff8e914;border:1px solid var(--border-soft);color:var(--text-muted);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loading-state{min-height:12rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center}.loading-state-spinner{width:2.25rem;height:2.25rem;border-radius:999px;border:.2rem solid rgba(248,241,229,.18);border-top-color:#f8f1e5eb;animation:loading-state-spin .85s linear infinite}@keyframes loading-state-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card,.detail-card{position:relative;overflow:hidden;border-radius:2rem;border:1px solid rgba(255,248,233,.18);background:#322e23a6;box-shadow:var(--shadow-soft)}.card,.home-card-stack .card{min-height:30rem}.card-link{display:block}.card-image,.detail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-overlay,.detail-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0b080f,#0a0b083d 36%,#0a0b08c7),linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%)}.card-topline{position:absolute;inset:var(--card-padding) var(--card-padding) auto auto;z-index:1}.card-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.45rem .75rem;border-radius:999px;background:#10120c4d;border:1px solid rgba(255,248,233,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.card-pill-muted{color:var(--text-muted)}.card-body,.detail-body{position:relative;z-index:1}.card-body{min-height:30rem;padding:var(--card-padding);display:flex;flex-direction:column;justify-content:end;gap:var(--card-gap)}.card-kicker{margin:0 0 .25rem;color:#f8f1e5ad;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase}.card h3,.detail-body h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2rem,8vw,3.1rem);line-height:.94;letter-spacing:-.04em}.card p,.detail-body p{margin:0;color:var(--text-muted)}.card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.button-primary,.button-secondary,.pagination button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(255,248,233,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.button-primary{align-self:flex-start;background:#fff8e924}.button-icon{width:1rem;height:1rem;flex:0 0 auto}.button-secondary,.pagination button{background:#fff8e914;color:var(--text-main)}.card-link:hover .card-pill,.card-link:hover .card-body,.button-primary:hover,.button-secondary:hover,.pagination button:hover:not(:disabled){transform:translateY(-1px)}.card-link:hover .card-pill{background:#10120c6b}.card-link:hover .card-body{filter:brightness(1.03)}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1rem 0 .5rem;color:var(--text-muted)}.pagination-button{width:3rem;height:3rem;padding:0}.pagination-status{min-width:3.5rem;text-align:center;font-variant-numeric:tabular-nums}.pagination button:disabled{opacity:.4}.detail-card{min-height:min(78vh,44rem)}.detail-card-overlay{min-height:min(74vh,44rem)}.detail-card-artist{min-height:min(70vh,40rem)}.detail-image-hero{filter:saturate(.86) brightness(.86)}.detail-body-floating{min-height:inherit;display:flex;flex-direction:column;justify-content:end;gap:var(--card-gap);padding:var(--card-padding)}.detail-topline{z-index:2}.detail-close-button{position:absolute;top:calc(1rem + var(--safe-top));left:max(1rem,var(--safe-left));z-index:3;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid rgba(255,248,233,.18);border-radius:999px;background:#12130e80;color:var(--text-main);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-stack{display:grid;gap:1rem;padding-top:1rem}.page-overlay-detail{width:min(100%,34rem);min-height:100%;margin:0 auto;background:linear-gradient(180deg,#0f100ceb,#0f100cd1 24%,#0f100cb8);border-left:1px solid rgba(255,248,233,.08);border-right:1px solid rgba(255,248,233,.08);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(7rem + var(--safe-bottom))}.detail-content-panel{display:grid;gap:1rem;padding:.25rem 0 0}.detail-copy{margin:0;color:var(--text-main);font-size:1.02rem;line-height:1.7}.detail-map-button{gap:.6rem}.artist-preview-card{position:relative;display:block;min-height:16rem;overflow:hidden;border-radius:1.8rem;border:1px solid rgba(255,248,233,.18);background:#322e23a6;box-shadow:var(--shadow-soft)}.artist-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.artist-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0b0829,#0a0b083d 34%,#0a0b08d6),linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%)}.artist-preview-body{position:relative;z-index:1;min-height:16rem;padding:var(--card-padding);display:flex;flex-direction:column;justify-content:end;gap:var(--card-gap)}.artist-preview-body h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.8rem,7vw,2.4rem);line-height:.98;letter-spacing:-.04em}.artist-preview-body p:last-child{margin:0;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0}.detail-meta div{padding:.85rem .95rem;border-radius:1.2rem;background:#fff8e917;border:1px solid rgba(255,248,233,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.detail-meta dt{margin-bottom:.35rem;color:#f8f1e594;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.detail-meta dd{margin:0;color:var(--text-main)}.bottom-nav-shell{position:fixed;inset-inline:0;bottom:max(1rem,var(--safe-bottom));display:flex;justify-content:center;padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right));pointer-events:none;z-index:10}.pwa-banner-shell{position:fixed;inset-inline:0;bottom:calc(max(1rem,var(--safe-bottom)) + 5.2rem);z-index:12;display:flex;justify-content:center;padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right));pointer-events:none}.pwa-banner{width:min(100%,34rem);border-radius:1.6rem;border:1px solid rgba(255,248,233,.14);background:#12130ec2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 48px #05060347;pointer-events:auto}.pwa-banner-content{display:grid;gap:.9rem;padding:1rem}.pwa-banner-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pwa-banner-badge{display:inline-flex;align-items:center;min-height:1.9rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,248,233,.12);background:#fff8e914;color:var(--text-muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.pwa-banner-dismiss{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid rgba(255,248,233,.12);border-radius:999px;background:#fff8e90a;color:var(--text-main)}.pwa-banner-copy{display:grid;gap:.35rem}.pwa-banner-title,.pwa-banner-text{margin:0}.pwa-banner-title{color:var(--text-main);font-size:1rem;font-weight:600}.pwa-banner-text{color:var(--text-muted);font-size:.94rem;line-height:1.55}.pwa-banner-action{width:100%;gap:.6rem}.bottom-nav-shell[data-hidden=true]{pointer-events:none}.bottom-nav{width:auto;max-width:calc(100vw - 2rem);display:inline-grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;gap:.3rem;padding:.4rem;border-radius:1.45rem;background:#12130ea3;border:1px solid rgba(255,248,233,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 50px #00000052;pointer-events:auto}.bottom-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:1.1rem;overflow:hidden;color:var(--text-muted);transition:background .18s ease,color .18s ease,transform .18s ease}.bottom-nav-link:hover{transform:translateY(-1px)}.bottom-nav-link.is-active{color:var(--text-main)}.bottom-nav-indicator{position:absolute;inset:0;border-radius:inherit;background:#fff8e924;border:1px solid rgba(255,248,233,.08);box-shadow:inset 0 1px #ffffff14}.bottom-nav-link-content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.bottom-nav-icon{width:1.15rem;height:1.15rem;flex:0 0 auto}@media(min-width:760px){.app-main{width:min(100%,68rem)}.page{padding-inline:1.25rem}.bottom-nav{max-width:calc(100vw - 2.5rem)}.pwa-banner{width:min(100%,36rem)}.card-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card-stack{width:min(100%,36rem)}.card:first-child{grid-column:span 2;min-height:36rem}.card:first-child .card-body{min-height:36rem}.detail-body-floating{padding:1.5rem;width:min(34rem,100%)}.detail-stack{width:min(34rem,100%)}.page-overlay-detail{width:min(100%,68rem);padding-inline:1.25rem}}