.app-header{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.app-header__brand{display:flex;align-items:center;gap:9px;min-width:0}.app-header__mark{width:26px;height:26px;border-radius:50%;background:#efe3d8;border:1px solid #e0d2c4;display:flex;align-items:center;justify-content:center;flex:none}.app-header__title{font-family:var(--font-serif);font-size:17px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__hide{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-pill);padding:7px 12px;font-size:12px;font-weight:600;box-shadow:var(--shadow-card)}.app-header__hide:hover{background:#fbf7f2;color:var(--color-text)}.tab-bar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#f6f2ecf5;border-top:1px solid var(--color-border);padding:8px 10px calc(14px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:10.5px;font-weight:600;text-decoration:none;color:var(--color-text-faint)}.tab-bar__item--active{color:var(--color-accent)}.disguise{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--disguise-gradient);color:#fff;display:flex;flex-direction:column;font-family:var(--font-sans)}.disguise__status{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 4px;font-size:13px;font-weight:600}.disguise__status-right{font-size:11px;opacity:.85}.disguise__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center}.disguise__place{margin:0 0 2px;font-size:15px;font-weight:500;opacity:.9}.disguise__temp{background:none;border:none;color:inherit;font:inherit;padding:0;margin:0;display:block;font-size:88px;font-weight:200;line-height:1;letter-spacing:-.04em}.disguise__condition{margin:6px 0 2px;font-size:17px;font-weight:500}.disguise__range{margin:0;font-size:14px;opacity:.85}.disguise__hours{margin-top:34px;width:100%;max-width:380px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.disguise__hour{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px}.disguise__hour-time{opacity:.9}.disguise__hour-deg{font-weight:600}.disguise__hint{margin:0;padding:0 24px calc(26px + env(safe-area-inset-bottom,0px));text-align:center;font-size:11.5px;line-height:1.5;opacity:.62}.app-shell{width:100%;max-width:var(--app-max-width);height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}@media (min-width: 560px){.app-shell{height:min(calc(100dvh - 40px),860px);margin:20px 0;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #32231424}}.app-shell__main{flex:1;overflow-y:auto;overscroll-behavior:contain}.home{padding:14px 22px 40px}.home__headline{margin:0 0 10px;font-size:32px;line-height:1.12}.home__subtext{margin:0 0 26px;font-size:15px;line-height:1.55;color:var(--color-text-muted)}.home__label{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent)}.home__cards{display:flex;flex-direction:column;gap:10px}.home__card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-card);text-decoration:none;color:inherit}.home__card:hover{border-color:var(--color-border-hover)}.home__card-title{display:block;font-family:var(--font-serif);font-size:20px;font-weight:500;margin-bottom:4px}.home__card-body{display:block;font-size:13.5px;line-height:1.5;color:var(--color-text-muted)}.home__browse-all{display:block;margin-top:18px;width:100%;border:none;border-top:1px solid var(--color-border);padding:16px 0 0;font-size:14px;font-weight:600;color:var(--color-text-muted);text-decoration:none}.home__browse-all:hover{color:var(--color-text)}.home__quote{margin-top:26px;background:var(--color-surface-muted);border-radius:var(--radius-md);padding:18px}.home__quote-text{margin:0;font-family:var(--font-serif);font-size:16.5px;line-height:1.55;font-style:italic;color:var(--color-text-soft)}.home__quote-attr{margin:10px 0 0;font-size:12.5px;color:var(--color-text-faint)}.home__copyright{margin:22px 0 0;text-align:center;font-size:11.5px;color:var(--color-text-faint)}.start-here{padding:14px 22px 40px}.start-here__title{margin:0 0 10px;font-size:30px;line-height:1.14}.start-here__subtext{margin:0 0 22px;font-size:15px;line-height:1.55;color:var(--color-text-muted)}.start-here__list{display:flex;flex-direction:column;gap:12px}.start-here__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.start-here__card--urgent{background:var(--color-surface-feature);border-color:var(--color-surface-feature-border)}.start-here__card-title{margin:0 0 4px;font-family:var(--font-serif);font-size:19px;font-weight:500}.start-here__card-body{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--color-text-muted)}.start-here__chips{display:flex;flex-wrap:wrap;gap:7px}.start-here__chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:7px 12px;font-size:12.5px;text-decoration:none}.start-here__chip--live{background:#fbf7f2;font-weight:500;color:var(--color-text)}.start-here__chip--soon{color:var(--color-text-faint)}.start-here__cta{display:inline-block;border:none;background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-pill);padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none}.topics{padding:14px 22px 40px}.topics__title{margin:0 0 16px;font-size:30px;line-height:1.14}.topics__search{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px;margin-bottom:22px}.topics__search input{border:none;outline:none;background:none;font-size:14.5px;width:100%;color:var(--color-text)}.topics__empty{margin:0 0 22px;font-size:14px;color:var(--color-text-muted)}.topics__group{margin-bottom:24px}.topics__group-name{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-faint)}.topics__group-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.topics__item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-surface);padding:14px 15px}.topics__item-title{font-size:14.5px;line-height:1.35}.topics__item-read{flex:none;border:none;background:var(--color-accent-surface);color:var(--color-accent);border-radius:var(--radius-pill);padding:6px 11px;font-size:11.5px;font-weight:600;text-decoration:none}.topics__item-soon{flex:none;font-size:11.5px;color:var(--color-text-quiet)}.saved{padding:14px 22px 40px}.saved__title{margin:0 0 10px;font-size:30px;line-height:1.14}.saved__subtext{margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--color-text-muted)}.saved__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px}.saved__toggle-title{display:block;font-size:15px;font-weight:600;margin-bottom:3px}.saved__toggle-body{display:block;font-size:13px;line-height:1.45;color:var(--color-text-muted)}.saved__switch{flex:none;width:50px;height:30px;border-radius:var(--radius-pill);border:none;padding:3px;display:flex;transition:background .16s ease}.saved__switch-knob{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;display:block}.saved__off-note{margin:16px 0 0;font-size:13.5px;line-height:1.55;color:var(--color-text-faint)}.saved__on-block{margin-top:16px}.saved__empty{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--color-text-faint)}.saved__item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:15px;margin-bottom:10px;font-size:14.5px}.saved__item-actions{display:flex;align-items:center;gap:8px;flex:none}.saved__item-read{border:none;background:var(--color-accent-surface);color:var(--color-accent);border-radius:var(--radius-pill);padding:6px 11px;font-size:11.5px;font-weight:600;text-decoration:none}.saved__item-remove{border:none;background:none;color:var(--color-text-faint);font-size:18px;line-height:1;padding:4px 6px}.saved__clear{margin-top:4px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:9px 15px;font-size:13px;font-weight:600;color:var(--color-text-muted)}.help{padding:14px 22px 40px}.help__title{margin:0 0 10px;font-size:30px;line-height:1.14}.help__subtext{margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--color-text-muted)}.help__list{display:flex;flex-direction:column;gap:10px}.help__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px}.help__card-name{margin:0 0 3px;font-size:15px;font-weight:600}.help__card-what{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--color-text-muted)}.help__card-number{display:inline-block;font-family:var(--font-serif);font-size:19px;font-weight:500;text-decoration:none}.help__disclaimer{margin:22px 0 0;font-size:12.5px;line-height:1.6;color:var(--color-text-faint)}.privacy{padding:14px 22px 40px}.privacy__title{margin:0 0 10px;font-size:30px;line-height:1.14}.privacy__subtext{margin:0 0 22px;font-size:15px;line-height:1.55;color:var(--color-text-muted)}.privacy__list{display:flex;flex-direction:column;gap:12px}.privacy__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.privacy__card--muted{background:var(--color-surface-muted);border:none}.privacy__card-title{margin:0 0 5px;font-size:15px;font-weight:600}.privacy__card-body{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:var(--color-text-muted)}.privacy__card-body:last-child{margin-bottom:0}.privacy__try{border:1px solid var(--color-border);background:#fbf7f2;border-radius:var(--radius-pill);padding:9px 15px;font-size:13px;font-weight:600}.guide-block{text-wrap:pretty}.guide-block--p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--color-text-soft)}.guide-block--h{margin:20px 0 8px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}.guide-block--li{margin:0 0 10px;padding-left:14px;border-left:2px solid var(--color-border);font-size:15.5px;line-height:1.6;color:var(--color-text-soft)}.guide-block--drink{margin:0 0 10px;border:1px solid var(--color-border);border-radius:14px;padding:13px 14px;background:var(--color-bg)}.guide-block__drink-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:5px}.guide-block__drink-name,.guide-block__drink-base,.guide-block__drink-profile{margin:0}.guide-block__drink-name{font-size:15px;font-weight:650}.guide-block__drink-base{flex:none;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent)}.guide-block__drink-profile{font-size:14px;line-height:1.5;color:var(--color-text-soft)}.guide-block--source{margin:0 0 12px;padding:12px 14px;border-left:2px solid var(--color-border)}.guide-block--source a{color:var(--color-accent);font-size:14.5px;font-weight:650;line-height:1.4;text-decoration-thickness:1px;text-underline-offset:3px}.guide-block--source p{margin:5px 0 0;color:var(--color-text-faint);font-size:12.5px;line-height:1.45}.guide-block--script{margin:6px 0 16px;background:#fbf3ec;border:1px solid #e7d6c6;border-radius:14px;padding:15px 17px}.guide-block__label{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent)}.guide-block__script-text{margin:0;font-family:var(--font-serif);font-size:19px;line-height:1.45}.guide-block--note{margin:6px 0 16px;background:var(--color-note-bg);border-left:3px solid var(--color-accent);border-radius:0 12px 12px 0;padding:15px 17px}.guide-block--note p{margin:0;font-size:14.5px;line-height:1.6;color:var(--color-text-soft)}.guide-reader{display:flex;flex-direction:column;height:100%;min-height:100%}.guide-reader__top{padding:12px 22px 10px;flex:none}.guide-reader__top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.guide-reader__back{font-size:13px;font-weight:600;color:var(--color-text-faint);text-decoration:none}.guide-reader__step-label{font-size:12.5px;font-weight:600;color:var(--color-text-faint)}.guide-reader__progress-track{height:3px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.guide-reader__progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition:width .24s ease}.guide-reader__scroll{flex:1;overflow-y:auto;padding:12px 16px 8px}.guide-reader__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;padding:22px 20px 26px;box-shadow:0 2px 14px #5a41280f;min-height:100%}.guide-reader__kicker{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent)}.guide-reader__title{margin:0 0 16px;font-size:27px;line-height:1.15}.guide-reader__adult-speed{margin:0 0 18px;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-accent-surface);padding:12px 14px}.guide-reader__adult-speed p{margin:0;font-size:13.5px;line-height:1.5;color:var(--color-text-muted)}.guide-reader__adult-speed .guide-reader__adult-speed-title{margin-bottom:3px;font-weight:700;color:var(--color-text)}.guide-reader__footer-meta{margin-top:28px;border-top:1px solid var(--color-border);padding-top:20px}.guide-reader__reviewed{margin:0 0 16px;font-size:12.5px;color:var(--color-text-faint)}.guide-reader__save{display:block;margin:0 0 20px;border:1px solid var(--color-border);background:var(--color-accent-surface);color:var(--color-accent);border-radius:var(--radius-pill);padding:9px 15px;font-size:13px;font-weight:600}.guide-reader__feedback-label{margin:0 0 12px;font-size:15px;font-weight:600}.guide-reader__feedback-buttons{display:flex;gap:8px}.guide-reader__feedback-buttons button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);padding:9px 16px;font-size:13.5px;font-weight:600}.guide-reader__feedback-thanks{margin:0;font-size:13.5px;color:var(--color-text-muted)}.guide-reader__feedback-note{margin:12px 0 0;font-size:12.5px;color:var(--color-text-faint)}.guide-reader__nav{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px))}.guide-reader__nav-arrow{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.guide-reader__nav-arrow:disabled{opacity:.4;cursor:default}.guide-reader__dots{display:flex;gap:6px;align-items:center}.guide-reader__dot{width:7px;height:7px;border-radius:var(--radius-pill);border:none;background:#dcd2c6;padding:0}.guide-reader__dot--on{width:20px;height:7px;background:var(--color-accent)}.guide-reader__nav-next{border:none;background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-pill);height:44px;padding:0 20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.guide-reader__nav-next:hover{background:var(--color-accent-hover)}:root{--font-serif: "Newsreader", serif;--font-sans: "Instrument Sans", system-ui, sans-serif;--color-page-bg: #ede7df;--color-bg: #f6f2ec;--color-surface: #ffffff;--color-surface-muted: #efe9e1;--color-surface-feature: #fbede2;--color-surface-feature-border: #e7cdb6;--color-note-bg: #f4efe7;--color-text: #221f1b;--color-text-soft: #3c372f;--color-text-muted: #6b6459;--color-text-faint: #8a8175;--color-text-quiet: #a9a093;--color-border: #e4dcd1;--color-border-strong: #dcd2c4;--color-border-hover: #d6c4b2;--color-border-feature: #e0d2c4;--color-accent: #a8552f;--color-accent-hover: #8a4425;--color-accent-surface: #f2e3d9;--color-accent-contrast: #fff8f2;--color-good: #5f7361;--color-track-off: #dcd2c6;--disguise-gradient: linear-gradient(#2c4358, #5b7e96 55%, #9db7c6);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(60, 45, 30, .04);--shadow-feature: 0 2px 10px rgba(120, 80, 45, .07);--app-max-width: 480px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-page-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh;display:flex;justify-content:center}h1,h2,h3{font-family:var(--font-serif);font-weight:500;letter-spacing:-.02em;margin:0}p{margin:0}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}button,input{font-family:inherit;color:inherit}button{cursor:pointer}.scroll-nice{scrollbar-width:none}.scroll-nice::-webkit-scrollbar{width:0;height:0}.text-wrap-pretty{text-wrap:pretty}