[hidden]{display:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#cfe7e3}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;touch-action:manipulation}#sky{position:fixed;inset:0;overflow:hidden}#sky>*{position:absolute;pointer-events:none}#sky .stars{inset:0;opacity:0}#sky .stars>*{position:absolute;height:auto;aspect-ratio:1;animation:twinkle 2.8s ease-in-out infinite}#sky .stars>:nth-child(3n){animation-delay:-1s}#sky .stars>:nth-child(3n+1){animation-delay:-2s}@keyframes twinkle{50%{opacity:.35;transform:scale(.7)}}#sky .sun,#sky .moon{transform:translate(-50%,-50%);height:auto;aspect-ratio:1}#sky .cloud{height:auto;animation:drift 80s linear infinite}@keyframes drift{0%{left:-160px}to{left:105%}}#app{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:calc(env(safe-area-inset-top,0px) + 60px) calc(env(safe-area-inset-right,0px) + 20px) calc(env(safe-area-inset-bottom,0px) + 22px) calc(env(safe-area-inset-left,0px) + 20px);gap:14px}#stage{position:relative;z-index:1;container-type:size;display:grid;place-items:center;min-height:0}#panel{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;justify-self:center}@media(orientation:landscape){#app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding-top:calc(env(safe-area-inset-top,0px) + 54px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);gap:24px}#panel{align-self:center}}#themeBtn{position:absolute;z-index:5;left:calc(env(safe-area-inset-left,0px) + 14px);top:calc(env(safe-area-inset-top,0px) + 10px);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;transition:transform .15s}#themeBtn:active{transform:scale(.9)}#themeBtn svg{width:22px;height:22px;fill:currentColor}#nowBtn{position:absolute;z-index:5;left:calc(env(safe-area-inset-left,0px) + 70px);top:calc(env(safe-area-inset-top,0px) + 13px);height:40px;padding:0 14px 0 12px;border-radius:999px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#2b2a30b3;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,color .25s,transform .15s}#nowBtn:active{transform:scale(.95)}.live-dot{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor;opacity:.7}#nowBtn[aria-pressed=true]{background:#fff;color:#2b2a30;box-shadow:0 3px 10px #1414281f}#nowBtn[aria-pressed=true] .live-dot{opacity:1;box-shadow:none;background:#ff5b5b;animation:live 1.6s ease-in-out infinite}@keyframes live{0%,to{box-shadow:0 0 #ff5b5b80}50%{box-shadow:0 0 0 5px #ff5b5b00}}[data-theme=poster] #nowBtn{border-radius:0;height:46px;top:calc(env(safe-area-inset-top,0px) + 10px);background:transparent;border:2px solid var(--ink-ui);color:var(--ink-ui);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=poster] #nowBtn[aria-pressed=true]{background:var(--ink-ui);color:var(--bg);box-shadow:none}.sheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;background:#14162861;opacity:0;transition:opacity .25s}.sheet-card{position:relative;width:min(100%,560px);max-height:82vh;overflow:auto;padding:18px 18px calc(env(safe-area-inset-bottom,0px) + 22px);border-radius:28px 28px 0 0;background:#fffdf9;color:#2b2a30;font-family:Zen Maru Gothic,sans-serif;box-shadow:0 -10px 40px #14162840;transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.9,.3,1)}.sheet.show .sheet-scrim{opacity:1}.sheet.show .sheet-card{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px}.sheet-head h2{margin:0;font-size:18px;font-weight:700;letter-spacing:.1em}.sheet-close{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f1ede6;color:#6d675d}.sheet-close svg{width:18px;height:18px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.theme-card{display:flex;flex-direction:column;gap:8px;padding:6px;border-radius:22px;text-align:center;transition:transform .15s,background .2s}.theme-card:active{transform:scale(.96)}.theme-card .thumb{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.theme-card .thumb svg{width:74%;overflow:visible;filter:drop-shadow(0 6px 8px rgba(30,30,60,.2))}.theme-card .name{font-size:15px;font-weight:700;letter-spacing:.1em;color:#6d675d}.theme-card[aria-checked=true]{background:#f1ede6}.theme-card[aria-checked=true] .thumb{box-shadow:0 0 0 3px #2b2a30}.theme-card[aria-checked=true] .name{color:#2b2a30}@media(orientation:landscape){.sheet{align-items:center}.sheet-card{border-radius:28px;padding-bottom:22px;transform:translateY(24px) scale(.96);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .25s}.sheet.show .sheet-card{opacity:1}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.theme-card .thumb{aspect-ratio:1}}#clock{display:block;width:min(100cqw,100cqh,560px);aspect-ratio:1;touch-action:none;overflow:visible}@supports not (width: 1cqw){#clock{width:min(86vw,50vh)}}.hnum,.mnum{text-anchor:middle;dominant-baseline:central}.tick{stroke-linecap:round}.hand>*{transform-box:fill-box;transform-origin:50% 100%;transition:transform .15s}.hand.grab>*{transform:scaleX(1.25)}.whole{transform-box:fill-box;transform-origin:50% 100%}#clock.ringing .whole{animation:hop .9s ease}@keyframes hop{20%{transform:translateY(-4%) scale(1.02,.98)}45%{transform:translateY(0) scale(1.03,.96)}65%{transform:translateY(-1.5%)}}.ampm{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,280px)}.knob{position:absolute;transition:transform .4s cubic-bezier(.3,1.4,.5,1)}.ampm.pm .knob{transform:translate(100%)}.ampm-btn{position:relative;z-index:1;min-height:48px;font-size:17px;font-weight:700;letter-spacing:.12em;transition:color .3s}#readout{position:relative;transition:transform .15s}#readout:active{transform:scale(.97)}#readout.tap .time{animation:tap .35s ease}@keyframes tap{40%{transform:scale(.95)}70%{transform:scale(1.03)}}.time{display:flex;align-items:baseline;line-height:1}.time b{font-variant-numeric:tabular-nums}.time i{font-style:normal}.speaker{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;opacity:.5;transition:opacity .2s}.speaker svg{width:18px;height:18px}.talking .speaker{opacity:1}.talking .speaker .w1{animation:wave .9s ease-in-out infinite}.talking .speaker .w2{animation:wave .9s ease-in-out .15s infinite}@keyframes wave{50%{opacity:.2}}:root[data-theme=kirie]{--ui: #fffaf0;--ui-line: rgba(255, 250, 240, .5);--ui-ink: #26403a}[data-theme=kirie] body{background:var(--sky2)}[data-theme=kirie] #sky{background:linear-gradient(180deg,var(--sky1),var(--sky2) 78%)}[data-theme=kirie] .stars i{border-radius:50%;background:#fff6d0;box-shadow:0 0 4px #fff3b0}[data-theme=kirie] .paper{filter:drop-shadow(0 4px 5px rgba(20,40,30,.16))}[data-theme=kirie] .sun{width:96px}[data-theme=kirie] .moon{width:70px}[data-theme=kirie] .cloud.c1{top:9%;width:130px;animation-delay:-20s}[data-theme=kirie] .cloud.c2{top:21%;width:92px;animation-duration:110s;animation-delay:-70s}[data-theme=kirie] .hills{left:0;bottom:0;width:100%;height:46vh}[data-theme=kirie] .hills .layer{filter:drop-shadow(0 -3px 5px rgba(20,40,30,.2))}[data-theme=kirie] #clock{filter:drop-shadow(0 10px 14px rgba(30,50,40,.22))}.dial-kirie .plate{fill:#ecdcbc}.dial-kirie .face{fill:#fffaf0;filter:drop-shadow(0 2px 3px rgba(80,60,20,.18))}.dial-kirie .tick{stroke:#d9ccb0;stroke-width:1}.dial-kirie .tick.big{stroke:#26403a;stroke-width:2.2}.dial-kirie .hnum{font:600 19px Fredoka,sans-serif;fill:#26403a}.dial-kirie .mnum{font:600 8px Fredoka,sans-serif;fill:#9a7a48}.dial-kirie .hand.hour path{fill:#2f7564}.dial-kirie .hand.minute path{fill:#e07a5f}.dial-kirie .pin{fill:#26403a}.dial-kirie .pin-dot{fill:#fffaf0}[data-theme=kirie] #themeBtn{color:#2f7564;background:#fffaf0cc;box-shadow:0 3px 6px #14281e29}[data-theme=kirie] .ampm{gap:10px}[data-theme=kirie] .ampm-btn{border-radius:999px;border:1.5px solid var(--ui-line);color:var(--ui)}[data-theme=kirie] .knob{inset:0 auto 0 0;width:calc(50% - 5px);border-radius:999px;background:#fffaf0;box-shadow:0 4px 8px #0000002e}[data-theme=kirie] .ampm.pm .knob{transform:translate(calc(100% + 10px))}[data-theme=kirie] .ampm-btn[aria-checked=true]{color:var(--ui-ink);border-color:transparent}[data-theme=kirie] #readout{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ui);padding:4px 12px}[data-theme=kirie] .ap{text-align:center;font-weight:700;font-size:14px;letter-spacing:.35em;opacity:.85}[data-theme=kirie] .time b{font:600 clamp(48px,15vw,64px) "Fredoka",sans-serif}[data-theme=kirie] .time i{font-weight:700;font-size:23px;margin:0 8px 0 4px}[data-theme=kirie] .time i:last-child{margin-right:0}[data-theme=kirie] .speaker{left:100%;top:auto;bottom:10px;transform:none}@media(orientation:landscape){[data-theme=kirie] .hills{height:42.5vw;bottom:-13.75vw}[data-theme=kirie] #panel{--ui: #26403a;--ui-line: rgba(38, 64, 58, .25);padding:20px 18px;border-radius:28px;background:#fffaf0e6;box-shadow:0 10px 24px #14281e2e}[data-theme=kirie] .knob{background:#2f7564}[data-theme=kirie] .ampm-btn[aria-checked=true]{color:#fffaf0}}[data-theme=poster] body{background:var(--bg);font-family:Zen Kaku Gothic New,sans-serif}[data-theme=poster] #sky{background:var(--bg)}[data-theme=poster] .grain{inset:0;width:100%;height:100%;opacity:.32;mix-blend-mode:multiply}:root.night[data-theme=poster] .grain{mix-blend-mode:overlay;opacity:.22}[data-theme=poster] .stars svg{width:14px}[data-theme=poster] .sun{width:116px}[data-theme=poster] .moon{width:92px}[data-theme=poster] #panel{color:var(--ink-ui);gap:22px}[data-theme=poster] #panel:before{content:"";position:absolute;z-index:-1;inset:-26px -60px -200px;background:var(--ground);border-top:2.5px solid var(--line)}[data-theme=poster] #panel:after{content:"";position:absolute;z-index:-1;left:-40px;right:-40px;top:-26px;height:70px;transform:translateY(-100%);background:radial-gradient(circle at 6% 100%,#8fa98c 0 60px,transparent 61px),radial-gradient(circle at 96% 100%,#c4573a 0 44px,transparent 45px);opacity:var(--deco)}.dial-poster .face{fill:#f8f4ea}.dial-poster .ring{fill:none;stroke:#1d1d1b;stroke-width:5}.dial-poster .tick{stroke:#1d1d1b;stroke-width:1;opacity:.35}.dial-poster .tick.big{stroke:#1d1d1b;stroke-width:3.2;opacity:1;stroke-linecap:butt}.dial-poster .hnum{font:700 18px Outfit,sans-serif;fill:#1d1d1b}.dial-poster .mnum{font:700 9px Outfit,sans-serif;fill:var(--mnum)}.dial-poster .hand.hour rect{fill:#1d1d1b}.dial-poster .hand.minute rect{fill:#c4573a}.dial-poster .pin{fill:#e3a73b}.dial-poster .pin-dot{fill:#1d1d1b}[data-theme=poster] #themeBtn{border-radius:0;border:2px solid var(--ink-ui);color:var(--ink-ui)}[data-theme=poster] .ampm{width:100%;border:2.5px solid var(--ink-ui)}[data-theme=poster] .knob{inset:0 auto 0 0;width:50%;background:var(--ink-ui)}[data-theme=poster] .ampm-btn{min-height:54px;font-weight:900;color:var(--ink-ui)}[data-theme=poster] .ampm-btn[aria-checked=true]{color:var(--bg)}[data-theme=poster] #readout{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink-ui)}[data-theme=poster] .ap{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.2em;color:var(--sub)}[data-theme=poster] .ap:before,[data-theme=poster] .ap:after{content:"";width:22px;height:3px;background:#c4573a}[data-theme=poster] .time{margin-top:6px;line-height:.95}[data-theme=poster] .time b{font:800 clamp(64px,22vw,92px) "Outfit",sans-serif;letter-spacing:-.04em}[data-theme=poster] .time b.m{color:#c4573a}[data-theme=poster] .time i{font-weight:900;font-size:24px;margin:0 10px 0 6px}[data-theme=poster] .speaker{right:0;top:auto;bottom:12px;transform:none;width:36px;height:36px;border-radius:50%;border:2px solid currentColor}@media(orientation:landscape){[data-theme=poster] #panel:before{top:-100vh;bottom:-100vh;left:-24px;right:-100vw;border-top:0;border-left:2.5px solid var(--line)}[data-theme=poster] #panel:after{display:none}[data-theme=poster] #panel{padding-left:12px}}[data-theme=clay] body{background:var(--bg2);font-family:"M PLUS Rounded 1c",sans-serif}[data-theme=clay] #sky{background:linear-gradient(180deg,var(--bg1),var(--bg2))}[data-theme=clay] .clay{filter:drop-shadow(0 12px 14px rgba(70,50,140,.22))}[data-theme=clay] .sun{width:92px}[data-theme=clay] .moon{width:80px}[data-theme=clay] .cloud.c1{top:10%;width:112px;animation-delay:-15s}[data-theme=clay] .cloud.c2{top:46%;width:82px;animation-duration:105s;animation-delay:-60s}[data-theme=clay] .cloud.c3{top:66%;width:96px;animation-duration:95s;animation-delay:-35s}[data-theme=clay] #clock{filter:drop-shadow(0 22px 28px rgba(70,50,140,.3))}.dial-clay .tick.big{stroke:#b8afe0;stroke-width:3}.dial-clay .dot{fill:#d6d0ee}.dial-clay .hnum{font:600 19px Fredoka,sans-serif;fill:#4a3f8f}.dial-clay .mnum{font:600 9px Fredoka,sans-serif;fill:#fff}[data-theme=clay] #themeBtn{color:#8f74ea;background:linear-gradient(160deg,#fff,#efeaff);box-shadow:0 8px 14px #46328c38,inset 0 -3px 6px #9682dc40}[data-theme=clay] .ampm{padding:7px;border-radius:999px;background:#ffffff59;box-shadow:inset 0 4px 10px #46328c2e}[data-theme=clay] .knob{top:7px;bottom:7px;left:7px;width:calc(50% - 7px);border-radius:999px;background:linear-gradient(160deg,#fff,#efeaff);box-shadow:0 8px 14px #46328c40,inset 0 -4px 8px #9682dc40}[data-theme=clay] .ampm-btn{font-weight:800;color:var(--toggle-text)}[data-theme=clay] .ampm-btn[aria-checked=true]{color:#4a3f8f}[data-theme=clay] #readout{width:100%;min-height:112px;padding:14px 48px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(160deg,#fff,#f1ecff);box-shadow:0 18px 30px #46328c38,inset 0 -6px 12px #9682dc40,inset 0 4px 6px #fff}[data-theme=clay] .ap{white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.14em;color:#8e86b8;background:#efeaff;border-radius:999px;padding:4px 12px;box-shadow:inset 0 -2px 4px #9682dc33}[data-theme=clay] .time{white-space:nowrap}[data-theme=clay] .time b{font:700 clamp(40px,12.5vw,54px) "Fredoka",sans-serif;color:#7b5cd6}[data-theme=clay] .time b.m{color:#ff9a76}[data-theme=clay] .time i{font-weight:800;font-size:21px;color:#4a3f8f;margin:0 8px 0 3px}[data-theme=clay] .time i:last-child{margin-right:0}[data-theme=clay] .speaker{right:18px;color:#8e86b8}[data-theme=yume] body{background:var(--sky2);font-family:Zen Maru Gothic,sans-serif}[data-theme=yume] #sky{background:linear-gradient(180deg,var(--sky1),var(--sky2) 80%)}[data-theme=yume] .stars svg{filter:drop-shadow(0 0 4px rgba(255,246,194,.9))}[data-theme=yume] .rainbow{left:50%;bottom:20vh;width:150vmin;transform:translate(-50%);opacity:var(--rainbow);filter:blur(.4px)}[data-theme=yume] .sun{width:100px}[data-theme=yume] .moon{width:76px;filter:drop-shadow(0 0 14px rgba(255,241,196,.55))}[data-theme=yume] .cloud.c1{top:13%;width:120px;animation-duration:90s;animation-delay:-25s}[data-theme=yume] .bank{left:-2%;right:-2%;bottom:0;width:104%;height:30vh}[data-theme=yume] .hearts{inset:0}[data-theme=yume] .hearts svg{position:absolute;bottom:18vh;width:18px;opacity:0;animation:floatUp 9s ease-in infinite}[data-theme=yume] .hearts svg:nth-child(2n){width:13px;animation-duration:11s}@keyframes floatUp{0%{transform:translate(0) rotate(-8deg);opacity:0}15%{opacity:.9}50%{transform:translate(14px,-30vh) rotate(8deg)}to{transform:translate(-6px,-62vh) rotate(-6deg);opacity:0}}[data-theme=yume] #clock{filter:drop-shadow(0 14px 20px rgba(220,110,160,.28))}.dial-yume .frill{fill:url(#yRim)}.dial-yume .stitch{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:4 3.2;opacity:.9}.dial-yume .face{fill:#fffafc}.dial-yume .dot{fill:#f6c3d6}.dial-yume .heart-tick{fill:#ff8fb4}.dial-yume .hnum{font:400 18px Mochiy Pop One,Zen Maru Gothic,sans-serif;fill:#c4579a}.dial-yume .mnum{font:600 8.5px Fredoka,sans-serif;fill:#fff}.dial-yume .bow-loop{fill:#ff8fb4;stroke:#f06d9c;stroke-width:1.5}.dial-yume .bow-tail{fill:#f06d9c}.dial-yume .bow-knot{fill:#ff7aa8}.dial-yume .bow{transform-box:fill-box;transform-origin:50% 80%}#clock.ringing .dial-yume .bow{animation:wiggle .18s ease-in-out 4 alternate}@keyframes wiggle{0%{transform:translateY(-106px) rotate(-8deg)}to{transform:translateY(-106px) rotate(8deg)}}[data-theme=yume] #themeBtn{color:#ff7aa8;background:#fff;box-shadow:0 4px 10px #dc6ea040}[data-theme=yume] .ampm{padding:5px;border-radius:999px;background:#fff9;box-shadow:inset 0 0 0 2px #fff,0 6px 14px #dc6ea029}[data-theme=yume] .knob{top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(180deg,#ffa6c6,#ff7aa8);box-shadow:0 4px 10px #f0649659,inset 0 2px #ffffff73}[data-theme=yume] .ampm-btn{font-weight:700;color:#c4579a}[data-theme=yume] .ampm-btn[aria-checked=true]{color:#fff}[data-theme=yume] #readout{width:100%;min-height:108px;padding:14px 48px;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;box-shadow:0 12px 26px #dc6ea038}[data-theme=yume] #readout:before{content:"";position:absolute;inset:6px;border-radius:26px;border:2px dashed #ffc2d6;pointer-events:none}[data-theme=yume] .ap{white-space:nowrap;flex:none;font-size:12px;font-weight:700;letter-spacing:.12em;color:#fff;background:#ffa6c6;border-radius:999px;padding:4px 10px}[data-theme=yume] .time{white-space:nowrap}[data-theme=yume] .time b{font:400 clamp(36px,11vw,50px) "Mochiy Pop One",sans-serif;color:#ff6f9f}[data-theme=yume] .time b.m{color:#8b7cf0}[data-theme=yume] .time i{font-weight:700;font-size:20px;color:#c4579a;margin:0 6px 0 3px}[data-theme=yume] .time i:last-child{margin-right:0}[data-theme=yume] .speaker{right:20px;color:#ff7aa8}@media(orientation:landscape)and (max-height:480px){#panel{gap:12px}[data-theme=poster] .time b{font-size:64px}[data-theme=kirie] .time b,[data-theme=clay] .time b,[data-theme=yume] .time b{font-size:44px}[data-theme=yume] #readout{min-height:86px}.ampm-btn{min-height:42px}[data-theme=clay] #readout{min-height:88px}}@media(prefers-reduced-motion:reduce){#sky .cloud,#sky .stars>*,[data-theme=yume] .hearts svg{animation:none}}