:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-background)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffdf8f0,#f7f4eeb8),var(--color-background)}button,input,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{min-height:100dvh;padding:16px 16px 92px}.app-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:780px;margin:0 auto 18px}.in-app-browser-notice{position:relative;max-width:780px;margin:0 auto 16px;padding:14px 48px 14px 14px;border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:8px;background:var(--color-card);box-shadow:0 8px 24px #2b383014}.in-app-browser-notice h2{margin-bottom:5px;color:var(--color-primary-strong);font-size:1.05rem;line-height:1.2}.in-app-browser-notice p{margin-bottom:6px;color:var(--color-muted);line-height:1.4}.in-app-browser-notice p:last-child{margin-bottom:0;color:var(--color-text);font-weight:720}.in-app-browser-notice button{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:999px;color:var(--color-muted);background:transparent;font-size:1.05rem;font-weight:850}.brand-button{min-height:54px;display:inline-flex;align-items:center;padding:0;border:0;color:var(--color-primary-strong);background:transparent;font-weight:850;letter-spacing:0;text-decoration:none;cursor:pointer}.brand-logo{display:block;width:100%;height:auto;color:var(--color-primary)}.header-logo{width:clamp(54px,11vw,88px)}.language-switch{display:flex;gap:4px;min-width:0;margin:0;padding:3px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.language-switch label{min-height:36px;display:grid;place-items:center;padding:0 9px;border-radius:6px;color:var(--color-muted);font-size:.82rem;font-weight:750}.language-switch label.active{color:var(--color-surface);background:var(--color-primary)}.language-switch input{position:absolute;opacity:0}.home-view,.walk-view,.library-view{width:100%;max-width:780px;margin:0 auto}.home-hero{min-height:auto;display:grid;align-items:start;padding:20px 0 34px}.hero-copy{display:grid;gap:14px;justify-items:start}.eyebrow{margin:0;color:var(--color-primary);font-size:.9rem;font-weight:850;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.home-hero h1{margin-bottom:0;font-size:clamp(2.9rem,11vw,4.55rem);line-height:.94;letter-spacing:0}.hero-logo-title{width:min(100%,260px);line-height:0}.hero-logo{color:var(--color-primary)}.subtitle{max-width:13em;margin-bottom:0;color:var(--color-primary-strong);font-size:clamp(1.45rem,5.4vw,2.25rem);line-height:1.05;font-weight:780}.intro{max-width:29rem;color:var(--color-muted);font-size:1.05rem;line-height:1.55}.locale-cta{width:min(100%,420px);display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:8px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.locale-cta p{margin-bottom:0;color:var(--color-text);font-weight:760;line-height:1.35}.locale-cta a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:0 15px;border-radius:8px;color:var(--color-surface);background:var(--color-primary);font-weight:850;text-decoration:none}.locale-cta.compact{width:100%;padding:12px}.install-prompt{position:relative;width:min(100%,420px);display:grid;gap:12px;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);box-shadow:0 8px 24px #2b383014}.install-prompt.compact{width:100%;margin-bottom:12px}.install-prompt-copy{display:grid;gap:6px;padding-right:38px}.install-prompt h2{margin-bottom:0;font-size:1.05rem;line-height:1.2}.install-prompt p{margin-bottom:0;color:var(--color-muted);line-height:1.4}.install-prompt .install-status{color:var(--color-primary);font-size:.82rem;font-weight:850;text-transform:uppercase}.install-hint{font-size:.92rem}.install-prompt-actions{display:flex;align-items:center;gap:8px}.install-action{min-height:44px}.install-dismiss{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:999px;color:var(--color-muted);background:transparent;font-size:1.05rem;font-weight:850}.primary-action,.secondary-action,.text-action{min-height:48px;border-radius:8px;font-weight:850}.primary-action{color:var(--color-surface);background:var(--color-primary);box-shadow:var(--shadow-soft)}.start-action{width:min(100%,390px);min-height:72px;padding:0 20px;display:grid;place-content:center;gap:2px;font-size:clamp(1rem,4.6vw,1.25rem);line-height:1.05;text-align:center}.start-action span{display:block}.secondary-action{padding:0 16px;color:var(--color-primary-strong);background:var(--color-surface-strong)}.text-action{min-height:44px;padding:0;color:var(--color-primary-strong);background:transparent}.walk-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.walk-topline h1,.library-heading h1{margin-bottom:4px;font-size:1.75rem;line-height:1.1}.walk-topline p,.library-heading p{margin-bottom:0;color:var(--color-muted);line-height:1.45}.complete-note{padding:12px 14px;border:1px solid rgba(78,139,93,.24);border-radius:8px;color:var(--color-primary-strong);background:#b7d7bd52;font-weight:700}.bingo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.signal-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;width:100%;min-height:112px;padding:8px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-card);box-shadow:0 4px 16px #2b38300f;text-align:left}.signal-card.seen{border-color:#4e8b5d73;background:linear-gradient(0deg,rgba(183,215,189,.35),var(--color-card))}.signal-card-image-wrap{position:relative;min-height:0;border-radius:7px;overflow:hidden;background:var(--color-card)}.signal-card-image{display:block;width:100%;height:100%;min-height:58px;object-fit:cover}.seen-mark{position:absolute;top:7px;right:7px;width:26px;height:26px;border-radius:999px;background:var(--color-seen-strong)}.seen-mark:before{content:"";position:absolute;left:8px;top:5px;width:7px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.signal-card-title{min-height:2.45em;display:block;font-size:clamp(.78rem,3.25vw,1rem);font-weight:800;line-height:1.18;overflow-wrap:anywhere}.signal-card.compact{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;min-height:92px}.signal-card.compact .signal-card-image-wrap{grid-row:1 / 3;aspect-ratio:1}.signal-card.compact .signal-card-title{min-height:0;font-size:1rem}.signal-card-category{color:var(--color-muted);font-size:.9rem;font-weight:650}.library-heading{display:grid;gap:8px;margin-bottom:14px}.filters{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr;gap:8px;margin:0 -16px 12px;padding:10px 16px;background:#f7f4eef0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filters input,.filters select{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface)}.library-list{display:grid;gap:8px}.empty-state{color:var(--color-muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#fffdf8f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{min-height:48px;border-radius:8px;color:var(--color-muted);background:transparent;font-weight:850}.bottom-nav button.active{color:var(--color-surface);background:var(--color-primary)}.detail-backdrop{position:fixed;top:72px;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:end;background:#26322d6b}.detail-panel{position:relative;width:100%;max-height:min(90dvh,820px);overflow:auto;border-radius:18px 18px 0 0;background:var(--color-surface);box-shadow:0 -20px 50px #26322d3d}.close-button{position:absolute;top:10px;right:10px;z-index:2}.icon-button{width:44px;height:44px;border-radius:999px;color:var(--color-text);background:#fffdf8eb;font-size:1.25rem;font-weight:850}.detail-image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--color-card)}.detail-content{display:grid;gap:14px;padding:18px 16px calc(22px + env(safe-area-inset-bottom))}.detail-quick-action{padding:12px 16px 0;background:var(--color-surface)}.detail-category{margin-bottom:-4px;color:var(--color-primary);font-size:.9rem;font-weight:850}.detail-content h2{margin-bottom:0;font-size:1.8rem;line-height:1.08}.detail-block{padding-top:12px;border-top:1px solid var(--color-border)}.detail-block h3{margin-bottom:4px;font-size:1rem}.detail-block p,.context-note,.clue-reminder{margin-bottom:0;color:var(--color-muted);line-height:1.5}.clue-reminder{padding:12px 14px;border-radius:8px;background:var(--color-surface-strong);color:var(--color-primary-strong);font-weight:700}.detail-action{width:100%;min-height:58px;font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:620px){.app-shell{padding-top:24px}.bingo-grid{gap:12px}.signal-card{min-height:170px;padding:10px}.signal-card-image{min-height:105px}.filters{grid-template-columns:1fr 230px;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.detail-backdrop{top:0;right:0;bottom:0;left:0;align-items:center;padding:24px}.detail-panel{max-width:640px;margin:0 auto;border-radius:8px}}@media(min-width:860px){.app-shell{max-width:1180px;margin:0 auto;padding:34px 34px 112px}.app-header,.in-app-browser-notice,.home-view,.walk-view,.library-view{max-width:960px}.app-header{margin-bottom:28px}.brand-button{font-size:1.05rem}.header-logo{width:clamp(78px,11vw,116px)}.language-switch{gap:6px;padding:4px}.language-switch label{min-width:118px;min-height:54px;padding:0 18px;font-size:1rem}.home-hero{min-height:auto;padding:40px 0 54px}.hero-copy{max-width:760px;gap:18px}.eyebrow{font-size:1rem}.home-hero h1{font-size:clamp(4rem,7vw,5.9rem);line-height:.9}.hero-logo-title{width:min(100%,340px)}.subtitle{max-width:10.5em;font-size:clamp(2rem,3.8vw,3.1rem)}.intro{font-size:1.18rem}.start-action{width:min(100%,520px);min-height:96px;font-size:1.55rem}.install-prompt,.locale-cta{width:min(100%,520px);padding:22px}.locale-cta.compact,.install-prompt.compact{width:100%;padding:14px}.walk-view{max-width:720px}.bingo-grid{max-width:680px;margin:0 auto}.signal-card{min-height:158px}.signal-card-title{font-size:.98rem}.library-view{max-width:980px}.library-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bottom-nav{left:50%;right:auto;bottom:18px;width:min(520px,calc(100% - 48px));transform:translate(-50%);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 14px 38px #2b38301f}}@media(min-width:1120px){.home-view{max-width:1040px}.hero-copy{max-width:820px}.home-hero h1{font-size:6.4rem}.hero-logo-title{width:400px}}@media(prefers-reduced-motion:no-preference){.signal-card,.primary-action,.secondary-action,.bottom-nav button{transition:transform .16s ease,background .16s ease,border-color .16s ease}.signal-card:active,.primary-action:active,.secondary-action:active{transform:translateY(1px)}}