@media(max-width:800px) {
 body.has-onboarding {overflow:hidden}
 #main.onboarding-screen {height:var(--onboarding-height);min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#e5dfce}
 #main.onboarding-screen>.mobile-context-bar {flex:none;padding:8px 16px;gap:8px}
 #main.onboarding-screen>.onboarding-stage {position:relative;display:block;flex:1;min-height:0!important;padding:0;margin:0;--sheet-peek:min(42%,320px)}
 #main.onboarding-screen .sheet-story {position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--sheet-peek);min-height:0!important;padding:8px 16px;margin:0;border:0;border-radius:0;background:transparent;overflow:hidden;text-align:center;box-shadow:none}
 #main.onboarding-screen .sheet-story .coffee-card-slide {width:100%;flex:none;min-height:0}
 #main.onboarding-screen .sheet-story .origin-hero {display:flex;flex-direction:column-reverse;align-items:center;gap:0;padding:0}
 #main.onboarding-screen .sheet-story .map-heading {position:static;padding:0;z-index:auto;margin:0;align-self:center;width:auto;text-align:center}
 #main.onboarding-screen .sheet-story .map-heading h2,#main.onboarding-screen .sheet-story h2 {font-size:var(--type-lead);line-height:1.15;margin:0;max-width:28ch;letter-spacing:-.02em;text-shadow:none}
 #main.onboarding-screen .sheet-story .map-heading>span {margin:4px 0 0;text-shadow:none;font-size:var(--type-body)}
 #main.onboarding-screen .sheet-story .map-stage {width:100%;height:96px;min-height:0;padding:0}
 #main.onboarding-screen .sheet-story .country-map {width:100%;height:96px;max-height:none}
 #main.onboarding-screen .sheet-story .origin-empty-globe {display:block;width:80px;height:80px;margin:0 auto 8px}
 #main.onboarding-screen .sheet-story .origin-empty-copy {padding:0;margin:0}
 #main.onboarding-screen .sheet-story .origin-empty-copy .eyebrow {display:none}
 #main.onboarding-screen .sheet-story .knowledge-slide-hero {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0;border:0}
 #main.onboarding-screen .sheet-story .knowledge-slide-hero>svg {order:-1;height:96px;width:144px;margin:0}
 #main.onboarding-screen .sheet-story .knowledge-slide-hero>.eyebrow {display:none}
 #main.onboarding-screen .sheet-story>.brewer-drawing,#main.onboarding-screen .sheet-story>.grinder-drawing {order:-1;width:144px;height:96px;margin:0}
 #main.onboarding-screen .sheet-story .device-material {margin:4px 0 0}
 #main.onboarding-screen .sheet-story .coffee-card-placeholder {padding:0;gap:8px;flex:none;min-height:0}
 #main.onboarding-screen .sheet-story .empty-line-art {width:80px;height:80px;margin:0}
 #main.onboarding-screen .sheet-story .coffee-card-placeholder .eyebrow {display:none}
 #main.onboarding-screen .sheet-story .map-boundary-note {font-size:var(--type-body);margin:4px 0}
 #main.onboarding-screen .brew-sheet {position:absolute;z-index:2;inset:var(--sheet-peek) 0 0;display:flex;flex-direction:column;padding:0;min-width:0;min-height:0;background:var(--paper);border-radius:24px 24px 0 0;box-shadow:0 -4px 24px #26373f0a;overflow:hidden;transition:top 320ms cubic-bezier(.22,1,.36,1)}
 #main.onboarding-screen .brew-sheet.is-dragging {transition:none;user-select:none}
 #main.onboarding-screen .sheet-story-context {font-size:var(--type-body);line-height:1.4;max-width:42ch;margin:12px 0 0;color:var(--ink);text-wrap:pretty}
 #main.onboarding-screen .sheet-story {overflow:auto;justify-content:safe center;padding-top:16px;padding-bottom:16px;overscroll-behavior:contain}
 #main.onboarding-screen .sheet-story .atlas-meta {display:none}
 #main.onboarding-screen .brew-sheet.is-expanded {top:0}
 .brew-sheet-head {flex:none;padding:0 16px}
 .brew-sheet-handle {display:grid;place-items:center;width:100%;height:44px;min-height:44px;padding:0;background:transparent;border:0;touch-action:none;cursor:ns-resize}
 .brew-sheet-handle>span {width:48px;height:4px;background:var(--muted);border-radius:4px}
 #main.onboarding-screen .brew-sheet-head h1 {margin:0 0 16px;font-size:var(--type-lead);line-height:1.2}
 .brew-sheet-body {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 16px 24px;scroll-padding-block:12px;scrollbar-width:thin}
 #main.onboarding-screen .coffee-select-block {padding:0;margin:0}
 #main.onboarding-screen .brew-sheet-body .country-choices {margin:0 0 16px;scrollbar-width:none}
 #main.onboarding-screen .brew-sheet-body .origin-fields {margin:0}
 #main.onboarding-screen .country-search-menu {position:static;margin-top:8px;max-height:min(240px,40dvh)}
 #main.onboarding-screen .brew-sheet-body .scan-entry {margin:24px 0}
 #main.onboarding-screen .brew-sheet .brew-dock {position:static;transform:none;flex:none;width:100%;margin:0;padding:8px 16px max(8px,env(safe-area-inset-bottom));border-radius:0;background:var(--paper);box-shadow:0 -4px 12px #26373f08}
 #main.onboarding-screen .brew-sheet .brew-progress {margin:0}
 .sheet-explanation {border-top:1px solid var(--line);margin-top:24px}
 .sheet-explanation>summary {min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
 .sheet-explanation>summary::after {content:'+';font-size:var(--type-lead)}
 .sheet-explanation[open]>summary::after {content:'−'}
 .sheet-explanation>summary::-webkit-details-marker {display:none}
 #main.onboarding-screen .sheet-explanation .story-content,#main.onboarding-screen .sheet-explanation .knowledge-slide-copy,#main.onboarding-screen .sheet-explanation .device-story-copy {padding:12px 0;margin:0;background:transparent}
 .sheet-explanation h3 {font-size:var(--type-lead)}
 #main.onboarding-screen .sheet-explanation .origin-sources {padding:0;margin:0}
 .sheet-explanation .sources-popover {position:static;width:auto;max-width:100%;margin-bottom:16px}
 .brew-sheet-handle:focus-visible {outline:2px solid var(--ink);outline-offset:-4px;border-radius:12px}
 @media(max-height:650px) {#main.onboarding-screen>.onboarding-stage {--sheet-peek:38%}#main.onboarding-screen .sheet-story .map-stage,#main.onboarding-screen .sheet-story .country-map,#main.onboarding-screen .sheet-story .origin-empty-globe {height:48px}}
 @media(prefers-reduced-motion:reduce){#main.onboarding-screen .brew-sheet{transition:none}}
}