.cafe-chee{--cafe-cyan:oklch(84% .13 205);--cafe-gold:oklch(86% .14 85);--cafe-violet:oklch(72% .17 300);--cafe-rose:oklch(78% .14 350);--cafe-aqua:oklch(85% .12 175);height:100dvh;color:var(--cafe-cyan);background:radial-gradient(at 20% 10%,oklch(45% .12 300/.55),#0000 60%),radial-gradient(at 80% 90%,oklch(50% .1 200/.5),#0000 60%),linear-gradient(oklch(20% .06 280),oklch(16% .05 240));flex-direction:column;gap:.75rem;padding:.75rem .75rem 6.5rem;display:flex;position:relative;overflow:hidden}.cafe-sky{pointer-events:none;position:absolute;inset:0}.cafe-cloud{filter:blur(24px);background:oklch(90% .04 260/.12);border-radius:999px;animation:40s ease-in-out infinite alternate cafe-drift;position:absolute}.cafe-cloud.c1{width:40vw;height:8vh;top:12%;left:-5%}.cafe-cloud.c2{width:30vw;height:6vh;animation-duration:55s;top:55%;right:-5%}.cafe-cloud.c3{width:50vw;height:10vh;animation-duration:70s;bottom:10%;left:25%}@keyframes cafe-drift{to{transform:translate(6vw)}}.cafe-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex;position:relative}.cafe-head p{letter-spacing:.12em;width:100%;color:var(--cafe-gold);font-size:.7rem}.cafe-head h1{color:var(--cafe-gold);font-size:clamp(1.3rem,3vw,2rem);font-weight:700}.cafe-head>span{color:var(--cafe-violet);font-size:.75rem}.cafe-grid{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:.75rem;min-height:0;display:grid;position:relative}.cafe-panel{overscroll-behavior:contain;background:var(--glass-reflection), var(--glass-reading);min-height:0;-webkit-backdrop-filter:var(--glass-blur-reading);backdrop-filter:var(--glass-blur-reading);border:1px solid oklch(85% .1 210/.35);border-radius:1rem;padding:.75rem;overflow-y:auto}.cafe-panel h2{color:var(--cafe-gold);text-transform:capitalize;font-size:.95rem;font-weight:700}.cafe-panel h3{color:var(--cafe-violet);margin-top:.6rem;font-size:.8rem}.cafe-note{color:var(--cafe-aqua);margin:.35rem 0;font-size:.72rem}.cafe-stage{justify-content:space-around;align-items:flex-end;gap:.5rem;min-height:9rem;display:flex}.cafe-stage figure{text-align:center;justify-items:center;gap:.25rem;max-width:9rem;display:grid}.cafe-stage figcaption{color:var(--cafe-violet);font-size:.68rem}.cafe-jelly{width:7rem;height:7rem;transform:scale(var(--jelly-scale,1))}.cafe-sample-peer .cafe-jelly{width:4.5rem;height:4.5rem}.cafe-glow-soft{filter:drop-shadow(0 0 6px var(--cafe-cyan))}.cafe-glow-radiant{filter:drop-shadow(0 0 14px var(--cafe-gold)) drop-shadow(0 0 4px var(--cafe-cyan))}.cafe-jelly-gentle .cafe-jelly-body{transform-origin:50% 40%;animation:6s ease-in-out infinite cafe-float}@keyframes cafe-float{50%{transform:translateY(-5px)scaleY(.96)}}.cafe-turri svg{fill:none;width:3rem;height:3rem;stroke:var(--cafe-gold);stroke-width:1.5px}.cafe-chee[data-motion=paused] .cafe-cloud{animation:none}@media (prefers-reduced-motion:reduce){.cafe-cloud,.cafe-jelly-body{animation:none!important}}.cafe-choice{margin-top:.4rem}.cafe-choice legend{color:var(--cafe-violet);font-size:.72rem}.cafe-choice div,.cafe-chips,.cafe-shelf{flex-wrap:wrap;gap:.3rem;display:flex}.cafe-chee button[aria-pressed],.cafe-chips button,.cafe-shelf button{min-height:2rem;color:var(--cafe-cyan);text-transform:capitalize;background:oklch(30% .06 260/.5);border:1px solid oklch(85% .1 210/.4);border-radius:999px;padding:.2rem .6rem;font-size:.72rem}.cafe-chee button[aria-pressed=true]{border-color:var(--cafe-gold);color:var(--cafe-gold);background:oklch(40% .08 85/.3)}.cafe-chee button:focus-visible,.cafe-chee a:focus-visible,.cafe-chee summary:focus-visible,.cafe-range input:focus-visible{outline:2px solid var(--cafe-gold);outline-offset:2px}.cafe-range{color:var(--cafe-violet);gap:.2rem;margin-top:.4rem;font-size:.72rem;display:grid}.cafe-favs{flex-wrap:wrap;gap:.4rem;font-size:.75rem;display:flex}.cafe-favs a{color:var(--cafe-gold);text-decoration:underline}.cafe-inert{color:var(--cafe-aqua);font-style:italic}.cafe-rooms{gap:.35rem;display:grid}.cafe-rooms button{text-align:left;width:100%;display:grid;text-transform:none!important;border-radius:.75rem!important}.cafe-rooms span{color:var(--cafe-aqua);font-size:.65rem}.cafe-safety{color:var(--cafe-aqua);margin-top:.5rem;font-size:.72rem}.cafe-safety summary{cursor:pointer;color:var(--cafe-gold)}.tdi-beacon{pointer-events:auto;color:oklch(86% .14 85);background:oklch(25% .05 260/.55);border:1px solid oklch(86% .14 85/.45);border-radius:999px;align-items:center;gap:.4rem;margin-left:auto;padding:.2rem .6rem;font-size:.72rem;display:inline-flex}.tdi-beacon-mark{width:1.6rem;height:1.1rem}.tdi-beacon a{color:oklch(84% .13 205);text-decoration:underline}@media (width<=900px),(height<=500px){.cafe-grid{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.cafe-panel{scroll-snap-align:start;flex:0 0 min(88vw,22rem)}.cafe-stage{min-height:7rem}.cafe-jelly{width:5rem;height:5rem}}@media (height<=500px){.cafe-chee{gap:.4rem;padding-bottom:4.5rem}.cafe-head p{display:none}}