.jc{display:flex;flex-direction:column;align-items:center}.jc.dark-page{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px)}.jc-top{align-self:stretch;display:flex;align-items:center;justify-content:space-between}.jc-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff1e40f;color:#fff1e4}.jc-ghost{background:none}.jc-meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff1e48c}.jc-head{text-align:center;margin-top:8px}.jc-line{font-family:var(--serif);font-size:27px;line-height:1.15;color:#fff}.jc-tr{font-size:13px;font-style:italic;color:#fff1e499;margin-top:4px}.jc-for{font-size:12.5px;color:#ffb760;margin-top:4px}.jc-ring{position:relative;width:min(280px,76vw,calc(100svh - 470px));min-width:200px;aspect-ratio:1;margin-top:12px}.jc-ring>svg{width:100%;height:100%}.jc-ring #arc{transition:stroke-dashoffset .5s ease}.jc-mark{fill:#fff1e440;stroke:#120504;stroke-width:2;transition:fill .3s}.jc-mark.on{fill:#fff1e4}.jc-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.jc-count{font-family:var(--serif);font-size:clamp(56px,22vw,76px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}.jc-of{font-size:13px;color:#fff1e48c}.jc-bell{margin-top:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#ffb7601f;color:#ffb760;font-size:11.5px;font-weight:600}.jc-state{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:#fff1e49e}.jc-dot{width:8px;height:8px;border-radius:50%;background:#fff1e44d}.jc.is-playing .jc-dot{background:#7fe0a8}.jc-ctrls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:14px}.jc-sm{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,241,228,.16);background:transparent;color:#fff1e4;display:grid;place-items:center}.jc-play{width:76px;height:76px;border-radius:50%;border:none;background:linear-gradient(135deg,#ffb760,#f0702c);color:#1f0b05;display:grid;place-items:center;box-shadow:0 14px 40px #f0702c73;font-weight:700;font-size:15px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.jc-play .i-pause,.jc-play .i-tap,.jc.is-playing .jc-play .i-play{display:none}.jc.is-playing .jc-play .i-pause{display:block}.jc.is-silent .jc-play .i-play,.jc.is-silent .jc-play .i-pause{display:none}.jc.is-silent .jc-play .i-tap{display:block}.jc.is-silent .jc-play{width:110px;height:110px;background:radial-gradient(circle at 35% 30%,#ffd9a0,#f0702c 55%,#9a3a12)}.jc-play:active{transform:scale(.95)}.jc-play.pulse{animation:jcPulse .35s ease}@keyframes jcPulse{0%{box-shadow:0 0 #ffb76099}to{box-shadow:0 0 0 22px #ffb76000}}.jc-toggles{align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.jc-tg{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;background:#fff1e40f;font-size:13px;cursor:pointer}.jc-tg input{position:absolute;opacity:0;width:1px;height:1px}.jc-tg i{width:38px;height:22px;border-radius:999px;background:#fff1e42e;position:relative;flex:none;transition:background .2s}.jc-tg i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff1e4;transition:transform .2s,background .2s}.jc-tg input:checked+i{background:#ffb760}.jc-tg input:checked+i:after{transform:translate(16px);background:#1f0b05}.jc-tg input:focus-visible+i{outline:2px solid #ffb760;outline-offset:2px}.jc-fine{margin:10px 0 0;font-size:11.5px;color:#fff1e473;text-align:center}.jc-done{position:fixed;inset:0;z-index:75;background:radial-gradient(100% 60% at 50% 30%,#5a2412,#2a110a 48%,#120504 82%);color:#fff1e4;overflow-y:auto}.jc-done[hidden]{display:none}.jc-done-in{max-width:440px;margin:0 auto;min-height:100%;box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 40px) 22px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;align-items:center}.jc-done-ring{position:relative;width:190px;height:190px}.jc-done-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.jc-done-ring b{font-family:var(--serif);font-size:50px;line-height:1;font-weight:500}.jc-done h1{margin:18px 0 0;font-size:32px;color:#fff}.jc-done-sub{margin:6px 0 0;font-size:14px;color:#fff1e4a6;text-align:center}.jc-stats{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}.jc-stats div{padding:12px 8px;border-radius:14px;background:#fff1e40f;text-align:center;display:flex;flex-direction:column}.jc-stats b{font-family:var(--serif);font-size:26px;font-weight:500}.jc-stats span{font-size:11.5px;color:#fff1e48c}.jc-next{align-self:stretch;margin-top:14px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,183,96,.28);background:#ffb7600f;color:#fff1e4}.jc-next>span:last-child{display:flex;flex-direction:column}.jc-nd{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff1e41f;flex:none}.jc-ne{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#e9b366;font-weight:600}.jc-ns{font-size:12px;color:#fff1e48c}.jc-done-btns{align-self:stretch;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:24px}.jc-again{height:52px;border:none;border-radius:15px;background:linear-gradient(135deg,#ffb760,#f0702c);color:#1f0b05;font-weight:700;font-size:15px}.jc-fin{display:flex;align-items:center;justify-content:center;height:48px;border-radius:15px;border:1px solid rgba(255,241,228,.18);color:#fff1e4;font-weight:600}.jc-link{border:none;background:none;padding:0;color:#ffb760;font:inherit;text-decoration:underline}