:root{--coffee-jade:#294b35;--coffee-deep:#173824;--coffee-gold:#b69657;--coffee-paper:#f5e4bc;--coffee-ink:#44392b}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#1d3021}
body.coffee-v617{overflow:hidden;font-family:Georgia,"Times New Roman",serif;color:var(--coffee-ink)}
.coffee-v617 .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.coffee-room{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:#1f3424;isolation:isolate}
.coffee-pan{position:absolute;inset:0;overflow:hidden;overscroll-behavior:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.coffee-pan::-webkit-scrollbar{display:none}
.coffee-stage{position:relative;width:100vw;height:100dvh;overflow:hidden}
.coffee-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none;pointer-events:none}
.coffee-ambience,.coffee-hotspots{position:absolute;inset:0}
.coffee-ambience{z-index:4;pointer-events:none;overflow:hidden}
.coffee-hotspots{z-index:8}

/* very quiet room motion */
.fire-glow{position:absolute;left:38.2%;top:44%;width:23%;height:31%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,177,72,.25),rgba(255,155,50,.08) 48%,transparent 72%);mix-blend-mode:screen;animation:coffeeFire 4.4s ease-in-out infinite}
.lantern-glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,218,135,.23),rgba(255,205,115,.06) 50%,transparent 72%);mix-blend-mode:screen;animation:coffeeLantern 6s ease-in-out infinite}
.mantel-glow{left:39.6%;top:15.3%;width:8.5%;height:16%}.window-glow{left:91.5%;top:7%;width:7%;height:18%;animation-delay:-2.2s}
.coffee-steam{position:absolute;left:73.4%;top:58.2%;width:5.6%;height:12%}
.coffee-steam i{position:absolute;left:50%;bottom:0;width:2px;height:46px;border-radius:50%;background:linear-gradient(to top,rgba(255,250,231,0),rgba(255,250,231,.30),rgba(255,250,231,0));filter:blur(.4px);transform-origin:bottom;animation:coffeeSteam 4.8s ease-in-out infinite}
.coffee-steam i:nth-child(1){margin-left:-10px}.coffee-steam i:nth-child(2){height:55px;animation-delay:-1.6s}.coffee-steam i:nth-child(3){margin-left:9px;height:42px;animation-delay:-3.1s}

.coffee-hotspot{position:absolute;z-index:2;border:0;background:transparent;padding:0;cursor:pointer;text-decoration:none;color:var(--coffee-jade);-webkit-tap-highlight-color:transparent}
.coffee-hotspot::before{content:"";position:absolute;inset:-4px;border-radius:18px;opacity:0;background:radial-gradient(ellipse,rgba(255,239,181,.20),rgba(255,239,181,.05) 56%,transparent 76%);box-shadow:0 0 0 1px rgba(236,211,151,0),0 0 25px rgba(244,218,153,0);transition:opacity .18s ease,box-shadow .18s ease}
.coffee-hotspot:hover::before,.coffee-hotspot:focus-visible::before{opacity:1;box-shadow:0 0 0 1px rgba(236,211,151,.52),0 0 25px rgba(244,218,153,.20)}
.coffee-hotspot:focus-visible{outline:2px solid #f3d98f;outline-offset:5px;border-radius:16px}
.coffee-hotspot span{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,8px);opacity:0;pointer-events:none;white-space:nowrap;padding:7px 11px;border-radius:999px;background:rgba(255,248,229,.96);border:1px solid rgba(164,124,62,.40);box-shadow:0 10px 24px rgba(36,27,16,.20);font:700 11px/1 Georgia,"Times New Roman",serif;color:var(--coffee-jade);transition:opacity .18s ease,transform .18s ease}
.coffee-hotspot:hover span,.coffee-hotspot:focus-visible span{opacity:1;transform:translate(-50%,0)}

/* positions measured against the locked 1672 × 941 scene */
.hotspot-map{left:1.5%;top:79.1%;width:14.6%;height:14.7%}
.hotspot-letter{left:53.4%;top:17.1%;width:12.2%;height:15.1%}
.hotspot-mug{left:69.7%;top:59.1%;width:11.6%;height:17.3%}
.hotspot-treat{left:78.2%;top:66.3%;width:10.2%;height:12.4%}
.hotspot-book{left:50.6%;top:76.1%;width:27.5%;height:20.2%}
.hotspot-journal{left:79.0%;top:82.0%;width:13.3%;height:14.4%}

