:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#183a37;--mint:#16a085;--coral:#ff7a68;--paper:#f5f7f2}*{box-sizing:border-box}html,body{background:0 0;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-geist-sans),Arial,sans-serif;color:var(--ink)}.app{background:radial-gradient(circle at 12% 8%,#fff 0 4%,transparent 28%),radial-gradient(circle at 86% 90%,#dcefe8 0,transparent 34%),var(--paper);place-items:center;height:100dvh;min-height:100dvh;padding:clamp(10px,2vw,28px);display:grid;overflow:hidden}.timer-card{background:#fbfcf9;border:1px solid #183a3714;border-radius:32px;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);width:min(1180px,100%);height:min(720px,100dvh - clamp(20px,4vw,56px));min-height:520px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #183a371f,inset 0 2px #fff}.mode-switch{z-index:3;background:#e9efea;border-radius:14px;gap:4px;padding:4px;display:flex;position:absolute;top:24px;left:28px}.mode-switch button{color:#71827e;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 17px;font-size:14px;font-weight:700}.mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #183a3714}.display-area{background-image:radial-gradient(#183a3712 1px,#0000 1px);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:76px 28px 24px;display:flex}.ring-wrap{aspect-ratio:1;place-items:center;width:min(47vh,410px);display:grid;position:relative}.progress-ring{filter:drop-shadow(0 12px 18px #16a0851f);width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:12px}.ring-track{stroke:#dfebe5}.ring-value{stroke:var(--mint);stroke-linecap:round;transition:stroke-dashoffset .35s linear,stroke .3s}.time-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:32px;box-shadow:inset 0 12px 40px #183a3712}.activity-label{color:#6b817c;cursor:text;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:80%;font-weight:700;overflow:hidden}.label-input{border:0;border-bottom:2px solid var(--mint);color:#6b817c;text-align:center;background:0 0;outline:0;width:74%;font-weight:700}.time{letter-spacing:-.075em;font-variant-numeric:tabular-nums;color:var(--ink);margin:8px 0 5px;font-size:clamp(58px,7.4vw,108px);font-weight:700;line-height:.95}.status{color:#84928e;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.status>span{background:#a9b7b2;border-radius:50%;width:7px;height:7px}.status>span.pulse{background:var(--mint);animation:1.7s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 7px #16a08500}0%{box-shadow:0 0 #16a08559}}.primary-controls{align-items:center;gap:14px;margin-top:22px;display:flex}.primary-controls button{cursor:pointer;border:0;font-weight:800}.round{border-radius:50%;width:48px;height:48px;font-size:17px}.secondary{color:#54706b;background:#e7efeb}.play{color:#fff;background:var(--ink);border-radius:18px;justify-content:center;align-items:center;gap:10px;min-width:150px;min-height:54px;padding:0 24px;display:flex;box-shadow:0 10px 20px #183a3733}.play:disabled{opacity:.45;cursor:not-allowed}.control-panel{scrollbar-width:none;background:#fff;border-left:1px solid #e7ece8;padding:28px;overflow:auto}.control-panel::-webkit-scrollbar{display:none}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}h2{letter-spacing:-.02em;margin:0;font-size:18px}.icon-button{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#f7f9f6;border:1px solid #e4ebe7;border-radius:12px;font-size:20px}.presets{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.presets button{min-height:86px;color:var(--ink);cursor:pointer;text-align:left;background:#f8faf7;border:1px solid #e4ebe7;border-radius:16px;grid-template-columns:auto 1fr;place-items:end start;gap:0 4px;padding:14px;display:grid;position:relative}.presets button:hover,.presets button.selected{border-color:var(--mint);background:#edf8f3}.presets button.selected:after{content:"✓";color:#fff;background:var(--mint);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:9px;right:10px}.presets strong{letter-spacing:-.06em;font-size:29px;line-height:1}.presets span{color:#75908a;padding-bottom:2px;font-size:12px;font-weight:700}.presets small{color:#78908b;grid-column:1/-1;font-size:11px}.custom-time{color:#71857f;border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 24px;padding:12px 0 20px;font-size:12px;font-weight:700;display:flex}.custom-time div{gap:6px;display:flex}.custom-time button{color:#56716b;cursor:pointer;background:#edf2ee;border:0;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.custom-time button:disabled{opacity:.35}.sound-section h2{font-size:16px}.sound-buttons{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.sound-buttons button{color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e4ebe7;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.sound-buttons button.on{border-color:var(--coral);background:#fff3f0}.sound-buttons button>span{width:30px;height:30px;color:var(--coral);background:#f2f5f2;border-radius:9px;place-items:center;display:grid}.sound-buttons b,.sound-buttons small{display:block}.sound-buttons b{font-size:12px}.sound-buttons small{color:#87958f;margin-top:2px;font-size:9px}.music-box{background:#fbfcfa;border:1px solid #e4ebe7;border-radius:15px;margin-top:10px;padding:11px}.music-title{align-items:center;gap:9px;display:flex}.music-title>span{width:30px;height:30px;color:var(--coral);background:#fff0ed;border-radius:9px;place-items:center;display:grid}.music-title div{flex:1;min-width:0}.music-title b,.music-title small{display:block}.music-title b{font-size:12px}.music-title small{color:#87958f;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.music-title>button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;width:31px;height:31px;font-size:11px}.music-actions{grid-template-columns:auto 1fr;gap:7px;margin-top:9px;display:grid}.music-actions label input{opacity:0;pointer-events:none;position:absolute}.music-actions label span,.url-row button{color:#41655e;cursor:pointer;background:#e8f2ed;border:0;border-radius:9px;place-items:center;height:31px;padding:0 10px;font-size:10px;font-weight:800;display:grid}.url-row{grid-template-columns:1fr auto;gap:5px;min-width:0;display:grid}.url-row input{background:#fff;border:1px solid #dfe8e3;border-radius:9px;outline:0;min-width:0;height:31px;padding:0 8px;font-size:10px}.url-row input:focus{border-color:var(--mint)}.url-row button{background:var(--mint);color:#fff}.volume-row{color:#71857f;align-items:center;gap:9px;margin-top:8px;font-size:9px;font-weight:800;display:flex}.volume-row input{width:100%;accent-color:var(--mint)}.music-error{color:#c64f43;margin:5px 0 0;font-size:9px}.alarm-row{cursor:pointer;background:#f5f8f5;border-radius:14px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;display:flex}.alarm-row>div{align-items:center;gap:10px;display:flex}.bell{width:30px;height:30px;color:var(--mint);background:#e8f4ef;border-radius:9px;place-items:center;font-weight:900;display:grid}.alarm-row p{margin:0}.alarm-row b,.alarm-row small{display:block}.alarm-row b{font-size:12px}.alarm-row small{color:#85948f;margin-top:2px;font-size:9px}.alarm-row input{opacity:0;position:absolute}.toggle{background:#cdd8d3;border-radius:20px;width:38px;height:22px;padding:3px;transition:all .2s}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block;box-shadow:0 1px 4px #7b8d86}.alarm-row input:checked+.toggle{background:var(--mint)}.alarm-row input:checked+.toggle:after{transform:translate(16px)}.urgent .ring-value{stroke:var(--coral)}.urgent .time{color:#d95548}.finished .timer-card{animation:.7s 2 finishGlow}@keyframes finishGlow{50%{box-shadow:0 0 0 8px #ff7a682e,0 30px 80px #183a371f}}@media (width<=760px){.app{place-items:stretch stretch;padding:0}.timer-card{border:0;border-radius:0;grid-template-rows:minmax(310px,55%) minmax(0,45%);grid-template-columns:1fr;width:100%;height:100dvh;min-height:0}.mode-switch{white-space:nowrap;top:12px;left:50%;transform:translate(-50%)}.display-area{padding:66px 18px 14px}.ring-wrap{width:min(36vh,290px)}.progress-ring circle{stroke-width:10px}.time-content{inset:25px}.time{font-size:clamp(52px,18vw,76px)}.primary-controls{margin-top:8px}.play{border-radius:15px;min-width:132px;min-height:48px}.round{width:44px;height:44px}.control-panel{border-top:1px solid #e7ece8;border-left:0;padding:18px 18px 22px}.panel-head{margin-bottom:14px}.presets{grid-template-columns:repeat(4,1fr);gap:7px}.presets button{border-radius:12px;min-height:69px;padding:9px}.presets strong{font-size:22px}.presets small{display:none}.custom-time{margin:9px 0 13px;padding:7px 0 13px}.sound-section>div:first-child{display:none}.sound-buttons{margin-top:0}}@media (height<=620px) and (width>=761px){.timer-card{height:calc(100dvh - 20px);min-height:0}.ring-wrap{width:min(60vh,350px)}.control-panel{padding:20px 24px}.panel-head{margin-bottom:14px}.presets button{min-height:70px;padding:10px}.custom-time{margin:9px 0 14px;padding:8px 0 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.embed-player{background:#101312;border-radius:11px;margin-top:9px;overflow:hidden}.embed-player iframe{border:0;width:100%;display:block}.embed-player.youtube iframe{height:200px}.embed-player.spotify iframe{height:152px}