:root{color-scheme:light;--ink: #17211d;--muted: #667067;--paper: #f8f3ea;--panel: #fffaf0;--leaf: #14342b;--leaf-soft: #2f6657;--terra: #b85c38;--gold: #d8a23a;--water: #4f7d95;--line: rgba(23, 33, 29, .14);--shadow: 0 24px 80px rgba(50, 36, 20, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(216,162,58,.26),transparent 30rem),linear-gradient(135deg,#f8f3ea,#eef4ee 42%,#f7eadc)}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgba(20,52,43,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,52,43,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(1500px,100%);margin:0 auto;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:14px}.eyebrow{margin:0 0 10px;color:var(--terra);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:10px;font-size:clamp(1.26rem,4.2vw,3.12rem);line-height:.96;letter-spacing:0}.lede{max-width:700px;margin-bottom:0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.6}.app-frame{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(340px,410px);gap:16px;align-items:stretch;height:100%;min-height:0}.sidebar-panel,.map-panel,.detail-panel,.country-page,.attribution-page{border:1px solid var(--line);border-radius:8px;background:#fffaf0d4;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.sidebar-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:14px;height:100%}.map-panel{display:flex;min-height:0;height:100%;padding:14px}.map-toolbar{display:block;margin-bottom:12px}.field{position:relative}.field svg{position:absolute;top:50%;left:12px;width:18px;height:18px;color:var(--muted);transform:translateY(-50%)}.search-input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffffc2;outline:none}.search-input{padding:0 14px 0 40px}.search-input:focus,.country-list button:focus-visible,.primary-link:focus-visible,button:focus-visible{outline:3px solid rgba(216,162,58,.42);outline-offset:2px}.map-canvas{display:grid;flex:1;min-height:0;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 44%,rgba(255,250,240,.72),rgba(79,125,149,.12) 42%,rgba(20,52,43,.08) 72%,transparent 100%)}.globe-stage{width:100%;height:min(100%,610px);min-height:0;cursor:grab;touch-action:none}.globe-canvas{display:block;width:100%;height:100%;outline:none}.country-results{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.result-count{margin:0 0 8px;color:var(--muted);font-size:.82rem;font-weight:800}.country-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:none;min-height:0;overflow:auto;padding:2px 4px 2px 2px;scrollbar-width:thin}.country-list button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--ink);text-align:left;background:#ffffffb3}.country-list button.is-active{border-color:transparent;color:#fffaf0;background:var(--leaf)}.country-list-copy{display:grid;gap:0;min-width:0}.country-list-name,.country-list-drink{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-list-name{font-size:.68rem;line-height:1;font-weight:800}.country-list-drink{color:var(--muted);font-size:.58rem;line-height:1;font-weight:720}.country-list button.is-active .country-list-drink{color:#fffaf0c7}.empty-results{grid-column:1 / -1;margin:0;padding:14px;color:var(--muted)}.detail-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%;overflow:hidden}.drink-image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg,#d8a23a52,#4f7d9547)}.drink-image{width:100%;height:100%;object-fit:cover}.drink-image.is-art{object-fit:contain;padding:10px;background:#fff7ea}.image-placeholder{display:grid;min-height:280px;place-items:center;padding:22px;color:var(--leaf);text-align:center}.image-placeholder strong{display:block;margin-bottom:8px;font-size:1.3rem}.detail-body{min-height:0;padding:18px;overflow:auto}.country-kicker{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:.9rem;font-weight:750}.flag-image{width:42px;height:30px;flex:0 0 auto;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px #14342b1f}.flag-image.is-compact{width:26px;height:19px;border-radius:3px}.drink-title{margin:8px 0;font-size:clamp(1.8rem,5vw,2.65rem);line-height:1}.description{color:var(--muted);line-height:1.6}.made-of{margin:16px 0 0;color:var(--ink);line-height:1.62}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary-link{min-height:42px;border-radius:8px;text-decoration:none}.primary-link{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 14px;color:#fffaf0;background:var(--leaf);font-weight:800}.country-page,.attribution-page{width:min(980px,calc(100% - 32px));margin:24px auto;padding:clamp(18px,5vw,40px)}.country-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:24px;align-items:center}.country-hero img,.country-hero .image-placeholder{border-radius:8px}.attribution-list{display:grid;gap:12px;padding-left:18px}.attribution-list li{line-height:1.55}.back-link{display:inline-flex;margin-bottom:18px;color:var(--leaf-soft);font-weight:800;text-decoration:none}.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(max-width:980px){.shell{height:auto;display:block;overflow:visible}.intro,.app-frame,.country-hero{grid-template-columns:1fr}.sidebar-panel,.map-panel,.detail-panel{min-height:auto;height:auto}.sidebar-panel{position:static;height:auto}.map-canvas{min-height:460px}.globe-stage{height:52vh;min-height:420px}.detail-panel{position:static}}@media(max-width:640px){.shell{padding-inline:max(12px,env(safe-area-inset-left))}.intro{gap:16px}.sidebar-panel,.map-panel,.detail-panel{border-radius:8px}.map-canvas{min-height:340px}.globe-stage{height:42vh;min-height:320px}.country-list{grid-template-columns:1fr;max-height:230px}.drink-title{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}