/* Use the site's navigation panel, but Coffee Break keeps the quiet compass-only control. */
.coffee-v617 .jade-explore-toggle{width:62px!important;height:62px!important;right:max(15px,env(safe-area-inset-right))!important;bottom:max(15px,env(safe-area-inset-bottom))!important}
.coffee-v617 .jade-explore-toggle .jv-explore-label{display:none!important}
.coffee-v617 .jade-explore-toggle .jv-compass{font-size:25px!important}

.coffee-pan-hint{display:none;position:fixed;z-index:30;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);padding:7px 13px;border-radius:999px;background:rgba(31,57,38,.82);border:1px solid rgba(232,204,141,.35);box-shadow:0 9px 22px rgba(18,30,21,.20);backdrop-filter:blur(7px);color:#f4dfae;font:700 10px/1 Georgia,"Times New Roman",serif;letter-spacing:.05em;white-space:nowrap;pointer-events:none}
.coffee-pan-hint strong{margin-right:8px;padding-right:8px;border-right:1px solid rgba(244,223,174,.28);font-weight:700}.coffee-pan-hint span{font-size:16px;vertical-align:-1px}

.coffee-card[hidden]{display:none!important}
.coffee-card{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:20px;background:rgba(19,34,22,.48);backdrop-filter:blur(5px)}
.coffee-card-paper{position:relative;width:min(520px,calc(100vw - 30px));padding:42px 38px 34px;text-align:center;background:linear-gradient(145deg,rgba(255,248,229,.99),rgba(235,212,167,.985));border:1px solid rgba(158,119,61,.58);border-radius:12px;box-shadow:0 32px 80px rgba(16,26,18,.40),inset 0 0 0 7px rgba(255,255,255,.14)}
.coffee-card-paper::before{content:"";position:absolute;inset:9px;border:1px solid rgba(155,119,62,.28);border-radius:7px;pointer-events:none}
.coffee-card-kicker{position:relative;display:block;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700;color:#8b7148}
.coffee-card h2{position:relative;margin:8px 0 12px;font-size:clamp(34px,5vw,52px);line-height:.96;font-weight:500;color:var(--coffee-jade)}
.coffee-card p{position:relative;margin:0 auto;max-width:410px;font-size:17px;line-height:1.65;color:#55493a}
.coffee-card-close{position:absolute;z-index:3;right:13px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,250,238,.70);color:var(--coffee-jade);font:30px/1 Georgia,serif;cursor:pointer}
.coffee-card-more,.coffee-card-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:20px;padding:10px 18px;border-radius:999px;border:1px solid rgba(183,151,88,.46);background:linear-gradient(#456d4d,#294b35);color:#fff4d5;font:700 13px Georgia,"Times New Roman",serif;text-decoration:none;cursor:pointer}
.sweet-paper{max-width:480px}

/* Preserve the locked composition on narrow screens instead of cropping or distorting it: the room becomes swipeable. */
@media(max-aspect-ratio:31/20){
  .coffee-pan{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;cursor:grab}
  .coffee-pan:active{cursor:grabbing}
  .coffee-stage{width:calc(100dvh * 1.7768331562);height:100dvh;min-width:100vw}
  .coffee-art{object-fit:fill}
  .coffee-pan-hint{display:block}
}
@media(max-width:600px){
  .coffee-v617 .jade-explore-toggle{width:58px!important;height:58px!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
  .coffee-v617 .jade-explore-toggle .jv-compass{font-size:22px!important}
  .coffee-hotspot span{font-size:10px;padding:6px 9px}
  .coffee-card{padding:12px}.coffee-card-paper{padding:38px 20px 28px}.coffee-card p{font-size:16px}.coffee-card h2{font-size:38px}
}
@media(prefers-reduced-motion:reduce){.fire-glow,.lantern-glow,.coffee-steam i{animation:none!important}.coffee-hotspot::before,.coffee-hotspot span,.coffee-pan-hint{transition:none!important}}
@supports not (height:100dvh){.coffee-room,.coffee-stage{height:100vh}@media(max-aspect-ratio:31/20){.coffee-stage{width:calc(100vh * 1.7768331562);height:100vh}}}

@keyframes coffeeFire{0%,100%{opacity:.68;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@keyframes coffeeLantern{0%,100%{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes coffeeSteam{0%{opacity:0;transform:translate3d(0,10px,0) rotate(-5deg) scaleY(.78)}28%{opacity:.48}70%{opacity:.25}100%{opacity:0;transform:translate3d(6px,-34px,0) rotate(7deg) scaleY(1.25)}}


/* =========================================================
   v6.17 — Coffee Break becomes a real quiet-room experience
   ========================================================= */
.hotspot-treat{display:none!important}
.coffee-v617.quiet-open .coffee-hotspots,.coffee-v617.quiet-open .coffee-pan-hint{opacity:.12;pointer-events:none}
.coffee-v617.quiet-open .jade-explore-toggle{opacity:.12!important;pointer-events:none!important}
.coffee-v617.quiet-open .fire-glow{opacity:1;transform:scale(1.06)}

.quiet-break[hidden]{display:none!important}
.quiet-break{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:rgba(17,31,20,.54);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.quiet-shell{position:relative;width:min(720px,calc(100vw - 28px));max-height:min(780px,calc(100dvh - 28px));overflow:auto;overscroll-behavior:contain;padding:clamp(34px,5vw,54px) clamp(22px,5vw,52px) 38px;border-radius:18px;background:linear-gradient(145deg,rgba(255,249,233,.99),rgba(237,218,178,.985));border:1px solid rgba(160,121,62,.62);box-shadow:0 36px 100px rgba(12,25,16,.46),inset 0 0 0 8px rgba(255,255,255,.16);scrollbar-width:thin}
.quiet-shell::before{content:"";position:absolute;inset:10px;border:1px solid rgba(155,119,62,.28);border-radius:11px;pointer-events:none}
.quiet-close{position:absolute;right:14px;top:12px;z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,250,238,.72);color:var(--coffee-jade);font:32px/1 Georgia,serif;cursor:pointer}
.quiet-view{position:relative;z-index:2;text-align:center}
.quiet-view[hidden]{display:none!important}
.quiet-kicker{display:block;text-transform:uppercase;letter-spacing:.17em;font:700 10px/1.2 Georgia,serif;color:#8b7148}
.quiet-view h2{margin:8px auto 12px;max-width:620px;font-size:clamp(34px,5vw,54px);line-height:.98;font-weight:500;color:var(--coffee-jade)}
.quiet-intro,.quiet-copy{margin:0 auto;max-width:590px;font-size:clamp(15px,2vw,17px);line-height:1.65;color:#55493a}
.quiet-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px auto 24px;max-width:620px}
.quiet-choice{min-height:116px;padding:18px 17px;border:1px solid rgba(150,111,57,.34);border-radius:14px;background:rgba(255,252,242,.62);box-shadow:0 8px 22px rgba(52,38,20,.06);color:#43392c;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.quiet-choice:hover,.quiet-choice:focus-visible{transform:translateY(-2px);background:rgba(255,253,245,.94);box-shadow:0 13px 30px rgba(52,38,20,.11);outline:2px solid rgba(69,109,77,.35);outline-offset:2px}
.quiet-choice b{display:block;margin-bottom:6px;color:var(--coffee-jade);font:700 18px/1.1 Georgia,serif}.quiet-choice span{font:14px/1.45 Georgia,serif;color:#675a47}
.quiet-thought{margin:8px auto 0;max-width:560px;padding:15px 18px;border-top:1px solid rgba(157,121,66,.26);border-bottom:1px solid rgba(157,121,66,.26)}
.quiet-thought span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:700;color:#92794f}.quiet-thought p{margin:6px 0;color:#50634d;font-size:16px;font-style:italic;line-height:1.45}.quiet-thought button,.quiet-text-button,.quiet-back{border:0;background:transparent;color:#426149;text-decoration:underline;text-underline-offset:3px;font:700 12px Georgia,serif;cursor:pointer}
.quiet-back{display:inline-flex;margin:-10px auto 18px;text-decoration:none;opacity:.82}

.sit-lengths{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:26px 0 10px}.sit-lengths button,.timer-actions button{min-height:44px;padding:10px 17px;border-radius:999px;border:1px solid rgba(177,143,80,.48);background:rgba(255,251,239,.84);color:var(--coffee-jade);font:700 13px Georgia,serif;cursor:pointer}.sit-lengths button:hover,.sit-lengths button:focus-visible{background:#fffaf0;outline:2px solid rgba(69,109,77,.3);outline-offset:2px}
.sit-timer{margin-top:23px}.timer-ring{--progress:0deg;display:grid;place-items:center;width:156px;height:156px;margin:0 auto 13px;border-radius:50%;background:conic-gradient(#55735b var(--progress),rgba(85,115,91,.13) 0);position:relative}.timer-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#f7e9c8;border:1px solid rgba(161,123,66,.25)}.timer-ring span{position:relative;z-index:2;color:var(--coffee-jade);font:500 36px/1 Georgia,serif}.sit-timer p{margin:0 auto 16px;color:#5d5140;font-style:italic}.timer-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}

.notice-card{margin:25px auto 14px;max-width:520px;padding:28px 24px;border-radius:15px;background:rgba(255,252,242,.72);border:1px solid rgba(157,121,66,.34);box-shadow:0 12px 30px rgba(49,35,20,.08)}.notice-card span{display:block;margin-bottom:9px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;color:#8d744e}.notice-card strong{display:block;min-height:60px;color:var(--coffee-jade);font:500 clamp(25px,4vw,36px)/1.1 Georgia,serif}.notice-card button{margin-top:18px;min-height:44px;padding:10px 20px;border:0;border-radius:999px;background:#294b35;color:#fff5d7;font:700 13px Georgia,serif;cursor:pointer}

.leave-paper{margin:24px auto 0;max-width:560px;transition:opacity .7s ease,transform .7s ease,filter .7s ease}.leave-paper.releasing{opacity:0;transform:translateY(-12px) scale(.97);filter:blur(2px)}.leave-paper textarea,.gratitude-field textarea{display:block;width:100%;min-height:170px;padding:18px;border:1px solid rgba(132,98,49,.34);border-radius:10px;background:rgba(255,253,246,.86);box-shadow:inset 0 1px 8px rgba(68,47,21,.05);resize:vertical;color:#4d4030;font:16px/1.6 Georgia,serif;outline:none}.leave-paper textarea:focus,.gratitude-field textarea:focus{border-color:#55735b;box-shadow:0 0 0 3px rgba(85,115,91,.14)}.quiet-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:14px;padding:10px 20px;border:1px solid rgba(177,143,80,.48);border-radius:999px;background:linear-gradient(#456d4d,#294b35);color:#fff5d7;font:700 13px Georgia,serif;cursor:pointer}.leave-result{margin:28px auto 4px;max-width:470px;color:#4f654f;font-size:20px;font-style:italic;line-height:1.55}

.gratitude-field{display:block;max-width:560px;margin:24px auto 0;text-align:left}.gratitude-field span{display:block;margin-bottom:7px;color:var(--coffee-jade);font:700 13px Georgia,serif}.gratitude-field textarea{min-height:130px}.gratitude-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.privacy-note{margin:13px auto 0;max-width:540px;color:#766a58;font-size:11px;line-height:1.5}.saved-gratitude{margin:22px auto 0;max-width:540px;padding:16px 18px;border-radius:12px;background:rgba(255,252,242,.62);border:1px solid rgba(157,121,66,.28)}.saved-gratitude span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:700;color:#91774d}.saved-gratitude p{margin:7px 0 0;color:#50634d;font-size:16px;font-style:italic;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:600px){.quiet-break{padding:9px}.quiet-shell{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:40px 18px 28px}.quiet-view h2{font-size:36px}.quiet-intro,.quiet-copy{font-size:15px}.quiet-choices{grid-template-columns:1fr;gap:9px;margin-top:20px}.quiet-choice{min-height:82px;padding:14px 15px}.quiet-choice b{font-size:17px}.quiet-choice span{font-size:13px}.timer-ring{width:136px;height:136px}.leave-paper textarea{min-height:145px}}
@media(prefers-reduced-motion:reduce){.quiet-choice,.leave-paper{transition:none!important}}