:root{--gold: #c8a44a;--gold-glow: rgba(200, 164, 74, 0.3);--danger: #c96858;--text: rgba(255, 255, 255, 0.95);--dim: rgba(255, 255, 255, 0.52);--faint: rgba(255, 255, 255, 0.3);--ui-bg: rgba(0, 0, 0, 0.5);--ui-bd: rgba(255, 255, 255, 0.12)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{min-height:100dvh;overflow:hidden;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}#bg-a,#bg-b{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center center;transition:opacity 1.2s ease}#bg-a{opacity:1}#bg-b{opacity:0}#ov{position:fixed;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 42%, transparent 28%, rgba(0, 0, 0, 0.52) 100%),rgba(0,0,0,.24)}#flash{display:none;position:fixed;inset:0;z-index:2;background:rgba(140,30,16,.28);pointer-events:none;animation:blink .65s ease-in-out infinite}#flash.on{display:block}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.ui-hide{transition:opacity .7s ease}body.ui-off .ui-hide{opacity:0 !important;pointer-events:none !important}body.ui-off{cursor:none}#app{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;pointer-events:none}#app>*{pointer-events:auto}header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px 0;flex-shrink:0}.logo-mark{font-size:.68rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--gold);text-shadow:0 0 20px var(--gold-glow);margin-bottom:3px;line-height:1}.logo-sub{font-size:.58rem;color:var(--faint);letter-spacing:0}.tool-back-link{display:inline-block;margin-top:10px;color:hsla(0,0%,100%,.62);font-size:.72rem;font-weight:700;text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.8);transition:color .18s}.tool-back-link:hover{color:var(--text)}.hclock{text-align:right}#ct{display:block;font-family:inherit;font-size:1.18rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1;text-shadow:0 1px 10px rgba(0,0,0,.8);margin-bottom:3px}#cd{font-size:.64rem;color:var(--dim);letter-spacing:0}.center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px 88px;user-select:none}#at,#as{display:flex;flex-direction:column;align-items:center}#slbl{font-size:.62rem;font-weight:500;letter-spacing:0;text-transform:uppercase;color:var(--faint);text-shadow:0 1px 8px rgba(0,0,0,.9);margin-bottom:12px;min-height:1em;text-align:center}#tdisp{display:block;font-family:inherit;font-size:clamp(4rem,13vmin,7.5rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1;text-shadow:0 2px 40px rgba(0,0,0,.75);text-align:center;transition:font-size .2s}#tdisp[data-len=hour]{font-size:clamp(2.8rem,9vmin,5.5rem)}#tdisp[data-len=day]{font-size:clamp(2.2rem,7vmin,4.2rem)}#pbw{width:min(280px,72vw);height:3px;background:hsla(0,0%,100%,.14);border-radius:2px;margin-top:18px;overflow:hidden}#pbf{height:100%;width:0%;background:var(--gold);border-radius:2px;transition:width .75s linear,background .3s}#swdisp{display:block;font-family:inherit;font-size:clamp(3.2rem,10vmin,6rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0;text-shadow:0 2px 40px rgba(0,0,0,.75);text-align:center}#iconbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);padding:12px 24px max(18px,env(safe-area-inset-bottom));display:flex;gap:18px;align-items:flex-start;z-index:30}.iconbarItem{display:grid;justify-items:center;gap:5px;color:hsla(0,0%,100%,.68)}.ibtn{width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.42);border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .14s,border-color .18s;color:hsla(0,0%,100%,.65)}.ibtn:hover{background:rgba(0,0,0,.62);transform:scale(1.07)}.ibtn.active{background:rgba(200,164,74,.28);border-color:rgba(200,164,74,.55);color:var(--gold)}#ibtn-set.is-countdown-active{background:linear-gradient(140deg, #d4af52 0%, #a8832c 100%);border-color:hsla(0,0%,100%,.64);box-shadow:0 0 0 3px rgba(200,164,74,.18),0 10px 24px rgba(0,0,0,.28);color:#09090f;transform:translateY(2px)}.ibtn svg{width:22px;height:22px;display:block}.icon-label{font-size:.68rem;font-weight:800;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.8)}.panel{position:fixed;bottom:104px;left:50%;transform:translateX(-50%) translateY(14px);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease;z-index:28;background:rgba(6,8,20,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:20px;width:min(360px,92vw)}.panel.open{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.panel-title{margin-bottom:12px;color:var(--text);font-size:.9rem;font-weight:900;line-height:1}.bg-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px}.bgitem{position:relative;aspect-ratio:4/3}.bg-note{min-height:1em;margin-top:10px;color:hsla(0,0%,100%,.62);font-size:.68rem;font-weight:700;line-height:1.45}.bgsw{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:10px;background-size:cover;background-position:center;border:2px solid rgba(0,0,0,0);padding:0;cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;transition:transform .18s,border-color .18s}.bgsw:hover{transform:scale(1.06)}.bgsw.on{border-color:hsla(0,0%,100%,.8)}.bgadd{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border:2px dashed hsla(0,0%,100%,.25);color:var(--dim);font-size:1.7rem;font-weight:300;line-height:1}.bgadd:hover{border-color:var(--gold);color:var(--gold)}.bgdel{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.62);border:none;color:#fff;font-size:.82rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.bgitem:hover .bgdel,.bgitem:focus-within .bgdel{opacity:1}.bgdel:hover{background:var(--danger)}.pset-section{display:flex;flex-direction:column;gap:9px}.mtgl{display:flex;background:rgba(0,0,0,.35);border:1px solid var(--ui-bd);border-radius:9px;padding:3px;gap:2px}.mbtn{flex:1;padding:7px 0;background:rgba(0,0,0,0);border:none;border-radius:7px;color:var(--faint);font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:0;cursor:pointer;transition:background .18s,color .18s}.mbtn.active{background:hsla(0,0%,100%,.13);color:var(--text)}.irow{display:flex;align-items:center;gap:8px}input[type=number],input[type=time],input[type=datetime-local]{flex:1;background:rgba(0,0,0,.35);border:1px solid var(--ui-bd);border-radius:10px;color:var(--text);font-family:inherit;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;padding:9px 14px;text-align:center;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}input[type=datetime-local]{font-size:1rem;letter-spacing:0;color-scheme:dark}input:focus{outline:none;border-color:rgba(200,164,74,.6);box-shadow:0 0 0 3px rgba(200,164,74,.14)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.iunit{font-size:.78rem;color:var(--dim);flex-shrink:0}.ferr{font-size:.68rem;color:var(--danger);min-height:1em}.psets{display:flex;gap:5px}.pst{flex:1;padding:7px 2px;background:rgba(0,0,0,.3);border:1px solid var(--ui-bd);border-radius:8px;color:var(--dim);font-family:inherit;font-size:.71rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pst:hover{background:rgba(200,164,74,.22);border-color:rgba(200,164,74,.4);color:var(--gold)}.brow{display:flex;gap:7px}.btn{border:none;border-radius:11px;font-family:inherit;font-weight:600;cursor:pointer;letter-spacing:0;transition:filter .15s,opacity .15s}.btn:disabled{opacity:.28;cursor:not-allowed}.btn-go{flex:2;padding:13px 10px;background:linear-gradient(140deg, #d4af52 0%, #a8832c 100%);color:#09090f;font-size:.9rem;font-weight:700}.btn-go:not(:disabled):hover{filter:brightness(1.1)}.btn-ghost{flex:1;padding:13px 8px;background:rgba(0,0,0,.4);border:1px solid var(--ui-bd);color:var(--dim);font-size:.82rem}.btn-ghost:not(:disabled):hover{color:var(--text)}.btn-util{padding:10px 14px;background:rgba(0,0,0,.4);border:1px solid var(--ui-bd);color:var(--faint);font-size:.72rem;border-radius:9px}.btn-util:not(:disabled):hover{color:var(--dim)}.btn-fs{flex:1;padding:13px 8px;background:rgba(0,0,0,.4);border:1px solid var(--ui-bd);color:var(--faint);font-size:.82rem;border-radius:11px;font-family:inherit;font-weight:600;cursor:pointer;transition:color .15s}.btn-fs:hover{color:var(--dim)}.ss-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.07)}.ss-label{font-size:.7rem;color:var(--faint)}.tog{width:42px;height:24px;border-radius:12px;flex-shrink:0;background:hsla(0,0%,100%,.14);border:none;cursor:pointer;position:relative;transition:background .22s}.tog::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .22s}.tog.on{background:var(--gold)}.tog.on::after{transform:translateX(18px)}.btn-alm{width:100%;padding:13px;background:rgba(196,96,80,.85);color:#fff;font-size:.9rem;font-weight:700;animation:apls 1.1s ease-in-out infinite}@keyframes apls{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.size-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.07)}.size-label{font-size:.7rem;color:var(--faint)}.size-ctrl{display:flex;align-items:center;gap:10px}.size-btn{width:28px;height:28px;border-radius:7px;background:rgba(0,0,0,.4);border:1px solid var(--ui-bd);color:var(--dim);font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.size-btn:hover:not(:disabled){background:rgba(200,164,74,.22);border-color:rgba(200,164,74,.4);color:var(--gold)}.size-btn:disabled{opacity:.28;cursor:not-allowed}.size-dots{display:flex;gap:5px;align-items:center}.sdot{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.18);transition:background .2s,transform .2s}.sdot.active{background:var(--gold);transform:scale(1.25)}body[data-dispsize="2"] #tdisp{font-size:clamp(5.5rem,17vmin,10rem)}body[data-dispsize="2"] #tdisp[data-len=hour]{font-size:clamp(3.8rem,12vmin,7rem)}body[data-dispsize="2"] #tdisp[data-len=day]{font-size:clamp(3rem,9.5vmin,5.5rem)}body[data-dispsize="3"] #tdisp{font-size:clamp(7rem,22vmin,13rem)}body[data-dispsize="3"] #tdisp[data-len=hour]{font-size:clamp(5rem,15vmin,9rem)}body[data-dispsize="3"] #tdisp[data-len=day]{font-size:clamp(3.8rem,12vmin,7rem)}body[data-dispsize="2"] #swdisp{font-size:clamp(4.5rem,14vmin,8.5rem)}body[data-dispsize="3"] #swdisp{font-size:clamp(6rem,18vmin,12rem)}body.fs header,body.fs #iconbar,body.fs .panel{display:none !important}body.fs .center{padding:0}body.fs #tdisp{font-size:clamp(5rem,18vmin,12rem)}body.fs #tdisp[data-len=hour]{font-size:clamp(3.5rem,12vmin,8rem)}body.fs #tdisp[data-len=day]{font-size:clamp(2.8rem,9vmin,6rem)}body.fs[data-dispsize="2"] #tdisp{font-size:clamp(6.5rem,22vmin,15rem)}body.fs[data-dispsize="2"] #tdisp[data-len=hour]{font-size:clamp(4.5rem,15vmin,10rem)}body.fs[data-dispsize="2"] #tdisp[data-len=day]{font-size:clamp(3.5rem,12vmin,8rem)}body.fs[data-dispsize="3"] #tdisp{font-size:clamp(8rem,27vmin,19rem)}body.fs[data-dispsize="3"] #tdisp[data-len=hour]{font-size:clamp(5.5rem,18vmin,13rem)}body.fs[data-dispsize="3"] #tdisp[data-len=day]{font-size:clamp(4.2rem,14vmin,10rem)}body.fs #pbw{width:min(420px,72vw);margin-top:24px;height:4px}#fsui{display:none;position:fixed;inset:0;z-index:20;pointer-events:none}#fs-back{position:absolute;top:22px;right:24px;pointer-events:auto;background:var(--ui-bg);border:1px solid var(--ui-bd);border-radius:9px;color:var(--dim);font-family:inherit;font-size:.75rem;font-weight:500;letter-spacing:0;padding:8px 18px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,color .2s}#fs-back:hover{background:rgba(0,0,0,.7);color:var(--text)}#fs-alm{display:none;pointer-events:auto;position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:rgba(196,96,80,.9);border:none;border-radius:14px;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:0;padding:15px 52px;cursor:pointer;white-space:nowrap;animation:apls 1.1s ease-in-out infinite}@media(max-width: 480px){header{padding:15px 18px 0}#ct{font-size:.98rem}.logo-mark{font-size:.6rem}.panel{padding:16px}.ibtn{width:46px;height:46px}#iconbar{gap:14px}.icon-label{font-size:.64rem}}@media(max-height: 640px){header{padding:11px 20px 0}.center{padding-bottom:72px}}