@media(min-width:768px) and (max-width:1023px){body:has([data-cafe]) .site-header__desktop-nav{display:none}body:has([data-cafe]) .site-header__menu-button{display:inline-flex}body:has([data-cafe]) #mobile-menu:not(.hidden){display:block}}.cafe{--cafe-ink:#39251c;--cafe-muted:#745746;--cafe-paper:#fff5df;color:var(--cafe-ink);background:radial-gradient(ellipse at 15% 0,#f8e6b7,transparent 65%),#e8cfac;font-family:system-ui,sans-serif;padding:22px 12px 28px;scroll-margin-top:78px}.cafe *,.cafe *::before,.cafe *::after{box-sizing:border-box}.cafe [hidden]{display:none!important}.cafe-shell{max-width:680px;margin:auto}.cafe-intro{text-align:center;margin-bottom:14px}.cafe-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.cafe h1{font:600 clamp(30px,6vw,44px)/1.1 Georgia,serif;margin:5px 0 8px}.cafe-intro>p:last-child{font-size:16px;line-height:1.45}.cafe-composition{overflow:hidden;background:var(--cafe-paper);border:1px solid #bd93694d;border-radius:24px;box-shadow:0 14px 36px #6943211c}.cafe-scene{position:relative;width:100%;height:clamp(210px,34vh,340px);overflow:hidden}.cafe-scene canvas,.cafe-scene svg{display:block;max-width:100%}.cafe-choices{display:grid;gap:8px;padding:14px 0}.cafe fieldset{margin:0;padding:0;border:0;min-width:0}.cafe legend{padding:0 0 4px;font-size:13px;font-weight:700;color:var(--cafe-muted)}.cafe-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cafe-options label{position:relative;cursor:pointer}.cafe-options input{position:absolute;opacity:0;width:1px;height:1px}.cafe-options span{display:flex;min-height:44px;padding:5px 7px;align-items:center;justify-content:center;background:#fff7e58c;border:1px solid #b28b68;border-radius:12px;font-size:14px;line-height:1.2;text-align:center}.cafe-options input:checked+span{background:#563526;border-color:#563526;color:#fff5df}.cafe button{font:600 16px/1.3 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;min-height:44px;border-radius:13px;padding:10px 14px}.cafe button:focus-visible,.cafe-options input:focus-visible+span{outline:3px solid #006d77;outline-offset:3px}.cafe [tabindex="-1"]:focus{outline:none}.cafe-primary{border:1px solid #603820;background:#603820;color:#fff8e9;width:100%}.cafe-primary:hover{background:#45291a}.cafe-secondary{border:1px solid #a27a57;background:#fff5df;color:var(--cafe-ink)}.cafe-secondary:hover{background:#f5e1bc}.cafe-controls{display:grid;gap:8px;margin-top:12px}.cafe-control-row{display:flex;gap:8px}.cafe-control-row>button{flex:1}.cafe-hold{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cafe-hold[aria-pressed=true]{background:#87522c}.cafe-reset{background:0 0;color:var(--cafe-ink);border:1px solid #a27a57;width:100%}.cafe progress{display:block;width:100%;height:8px;margin-bottom:12px;accent-color:#603820}.cafe-status{text-align:center;font-size:14px;line-height:1.4;min-height:20px;margin-top:10px;color:#654734}.cafe-notice{margin-top:12px;padding:12px;background:#fff3d8;border-radius:12px;font-size:14px;line-height:1.5}.cafe-notice button{margin-top:8px}.cafe-result{padding:4px 18px 14px;text-align:center}.cafe-result h2{font:600 25px/1.13 Georgia,serif;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 10px}.cafe-summary{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}.cafe-signature{font-size:12px;line-height:1.3;margin:12px 0 5px;color:var(--cafe-muted)}.cafe-identity{font-size:12px;line-height:1.3;letter-spacing:.045em;color:var(--cafe-muted)}.cafe-result-controls{display:contents}.cafe-result-controls>button{width:100%}.cafe-result-controls>[data-reveal-map]{grid-column:auto}.cafe-explore{display:block;margin:12px auto 0}.cafe[data-phase=result]{padding-top:10px}.cafe[data-phase=result] .cafe-scene{height:220px}.cafe[data-phase=result] .cafe-controls{grid-template-columns:1.5fr 1fr;align-items:stretch}.cafe[data-phase=result] .cafe-result-controls>button{height:100%}.cafe[data-phase=result] .cafe-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cafe-details{border-top:1px solid #b28b68;margin-top:18px;padding-top:18px}.cafe-details h2{font:600 23px/1.25 Georgia,serif}.cafe-details p{font-size:16px;line-height:1.5;margin:8px 0 12px}.cafe-detail{display:block;width:100%;text-align:left;margin:8px 0;background:#fff5df;color:var(--cafe-ink);border:1px solid #b28b68}.cafe-detail[aria-pressed=true]{border-color:#006d77;box-shadow:inset 4px 0 #006d77}.cafe-detail small{display:block;color:var(--cafe-muted);font-size:13px;margin-bottom:5px}.cafe-detail span{font-weight:400;line-height:1.45}@media(min-width:768px){.cafe{padding-top:30px}.cafe-choices{grid-template-columns:1fr}.cafe[data-phase=result] .cafe-shell{max-width:540px}.cafe[data-phase=result] .cafe-scene{height:285px}}@media(max-width:400px) and (max-height:700px){.cafe[data-phase=result] .cafe-scene{height:195px}.cafe-result{padding:2px 14px 12px}.cafe-result h2{font-size:24px;margin-bottom:8px}.cafe-signature{margin-top:9px}.cafe[data-phase=result] .cafe-controls{margin-top:8px;gap:6px}}.cafe-compact .cafe-composition{display:grid;grid-template-columns:42% 58%;align-items:center;padding:12px}.cafe-compact[data-phase=result] .cafe-scene{grid-column:1;grid-row:1;height:150px;border-radius:14px}.cafe-compact .cafe-result{display:contents}.cafe-compact .cafe-result h2{grid-column:2;grid-row:1;padding-left:10px;margin:0;font-size:20px;line-height:1.15;text-align:center}.cafe-compact .cafe-summary{grid-column:1/-1;margin-top:12px;line-height:1.3;text-align:center}.cafe-compact .cafe-signature,.cafe-compact .cafe-identity{grid-column:1/-1;text-align:center}.cafe[data-map-open=true] .cafe-composition{display:block;padding:0}.cafe[data-map-open=true] .cafe-scene{height:155px}.cafe[data-map-open=true] .cafe-controls{grid-template-columns:1fr 1fr}.cafe[data-map-open=true] [data-reveal-map]{grid-column:auto}.cafe-map{padding:0 16px 12px}.cafe-map h2{font:600 22px/1.15 Georgia,serif;text-align:center;margin:0 0 10px;text-wrap:balance}.cafe-scores{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:5px}.cafe-score{display:grid;grid-template-columns:22px minmax(0,1fr)auto;gap:0 7px;align-items:center}.cafe-score-icon{grid-row:1/3;font:22px/1 Georgia,serif;color:var(--theme-color)}.cafe-score-label{font-size:15px;line-height:20px}.cafe-score[data-dominant=true] .cafe-score-label{font-weight:700}.cafe-score strong{font:700 16px/20px system-ui,sans-serif;font-variant-numeric:tabular-nums}.cafe-score-bar{grid-column:2/-1;height:4px;background:#d7c8ae;border-radius:2px;overflow:hidden}.cafe-score-bar i{display:block;height:100%;width:var(--score);background:var(--theme-color);transform-origin:left;animation:cafe-score-in .65s ease-out both}@keyframes cafe-score-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}.cafe-map-summary{font-size:16px;line-height:1.35;margin:0 0 10px;text-align:center;overflow-wrap:anywhere}.cafe-map .cafe-identity{text-align:center}.cafe-map-details{margin-top:24px;border-top:1px solid #b28b68;padding-top:18px}.cafe-map-details h2{font:600 24px/1.2 Georgia,serif;margin-bottom:14px}.cafe-map-details details{border-bottom:1px solid #bd936950}.cafe-map-details summary{min-height:48px;padding:12px 4px;cursor:pointer;font-weight:600;font-size:16px}.cafe-map-details summary:focus-visible{outline:3px solid #006d77;outline-offset:2px}.cafe-map-details p{font-size:16px;line-height:1.55;margin:2px 4px 16px}@media(min-width:768px){.cafe[data-map-open=true] .cafe-scene{height:220px}}@media(prefers-reduced-motion:reduce){.cafe *,.cafe *::before,.cafe *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}