.dh[data-astro-cid-k3ipgkje]{padding:32px 0 20px}.back[data-astro-cid-k3ipgkje]{font-weight:700;text-decoration:none;font-size:.95rem}.row[data-astro-cid-k3ipgkje]{display:flex;align-items:center;gap:18px;margin-top:14px}.badge[data-astro-cid-k3ipgkje]{flex:none;display:grid;place-items:center;width:84px;height:84px;font-size:2.8rem;background:var(--sun);border:var(--border);border-radius:24px;box-shadow:var(--shadow)}h1[data-astro-cid-k3ipgkje]{font-size:clamp(1.8rem,5vw,2.6rem);margin:0}h1[data-astro-cid-k3ipgkje] span[data-astro-cid-k3ipgkje]{display:block;font-size:.5em;color:var(--ink-2);margin-top:4px}.intro[data-astro-cid-k3ipgkje]{max-width:720px;margin-top:16px;color:var(--ink-2)}.dt-progress{height:8px;border:2px solid var(--line);border-radius:999px;background:#fff;overflow:hidden;margin-bottom:20px}.dt-progress span{display:block;height:100%;width:0;background:var(--mint);transition:width .4s}.dt-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.dt-stage{scroll-margin-top:80px;min-height:360px;perspective:1200px}.dt-side{position:sticky;top:80px;display:grid;gap:16px}.dt-side h3{font-size:1rem;margin-bottom:8px}.dt-card{background:#fff;border:var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--line);padding:26px}.dt-card h2{font-size:clamp(1.3rem,3.5vw,1.7rem);outline:none}.dt-stage-label{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.08em;background:var(--sun-soft);border:2px solid var(--line);border-radius:999px;padding:2px 12px}.dt-hint{color:var(--ink-2);font-size:.95rem}.dt-mug{font-size:4rem;line-height:1;margin:6px 0 12px}@keyframes dt-flip{0%{opacity:0;transform:rotateY(-75deg) scale(.96)}to{opacity:1;transform:none}}.dt-flip{animation:dt-flip .5s cubic-bezier(.2,.9,.3,1.15) both;transform-origin:left center}.dt-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0 6px}@keyframes dt-opt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dt-opt{display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;padding:12px 16px;background:var(--bg);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;animation:dt-opt-in .35s var(--d) both}.dt-opt .e{font-size:1.6rem;flex:none}.dt-opt:hover:not(:disabled){background:var(--sun-soft);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--line)}.dt-opt:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.dt-opts.locked .dt-opt{opacity:.35;cursor:not-allowed}.dt-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}.dt-belly{position:relative;display:block;margin:12px auto 4px;width:200px;padding:12px;background:var(--sky-soft);border:var(--border);border-radius:50%;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dt-belly svg{width:100%}.belly-hand{transition:transform .8s ease-in}.dt-belly.pressing .belly-hand,.dt-belly.done .belly-hand{transform:translateY(26px)}.dt-belly.done .belly-blush{opacity:1}.dt-belly-tip{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);white-space:nowrap;background:var(--sun);border:2px solid var(--line);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:800}.dt-belly-ring{position:absolute;inset:-8px;border-radius:50%;border:5px solid var(--coral);clip-path:inset(0 100% 0 0)}.dt-belly.pressing .dt-belly-ring{transition:clip-path .8s linear;clip-path:inset(0 0 0 0)}.dt-belly.done .dt-belly-ring{clip-path:inset(0 0 0 0);border-color:var(--mint)}.dt-feedback{background:var(--mint-soft)}.dt-feedback.is-trap{background:var(--plum-soft)}.dt-emergency{background:#fff;border-color:var(--danger);box-shadow:6px 6px 0 var(--danger)}.dt-emergency h2{color:var(--danger)}.dt-emergency .big{font-size:1.15rem;font-weight:800}.dt-board ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dt-board li{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto 8px;column-gap:8px;align-items:center;font-size:.9rem;font-weight:700;transition:opacity .3s}.dt-board .av{grid-row:span 2;font-size:1.3rem;text-align:center;transition:transform .3s}.dt-board .track{height:8px;border:1.5px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.dt-board .fill{display:block;height:100%;width:var(--w, 0%);background:var(--c);transition:width .5s cubic-bezier(.2,.9,.3,1.2)}.dt-board li.lead .av{transform:scale(1.3) rotate(-8deg)}.dt-board li.lead .nm:after{content:" 👈"}.dt-board li.out{opacity:.35}.dt-beam{transform-origin:110px 39px;transition:transform .7s cubic-bezier(.3,1.6,.5,1)}.dt-balance-label{display:flex;justify-content:space-between;align-items:center;margin:4px 0 0;font-size:.85rem;color:var(--ink-2)}.dt-balance-label strong{color:var(--ink)}.dt-reveal{background:#fff;border:3px solid var(--line);border-top:14px solid var(--c);border-radius:var(--radius);box-shadow:8px 8px 0 var(--line);padding:28px}.dt-reveal h2{font-size:clamp(1.5rem,4vw,2.1rem);outline:none}.dt-reveal .dt-mug{font-size:5rem}.dt-oneline{font-size:1.1rem;font-weight:700}.dt-metaphor{background:var(--sun-soft);border:2px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px}.dt-metaphor strong{display:block;font-size:.85rem;color:var(--ink-2)}.dt-warn{background:#fff0f1;border:2px solid var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-weight:700}.dt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.dt-box{border:2px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;background:var(--bg)}.dt-box h3{font-size:1rem}.dt-box ul{margin:0;padding-left:1.2em}.dt-formula{margin-bottom:.5em}.dt-nodiy{font-size:.85rem;color:var(--danger);margin:0}.dt-close{color:var(--ink-2)}.dt-why{border:2px dashed var(--line);border-radius:var(--radius-sm);padding:10px 16px;margin:12px 0}.dt-why summary{cursor:pointer;font-weight:800}.dt-why ol{margin:10px 0 0;padding-left:1.3em}.dt-why li{margin:4px 0;font-size:.92rem}.dt-why li span{color:var(--ink-2)}.dt-why em{font-style:normal;font-weight:800;color:var(--mint);margin-left:4px}.dt-disclaim{font-size:.85rem;color:var(--ink-2)}.dt-actions{display:flex;flex-wrap:wrap;gap:10px}.dt-layer{display:flex;align-items:center;gap:16px;margin:8px 0 14px;font-weight:800;color:var(--ink-2)}.dt-layer .fridge{position:relative;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ff6b5b 0 30%,#ffb08a 42%,#4aa3e8 58%);border:4px solid var(--line);display:grid;place-items:center;animation:dt-ice 1.2s ease-out both}.dt-layer .fridge:after{content:"";position:absolute;inset:8px;border-radius:50%;border:3px dashed #fff;opacity:.7;animation:dt-spin 9s linear infinite}.dt-layer .hot{font-size:2.6rem;animation:dt-heat 1.4s .9s ease-in-out infinite alternate both}@keyframes dt-ice{0%{transform:scale(.3);background:radial-gradient(circle,#4aa3e8 0 100%)}to{transform:none}}@keyframes dt-heat{0%{transform:scale(.85)}to{transform:scale(1.12)}}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-tips{margin-top:48px}.dt-tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dt-tip-grid h3{font-size:1.05rem}.dt-tip-grid p{margin:0;color:var(--ink-2)}@media(max-width:860px){.dt-layout{grid-template-columns:1fr}.dt-side{position:static;grid-template-columns:1fr}.dt-board ul{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.dt-balance svg{max-width:220px;margin:0 auto}.dt-grid2{grid-template-columns:1fr}.dt-card,.dt-reveal{padding:20px}}