.analog.svelte-128zzoz{width:clamp(180px,50vw,240px);height:clamp(180px,50vw,240px);display:block}.face.svelte-128zzoz{fill:#0006}.rim.svelte-128zzoz{fill:none;stroke:#00d9ff59;stroke-width:2;filter:drop-shadow(0 0 6px rgba(0,217,255,.4))}.tick.svelte-128zzoz{stroke:#fff6;stroke-width:1.5;stroke-linecap:round}.tick.cardinal.svelte-128zzoz{stroke:#00d9ffbf;stroke-width:2.5}.hand.svelte-128zzoz{stroke-linecap:round}.hour-hand.svelte-128zzoz{stroke:#ff006e;stroke-width:5;filter:drop-shadow(0 0 4px rgba(255,0,110,.5))}.minute-hand.svelte-128zzoz{stroke:#00d9ff;stroke-width:3;filter:drop-shadow(0 0 4px rgba(0,217,255,.5))}.pin.svelte-128zzoz{fill:#00d9ff;filter:drop-shadow(0 0 4px rgba(0,217,255,.6))}.pin-inner.svelte-128zzoz{fill:#0a0a0f}.digital.svelte-128zzoz{font-size:clamp(3rem,14vw,6rem);font-weight:700;color:var(--color-accent, #00d9ff);text-shadow:0 0 20px rgba(0,217,255,.5),0 0 40px rgba(0,217,255,.3);line-height:1;letter-spacing:.02em;display:inline-flex;align-items:baseline}.digital-colon.svelte-128zzoz{opacity:.7;margin:0 .05em;animation:svelte-128zzoz-blink 2s ease-in-out infinite}@keyframes svelte-128zzoz-blink{0%,50%{opacity:.7}25%{opacity:.3}}.page.svelte-1sm8d8{min-height:calc(100vh - 50px);padding:74px 16px 64px;display:flex;justify-content:center}.card.svelte-1sm8d8{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:24px}.prompt.svelte-1sm8d8{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:.1em;text-align:center}.clock-area.svelte-1sm8d8{display:flex;flex-direction:column;align-items:center;gap:16px}.display-toggle.svelte-1sm8d8{display:inline-flex;border:1px solid rgba(255,255,255,.1);border-radius:999px;overflow:hidden;background:#0000004d}.display-toggle.svelte-1sm8d8 button:where(.svelte-1sm8d8){background:none;border:none;padding:6px 16px;color:#888;font-size:12px;font-family:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,background .15s ease}.display-toggle.svelte-1sm8d8 button:where(.svelte-1sm8d8):hover{color:#ccc}.display-toggle.svelte-1sm8d8 button.active:where(.svelte-1sm8d8){color:#00d9ff;background:#00d9ff1a}.bubbles.svelte-1sm8d8{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.bubble.svelte-1sm8d8{min-width:96px;min-height:96px;padding:12px 16px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ff006e0d;border:2px solid rgba(255,0,110,.5);border-radius:16px;color:#fff;font-family:inherit;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.bubble.svelte-1sm8d8:hover:not(.revealed):not(.exact-hour){background:#ff006e1a;transform:translateY(-1px)}.bubble.revealed.svelte-1sm8d8{cursor:default;background:#ff006e14}.bubble.exact-hour.svelte-1sm8d8{cursor:default;opacity:.6;background:transparent;border-style:dashed}.bubble-label.svelte-1sm8d8{font-size:18px;color:#888;font-weight:500;font-family:var(--font-mono, monospace)}.bubble-kanji.svelte-1sm8d8{font-size:24px;font-weight:700;color:#ff006e}.bubble-kana.svelte-1sm8d8{font-size:14px;color:#ddd}.bubble-hint.svelte-1sm8d8{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.answer-options.svelte-1sm8d8{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.answer-btn.svelte-1sm8d8{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s ease}.answer-btn.svelte-1sm8d8:disabled{opacity:.6;cursor:default}.hear-btn.svelte-1sm8d8{background:#00d9ff1a;border:1px solid rgba(0,217,255,.4);color:#00d9ff}.hear-btn.svelte-1sm8d8:hover:not(:disabled){background:#00d9ff2e;border-color:#00d9ff99}.show-btn.svelte-1sm8d8{background:transparent;border:1px solid rgba(255,255,255,.15);color:#aaa}.show-btn.svelte-1sm8d8:hover{color:#fff;border-color:#ffffff4d}.replay-btn.svelte-1sm8d8{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;background:transparent;border:1px solid rgba(255,0,110,.4);border-radius:6px;color:#ff006e;font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s ease}.replay-btn.svelte-1sm8d8:hover:not(:disabled){background:#ff006e1a}.replay-btn.svelte-1sm8d8:disabled{opacity:.6;cursor:default}.waveform.svelte-1sm8d8{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.waveform.svelte-1sm8d8 .bar:where(.svelte-1sm8d8){width:2px;background:currentColor;border-radius:1px;animation:svelte-1sm8d8-pulse 1s ease-in-out infinite}.waveform.svelte-1sm8d8 .bar:where(.svelte-1sm8d8):nth-child(1){height:40%;animation-delay:0s}.waveform.svelte-1sm8d8 .bar:where(.svelte-1sm8d8):nth-child(2){height:100%;animation-delay:.15s}.waveform.svelte-1sm8d8 .bar:where(.svelte-1sm8d8):nth-child(3){height:60%;animation-delay:.3s}@keyframes svelte-1sm8d8-pulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.full-reading.svelte-1sm8d8{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:#ff006e14;border:2px solid #ff006e;border-radius:12px;animation:svelte-1sm8d8-fadeIn .3s ease-out;width:100%;max-width:360px}@keyframes svelte-1sm8d8-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.full-kanji.svelte-1sm8d8{font-size:28px;font-weight:700;color:#ff006e;text-shadow:0 0 15px rgba(255,0,110,.4)}.full-kana.svelte-1sm8d8{font-size:18px;color:#fff}.full-romaji.svelte-1sm8d8{font-size:14px;color:#888;font-style:italic}.romaji-clickable.svelte-1sm8d8{background:none;border:none;padding:4px 10px;font-family:inherit;cursor:pointer;border-radius:6px;transition:background .15s ease,color .15s ease}.romaji-clickable.svelte-1sm8d8:hover{background:#ffffff0a;color:#aaa}.romaji-clickable.svelte-1sm8d8:focus-visible{outline:2px solid rgba(255,0,110,.4);outline-offset:2px}.romaji-toggle.svelte-1sm8d8{background:none;border:none;padding:2px 6px;color:#555570;font-size:12px;font-family:inherit;letter-spacing:.02em;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:color .15s ease}.romaji-toggle.svelte-1sm8d8:hover{color:#8a8aa5}.romaji-toggle.svelte-1sm8d8:focus-visible{outline:2px solid rgba(255,0,110,.4);outline-offset:2px;border-radius:4px}.rating.svelte-1sm8d8{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px}.rating-label.svelte-1sm8d8{font-size:13px;color:#888;text-align:center}.session-count.svelte-1sm8d8{font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.15em}