:root{box-sizing:border-box}*,:before,:after{box-sizing:inherit}#root{width:100%}:root{--primary-color:#ff6f61;--sand-color:#fc0;--bg-color:#f0f9ff;--text-color:#444;--accent-color:#55acee;--font-family:"Hiragino Maru Gothic ProN", "Rounded Mplus 1c", "Comic Sans MS", sans-serif;--timer-num-font-size:clamp(2rem, 6dvh, 3.2rem);--timer-num-width:clamp(80px, 15vw, 120px);--timer-num-height:clamp(60px, 10dvh, 90px)}body{background-color:var(--bg-color);font-family:var(--font-family);color:var(--text-color);background-image:radial-gradient(circle at 20% 30%,#fffc 0%,#0000 10%),radial-gradient(circle at 80% 10%,#fffc 0%,#0000 8%),radial-gradient(circle at 50% 80%,#fffc 0%,#0000 12%);justify-content:center;align-items:center;height:100dvh;min-height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}.main-layout{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:2dvh;display:flex;position:relative}.app-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #ffffff4d;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.4rem,1.5dvh,1rem);width:95%;max-width:700px;max-height:96dvh;padding:clamp(1rem,3dvh,2rem);display:flex;box-shadow:0 20px 40px #0000000d}h1{color:var(--accent-color);opacity:.7;margin:0;font-size:clamp(.9rem,2.5dvh,1.5rem)}.kakegoe-bubble{color:var(--primary-color);text-align:center;background:#fff;border:2px solid #fff5f2;border-radius:25px;justify-content:center;align-items:center;width:100%;min-height:clamp(40px,10dvh,80px);padding:clamp(6px,1.5dvh,12px) clamp(12px,3vw,25px);font-size:clamp(1rem,3.5dvh,2.2rem);font-weight:700;display:flex;box-shadow:0 8px 20px #0000000d}.timer-section{justify-content:center;align-items:center;width:100%;height:clamp(120px,38dvh,400px);display:flex;position:relative}@media (orientation:landscape) and (height<=600px){.app-container{flex-flow:wrap;gap:1rem;max-width:90vw;padding:.5rem 1.5rem}.timer-section{flex:1;height:70dvh}.controls-section{flex:1.2;padding:.8rem}h1{display:none}}.controls-section{background:#fffc;border-radius:35px;flex-direction:column;align-items:center;gap:clamp(.4rem,1dvh,1rem);width:100%;padding:clamp(.8rem,1.5dvh,1.5rem);display:flex;box-shadow:0 10px 30px #00000008}.input-container-fixed{height:auto;min-height:var(--timer-num-height);justify-content:center;align-items:center;display:flex}.input-group{justify-content:center;align-items:center;gap:.4rem;display:flex}.timer-num-box{font-size:var(--timer-num-font-size);color:var(--primary-color);font-weight:900;font-family:var(--font-family);width:var(--timer-num-width);height:var(--timer-num-height);text-align:center;box-sizing:border-box;background:#fff;border:3px solid #f0f0f0;border-radius:20px;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;box-shadow:inset 0 2px 4px #00000005}input.timer-num-box{cursor:pointer;transition:border-color .2s}input.timer-num-box:focus{border-color:var(--primary-color)}.input-group span.label{color:#bbb;font-size:clamp(.8rem,2dvh,1.2rem);font-weight:700}.action-button-fixed{cursor:pointer;color:#fff;border:none;border-radius:clamp(15px,3dvh,25px);justify-content:center;align-items:center;width:100%;height:clamp(45px,8dvh,70px);font-size:clamp(1rem,3dvh,1.8rem);font-weight:700;transition:all .1s;display:flex;position:relative;top:0}.btn-start-stable{background-color:#4caf50;box-shadow:0 6px #388e3c}.btn-stop-stable{background-color:#ff9800;box-shadow:0 6px #f57c00}.btn-start-stable:active,.btn-stop-stable:active{top:4px;box-shadow:0 2px}.hourglass-wrapper svg{width:auto;height:100%}@keyframes drip{0%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:-20px;opacity:1}}.sand-stream{stroke:var(--sand-color);stroke-width:5px;stroke-linecap:round;stroke-dasharray:2 10;animation:.4s linear infinite drip}