@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--ink:#332f38;--muted:#847c87;--paper:#fdf9f1f5;--paper-solid:#fdf9f1;--line:#43384221;--peach:#c97961;--peach-soft:#f4ddd3;--plum:#4f4650;--green:#879780;--shadow:0 24px 70px #231f2b47, 0 3px 12px #231f2b26}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#252633;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #fdcb98d1}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desktop{isolation:isolate;width:100vw;height:100svh;min-height:650px;animation:.65s cubic-bezier(.2,.8,.2,1) both desktop-arrive;position:relative;overflow:hidden}.wallpaper{z-index:-4;background:#3d4357 url(/desktop-bg.png) 50% 48%/cover no-repeat;position:absolute;inset:0;transform:scale(1.01)}.ambient-vignette{z-index:-3;pointer-events:none;background:linear-gradient(#1e1b2a2e,#0000 24% 63%,#1b182257),radial-gradient(circle at 52% 44%,#0000 20%,#17151f24 100%);position:absolute;inset:0}.ambient-vignette:after{content:"";opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:100;color:#ffffffed;backdrop-filter:blur(24px)saturate(135%);background:#221f2b7a;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;height:46px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 7px 24px #1e1c2821}.brand-cluster,.topbar-actions{align-items:center;display:flex}.brand-cluster{text-shadow:0 1px 8px #1b182459;gap:10px;font-size:13px}.brand-cluster strong{letter-spacing:-.02em}.brand-mark{background:#ffffff1c;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.brand-mark svg{width:15px}.topbar-divider{background:#fff3;width:1px;height:17px;margin:0 2px}#greeting{color:#ffffffad;font-size:12px}.topbar-actions{gap:8px}.topbar-button,.icon-button{color:inherit;cursor:pointer;background:0 0;border:0}.topbar-button{border-radius:9px;place-items:center;width:34px;height:32px;display:grid}.topbar-button:hover{background:#ffffff1f}.topbar-button svg{width:17px}#date-time{justify-content:flex-end;align-items:center;gap:9px;min-width:138px;font-size:11px;font-weight:600;display:flex}#date{color:#ffffff9e;font-weight:500}.ambience-menu{position:relative}.ambience-menu summary{color:#ffffffe6;cursor:pointer;user-select:none;border-radius:9px;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:11px;font-weight:600;list-style:none;display:flex}.ambience-menu summary::-webkit-details-marker{display:none}.ambience-menu summary:hover,.ambience-menu[open] summary{background:#ffffff1f}.ambience-menu summary>svg:first-child{width:16px}.ambience-menu .chevron{width:12px;transition:transform .2s}.ambience-menu[open] .chevron{transform:rotate(90deg)}.ambience-popover{width:312px;color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(24px);background:#fdf9f1f0;border:1px solid #ffffff7a;border-radius:18px;padding:16px;animation:.18s both popover-in;position:absolute;top:42px;right:0}.popover-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.popover-heading>div{gap:3px;display:grid}.popover-heading span{color:var(--peach);letter-spacing:.17em;font-size:8px;font-weight:700}.popover-heading strong{font-family:Fraunces,serif;font-size:18px}.popover-heading .icon-button{width:35px;height:35px;color:var(--plum);background:#eee7df;border-radius:50%;place-items:center;display:grid}.popover-heading .icon-button[aria-pressed=true]{color:#fff;background:var(--plum)}.popover-heading svg{width:18px}.ambience-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ambience-options button{border:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;background:#ffffff7a;border-radius:12px;place-items:center;gap:7px;padding:10px 5px 9px;font-size:9px;display:grid}.ambience-options button:hover{color:var(--ink);border-color:#4b3e4640;transform:translateY(-1px)}.ambience-options button.active{color:#875a4d;background:var(--peach-soft);border-color:#c9796159}.ambience-options svg{width:20px;height:20px}.volume-control{color:var(--muted);border-top:1px solid var(--line);grid-template-columns:18px auto 1fr;align-items:center;gap:8px;margin-top:13px;padding-top:12px;font-size:10px;display:grid}.volume-control svg{width:17px}.volume-control input{width:100%;accent-color:var(--peach)}.desktop-shortcuts{z-index:12;gap:14px;display:grid;position:fixed;top:72px;left:24px}.desktop-shortcuts button{color:#fff;cursor:pointer;text-shadow:0 2px 8px #1c1923a6;background:0 0;border:0;place-items:center;gap:6px;width:66px;display:grid}.desktop-shortcuts button>span{backdrop-filter:blur(12px);background:#322d3a61;border:1px solid #ffffff40;border-radius:14px;place-items:center;width:50px;height:50px;transition:all .18s;display:grid;box-shadow:0 7px 20px #1e1b242e}.desktop-shortcuts button:hover>span{background:#4138438c;transform:translateY(-2px)}.desktop-shortcuts svg{width:24px}.desktop-shortcuts small{font-size:10px;font-weight:600}.app-window{z-index:20;background:var(--paper);box-shadow:var(--shadow);backdrop-filter:blur(22px);border:1px solid #ffffff85;border-radius:18px;transition:opacity .18s,box-shadow .18s;position:absolute;overflow:hidden}.app-window.is-dragging,.sticky-note.is-dragging{box-shadow:0 34px 90px #1e1a2661}.app-window.is-hidden,.sticky-note.is-hidden{display:none}.timer-window{width:390px;top:11%;left:50%;transform:translate(-50%)}.today-window{width:350px;top:16%;left:5.5%}.notes-window{width:286px;top:17%;right:5.5%}.titlebar{color:#6e6670;border-bottom:1px solid var(--line);cursor:grab;user-select:none;background:#ffffff57;place-items:center;height:42px;font-size:11px;font-weight:600;display:grid;position:relative}.titlebar:active{cursor:grabbing}.window-dots{gap:6px;display:flex;position:absolute;left:15px}.window-dots span{background:#dc8d70;border-radius:50%;width:9px;height:9px}.window-dots span:nth-child(2){background:#e0b86f}.window-dots span:nth-child(3){background:#91a985}.window-action{color:#8a8088;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;right:9px}.window-action:hover{background:#4d414814}.window-action svg{width:14px}.timer-content{padding:20px 27px 22px}.phase-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.phase-pill{color:#8a5c50;background:var(--peach-soft);border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font-weight:700;display:inline-flex}.phase-pill i{background:var(--peach);border-radius:50%;width:6px;height:6px}.timer-orbit{place-items:center;width:240px;height:240px;margin:15px auto 13px;display:grid;position:relative}.progress-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:7px}.ring-track{stroke:#e9dfd9}.ring-progress{stroke:var(--peach);stroke-linecap:round;filter:drop-shadow(0 3px 3px #b4644e2e);transition:stroke-dashoffset .45s linear}.timer-readout{place-items:center;gap:6px;display:grid}.timer-readout span{text-align:center;color:#342f36;letter-spacing:-.075em;font-variant-numeric:tabular-nums lining-nums;min-width:202px;font-family:Fraunces,serif;font-size:58px;font-weight:600;line-height:.95}.timer-readout small{color:#9d9095;letter-spacing:.01em;font-family:Fraunces,serif;font-size:11px}.timer-controls{justify-content:center;align-items:center;gap:11px;display:flex}.round-button,.play-button{cursor:pointer;border:0;transition:transform .16s,background .16s}.round-button:hover,.play-button:hover{transform:translateY(-2px)}.round-button{border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.round-button svg{width:17px}.secondary{color:#8b7e84;background:#f0e9e4}.play-button{color:#fff;background:var(--plum);border-radius:23px;justify-content:center;align-items:center;gap:9px;min-width:148px;height:46px;padding:0 20px;font-family:Fraunces,serif;font-size:12px;font-weight:600;display:flex;box-shadow:0 8px 18px #433a4333}.play-button svg{fill:currentColor;stroke-width:1.4px;width:14px}.duration-settings{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;display:grid}.duration-settings>label{border:1px solid var(--line);height:46px;color:var(--muted);background:#ffffff4d;border-radius:11px;justify-content:space-between;align-items:center;padding:0 11px;font-size:10px;display:flex}.number-field{color:var(--ink);align-items:baseline;gap:3px;display:flex}.number-field input{width:30px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-weight:700}.number-field input::-webkit-inner-spin-button{appearance:none;margin:0}.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-field small{color:var(--muted);font-size:9px}.focus-tally{color:#8b7e84;text-align:center;margin:14px 0 0;font-family:Fraunces,serif;font-size:11px}.list-content{min-height:284px;padding:24px 22px 18px}.list-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.eyebrow{color:var(--peach);letter-spacing:.18em;font-size:8px;font-weight:700}.list-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-family:Fraunces,serif;font-size:24px;line-height:1.08}#list-progress{color:var(--muted);font-size:10px}#todo-form{border:1px solid var(--line);background:#ffffff75;border-radius:11px;grid-template-columns:19px 1fr auto;align-items:center;gap:7px;height:42px;padding:0 7px 0 11px;display:grid}#todo-form>svg{color:#b29890;width:17px}#todo-input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}#todo-input::placeholder{color:#aaa0a5}#todo-form button{color:#fff;background:var(--plum);cursor:pointer;border:0;border-radius:8px;height:28px;padding:0 11px;font-size:9px;font-weight:700}#todo-list{max-height:190px;margin:13px 0 0;padding:0;list-style:none;overflow:auto}#todo-list li{border-bottom:1px solid #45394114;grid-template-columns:23px 1fr 24px;align-items:center;gap:5px;min-height:37px;font-size:11px;display:grid}#todo-list label{cursor:pointer;display:contents}#todo-list input{appearance:none;cursor:pointer;border:1.5px solid #c5aaa0;border-radius:50%;width:16px;height:16px}#todo-list input:checked{border-color:var(--green);background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 2.5 2.5L12 5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 13px no-repeat}#todo-list li.done span{color:#aaa0a5;text-decoration:line-through}#todo-list button{color:#b0a5aa;cursor:pointer;background:0 0;border:0;font-size:16px}.empty-state{color:#afa3a8;align-content:center;place-items:center;gap:8px;min-height:103px;display:grid}.empty-state svg{width:23px}.empty-state p{margin:0;font-family:Fraunces,serif;font-size:11px}.empty-state.is-hidden{display:none}.text-button{color:#a76b5e;cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:9px;display:block}.notes-content{padding:22px}.notes-heading h2{letter-spacing:-.025em;margin:5px 0 6px;font-family:Fraunces,serif;font-size:24px}.notes-heading p{color:var(--muted);margin:0;font-family:Fraunces,serif;font-size:11px;line-height:1.45}.note-colors{gap:9px;margin:18px 0 14px;display:flex}.color-swatch{border:3px solid var(--paper-solid);cursor:pointer;border-radius:50%;width:27px;height:27px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px #4a3d4433}.color-swatch:hover{transform:translateY(-2px)}.color-swatch.active{box-shadow:0 0 0 2px var(--plum)}.color-swatch.honey{background:#f2cc78}.color-swatch.rose{background:#e7b0aa}.color-swatch.sage{background:#b8c7a8}.add-note-button{color:#fff;background:var(--plum);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-size:10px;font-weight:700;display:flex;box-shadow:0 8px 18px #433a4329}.add-note-button:hover{transform:translateY(-1px)}.add-note-button svg{width:16px}.note-count{color:var(--muted);text-align:center;margin-top:11px;font-size:9px;display:block}#sticky-layer{z-index:24;pointer-events:none;position:absolute;inset:0}.sticky-note{z-index:25;color:#594840;width:270px;min-height:250px;transform:rotate(var(--tilt,1.5deg));pointer-events:auto;background:linear-gradient(145deg,#f8dea2,#f2cc78);padding:48px 24px 27px;transition:box-shadow .18s;position:absolute;box-shadow:0 22px 50px #32262745,inset 0 1px #ffffff7a}.sticky-note.rose{color:#604848;background:linear-gradient(145deg,#efc0ba,#e6a6a0)}.sticky-note.sage{color:#475244;background:linear-gradient(145deg,#c8d3b9,#adc09d)}.sticky-note:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 31px,#7d573614 31px 32px);position:absolute;inset:0}.sticky-drag{cursor:grab;color:#594840b3;user-select:none;border-bottom:1px solid #734b2b1a;align-items:center;gap:8px;height:42px;padding:0 11px 0 15px;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0 0 auto}.sticky-drag>svg{width:15px}.sticky-drag>span{flex:1}.sticky-drag button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.sticky-drag button:hover{background:#66432b14}.sticky-drag button svg{width:14px}.sticky-note textarea{z-index:1;resize:none;width:100%;height:165px;color:inherit;background:0 0;border:0;outline:0;padding:2px;font-family:Fraunces,serif;font-size:20px;line-height:1.55;position:relative}.sticky-note textarea::placeholder{color:#59484070}.note-corner{background:linear-gradient(135deg,#b078372e 0 50%,#ffffff61 51%);width:32px;height:32px;position:absolute;bottom:0;right:0}.dock{z-index:90;backdrop-filter:blur(25px)saturate(140%);background:#2a263080;border:1px solid #ffffff3d;border-radius:20px;align-items:center;gap:7px;min-height:66px;padding:8px 10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #1c192247,inset 0 1px #ffffff1f}.dock button{color:#ffffffde;cursor:pointer;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid #ffffff14;border-radius:13px;place-items:center;width:48px;height:48px;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff17}.dock button:first-child{background-color:#b76c5461}.dock button:nth-child(2){background-color:#6d7f6561}.dock button:nth-child(3){background-color:#c69c5057}.dock button:hover{background-color:#ffffff24;transform:translateY(-7px)scale(1.06)}.dock button.active:after{content:"";background:#f7d5aa;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-7px}.dock button svg{width:23px;height:23px}.dock button small{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#221f27e6;border-radius:7px;padding:5px 8px;font-size:9px;transition:all .15s;position:absolute;bottom:61px;left:50%;transform:translate(-50%,5px);box-shadow:0 5px 15px #0000002e}.dock button:hover small,.dock button:focus-visible small{opacity:1;transform:translate(-50%)}.dock-divider{background:#ffffff30;width:1px;height:38px;margin:0 2px}.toast{z-index:200;color:#fff;opacity:0;pointer-events:none;background:#2d2831e6;border:1px solid #ffffff1f;border-radius:99px;padding:10px 15px;font-size:10px;transition:all .22s;position:fixed;top:64px;left:50%;transform:translate(-50%,-12px);box-shadow:0 10px 30px #1c192240}.toast.show{opacity:1;transform:translate(-50%)}.desktop.focus-mode .app-window:not(.timer-window),.desktop.focus-mode .sticky-note,.desktop.focus-mode .desktop-shortcuts,.desktop.focus-mode .dock,.desktop.focus-mode .topbar{opacity:.15;filter:blur(2px);pointer-events:none}.desktop.focus-mode .wallpaper{filter:brightness(.65)saturate(.7)}.desktop.focus-mode .timer-window{z-index:110;box-shadow:0 35px 110px #17141d8c,0 0 0 100vmax #1b182233}@keyframes desktop-arrive{0%{opacity:0;filter:blur(7px);transform:scale(1.015)}to{opacity:1;filter:none;transform:none}}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@media (width<=1050px){.today-window{left:3%}.notes-window{width:260px;right:3%}.sticky-note{width:240px}}@media (width<=900px){html,body{overflow:auto}.desktop{flex-direction:column;gap:15px;width:100%;height:auto;min-height:100svh;padding:68px 14px 102px;display:flex;overflow:hidden}.wallpaper,.ambient-vignette{position:fixed}.topbar{padding:0 12px}#greeting,.topbar-divider,#date{display:none}#date-time{min-width:auto}.ambience-menu summary span{display:none}.ambience-popover{width:min(312px,100vw - 20px);position:fixed;top:54px;right:10px}.desktop-shortcuts{display:none}.app-window,.timer-window,.today-window,.notes-window{width:min(100%,430px);margin:0 auto;position:relative!important;inset:auto!important;transform:none!important}.timer-window{order:1}.today-window{order:2}.notes-window{order:3}#sticky-layer{pointer-events:auto;order:4;gap:13px;width:min(100%,430px);margin:0 auto;display:grid;position:relative;inset:auto}.sticky-note{width:100%;min-height:200px;position:relative!important;inset:auto!important;transform:none!important}.sticky-note textarea{height:120px}.titlebar,.sticky-drag{cursor:default}.dock{gap:5px;max-width:calc(100vw - 18px);padding:7px;bottom:12px;overflow-x:auto}.dock button{border-radius:12px;flex:0 0 43px;width:43px;height:43px}.dock button svg{width:20px}.dock button:hover{transform:none}}@media (width<=460px){.brand-cluster strong{font-size:12px}.brand-mark{display:none}.topbar-actions{gap:2px}#date-time{font-size:10px}.timer-content{padding-inline:19px}.timer-orbit{width:220px;height:220px}.timer-readout span{min-width:186px;font-size:53px}.duration-settings{grid-template-columns:1fr}.dock button:nth-last-child(-n+2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}