.time-body[data-astro-cid-mvctej2i]{--haya-green:#3fbf9f;--haya-pink:#ee3d77;--haya-ink:#14342b;--haya-red:#d94b3e;--led-bg:#070707;--led-amber:#ff8c00;--led-amber-hot:#ffb347;background:var(--color-bg);font-family:var(--font-main);color:var(--color-text);border-bottom:8px solid var(--color-primary);flex-direction:column;min-height:100vh;display:flex}.time-main[data-astro-cid-mvctej2i]{flex-direction:column;flex:1;align-items:center;gap:clamp(1rem,3vh,1.8rem);width:100%;max-width:1080px;margin:0 auto;padding:clamp(1rem,2.5vh,2.25rem) clamp(1rem,3vw,2.5rem) clamp(1.5rem,3vh,2.5rem);display:flex}.time-head[data-astro-cid-mvctej2i]{text-align:center}.play-area[data-astro-cid-mvctej2i]{justify-content:center;align-items:flex-start;gap:clamp(.9rem,2.2vw,1.6rem);width:100%;display:flex}.clock-col[data-astro-cid-mvctej2i]{flex-direction:column;flex:none;align-items:center;gap:clamp(.9rem,2.4vh,1.5rem);display:flex}.clock-stage[data-astro-cid-mvctej2i]{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transform-origin:50%;flex-direction:column;flex:none;align-items:center;gap:clamp(.9rem,2.4vh,1.5rem);padding:clamp(1rem,3vh,1.8rem);animation:.6s cubic-bezier(.22,1,.36,1) both clock-in;display:flex}@keyframes clock-in{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.clock[data-astro-cid-mvctej2i]{filter:drop-shadow(0 4px 10px #0000001f);width:clamp(240px,30vw,360px);height:auto;display:block}.clock-rim[data-astro-cid-mvctej2i]{fill:var(--haya-green)}.clock-stripe[data-astro-cid-mvctej2i]{fill:var(--haya-pink)}.clock-dial[data-astro-cid-mvctej2i]{fill:var(--color-white)}.ticks-minor[data-astro-cid-mvctej2i] line[data-astro-cid-mvctej2i]{stroke:var(--color-border-strong);stroke-width:1.5px}.ticks-major[data-astro-cid-mvctej2i] line[data-astro-cid-mvctej2i]{stroke:var(--haya-ink);stroke-width:3px;stroke-linecap:round}html[data-theme=dark] .ticks-major[data-astro-cid-mvctej2i] line[data-astro-cid-mvctej2i]{stroke:var(--color-text)}.clock-numbers[data-astro-cid-mvctej2i] text[data-astro-cid-mvctej2i]{fill:var(--color-text);font-family:var(--font-main);text-anchor:middle;dominant-baseline:central;font-size:20px;font-weight:600}.clock-brand[data-astro-cid-mvctej2i]{fill:var(--color-text-muted);letter-spacing:3px;text-anchor:middle;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:.8rem;font-weight:700}.hand-hour[data-astro-cid-mvctej2i] .hand-shape[data-astro-cid-mvctej2i]{fill:var(--haya-green);stroke:var(--haya-ink);stroke-width:2px}.hand-minute[data-astro-cid-mvctej2i] .hand-shape[data-astro-cid-mvctej2i]{fill:var(--haya-pink);stroke:var(--haya-ink);stroke-width:2px}.hand-second[data-astro-cid-mvctej2i] .second-shape[data-astro-cid-mvctej2i],.hand-second[data-astro-cid-mvctej2i] .second-tail[data-astro-cid-mvctej2i]{fill:var(--haya-red)}.hub-outer[data-astro-cid-mvctej2i]{fill:var(--haya-ink)}.hub-inner[data-astro-cid-mvctej2i]{fill:var(--haya-pink)}.alarm[data-astro-cid-mvctej2i]{margin-top:14px;animation:.42s cubic-bezier(.34,1.56,.64,1) both alarm-in;display:inline-block;position:relative}.alarm[data-astro-cid-mvctej2i][hidden]{display:none}@keyframes alarm-in{0%{opacity:0;transform:translateY(10px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes led-power-on{0%{opacity:0}18%{opacity:.45}30%{opacity:.1}50%{opacity:.95}62%{opacity:.25}to{opacity:1}}.alarm-body[data-astro-cid-mvctej2i]{background:var(--haya-green);border:3px solid var(--haya-ink);border-radius:16px;padding:.85rem 1.1rem .9rem;position:relative;box-shadow:0 6px 16px #00000038}.alarm-stripe[data-astro-cid-mvctej2i]{background:var(--haya-pink);height:5px;position:absolute;top:.45rem;left:0;right:0}.bell[data-astro-cid-mvctej2i]{background:var(--haya-green);border:3px solid var(--haya-ink);z-index:0;border-radius:50% 50% 45% 45%;width:26px;height:26px;position:absolute;top:-14px}.bell-left[data-astro-cid-mvctej2i]{left:16px;transform:rotate(-18deg)}.bell-right[data-astro-cid-mvctej2i]{right:16px;transform:rotate(18deg)}.led-housing[data-astro-cid-mvctej2i]{z-index:1;background:var(--led-bg);border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem 1.6rem .7rem;display:flex;position:relative;box-shadow:inset 0 2px 12px #000000f2}.led-time[data-astro-cid-mvctej2i]{font-family:var(--font-dot);color:var(--led-amber);letter-spacing:.06em;text-shadow:0 0 14px var(--led-amber), 0 0 30px #f60;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2rem,7vw,2.9rem);line-height:1;animation:.6s ease-out .12s both led-power-on}.led-part[data-astro-cid-mvctej2i]{transform-origin:50% 60%;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s,text-shadow .2s;display:inline-block}.led-colon[data-astro-cid-mvctej2i]{transition:opacity .2s}.led-part[data-astro-cid-mvctej2i]:hover{color:var(--led-amber-hot);text-shadow:0 0 10px var(--led-amber), 0 0 24px var(--led-amber), 0 0 44px #f60;z-index:1;position:relative;transform:translateY(-6%)scale(1.3)}.led-time[data-astro-cid-mvctej2i]:has(.led-part:hover) .led-part[data-astro-cid-mvctej2i]:not(:hover),.led-time[data-astro-cid-mvctej2i]:has(.led-part:hover) .led-colon[data-astro-cid-mvctej2i]{opacity:.35}.clock-controls[data-astro-cid-mvctej2i]{justify-content:center;display:flex}.toggle[data-astro-cid-mvctej2i]{border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text);font-family:var(--font-main);cursor:pointer;transition:border-color var(--transition-fast);align-items:center;gap:.7rem;padding:.45rem .9rem;font-size:clamp(.9rem,2vw,1.05rem);font-weight:600;display:inline-flex}.toggle[data-astro-cid-mvctej2i]:hover{border-color:var(--haya-green)}.toggle[data-astro-cid-mvctej2i]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.toggle-track[data-astro-cid-mvctej2i]{border-radius:var(--radius-pill);background:var(--color-border-strong);width:44px;height:24px;transition:background var(--transition-fast);flex:none;position:relative}.toggle-knob[data-astro-cid-mvctej2i]{border-radius:var(--radius-round);background:var(--color-white);width:20px;height:20px;transition:transform var(--transition-fast);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.toggle[data-astro-cid-mvctej2i][aria-checked=true] .toggle-track[data-astro-cid-mvctej2i]{background:var(--haya-green)}.toggle[data-astro-cid-mvctej2i][aria-checked=true] .toggle-knob[data-astro-cid-mvctej2i]{transform:translate(20px)}.builder[data-astro-cid-mvctej2i]{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-sm);flex-direction:column;flex:360px;align-items:center;gap:clamp(1.1rem,2.8vh,1.9rem);padding:clamp(1rem,2.5vh,1.6rem);display:flex}.time-display[data-astro-cid-mvctej2i]{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(.3rem,.9vw,.5rem);max-width:100%;display:flex}.tb-lead[data-astro-cid-mvctej2i],.tb-colon[data-astro-cid-mvctej2i]{height:clamp(3.6rem,8vw,5rem);color:var(--color-text);align-self:flex-end;align-items:center;display:inline-flex}.tb-lead[data-astro-cid-mvctej2i]{font-size:clamp(1.3rem,3.2vw,2.1rem);font-weight:600}.tb-colon[data-astro-cid-mvctej2i]{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700}.tb-group[data-astro-cid-mvctej2i]{flex-direction:column;align-items:center;gap:clamp(.4rem,1.2vh,.6rem);display:flex}.tb-slots[data-astro-cid-mvctej2i]{gap:clamp(.25rem,.8vw,.4rem);display:flex}.part-speaker[data-astro-cid-mvctej2i]{border:2px solid var(--color-secondary);border-radius:var(--radius-round);background:var(--color-primary);width:clamp(2.2rem,5.5vw,3rem);height:clamp(2.2rem,5.5vw,3rem);color:var(--color-white);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .12s;display:inline-flex}.part-speaker[data-astro-cid-mvctej2i]:hover{transform:scale(1.1)}.part-speaker[data-astro-cid-mvctej2i]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.part-speaker[data-astro-cid-mvctej2i] svg{width:56%;height:56%}.digit-slot[data-astro-cid-mvctej2i],.ampm-btn[data-astro-cid-mvctej2i]{height:clamp(3.6rem,8vw,5rem)}.digit-slot[data-astro-cid-mvctej2i]{width:clamp(2.8rem,6vw,3.8rem);font-family:var(--font-main);color:var(--color-text);background:var(--color-beige);border:2.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);place-items:center;font-size:clamp(1.9rem,4.3vw,2.9rem);font-weight:600;display:grid}.digit-slot[data-astro-cid-mvctej2i]:not(.filled):after{content:"";background:var(--color-border-strong);opacity:.5;border-radius:2px;width:46%;height:3px}.digit-slot[data-astro-cid-mvctej2i]:hover{border-color:var(--haya-green)}.digit-slot[data-astro-cid-mvctej2i].filled{background:var(--color-white);border-color:var(--haya-green)}.digit-slot[data-astro-cid-mvctej2i].active{border-color:var(--haya-pink);background:var(--color-white);box-shadow:0 0 0 3px color-mix(in srgb, var(--haya-pink) 30%, transparent)}.digit-slot[data-astro-cid-mvctej2i]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.digit-slot[data-astro-cid-mvctej2i].reject{animation:.3s slot-shake}@keyframes slot-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.ampm-choices[data-astro-cid-mvctej2i]{gap:clamp(.25rem,.8vw,.4rem);display:flex}.ampm-btn[data-astro-cid-mvctej2i]{min-width:clamp(2.8rem,6vw,3.4rem);font-family:var(--font-main);color:var(--color-text);background:var(--color-beige);border:2.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding-inline:.25rem;font-size:clamp(1.05rem,2.3vw,1.45rem);font-weight:700}.ampm-btn[data-astro-cid-mvctej2i]:hover{border-color:var(--haya-green)}.ampm-btn[data-astro-cid-mvctej2i].selected{background:var(--haya-green);color:var(--color-white);border-color:color-mix(in srgb, var(--haya-green) 62%, #000)}.ampm-btn[data-astro-cid-mvctej2i]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.keypad[data-astro-cid-mvctej2i]{background:var(--color-beige);border:2px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:clamp(.45rem,1.4vw,.7rem);width:100%;max-width:400px;padding:clamp(.8rem,2vh,1.15rem);display:grid}.key[data-astro-cid-mvctej2i]{aspect-ratio:3/2;line-height:1;font-family:var(--font-main);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s, border-color var(--transition-fast);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:700;display:inline-flex}.key[data-astro-cid-mvctej2i]:hover{border-color:var(--haya-green);transform:translateY(-2px)}.key[data-astro-cid-mvctej2i]:active{transform:translateY(0)}.key[data-astro-cid-mvctej2i]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.key-util[data-astro-cid-mvctej2i]{color:var(--color-text-muted);gap:.1rem;font-size:clamp(.85rem,2.2vw,1.1rem)}.key-util[data-astro-cid-mvctej2i] .key-en[data-astro-cid-mvctej2i]{font-weight:700}.key-util[data-astro-cid-mvctej2i] .key-ja[data-astro-cid-mvctej2i]{opacity:.85;font-size:.78em;font-weight:500}.builder-actions[data-astro-cid-mvctej2i]{border-bottom:2px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,1.6vw,1rem);width:100%;padding-bottom:clamp(.9rem,2.4vh,1.4rem);display:flex}.read-all[data-astro-cid-mvctej2i],.write-big[data-astro-cid-mvctej2i]{border:2px solid var(--color-primary);font-family:var(--font-main);cursor:pointer;transition:transform .12s, background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:12px;align-items:center;gap:.55rem;padding:.7rem 1.5rem .7rem 1.2rem;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:600;display:inline-flex}.read-all[data-astro-cid-mvctej2i]{background:var(--color-primary);color:var(--color-white)}.read-all[data-astro-cid-mvctej2i]:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 62%, #000)}.write-big[data-astro-cid-mvctej2i]{background:var(--color-white);color:var(--color-primary)}.read-all[data-astro-cid-mvctej2i]:hover:not(:disabled),.write-big[data-astro-cid-mvctej2i]:hover:not(:disabled){transform:scale(1.03)}.write-big[data-astro-cid-mvctej2i]:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.read-all[data-astro-cid-mvctej2i]:focus-visible,.write-big[data-astro-cid-mvctej2i]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.read-all[data-astro-cid-mvctej2i]:disabled,.write-big[data-astro-cid-mvctej2i]:disabled{background:var(--color-white);border-color:var(--color-border-strong);color:var(--color-text-faint);cursor:not-allowed}.read-all[data-astro-cid-mvctej2i] .t-ja,.write-big[data-astro-cid-mvctej2i] .t-ja{font-size:.92em}.ra-icon[data-astro-cid-mvctej2i],.wb-icon[data-astro-cid-mvctej2i]{width:1.3em;height:1.3em;display:inline-flex}.ra-icon[data-astro-cid-mvctej2i] svg,.wb-icon[data-astro-cid-mvctej2i] svg{width:100%;height:100%}.warmup-cta[data-astro-cid-mvctej2i]{flex-direction:column;align-items:center;gap:clamp(.9rem,2.5vh,1.4rem);width:100%;display:flex}@media (width<=820px){.play-area[data-astro-cid-mvctej2i]{flex-direction:column;align-items:center}.builder[data-astro-cid-mvctej2i]{flex-basis:auto;width:100%;max-width:min(94vw,520px)}}@media (prefers-reduced-motion:reduce){.toggle-knob[data-astro-cid-mvctej2i],.key[data-astro-cid-mvctej2i],.read-all[data-astro-cid-mvctej2i],.part-speaker[data-astro-cid-mvctej2i],.digit-slot[data-astro-cid-mvctej2i],.led-part[data-astro-cid-mvctej2i],.led-colon[data-astro-cid-mvctej2i]{transition:none}.clock-stage[data-astro-cid-mvctej2i],.clock[data-astro-cid-mvctej2i],.alarm[data-astro-cid-mvctej2i],.led-time[data-astro-cid-mvctej2i],.digit-slot[data-astro-cid-mvctej2i].reject{animation:none}}