:root{--color-tomato:#ef4b3e;--color-tomato-dark:#c93d31;--color-cream:#fff4e2;--color-cream-deep:#f7d8ad;--color-wood:#c98545;--color-wood-dark:#8f552f;--color-brown:#4b2e24;--color-green:#4f9a4a;--color-mint:#a4d4a1;--color-sky:#87c8de;--color-night:#4b3c8a;--color-dusk:#8f70b8;--radius-card:24px;--radius-control:16px;--shadow-soft:0 12px 30px #4b2e2429;--shadow-bold:0 20px 50px #4b2e2438;--scene-aspect:1920 / 900;--scene-width:min(100vw, calc(100svh * 1920 / 900));--scene-height:min(100svh, calc(100vw * 900 / 1920));--logo-x:3.333%;--logo-y:4%;--logo-width:21.875%}.app-shell{background:#000;place-items:center;min-height:100svh;display:grid;overflow:hidden}.app-canvas{width:var(--scene-width);height:var(--scene-height);aspect-ratio:var(--scene-aspect);background:linear-gradient(#fff4e2f5,#f7d8add6),radial-gradient(circle at 18% 16%,#ef4b3e29,#0000 28%),radial-gradient(circle at 84% 8%,#4f9a4a24,#0000 24%);margin:0 auto;position:relative;overflow:hidden}.brand-block{z-index:10;top:var(--logo-y);left:var(--logo-x);width:var(--logo-width);display:block;position:absolute}.brand-wordmark{filter:drop-shadow(0 10px 18px #4b2e241a);width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.panel-header h2,.panel-header p{margin:0}.toast-root{z-index:80;gap:10px;width:min(320px,100% - 32px);display:grid;position:absolute;top:20px;right:20px}.toast{box-shadow:var(--shadow-soft);opacity:0;background:#fff;border:2px solid #4b2e242e;border-radius:16px;padding:14px 16px;transition:opacity .18s,transform .18s;transform:translateY(-8px)}.toast--success{border-color:#4f9a4a4d}.toast--warning{border-color:#ef4b3e57}.toast--visible{opacity:1;transform:translateY(0)}.mobile-notice{z-index:120;color:var(--color-brown);background:#000000ad;place-items:center;padding:24px;display:none;position:fixed;inset:0}.mobile-notice[hidden]{display:none!important}.mobile-notice-panel{width:min(420px,100%);box-shadow:var(--shadow-bold);text-align:center;background:#fff4e2fa;border:3px solid #4b2e2429;border-radius:22px;gap:14px;padding:22px;display:grid}.mobile-notice-panel h2,.mobile-notice-panel p{margin:0}.mobile-notice-panel h2{font-size:1.35rem}.mobile-notice-panel p{color:#4b2e24bd;font-weight:800;line-height:1.45}.mobile-notice-panel button{background:var(--color-green);color:#fff;border:2px solid #4b2e2429;border-radius:14px;min-height:44px;font-weight:900}@media (width<=900px),(pointer:coarse){.mobile-notice{display:grid}}.scene-stack{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-canvas{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tomato-timer{z-index:12;aspect-ratio:1;filter:drop-shadow(0 26px 26px #4b2e2442);width:25.573%;position:absolute;bottom:8.444%;left:24.479%;container-type:inline-size}.timer-canvas{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.digital-clock{z-index:35;color:#b8f4ad;text-align:center;background:#2d2a30f0;border:4px solid #4b2e24d6;border-radius:18px;gap:2px;width:auto;min-width:172px;padding:14px 18px;display:grid;position:absolute;top:27px;right:42px;box-shadow:0 14px 28px #4b2e242e}.digital-clock span{font-family:SFMono-Regular,Consolas,monospace;font-size:1.72rem;font-weight:800}.digital-clock small{color:#e4ffd7;font-size:.72rem;font-weight:800}.control-bar{z-index:30;border-radius:var(--radius-card);width:360px;box-shadow:var(--shadow-bold);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff4e2ed;border:3px solid #4b2e2429;gap:12px;padding:14px;display:grid;position:absolute;bottom:40px;left:88px}.control-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-header span{color:#4b2e24ad;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.control-header strong{margin-top:2px;font-size:1.05rem;display:block}.daily-cycles{color:#4b2e24a8;margin-top:3px;font-size:.76rem;font-weight:900;display:block}.control-group{align-items:center;gap:8px;display:flex}.mode-switch,.actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.actions{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-button,.preset-delete,.mode-switch button,.actions button,.custom-form button,.add-custom-time-button,.restore-presets-button,.settings-button{border-radius:var(--radius-control);min-height:44px;color:var(--color-brown);background:#fff;border:2px solid #4b2e2429;font-weight:900;transition:transform .15s,background .15s;box-shadow:0 5px #4b2e2414}.mode-switch button,.actions button,.custom-form button,.add-custom-time-button,.restore-presets-button,.settings-button{padding:0 14px}.settings-button{background:#fff9ef;min-height:40px}.primary-action{background:var(--color-green)!important;color:#fff!important}.icon-action{place-items:center;display:grid;padding:0!important}.icon-action svg{fill:currentColor;width:22px;height:22px}.icon-action[data-reset] svg{width:24px;height:24px}.preset-button:hover,.preset-delete:hover,.mode-switch button:hover,.actions button:hover,.custom-form button:hover,.add-custom-time-button:hover,.restore-presets-button:hover,.settings-button:hover{transform:translateY(-1px)}.mode-switch button.is-active{background:var(--color-tomato);color:#fff}.settings-dialog{width:min(620px, var(--scene-width) - 28px);max-height:min(760px, var(--scene-height) - 28px);color:var(--color-brown);background:0 0;border:0;border-radius:28px;padding:0;overflow:visible}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4b2e2452}.settings-panel{max-height:min(760px, var(--scene-height) - 28px);box-shadow:var(--shadow-bold);background:#fff4e2fa;border:3px solid #4b2e2429;border-radius:28px;gap:20px;padding:24px;display:grid;overflow:auto}.settings-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.settings-header h2,.settings-header p,.settings-section h3{margin:0}.settings-header h2{font-size:1.65rem}.settings-header p{color:#4b2e24ad;margin-top:5px;font-weight:800}.settings-section{gap:12px;display:grid}.settings-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-section h3{color:#4b2e24bf;text-transform:uppercase;font-size:.78rem;font-weight:900}.presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.preset-card{min-width:0;display:grid;position:relative}.preset-button{text-align:left;gap:2px;width:100%;min-width:0;padding:10px 36px 10px 10px;display:grid}.preset-button small{opacity:.66;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.preset-delete{min-width:28px;min-height:28px;color:var(--color-tomato-dark);border-radius:10px;padding:0;line-height:1;position:absolute;top:6px;right:6px}.add-custom-time-button,.restore-presets-button{background:#fff9ef}.restore-presets-button{border-radius:12px;min-height:34px;font-size:.72rem}.custom-form-panel[hidden]{display:none}.custom-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.custom-form label{color:#4b2e24b8;text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:900;display:grid}.custom-form input{width:100%;min-height:46px;color:var(--color-brown);text-align:center;background:#fff;border:2px solid #4b2e242e;border-radius:14px;font-weight:900}.custom-form button{grid-column:1/-1}.form-error{min-height:1em;color:var(--color-tomato-dark);grid-column:1/-1;margin:-2px 0 0;font-size:.78rem;font-weight:900}.toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toggle{color:#4b2e24d1;background:#fff;border:2px solid #4b2e241f;border-radius:16px;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-size:.9rem;font-weight:900;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--color-green)}.todo-panel{z-index:40;border-radius:var(--radius-card);width:380px;max-height:520px;box-shadow:var(--shadow-bold);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff4e2f0;border:3px solid #4b2e2429;gap:16px;padding:20px;display:grid;position:absolute;bottom:44px;right:42px;overflow:auto}.panel-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.panel-header h2{font-size:1.45rem}.panel-header p{color:#4b2e24ad;margin-top:4px;font-size:.9rem;font-weight:700}.todo-close{display:none}.todo-form{gap:8px;display:grid}.todo-form label{text-transform:uppercase;font-size:.8rem;font-weight:900}.todo-form div{grid-template-columns:1fr 46px;gap:8px;display:grid}.todo-form input{min-width:0;min-height:46px;color:var(--color-brown);background:#fff;border:2px solid #4b2e242e;border-radius:16px;padding:0 14px}.todo-form button,.icon-button,.todo-fab,.todo-check{min-width:44px;min-height:44px;color:var(--color-brown);background:#fff;border:2px solid #4b2e2429;border-radius:14px;place-items:center;font-weight:900;display:grid}.todo-form button{background:var(--color-tomato);color:#fff}.empty-state{color:#4b2e24a8;text-align:center;border:2px dashed #4b2e242e;border-radius:18px;margin:0;padding:16px;font-weight:800}.todo-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.todo-item{background:#fff;border:2px solid #4b2e241f;border-radius:18px;grid-template-columns:44px 1fr 44px 44px;align-items:center;gap:8px;padding:8px;display:grid}.todo-item span{overflow-wrap:anywhere;min-width:0;font-weight:800}.todo-item.is-completed span{opacity:.58;text-decoration:line-through}.todo-item.is-pinned{background:#fff8ed;border-color:#ef4b3e61}.todo-check{color:#fff;border-radius:50%}.todo-item.is-completed .todo-check{background:var(--color-green)}.todo-fab,.drawer-backdrop,.todo-panel .todo-close{display:none}@media (width<=1440px){:root{--logo-x:2.5%;--logo-y:3%;--logo-width:16.4%}.brand-wordmark{filter:drop-shadow(0 6px 12px #4b2e2417)}.digital-clock{border-width:3px;border-radius:14px;min-width:129px;padding:10px 14px;top:20px;right:32px;box-shadow:0 10px 20px #4b2e2429}.digital-clock span{font-size:1.29rem}.digital-clock small{font-size:.6rem}.control-bar{border-width:2px;border-radius:18px;gap:9px;width:270px;padding:10px;bottom:30px;left:66px}.control-header{gap:9px}.control-header span{font-size:.56rem}.control-header strong{margin-top:1px;font-size:.82rem}.daily-cycles{margin-top:2px;font-size:.58rem}.control-group{gap:6px}.preset-button,.preset-delete,.mode-switch button,.actions button,.custom-form button,.add-custom-time-button,.restore-presets-button,.settings-button{border-width:2px;border-radius:12px;min-height:33px;font-size:.76rem;box-shadow:0 4px #4b2e2412}.mode-switch button,.actions button,.custom-form button,.add-custom-time-button,.restore-presets-button,.settings-button{padding:0 10px}.settings-button{min-height:30px}.icon-action svg{width:17px;height:17px}.icon-action[data-reset] svg{width:18px;height:18px}.todo-panel{border-width:2px;border-radius:18px;gap:12px;width:285px;max-height:390px;padding:15px;bottom:33px;right:32px;box-shadow:0 15px 38px #4b2e242e}.panel-header{gap:9px}.panel-header h2{font-size:1.1rem}.panel-header p{margin-top:3px;font-size:.68rem}.todo-form{gap:6px}.todo-form label{font-size:.6rem}.todo-form div{grid-template-columns:1fr 35px;gap:6px}.todo-form input{border-radius:12px;min-height:35px;padding:0 10px;font-size:.76rem}.todo-form button,.icon-button,.todo-fab,.todo-check{border-radius:11px;min-width:33px;min-height:33px;font-size:.76rem}.empty-state{border-radius:14px;padding:12px;font-size:.76rem}.todo-list{gap:8px}.todo-item{border-radius:14px;grid-template-columns:33px 1fr 33px 33px;gap:6px;padding:6px;font-size:.76rem}}@media (width<=1080px){:root{--logo-x:2%;--logo-y:2.4%;--logo-width:14%}.digital-clock{border-width:2px;border-radius:12px;min-width:105px;padding:8px 10px;top:14px;right:24px}.digital-clock span{font-size:1rem}.digital-clock small{font-size:.52rem}.control-bar{border-radius:15px;gap:7px;width:218px;padding:8px;bottom:20px;left:44px}.control-header span{font-size:.5rem}.control-header strong{font-size:.72rem}.daily-cycles{font-size:.52rem}.control-group{gap:5px}.preset-button,.preset-delete,.mode-switch button,.actions button,.custom-form button,.add-custom-time-button,.restore-presets-button,.settings-button{border-radius:10px;min-height:28px;font-size:.64rem}.mode-switch button,.actions button,.custom-form button,.add-custom-time-button,.restore-presets-button,.settings-button{padding:0 7px}.settings-button{min-height:26px}.icon-action svg,.icon-action[data-reset] svg{width:14px;height:14px}.todo-panel{border-radius:16px;gap:9px;width:247px;max-height:338px;padding:13px;bottom:24px;right:24px}.panel-header h2{font-size:.96rem}.panel-header p{font-size:.6rem}.todo-form label{font-size:.54rem}.todo-form div{grid-template-columns:1fr 30px;gap:5px}.todo-form input{border-radius:10px;min-height:30px;padding:0 8px;font-size:.66rem}.todo-form button,.icon-button,.todo-fab,.todo-check{border-radius:10px;min-width:30px;min-height:30px;font-size:.66rem}.empty-state{border-radius:12px;padding:10px;font-size:.66rem}.todo-list{gap:6px}.todo-item{border-radius:12px;grid-template-columns:30px 1fr 30px 30px;gap:5px;padding:5px;font-size:.66rem}}@media (width>=1081px) and (width<=1180px){.control-bar{width:252px}.todo-panel{width:260px}}@media (width<=900px){.brand-block{top:var(--logo-y);left:var(--logo-x);z-index:20;width:var(--logo-width);padding:0;position:absolute}.brand-wordmark{width:100%}.tomato-timer{width:25.573%;bottom:8.444%;left:24.479%}.digital-clock{border-width:2px;border-radius:12px;min-width:105px;padding:8px 10px;top:14px;right:14px}.digital-clock span{font-size:1rem}.digital-clock small{font-size:.52rem}.control-bar{width:170px;bottom:15px;left:22px}.mode-switch,.actions{width:100%}.settings-dialog{width:min(620px, var(--scene-width) - 24px)}.actions{grid-template-columns:repeat(4,1fr)}.todo-panel{border-radius:28px 28px 0 0;width:560px;max-height:520px;padding-bottom:24px;transition:transform .22s;top:auto;bottom:0;right:50%;transform:translate(50%,105%)}.todo-panel.is-open{transform:translate(50%)}.todo-panel .todo-close{display:grid}.todo-fab{z-index:50;background:var(--color-tomato);color:#fff;box-shadow:var(--shadow-bold);border-radius:50%;display:grid;position:absolute;bottom:238px;right:18px}.drawer-backdrop{z-index:35;opacity:0;pointer-events:none;background:#4b2e2438;transition:opacity .18s;display:block;position:absolute;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}}@media (width<=560px){.brand-block{width:var(--logo-width);padding:0}.brand-wordmark{width:100%}.tomato-timer{width:25.573%;bottom:8.444%}.control-bar{border-radius:20px;gap:10px;padding:12px}.control-header{align-items:center}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{border-radius:22px;gap:16px;padding:18px}.presets,.custom-form,.toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.toast-root{top:12px;right:12px}.todo-fab{bottom:252px}}*,:before,:after{box-sizing:border-box}html{background:#000;min-height:100%}body{min-height:100%;color:var(--color-brown);background:#000;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--color-tomato), white 24%);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}