:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", system-ui, sans-serif;--font-serif: ui-serif, "Songti SC", "Noto Serif CJK SC", Georgia, serif;--color-bg: #f7f5f0;--color-surface: #ffffff;--color-surface-soft: #f0ede6;--color-text: #111111;--color-text-muted: #5e5e5e;--color-border: rgba(17, 17, 17, .1);--color-border-strong: rgba(17, 17, 17, .18);--color-primary: #111111;--color-primary-pressed: #333333;--color-accent: #8b7a5e;--color-accent-soft: rgba(139, 122, 94, .12);--color-success: #2f6f5e;--color-success-soft: rgba(47, 111, 94, .1);--color-danger: #b10f2e;--color-danger-soft: rgba(177, 15, 46, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--type-xs: .75rem;--type-1: .8125rem;--type-2: .9375rem;--type-3: 1rem;--type-4: 1.125rem;--type-5: 1.375rem;--type-6: 1.75rem;--type-hero: clamp(1.75rem, 5.5vw, 2.25rem);--lh-tight: 1.2;--lh-snug: 1.35;--lh-body: 1.55;--duration-fast: .16s;--duration-normal: .24s;--z-header: 20;--z-tabbar: 30;--z-focus: 40;--tap-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--welcome-ambient-evening-bg: #1a1e3a;--welcome-ambient-evening-fog: #25305f;--welcome-ambient-morning-bg: #dce9f5;--welcome-ambient-morning-fog: #f3d8c9;--welcome-glass-evening-text: #ffffff;--welcome-glass-evening-muted: rgba(255, 255, 255, .82);--welcome-glass-morning-text: #26215c;--welcome-glass-morning-muted: rgba(38, 33, 92, .72)}@media (prefers-color-scheme: dark){:root{--color-bg: #121110;--color-surface: #1c1a18;--color-surface-soft: #242220;--color-text: #f2f0ec;--color-text-muted: #a8a49c;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-primary: #f2f0ec;--color-primary-pressed: #d4d0c8;--color-accent: #c4b494;--color-accent-soft: rgba(196, 180, 148, .14);--color-success: #5fba9e;--color-success-soft: rgba(95, 186, 158, .14);--color-danger: #e85a6e;--color-danger-soft: rgba(232, 90, 110, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-family:var(--font-sans);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--color-text);background:var(--color-bg);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,select,summary{font:inherit;color:inherit}a{text-decoration:none}button,select{border:none;background:none}ul,ol,li,dl,dt,dd,p,h1,h2,h3{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;position:relative;z-index:var(--z-focus)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.pull-refresh-indicator{position:fixed;top:calc(env(safe-area-inset-top) + var(--space-2));left:50%;z-index:calc(var(--z-header) + 1);min-height:36px;padding:.45rem .9rem;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-accent) 24%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 92%,transparent);color:var(--color-text-muted);font-size:var(--type-1);font-weight:600;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transform:translate(-50%,-18px);transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}.pull-refresh-indicator.is-visible{opacity:1;transform:translate(-50%)}.pull-refresh-indicator.is-ready{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-border))}.skip-link{position:absolute;left:0;top:-100px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.skip-link:focus{top:var(--space-2);left:var(--space-2)}.top-header{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-5) var(--space-3);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);background:color-mix(in srgb,var(--color-bg) 85%,transparent);border-bottom:1px solid var(--color-border)}.top-header__left{display:flex;flex-direction:column;gap:2px;min-width:0}.portal-link{font-family:var(--font-serif);font-size:var(--type-4);font-weight:600;color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;width:fit-content;font-size:var(--type-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent)}.language-switcher{display:grid;gap:var(--space-1);font-size:var(--type-1);color:var(--color-text-muted)}.language-switcher select{min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3)}.app-main{width:min(680px,100%);margin:0 auto;padding:var(--space-5);transition:transform var(--duration-fast) ease}.page-wrap{display:grid;gap:var(--space-5)}.welcome-page-frame{position:relative;isolation:isolate}.welcome-page-frame--morning:before,.welcome-page-frame--evening:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.welcome-page-frame--morning:before{background:radial-gradient(120% 90% at 20% 0%,#ffe8cc75,#ffe8cc00 54%),var(--welcome-ambient-morning-bg)}.welcome-page-frame--evening:before{background:radial-gradient(120% 90% at 50% 0%,#3f4c8a61,#1a1e3a00 58%),var(--welcome-ambient-evening-bg)}.ambient-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100dvh;border:0;pointer-events:none;touch-action:none}.welcome-page{position:relative;z-index:1}.welcome-page--ambient{--welcome-glass-text: var(--welcome-glass-evening-text);--welcome-glass-muted: var(--welcome-glass-evening-muted);--welcome-glass-surface: rgba(255, 255, 255, .15);--welcome-glass-surface-strong: rgba(255, 255, 255, .22);--welcome-glass-border: rgba(255, 255, 255, .28);--welcome-glass-border-strong: rgba(255, 255, 255, .42);--welcome-glass-accent: #ffd58d;--welcome-glass-accent-soft: rgba(255, 213, 141, .22);--color-bg: var(--welcome-ambient-evening-bg);--color-surface: var(--welcome-glass-surface);--color-surface-soft: var(--welcome-glass-surface-strong);--color-text: var(--welcome-glass-text);--color-text-muted: var(--welcome-glass-muted);--color-border: var(--welcome-glass-border);--color-border-strong: var(--welcome-glass-border-strong);--color-accent: var(--welcome-glass-accent);--color-accent-soft: var(--welcome-glass-accent-soft);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .18);--shadow-md: 0 18px 48px rgba(0, 0, 0, .24);color:var(--welcome-glass-text)}.welcome-page--morning{--welcome-glass-text: var(--welcome-glass-morning-text);--welcome-glass-muted: var(--welcome-glass-morning-muted);--welcome-glass-surface: rgba(255, 255, 255, .58);--welcome-glass-surface-strong: rgba(255, 255, 255, .72);--welcome-glass-border: rgba(38, 33, 92, .16);--welcome-glass-border-strong: rgba(38, 33, 92, .28);--welcome-glass-accent: #b5431c;--welcome-glass-accent-soft: rgba(216, 90, 48, .16);--color-bg: var(--welcome-ambient-morning-bg);--shadow-sm: 0 1px 2px rgba(38, 33, 92, .08);--shadow-md: 0 18px 48px rgba(38, 33, 92, .14)}.app-shell:has(.welcome-page-frame--morning) .top-header{--color-bg: #e7eef7;--color-text: #26215c;--color-text-muted: rgba(38, 33, 92, .72);--color-border: rgba(38, 33, 92, .14);--color-surface: rgba(255, 255, 255, .6)}.app-shell:has(.welcome-page-frame--morning) .bottom-tab-bar{--color-bg: #e7eef7;--color-text: #26215c;--color-text-muted: rgba(38, 33, 92, .6);--color-border: rgba(38, 33, 92, .14);--color-surface: rgba(255, 255, 255, .6);--color-accent: #b5431c}.app-shell:has(.welcome-page-frame--evening) .bottom-tab-bar{--color-bg: #1a1e3a;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .66);--color-border: rgba(255, 255, 255, .2);--color-surface: rgba(255, 255, 255, .12);--color-accent: #ffd58d}.app-shell:has(.welcome-page-frame--evening) .top-header{--color-bg: #1a1e3a;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .82);--color-border: rgba(255, 255, 255, .2);--color-surface: rgba(255, 255, 255, .12)}.welcome-page--ambient :where(.contextual-hero__card,.card,.dont-miss){border-color:var(--welcome-glass-border);background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--welcome-glass-accent) 16%,transparent) 0%,transparent 56%),var(--welcome-glass-surface);color:var(--welcome-glass-text);box-shadow:var(--shadow-md);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.welcome-page--ambient :where(.stay-loop__next,.stay-loop__celebration,.stay-loop__step){border-color:var(--welcome-glass-border);background:var(--welcome-glass-surface-strong)}.welcome-page--ambient :where(.context-pill,.walk-badge,.stay-loop__score){border-color:color-mix(in srgb,var(--welcome-glass-accent) 34%,var(--welcome-glass-border));background:var(--welcome-glass-accent-soft);color:var(--welcome-glass-accent)}.welcome-page--ambient :where(.stay-loop__step-marker){border-color:var(--welcome-glass-border-strong);background:var(--welcome-glass-surface-strong);color:var(--welcome-glass-accent)}.welcome-page--ambient :where(.button.primary){background:var(--welcome-glass-text);color:var(--color-bg)}.welcome-page--ambient :where(.button.secondary,.button.tertiary){border-color:var(--welcome-glass-border-strong);background:var(--welcome-glass-surface-strong);color:var(--welcome-glass-text)}.welcome-page--ambient :where(.contextual-hero__secondary-link){color:var(--welcome-glass-accent)}.welcome-hero{display:grid;gap:var(--space-3);padding-top:var(--space-4);padding-bottom:var(--space-2)}.welcome-hero h1,.section-header h1{font-family:var(--font-serif);font-size:var(--type-hero);line-height:var(--lh-tight);letter-spacing:-.02em;font-weight:600}.welcome-hero p,.section-header p,.empty-text{font-size:var(--type-2);color:var(--color-text-muted);line-height:var(--lh-body)}.section-header{display:grid;gap:var(--space-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.cta-panel{display:grid;gap:var(--space-4)}.cta-panel__hint{font-size:var(--type-1);color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase;font-weight:600}.cta-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;border-radius:var(--radius-md);font-size:var(--type-2);font-weight:600;padding:.75rem 1.25rem;letter-spacing:.01em;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease;cursor:pointer}.button:active{opacity:.85;transform:scale(.98)}.button.primary{background:var(--color-text);color:var(--color-bg);border:1px solid transparent}.button.primary:active{background:var(--color-primary-pressed)}.button.secondary{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text)}.button.tertiary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500}.button.accent{background:var(--color-accent);color:#fff;border:1px solid transparent}.cta{width:100%}.quick-actions{display:grid;gap:var(--space-3);padding-block:var(--space-4);border-color:color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-surface-soft) 72%,var(--color-surface))}.quick-actions__wifi{display:grid;gap:var(--space-2);min-width:0;font-size:var(--type-2)}.quick-actions__wifi-label{font-size:var(--type-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent)}.quick-actions__wifi-values{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-actions__wifi-pill{display:inline-flex;align-items:center;min-height:36px;padding:.45rem .7rem;border-radius:var(--radius-pill);background:var(--color-surface-soft);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--type-1);color:var(--color-text);font-weight:500;line-height:1.4}.quick-actions__strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.quick-actions__actions{display:flex;align-items:center;gap:var(--space-2)}.quick-actions__guide-link{white-space:nowrap}.quick-actions__meta-link{color:var(--color-accent);font-size:var(--type-1);font-weight:600}.quick-actions__copy-btn{color:var(--color-text)}.quick-actions__maps-link{width:fit-content}.quick-actions__feedback{font-size:var(--type-1);color:var(--color-success);font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.quick-actions__feedback--error{color:var(--color-danger)}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.intent-banner{display:grid;gap:var(--space-2);border-color:var(--color-accent-soft);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}.intent-banner h2{font-size:var(--type-4);font-weight:600}.nearby-meta{display:grid;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-soft);font-size:var(--type-1);color:var(--color-text-muted)}.nearby-meta strong{color:var(--color-text);font-weight:600}.events-update{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--type-1)}.events-update strong{color:var(--color-text)}.events-update.is-stale{border-color:color-mix(in srgb,var(--color-danger) 55%,var(--color-border));background:color-mix(in srgb,var(--color-danger-soft) 45%,var(--color-surface))}.events-focus .section-header h1{color:var(--color-accent)}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none;-ms-overflow-style:none}.chip-row::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);padding:0 1rem;font-size:var(--type-2);font-weight:500;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.chip.is-active{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg)}.cards-list{display:grid;gap:var(--space-4)}.cards-list h2,.timeline-content h3,.next-card h2,.emergency-card h2,.not-found h1{font-size:var(--type-4);line-height:var(--lh-snug);font-weight:600}.cards-list p,.timeline-content p,.next-card p,.faq-item p,.not-found p{color:var(--color-text-muted);font-size:var(--type-2);line-height:var(--lh-body)}.tag-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-2) 0 var(--space-3)}.tag-pill{display:inline-flex;align-items:center;min-height:26px;border-radius:var(--radius-pill);border:none;padding:2px 10px;background:var(--color-surface-soft);font-size:var(--type-xs);font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.tag-pill--ok{background:color-mix(in srgb,var(--color-success) 18%,var(--color-surface));color:var(--color-success)}.tag-pill--muted{background:var(--color-surface-soft);color:var(--color-text-muted)}.tag-pill--interactive{cursor:pointer;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}.tag-pill--interactive:hover{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-soft));color:var(--color-accent)}.tag-pill--interactive:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tag-pill--active{background:var(--color-accent-soft);color:var(--color-accent)}.timeline-wrapper{display:grid;gap:var(--space-5)}.timeline-day{display:grid;gap:var(--space-4)}.timeline-day h2{font-family:var(--font-serif);font-size:var(--type-5);font-weight:600;letter-spacing:-.01em}.timeline-list{display:grid;gap:0}.timeline-item{position:relative;padding-left:1.75rem;padding-bottom:var(--space-5)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--color-border-strong)}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:var(--radius-pill);border:2px solid var(--color-accent);background:var(--color-bg)}.timeline-time{font-size:var(--type-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-1)}.timeline-content{display:grid;gap:var(--space-1)}.timeline-item--past{opacity:.72}.timeline-item--current .timeline-dot{background:var(--color-accent)}.timeline-status-badge{display:inline-flex;align-items:center;width:fit-content;min-height:24px;border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--type-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.timeline-status-badge.is-current{color:#fff;background:var(--color-accent)}.timeline-status-badge.is-next{color:var(--color-accent);background:var(--color-accent-soft)}.timeline-compact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.timeline-expand-btn{white-space:nowrap;min-height:40px}.text-list{display:grid;gap:var(--space-3)}.text-list li{position:relative;padding-left:1rem;color:var(--color-text-muted);font-size:var(--type-2);line-height:var(--lh-body)}.text-list li:before{content:"";position:absolute;left:0;top:.55rem;width:4px;height:4px;border-radius:var(--radius-pill);background:var(--color-accent)}.guide-section{display:grid;gap:var(--space-3)}.guide-section__summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.guide-section__summary::-webkit-details-marker{display:none}.guide-section__summary:after{content:"";width:14px;height:14px;border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);flex-shrink:0;transform:rotate(45deg);transition:transform var(--duration-fast) ease}.guide-section[open]>.guide-section__summary:after{transform:rotate(225deg)}.guide-section--focus{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface))}.guide-section__assist{display:grid;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.guide-section__note{color:var(--color-text-muted);font-size:var(--type-1);line-height:var(--lh-body)}.rule-card{display:grid;gap:var(--space-2)}.rule-card__index{font-size:var(--type-xs);font-weight:700;letter-spacing:.1em;color:var(--color-accent)}.faq-item{display:grid;gap:var(--space-2)}.faq-item summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:var(--type-3);font-weight:600;gap:var(--space-2)}.faq-item summary:after{content:"";width:14px;height:14px;border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);flex-shrink:0;transform:rotate(45deg);transition:transform var(--duration-fast) ease}.faq-item[open] summary:after{transform:rotate(225deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item--focus{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface))}.support-scenario-grid{display:grid;gap:var(--space-3)}.support-scenario-card{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.support-scenario-card h2{font-size:var(--type-4);font-weight:600;line-height:var(--lh-snug)}.support-scenario-card p{color:var(--color-text-muted);font-size:var(--type-2);line-height:var(--lh-body)}.support-scenario-card__cta{color:var(--color-accent);font-size:var(--type-1);font-weight:600}.emergency-card{display:grid;gap:var(--space-4)}.emergency-card h2{color:var(--color-danger)}.emergency-card dl{display:grid;gap:0}.emergency-card dl div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border);padding:var(--space-3) 0}.emergency-card dl div:last-child{padding-bottom:0}.emergency-card dt{color:var(--color-text-muted);font-size:var(--type-2)}.emergency-card dd{font-weight:650;font-size:var(--type-3);font-variant-numeric:tabular-nums}.emergency-card dd a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px}.emergency-card__fallback{color:var(--color-text-muted);font-weight:500}.next-card{display:grid;gap:var(--space-3);background:var(--color-surface-soft);border-color:transparent}.next-card__eyebrow{font-size:var(--type-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.next-card__meta{color:var(--color-text-muted);font-size:var(--type-1);line-height:var(--lh-body)}.not-found{display:grid;gap:var(--space-3);text-align:center;padding:var(--space-10) 0}.ops-page pre{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-soft);overflow-x:auto}.ops-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--type-xs);font-weight:700;border:1px solid var(--color-border)}.ops-badge--ok{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface))}.ops-badge--error{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 14%,var(--color-surface))}.ops-badge--neutral{color:var(--color-text-muted);background:var(--color-surface-soft)}.ops-summary-card{display:grid;gap:var(--space-2)}.ops-summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.ops-summary-row:first-child{border-top:none;padding-top:0}.ops-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.ops-error-card{display:grid;gap:var(--space-3)}.ops-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ops-metric-card{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border)}.ops-metric-card h3{font-size:var(--type-2);font-weight:600}.ops-metric-card p{color:var(--color-text-muted);line-height:var(--lh-body)}.ops-metric-card__value{font-family:var(--font-serif);font-size:var(--type-5);color:var(--color-text)}.ops-insights,.ops-raw-grid{display:grid;gap:var(--space-3)}.ops-raw-grid{grid-template-columns:1fr}.ops-recent-list{gap:var(--space-2)}.ops-recent-item{display:grid;gap:2px}.ops-recent-item strong{color:var(--color-text)}.ops-recent-item span{font-size:var(--type-1);color:var(--color-text-muted)}.bottom-tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}.tab-link{min-height:44px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font-size:var(--type-xs);font-weight:500;color:var(--color-text-muted);transition:color var(--duration-fast) ease}.tab-link svg{width:20px;height:20px;opacity:.5;transition:opacity var(--duration-fast) ease}.tab-link.is-active{color:var(--color-text)}.tab-link.is-active svg{opacity:1}.hit-target{min-height:44px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.contextual-hero{display:grid;gap:var(--space-3);padding-top:var(--space-4)}.contextual-hero__greeting{font-family:var(--font-serif);font-size:var(--type-hero);line-height:var(--lh-tight);letter-spacing:-.02em;font-weight:600}.contextual-hero__subtitle{font-size:var(--type-2);color:var(--color-text-muted);line-height:var(--lh-body)}.contextual-hero__card{display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:radial-gradient(140% 140% at 100% 0%,color-mix(in srgb,var(--color-accent) 14%,transparent) 0%,transparent 50%),var(--color-surface);animation:fadeInUp var(--duration-normal) ease}.contextual-hero__context,.context-summary-card__chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.context-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));color:var(--color-accent);font-size:var(--type-1);font-weight:600}.contextual-hero__title{font-size:var(--type-4);font-weight:600;line-height:var(--lh-snug)}.contextual-hero__desc{font-size:var(--type-2);color:var(--color-text-muted);line-height:var(--lh-body)}.contextual-hero__reason{font-size:var(--type-1);color:var(--color-text-muted);line-height:var(--lh-body)}.contextual-hero__live-note,.context-summary-card__meta{font-size:var(--type-1);color:var(--color-accent);line-height:var(--lh-body)}.contextual-hero__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.contextual-hero__best-time{font-size:var(--type-1);color:var(--color-text-muted)}.contextual-hero__actions{display:grid;gap:var(--space-2)}.contextual-hero__secondary-actions{display:flex;justify-content:flex-start}.contextual-hero__secondary-link{color:var(--color-accent);font-size:var(--type-1);font-weight:600}.context-summary-card{display:grid;gap:var(--space-3);border-color:color-mix(in srgb,var(--color-accent) 20%,var(--color-border));background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--color-accent) 10%,transparent) 0%,transparent 55%),var(--color-surface)}.context-summary-card h2{font-size:var(--type-4);font-weight:600;line-height:var(--lh-snug)}.context-summary-card p{color:var(--color-text-muted);line-height:var(--lh-body)}.stay-loop{display:grid;gap:var(--space-4);border-color:color-mix(in srgb,var(--color-accent) 24%,var(--color-border));background:radial-gradient(140% 140% at 100% 0%,color-mix(in srgb,var(--color-accent) 14%,transparent) 0%,transparent 54%),linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 6%,var(--color-surface)) 0%,var(--color-surface) 100%)}.stay-loop__header,.stay-loop__copy{display:grid;gap:var(--space-2)}.stay-loop__header{gap:var(--space-3)}.stay-loop__eyebrow,.stay-loop__next-label{font-size:var(--type-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.stay-loop__copy h2,.stay-loop__next h3,.stay-loop__celebration h3{font-size:var(--type-4);font-weight:600;line-height:var(--lh-snug)}.stay-loop__copy p,.stay-loop__next p,.stay-loop__celebration p,.stay-loop__step-body p{font-size:var(--type-1);color:var(--color-text-muted);line-height:var(--lh-body)}.stay-loop__score{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface-soft));color:var(--color-accent);font-size:var(--type-1);font-weight:700}.stay-loop__meter{position:relative;width:100%;height:10px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface-soft) 85%,var(--color-surface))}.stay-loop__meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 78%,#ffffff) 0%,var(--color-accent) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent) 24%,transparent);transition:width var(--duration-normal) ease}.stay-loop__next,.stay-loop__celebration{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-accent) 16%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface-soft))}.stay-loop__toggle{justify-self:start;min-height:40px;padding-inline:1rem}.stay-loop__steps{display:grid;gap:var(--space-2)}.stay-loop__step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-soft) 72%,var(--color-surface))}.stay-loop__step.is-next{border-color:color-mix(in srgb,var(--color-accent) 24%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}.stay-loop__step.is-complete{border-color:color-mix(in srgb,var(--color-success) 24%,var(--color-border));background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface))}.stay-loop__step-marker{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-accent) 24%,var(--color-border));background:var(--color-surface);color:var(--color-accent);font-size:var(--type-1);font-weight:700}.stay-loop__step.is-complete .stay-loop__step-marker{border-color:transparent;background:color-mix(in srgb,var(--color-success) 82%,#ffffff);color:#fff}.stay-loop__step-body,.stay-loop__step-line{display:grid;gap:2px}.stay-loop__step-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.stay-loop__step-line strong{font-size:var(--type-2);line-height:var(--lh-snug)}.stay-loop__step-status{font-size:var(--type-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.stay-loop__step.is-next .stay-loop__step-status{color:var(--color-accent)}.stay-loop__step.is-complete .stay-loop__step-status{color:var(--color-success)}.stay-loop__error{font-size:var(--type-1);color:var(--color-danger)}.walk-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-accent-soft);font-size:var(--type-xs);font-weight:600;color:var(--color-accent);white-space:nowrap}.walk-badge svg{width:14px;height:14px;flex-shrink:0}.intent-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.intent-grid-v2__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:88px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,transform var(--duration-fast) ease}.intent-grid-v2__item:active{transform:scale(.97);border-color:var(--color-border-strong);background:var(--color-surface-soft)}.intent-grid-v2__icon{width:24px;height:24px;color:var(--color-accent)}.intent-grid-v2__icon svg{width:100%;height:100%}.intent-grid-v2__label{font-size:var(--type-2);font-weight:600;color:var(--color-text);text-align:center}.dont-miss{display:grid;gap:var(--space-3);border-left:4px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface))}.dont-miss__eyebrow{font-size:var(--type-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.dont-miss__title{font-size:var(--type-4);font-weight:600;line-height:var(--lh-snug)}.dont-miss__date{font-size:var(--type-2);color:var(--color-text-muted)}.wifi-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-soft);border-radius:var(--radius-md)}.wifi-strip__info{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden}.wifi-strip__icon{width:18px;height:18px;flex-shrink:0}.wifi-strip__icon svg{width:100%;height:100%}.wifi-strip__ssid{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--type-1);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wifi-strip__sep{color:var(--color-text-muted);flex-shrink:0}.wifi-strip__password{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--type-1);font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wifi-strip__copy-btn{flex-shrink:0;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:var(--type-1);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) ease,transform var(--duration-fast) ease}.wifi-strip__copy-btn:active{transform:scale(.96);background:var(--color-surface-soft)}.guide-link-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.guide-link-card__text{font-size:var(--type-2);color:var(--color-text-muted)}.guest-pref{display:grid;gap:var(--space-4);border-color:color-mix(in srgb,var(--color-accent) 18%,var(--color-border))}.guest-pref__head{display:grid;gap:var(--space-1)}.guest-pref__head h2{font-size:var(--type-4);font-weight:600}.guest-pref__head p{font-size:var(--type-1);color:var(--color-text-muted)}.guest-pref__group{display:grid;gap:var(--space-2)}.guest-pref__label{font-size:var(--type-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.guest-pref--inline{margin-top:calc(var(--space-2) * -1)}.guest-pref--secondary{border-style:dashed;background:color-mix(in srgb,var(--color-surface-soft) 75%,var(--color-surface))}.welcome-preferences{gap:var(--space-2)}.weather-brief{display:grid;gap:var(--space-2);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border))}.weather-brief__eyebrow{font-size:var(--type-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.weather-brief h2{font-size:var(--type-4);font-weight:600;line-height:var(--lh-snug)}.weather-brief p{font-size:var(--type-1);color:var(--color-text-muted)}.weather-brief__actions{display:grid;gap:var(--space-2);padding-top:var(--space-2)}.weather-brief__actions .button{justify-self:start}.weather-brief__actions .button:disabled{opacity:.6;cursor:wait}.weather-brief__status{color:var(--color-accent)!important;font-weight:600}.long-stay-note{display:grid;gap:var(--space-2)}.long-stay-note h2{font-size:var(--type-4);font-weight:600}.top-pick-hero{display:grid;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));background:radial-gradient(140% 140% at 100% 0%,color-mix(in srgb,var(--color-accent) 12%,transparent) 0%,transparent 50%),var(--color-surface)}.top-pick-hero__badge{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--type-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.top-pick-hero h2{font-size:var(--type-5);font-weight:600;line-height:var(--lh-snug)}.top-pick-hero p{font-size:var(--type-2);color:var(--color-text-muted);line-height:var(--lh-body)}.top-pick-hero__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.top-pick-hero__best-time{font-size:var(--type-1);color:var(--color-text-muted)}.top-pick-hero__alternative{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface-soft));border:1px solid color-mix(in srgb,var(--color-accent) 16%,var(--color-border))}.top-pick-hero__alternative-title{font-size:var(--type-2);font-weight:600;color:var(--color-text)}.best-time-hint{font-size:var(--type-1);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.best-time-hint strong{color:var(--color-accent);font-weight:600}.nearby-live{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.event-detail{display:grid;gap:var(--space-1);font-size:var(--type-1);color:var(--color-text-muted)}.event-detail strong{color:var(--color-text)}@media (min-width: 768px){.app-main{padding:var(--space-8) var(--space-6)}.cta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-tab-bar{left:50%;right:auto;transform:translate(-50%);width:min(540px,calc(100% - 2rem));border:1px solid var(--color-border);border-bottom:none;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.support-scenario-grid,.ops-raw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.action-row,.intent-grid-v2,.ops-metric-grid{grid-template-columns:1fr}.top-header{padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-4) var(--space-2)}.top-header .badge{display:none}.portal-link{font-size:var(--type-3)}.language-switcher span{display:none}.language-switcher select{min-height:40px;padding:0 var(--space-2)}.app-main{padding:var(--space-4)}.welcome-page{gap:var(--space-4)}.contextual-hero{padding-top:var(--space-2);gap:var(--space-2)}.contextual-hero__subtitle{display:none}.contextual-hero__card{padding:var(--space-4);gap:var(--space-2)}.contextual-hero__meta{gap:var(--space-2)}.contextual-hero__secondary-actions{justify-content:center}.quick-actions{padding:var(--space-3);gap:var(--space-2)}.quick-actions__strip{align-items:stretch}.quick-actions__actions,.quick-actions__actions .button{width:100%}.stay-loop{gap:var(--space-3);padding:var(--space-3)}.stay-loop__header{gap:var(--space-2)}.stay-loop__copy{gap:var(--space-1)}.stay-loop__copy h2,.stay-loop__next h3,.stay-loop__celebration h3{font-size:var(--type-3)}.stay-loop__copy p{display:none}.stay-loop__step{grid-template-columns:32px minmax(0,1fr);gap:var(--space-2);padding:var(--space-3)}.stay-loop__next,.stay-loop__celebration{gap:var(--space-2);padding:var(--space-3)}.stay-loop__toggle{padding-inline:.875rem}.stay-loop__step-marker{width:32px;height:32px}.stay-loop__step-line{grid-template-columns:1fr}.dont-miss{gap:var(--space-2)}}