:root{--pomo-pink:#f83e62;--pomo-ink:#171717;--pomo-muted:#6e6e6e;--pomo-line:#dedede;--pomo-paper:#f2f2f2;--pomo-green:#23b468}.pomo-page{margin:0;background:var(--pomo-paper);color:var(--pomo-ink);font-family:Ubuntu,sans-serif}.pomo-page *{box-sizing:border-box}.pomo-shell{width:min(1360px,calc(100% - 48px));margin:0 auto;padding:80px 0 150px}.pomo-intro{max-width:780px;margin:20px auto 70px;text-align:center}.pomo-kicker,.pomo-eyebrow{margin:0 0 10px;color:var(--pomo-pink);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.pomo-intro h1{margin:0;font-size:clamp(50px,7vw,100px);font-weight:300;letter-spacing:-.055em;line-height:.96}.pomo-intro h1 span{color:var(--pomo-pink)}.pomo-intro>p:last-child{max-width:600px;margin:24px auto 0;color:var(--pomo-muted);font-size:18px;line-height:1.55}.pomo-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:20px}.pomo-timer-card,.pomo-panel,.pomo-today{border:1px solid var(--pomo-line);border-radius:30px;background:#fff}.pomo-timer-card{position:relative;display:flex;min-height:670px;padding:36px 54px 42px;align-items:center;flex-direction:column;overflow:hidden}.pomo-timer-card::before{position:absolute;width:480px;height:480px;border:1px solid rgba(248,62,98,.14);border-radius:50%;content:"";top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(248,62,98,.025),0 0 0 110px rgba(248,62,98,.018)}.pomo-mode-tabs{position:relative;z-index:1;display:flex;padding:5px;border-radius:999px;background:#f2f2f2;gap:3px}.pomo-mode-tabs button{padding:11px 19px;border:0;border-radius:999px;background:transparent;color:#777;font:500 13px Ubuntu,sans-serif;cursor:pointer}.pomo-mode-tabs button.is-active{background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.08)}.pomo-progress{position:relative;z-index:1;width:100%;height:2px;margin:34px 0 48px;background:#eee}.pomo-progress span{display:block;width:0;height:100%;background:var(--pomo-pink);transition:width .4s linear}.pomo-session-label{position:relative;z-index:1;margin:0 0 7px;color:var(--pomo-pink);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.pomo-clock{position:relative;z-index:1;font-size:clamp(90px,12vw,174px);font-weight:300;letter-spacing:-.075em;line-height:1}.pomo-task-label{position:relative;z-index:1;margin-top:32px;color:#777;font-size:12px}.pomo-task{position:relative;z-index:1;width:min(440px,100%);margin-top:5px;padding:8px 4px 10px;border:0;border-bottom:1px solid #ccc;background:transparent;color:#222;font:400 17px Ubuntu,sans-serif;text-align:center;outline:none}.pomo-task:focus{border-color:var(--pomo-pink)}.pomo-primary-actions{position:relative;z-index:1;display:flex;margin-top:30px;align-items:center;gap:12px}.pomo-start,.pomo-icon-button{border:0;cursor:pointer;transition:transform .2s,background .2s}.pomo-start{display:flex;min-width:230px;height:62px;padding:0 20px 0 28px;align-items:center;justify-content:space-between;border-radius:999px;background:var(--pomo-pink);color:#fff;font:500 16px Ubuntu,sans-serif}.pomo-start kbd{padding:5px 8px;border:1px solid rgba(255,255,255,.45);border-radius:7px;color:#fff;font:400 9px Ubuntu,sans-serif}.pomo-icon-button{display:grid;width:48px;height:48px;padding:13px;place-items:center;border:1px solid #ddd;border-radius:50%;background:#fff}.pomo-icon-button svg,.pomo-sound-toggle svg,.pomo-notification svg,.pomo-settings svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pomo-start:hover,.pomo-icon-button:hover{transform:translateY(-2px)}.pomo-cycle{position:relative;z-index:1;display:grid;margin-top:auto;grid-template-columns:repeat(4,38px);gap:6px}.pomo-cycle>span{height:3px;border-radius:3px;background:#ddd}.pomo-cycle>span.is-current,.pomo-cycle>span.is-done{background:var(--pomo-pink)}.pomo-cycle p{grid-column:1/-1;margin:6px 0 0;color:#888;font-size:10px;text-align:center}.pomo-panel{padding:34px}.pomo-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.pomo-panel h2,.pomo-today h2{margin:0;font-size:26px;font-weight:400}.pomo-sound-toggle{display:grid;width:48px;height:48px;padding:13px;place-items:center;border:0;border-radius:50%;background:#eee;color:#777;cursor:pointer}.pomo-sound-toggle[aria-pressed=true]{background:var(--pomo-pink);color:#fff}.pomo-sounds{display:grid;margin:28px 0 22px;gap:8px}.pomo-sounds button{display:flex;width:100%;padding:13px;align-items:center;gap:13px;border:1px solid #e1e1e1;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.pomo-sounds button.is-active{border-color:var(--pomo-pink);background:#fff8f9}.pomo-sounds strong,.pomo-sounds small{display:block}.pomo-sounds strong{font:400 14px Ubuntu,sans-serif}.pomo-sounds small{margin-top:3px;color:#888;font-size:10px}.sound-wave{width:40px;height:40px;border-radius:10px;background:repeating-linear-gradient(90deg,var(--pomo-pink) 0 2px,transparent 2px 5px);opacity:.65;clip-path:polygon(0 42%,15% 25%,30% 44%,45% 8%,60% 57%,75% 31%,90% 45%,100% 37%,100% 65%,90% 60%,75% 70%,60% 64%,45% 88%,30% 59%,15% 73%,0 60%)}.sound-wave--low{transform:scaleY(.7)}.sound-wave--high{transform:scaleY(1.12)}.pomo-volume{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#666;font-size:11px}.pomo-volume input{width:100%;accent-color:var(--pomo-pink)}.pomo-volume output{min-width:32px;text-align:right}.pomo-settings{margin-top:28px;border-top:1px solid #e5e5e5}.pomo-settings summary{display:flex;padding:22px 0 10px;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}.pomo-settings summary::-webkit-details-marker{display:none}.pomo-settings summary span span{display:block;margin-bottom:4px}.pomo-settings summary strong{font-size:16px;font-weight:400}.pomo-settings summary svg{width:20px;transition:transform .2s}.pomo-settings[open] summary svg{transform:rotate(180deg)}.pomo-settings-body{display:grid;padding:10px 0;gap:10px}.pomo-settings-body>label{display:flex;min-height:40px;align-items:center;justify-content:space-between;color:#555;font-size:12px}.pomo-settings-body input[type=number]{width:56px;padding:8px;border:1px solid #ddd;border-radius:8px;text-align:center}.pomo-switch-row{border-top:1px solid #eee}.pomo-switch-row input{position:absolute;opacity:0}.pomo-switch-row i{position:relative;width:38px;height:22px;border-radius:999px;background:#d6d6d6;transition:.2s}.pomo-switch-row i::after{position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;content:"";transition:.2s}.pomo-switch-row input:checked+i{background:var(--pomo-pink)}.pomo-switch-row input:checked+i::after{transform:translateX(16px)}.pomo-notification{display:flex;width:100%;margin-top:18px;padding:13px;align-items:center;gap:12px;border:1px solid #e2e2e2;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.pomo-notification svg{width:22px}.pomo-notification span{flex:1}.pomo-notification strong,.pomo-notification small{display:block}.pomo-notification strong{font:400 12px Ubuntu,sans-serif}.pomo-notification small{margin-top:3px;color:#888;font-size:9px}.pomo-notification em{color:var(--pomo-pink);font-size:10px;font-style:normal}.pomo-today{display:flex;margin-top:20px;padding:36px 46px;align-items:center;justify-content:space-between}.pomo-metrics{display:flex;gap:60px}.pomo-metrics article{display:flex;min-width:115px;flex-direction:column}.pomo-metrics strong{font-size:38px;font-weight:300}.pomo-metrics span{color:#777;font-size:11px}.pomo-toast{position:fixed;right:24px;bottom:24px;z-index:9999;padding:13px 18px;border-radius:999px;background:#161616;color:#fff;font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.pomo-toast.is-visible{opacity:1;transform:none}@media(max-width:900px){.pomo-shell{width:min(100% - 28px,720px);padding-top:55px}.pomo-workspace{grid-template-columns:1fr}.pomo-timer-card{min-height:620px}.pomo-today{align-items:flex-start;flex-direction:column;gap:30px}.pomo-metrics{width:100%;justify-content:space-between;gap:15px}}@media(max-width:560px){.pomo-shell{width:calc(100% - 20px);padding:35px 0 90px}.pomo-intro{margin-bottom:42px}.pomo-intro>p:last-child{font-size:15px}.pomo-timer-card{min-height:570px;padding:22px 16px 30px;border-radius:22px}.pomo-mode-tabs{width:100%}.pomo-mode-tabs button{flex:1;padding:10px 5px;font-size:11px}.pomo-progress{margin:28px 0 52px}.pomo-clock{font-size:25vw}.pomo-start{min-width:190px}.pomo-icon-button{width:42px;height:42px;padding:11px}.pomo-panel{padding:25px 18px;border-radius:22px}.pomo-today{padding:28px 20px;border-radius:22px}.pomo-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.pomo-metrics article{min-width:0}.pomo-metrics strong{font-size:30px}}