@font-face{font-family:Inter;src:url(/vite-production/assets/inter-regular-webfont-6HKND04V.woff2) format("woff2");font-display:swap;font-weight:100 900}:root{font-family:Inter,system-ui,sans-serif;color:#383b30;background:#fbfaf6;font-synthesis:none;--ink: #383b30;--muted: #606557;--green: #40563b;--line: #e5e6da;--tomato: #cf593e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #c97a46;outline-offset:4px}[hidden]{display:none!important}.site-header{height:88px;max-width:1280px;margin:auto;padding:0 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e6da;border-bottom:1px solid var(--line)}.brand{display:flex}.brand img{max-width:100%;-o-object-fit:contain;object-fit:contain}.header-link{text-decoration:none;font-size:12px}.header-link span{margin-left:12px;font-size:19px}main{max-width:1120px;margin:auto;padding:42px 28px 0}.intro{text-align:center;margin:0 0 32px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;color:#6a765c;margin:0 0 15px}.tiny-tomato{color:#cf593e;color:var(--tomato);font-size:17px;vertical-align:-1px;margin-right:6px}h1{font-family:Georgia,serif;font-weight:400;font-size:49px;letter-spacing:-1.7px;line-height:1.12;margin:0 0 14px}h1 em{color:#68805a;font-weight:400}.intro>p:last-child{font-size:14px;color:#606557;color:var(--muted);line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);grid-gap:24px;gap:24px;align-items:start}.timer-card{position:relative;border:1px solid #e5e6da;border:1px solid var(--line);border-radius:22px;background:#fffefb;text-align:center;overflow:hidden;box-shadow:0 7px 24px #414f3510}.timer-top{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;font-size:12px;color:#606557;color:var(--muted)}.mode-badge{color:#627454;background:#edf1e6;border-radius:30px;padding:9px 13px;font-size:12px;letter-spacing:.2px}.scene{height:185px;position:relative;isolation:isolate;width:310px;max-width:95%;margin:0 auto}.scene:before{content:"";position:absolute;top:6px;right:13px;bottom:0;left:13px;border-radius:50% 50% 44% 45%;background:#f8efdf;z-index:-2}.tomato{position:relative;width:208px;height:208px;margin:0 auto;background-image:url(/tools/pomodoro/tomato-atlas.png);background-size:400% 400%;background-position:0 0;z-index:2;transform:translateY(-14px)}.tomato.stopwatch{background-image:url(/tools/pomodoro/tomato-stopwatch.png);background-size:contain;background-repeat:no-repeat;background-position:center}.tomato.animated{animation:tomato-frames 1.9s steps(1) infinite}.tomato[data-row="1"]{background-position-y:33.3333%}.tomato[data-row="2"]{background-position-y:66.6667%;animation-duration:3.6s}.tomato[data-row="3"]{background-position-y:100%;animation-duration:5s}.scene[data-scene=finished] .tomato{transform:translateY(-14px) rotate(-6deg)}.ground{position:absolute;width:160px;height:13px;border-radius:50%;background:#89936822;bottom:0;left:75px;z-index:-1}.scene-cloud{position:absolute;width:38px;height:12px;border-radius:60%;background:#fffefa;top:41px;left:22px}.cloud-two{top:85px;left:auto;right:12px;width:26px}.scene-note{display:none;position:absolute;color:#9a8b5b;font-size:26px;top:30px;left:14px;transform:rotate(-15deg)}.note-two{left:auto;right:4px;top:86px;font-size:22px}.scene[data-scene=music] .scene-note{display:block;animation:note-drift 3s ease-in-out infinite}.scene[data-scene=rest]:before{background:#edf1e2}.character-copy{font-family:Georgia,serif;font-size:18px;color:#73705b;margin:11px 12px 0;font-style:italic}.countdown{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:78px;font-weight:400;font-feature-settings:"kern" off,"tnum";font-kerning:none;letter-spacing:-4px;line-height:1.22;font-variant-numeric:tabular-nums;margin:6px 0 0;color:#384931}.phase-copy{font-size:14px;color:#606557;color:var(--muted);margin:3px 20px 14px;min-height:14px}.round-dots{display:flex;justify-content:center;gap:7px;margin:0 0 21px}.round-dots span{width:7px;height:7px;border-radius:50%;background:#e3e6da}.round-dots .done{background:#6a805a}.round-dots .current{background:#c96345;box-shadow:0 0 0 3px #c9634519}.timer-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:43px;padding:12px 20px;border:0;border-radius:9px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:#40563b;background:var(--green);color:#fff;min-width:184px}.primary:hover{background:#33472e}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;background:transparent;border:1px solid #e5e6da;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;color:#7a806e;font-size:23px}.icon-button:hover:enabled{background:#edf1e6}.sound-bar{border-top:1px solid #e5e6da;border-top:1px solid var(--line);padding:15px 22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fafaf5}.sound-toggle,.bell-toggle{background:transparent;border:0;font-size:12px;display:flex;align-items:center;gap:8px;color:#69745e;padding:6px 0}.sound-toggle{justify-content:center;width:40px;height:40px;padding:8px;border-radius:8px}.sound-toggle:hover{background:#edf1e6}.sound-toggle .pomodoro-icon{width:22px;height:22px}.sound-toggle[aria-pressed=false] .music-on,.sound-toggle[aria-pressed=true] .music-off{display:none}.sound-toggle[aria-pressed=true]{color:#344d2e}.volume-label{display:flex;flex:1 1;max-width:85px}.volume-label input{width:100%;accent-color:#778967;height:4px}.bell-toggle{margin-left:auto}.sound-bar .motion-option{margin-left:8px;white-space:nowrap}.pomodoro-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}.card-heading>.pomodoro-icon{width:22px;height:22px;color:#83906e}.host-note{font-size:12px;margin:0 20px 18px;color:#606557;color:var(--muted)}.finished-actions{font-size:12px;margin:0 20px 20px}.sidebar{display:grid;grid-gap:17px;gap:17px}.settings-card,.team-card{border:1px solid #e5e6da;border:1px solid var(--line);border-radius:16px;padding:23px;background:#fffefa}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-heading h2{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:0}.card-heading>span{color:#83906e;font-size:23px}fieldset{border:0;margin:0;padding:0}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eeeee5;font-size:14px}.setting-row:last-child{border:0}.setting-row small{display:block;font-size:12px;color:#606557;color:var(--muted);margin-top:6px}.number-field{display:flex;align-items:center;background:#f6f6ef;border:1px solid #e7e7dc;border-radius:8px;padding:9px 7px 9px 11px;gap:3px;width:96px;flex-shrink:0}.number-field input{width:49px;border:0;background:transparent;font-size:14px;color:#383b30;color:var(--ink);padding:0}.number-field>span{color:#606557;color:var(--muted);font-size:12px}.schedule{font-size:12px;color:#606557;border-top:1px dashed #dedfd1;padding-top:15px;margin:12px 0 0;line-height:1.6}.subtle{background:#edf1e6;color:#40563b;color:var(--green);width:100%;margin-top:10px}.team-card{background:#f0f3e8;border-color:#e2e7d7}.team-card .card-heading{margin-bottom:10px}.team-card p{font-size:14px;line-height:1.9;color:#526347;margin:0 0 17px}.team-button{border:1px solid #bbc7ac;background:#fffef9;color:#4f6343;width:100%;justify-content:space-between}.team-button:hover{background:#e8eedc}.team-card small{display:block;text-align:center;font-size:12px;color:#526347;margin:12px 0 0;line-height:1.7}#team-intro>small{font-size:12px}.motion-option{color:#606557;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.motion-option input{accent-color:#40563b;accent-color:var(--green)}.room-name{font-size:15px!important;overflow-wrap:anywhere}.connection{font-size:10px!important;margin-bottom:10px!important}.members{list-style:none;padding:0;margin:12px 0;max-height:175px;overflow:auto}.members li{display:flex;align-items:center;gap:9px;font-size:14px;padding:7px 0}.avatar{width:27px;height:27px;background:#e0e7d2;display:grid;place-items:center;border-radius:50%;font-size:12px;flex-shrink:0}.member-name{overflow-wrap:anywhere}.member-role{margin-left:auto;font-size:12px;white-space:nowrap;color:#526347}#people{margin-top:18px}#people summary{font-size:12px;cursor:pointer}#host-tools label,.team-card label{font-size:12px;display:block;margin:15px 0 8px}.handover{display:flex;gap:5px}.handover select{min-width:0;width:100%;background:#fffef9;border:1px solid #cbd3c1;border-radius:5px;padding:6px;font-size:12px}.text-button{border:0;background:transparent;color:#617452;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:8px 0}.handover .text-button{white-space:nowrap}#leave{display:block;margin:auto}#join-panel{margin-top:15px}#join-panel .button{width:100%;margin-top:10px}.status-message{text-align:center;font-size:12px;color:#855537;line-height:1.6;margin:16px 0;min-height:0}.status-message:empty{margin:0}.break-preview{text-align:center;margin:34px 0 28px;padding:0 0 24px;border-bottom:1px solid #e5e6da;border-bottom:1px solid var(--line)}.break-preview .eyebrow{font-size:12px;letter-spacing:1.4px;color:#606557}.break-preview>div{display:flex;justify-content:center;gap:40px;margin-top:16px;font-size:12px;color:#606557;color:var(--muted)}.how-it-works{max-width:740px;margin:0 auto 35px}.how-it-works details{padding:13px 0;border-bottom:1px solid #e5e6da;border-bottom:1px solid var(--line)}.how-it-works summary{font-size:14px;cursor:pointer;color:#627255}.how-it-works p{font-size:14px;line-height:1.8;color:#606557;color:var(--muted)}.site-footer{max-width:1180px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;font-size:12px;color:#606557;color:var(--muted)}.site-footer a{text-decoration:none}dialog{border:1px solid #e5e6da;border:1px solid var(--line);border-radius:20px;padding:35px;max-width:440px;width:calc(100% - 32px);color:#383b30;color:var(--ink);background:#fffef9;box-shadow:0 30px 100px #25322026}dialog::backdrop{background:#29342266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:0 0 12px}dialog p{font-size:14px;line-height:1.7;color:#606557;color:var(--muted)}dialog label{display:block;margin:20px 0 9px;font-size:14px}dialog label span{color:#606557;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:25px;color:#7b826f}dialog input,#join-name{width:100%;background:#fafaf3;border:1px solid #d9ddce;border-radius:8px;padding:12px;color:#383b30;color:var(--ink);font-size:13px}dialog .primary{width:100%;margin-top:22px}#create-error{color:#ad5136}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes tomato-frames{0%,to{background-position-x:0}25%{background-position-x:33.3333%}50%{background-position-x:66.6667%}75%{background-position-x:100%}}@keyframes note-drift{50%{transform:translateY(-7px) rotate(10deg);opacity:.5}}.still .tomato,.still .scene-note{animation:none!important}@media (prefers-reduced-motion: reduce){.tomato,.scene-note{animation:none!important}*{transition:none!important}}@media (min-width: 1440px){main{padding-top:54px}.intro{margin-bottom:40px}.scene{height:210px}.tomato{width:230px;height:230px}.ground{bottom:2px}.countdown{font-size:88px}.timer-top{padding-bottom:28px}}@media (max-width: 760px){.site-header{height:70px;padding:0 23px}.brand img{width:159px}.header-link{font-size:0}.header-link span{font-size:24px}main{padding:30px 17px 0}.intro{margin-bottom:25px}h1{font-size:37px;letter-spacing:-1px}.intro>p:last-child{font-size:14px;max-width:310px;margin:auto}.workspace{grid-template-columns:1fr;gap:18px}.timer-top{padding:20px}.timer-card{border-radius:18px}.sidebar{grid-template-columns:1fr 1fr;gap:14px}.settings-card,.team-card{padding:19px}.motion-option{grid-column:1/-1}.card-heading h2{font-size:19px}.sound-bar{padding:13px 20px}.break-preview>div{gap:18px;font-size:12px}.site-footer{gap:15px;line-height:1.7;font-size:12px}.site-footer span{max-width:180px}}@media (max-width: 520px){.sidebar{grid-template-columns:1fr}.scene{height:175px}.tomato{width:198px;height:198px}.countdown{font-size:74px}.card-heading h2{font-size:21px}.timer-actions{margin-bottom:22px}.character-copy{font-size:17px}.sound-bar{gap:8px}.sound-toggle,.bell-toggle{font-size:12px}.break-preview>div{gap:13px}.site-footer{padding-left:20px;padding-right:20px}h1{font-size:34px}.eyebrow{font-size:12px}.setting-row{padding:12px 0}}@media (min-width: 761px) and (max-width: 1439px){.site-header{height:72px}main{padding-top:26px}.intro{margin-bottom:25px}.intro .eyebrow{margin-bottom:8px}.timer-top{padding:16px 25px}.scene{height:166px}.tomato{width:190px;height:190px}.timer-actions{margin-bottom:20px}.round-dots{margin-bottom:15px}.sound-bar{min-height:57px;height:auto;padding-top:8px;padding-bottom:8px}}main[data-room-id]:not([data-room-id=""]) .team-card{order:-1}#host-tools{font-size:12px;margin:13px 0}#host-tools summary{cursor:pointer;color:#66745b}.scene[data-scene=ready] .tomato.stopwatch{background-size:115%}.tomato{display:block;border:0;padding:0;background-color:transparent}.tomato:focus-visible{outline-offset:-24px;border-radius:50%}.tomato.waving{animation:tomato-hello .45s ease-in-out 4}@keyframes tomato-hello{0%,to{transform:translateY(-14px) rotate(-7deg)}50%{transform:translateY(-19px) rotate(7deg)}}.view-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin:-8px 0 12px}.view-toolbar .text-button{min-height:40px;font-size:12px}#compact-team{margin-right:auto;color:#40563b;color:var(--green);font-size:12px}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin:4px 0 8px}.presets button{border:1px solid #c9d1bd;border-radius:8px;background:#fffefa;padding:10px 3px;font-size:12px;color:#40563b;color:var(--green)}.presets button[aria-pressed=true]{background:#e6edda;border-color:#6b805d}.presets small{display:block;font-size:12px;margin-top:5px}.settings-note{font-size:12px;line-height:1.6;color:#606557;color:var(--muted);margin-bottom:0}.up-next{font-size:14px;color:#40563b;color:var(--green);margin:12px 20px 0;line-height:1.5}.finish-time{font-size:12px;color:#606557;color:var(--muted);margin:5px 20px 16px;line-height:1.5}#ready-count{text-align:center;margin:8px 0 0}#ready-check{background:#40563b;background:var(--green);color:#fff;border:1px solid #40563b;border:1px solid var(--green);box-shadow:0 2px #263823}#ready-check:hover{background:#33472e}#ready-check[aria-pressed=true]{background:#dce8cb;color:#30462a;border-color:#6b805d;box-shadow:none}#lobby{margin:14px 0}#lobby small{margin-top:6px}.focus-view .intro,.focus-view .sidebar,.focus-view .break-preview,.focus-view .how-it-works{display:none}.focus-view .workspace{grid-template-columns:minmax(0,720px);justify-content:center}.focus-view .view-toolbar{max-width:720px;margin:0 auto 12px}#pomodoro:fullscreen{background:#fbfaf6;max-width:none;overflow-y:auto;padding-top:24px;padding-bottom:24px}.sound-bar .motion-option{min-height:32px}@media (max-width: 520px){.view-toolbar{gap:14px;flex-wrap:wrap}#compact-team{flex-basis:100%;text-align:center}.sound-bar .motion-option{margin-left:0}.up-next,.phase-copy{line-height:1.6}}