:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas:#171217;--canvas-deep:#110d12;--surface:#211a22;--surface-raised:#29212b;--surface-muted:#1c161e;--line:#ede1f11c;--line-strong:#ccaadc47;--text:#f2ebf2;--text-muted:#aea2b0;--text-faint:#7d727f;--accent:#bf8ce1;--accent-soft:#bf8ce124;--focus:#e0b7fa;--shadow:0 20px 60px #0704083d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas-deep);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 82% -8%, #6b3d773b, transparent 31rem), radial-gradient(circle at 8% 78%, #5a38591f, transparent 26rem), var(--canvas);margin:0}button{font:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}#head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:88px;margin:0 auto;display:flex}#head h1{color:var(--text);letter-spacing:.16em;margin:0;font-size:.82rem;font-weight:720;line-height:1}#top-bar{gap:.5rem;display:flex}#top-bar button{min-height:34px;color:var(--text-muted);cursor:pointer;letter-spacing:.015em;background:0 0;border:1px solid #0000;border-radius:7px;padding:.45rem .7rem;font-size:.74rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s}#top-bar button svg{width:19px;height:19px}#top-bar button:hover{border-color:var(--line);color:var(--text);background:var(--surface)}main{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-template-areas:"greeting clock""shortcuts workspace";gap:22px 28px;width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(3.5rem,10vh,7.5rem) 0 4.5rem;display:grid}.greeting{grid-area:greeting;align-self:center;padding:1rem 0 2.25rem}#greeting-text{max-width:700px;color:var(--text);letter-spacing:-.07em;margin:0;font-size:clamp(3.1rem,6.5vw,5.9rem);font-weight:620;line-height:.96}#current-date{color:var(--text);letter-spacing:.01em;margin:1.4rem 0 0;font-size:1rem;font-weight:560}#clock{border:1px solid var(--line);background:var(--surface-muted);min-height:345px;box-shadow:var(--shadow);border-radius:18px;grid-area:clock;align-content:center;justify-items:center;display:grid;position:relative;overflow:hidden}.analog-clock{aspect-ratio:1;border:2px solid var(--line);background:var(--surface);border-radius:50%;width:240px;margin:0 auto 1rem;position:relative;box-shadow:0 0 24px #8b5cf61f}.clock-number{z-index:1;color:var(--text);font-size:.85rem;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.number-12{top:9%;left:50%}.number-1{top:16%;left:70%}.number-2{top:30%;left:84%}.number-3{top:50%;left:91%}.number-4{top:70%;left:84%}.number-5{top:84%;left:70%}.number-6{top:91%;left:50%}.number-7{top:84%;left:30%}.number-8{top:70%;left:16%}.number-9{top:50%;left:9%}.number-10{top:30%;left:16%}.number-11{top:16%;left:30%}.clock-hand{z-index:2;transform-origin:50% 100%;border-radius:999px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)rotate(0)}.hour-hand{background:var(--text);width:5px;height:25%}.minute-hand{background:var(--text);width:3px;height:34%}.second-hand{background:var(--accent);will-change:transform;width:2px;height:39%;transition:none}.clock-center{z-index:3;background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#time-lebel{z-index:2;width:100%;color:var(--text-muted);letter-spacing:.055em;text-align:center;text-transform:uppercase;margin:0;padding:0 1rem;font-size:.71rem;font-weight:590;line-height:1.35;position:absolute;bottom:1.3rem}.shortcuts,.workspace{border-top:1px solid var(--line);min-width:0;padding-top:1.25rem}.shortcuts{grid-area:shortcuts}.workspace{grid-area:workspace}.shortcuts h3,.workspace h3{color:var(--text);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700;line-height:1.2}#shortcut-list{border:1px dashed var(--line-strong);background:#ffffff03;border-radius:12px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:1rem;min-height:92px;padding:1rem;display:flex}.empty-state{color:var(--text-muted);text-align:center;grid-column:1/-1;place-self:center;margin:0;padding:1rem;font-size:.8rem}#daily-task,#focus-timer{border:1px solid var(--line);background:var(--surface);border-radius:4px;min-height:92px;padding:10px;transition:border-color .16s,background-color .16s,transform .16s}#daily-task+#focus-timer{margin-top:.75rem}#daily-task:hover,#focus-timer:hover{border-color:var(--line-strong);background:var(--surface-raised);transform:translateY(-1px)}#add-shortcut{color:#c1effd;cursor:pointer;background:0 0;border:1px dashed #000;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;margin:.25rem;font-size:2.1rem;line-height:.5;transition:background-color .16s,transform .16s;display:grid}#add-shortcut:hover{background:var(--sruface);background:#1a152bbd;transform:scale(1.05)}#daily-task h4{color:var(--text);margin-bottom:1rem}#task-form{gap:.5rem;margin-bottom:1rem;display:flex}#task-input{border:1px solid var(--line);background:var(--canvas);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:.7rem}#task-form button{color:var(--canvas);cursor:pointer;background:#8b4f4f;border:0;border-radius:18px;padding:.7rem .9rem;font-weight:600}#task-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}#task-list li{overflow-wrap:anywhere;color:var(--text);align-items:center;gap:.65rem;display:flex}#task-list input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}#task-list input[type=checkbox]:checked+label{color:var(--text-muted);text-decoration:line-through}#focus-timer h2{color:var(--text);margin-bottom:1rem}#timer-display{color:#c22626;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-align:center;margin:1rem 0;font-size:2.5rem;font-weight:700}#timer-controls{justify-content:center;gap:20rem;display:flex}#timer-controls button{border:1px solid var(--surface);min-width:90px;color:var(--text);cursor:pointer;border-radius:30%;padding:.65rem 1rem;transition:background-color .16s,transform .16s}#timer-controls button:hover{background:var(--accent);transform:translate(-1px)}.settings-wrapper{position:relative}#settings-menu{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:190px;padding:.4rem;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #00000040}#settings-menu[hidden]{display:none}#settings-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.7rem .8rem;display:block}#settings-menu button:hover{background:var(--canvas)}@media (width>=781px) and (height>=500px){#head{min-height:72px}main{grid-template-rows:clamp(250px,34vh,320px) auto;align-content:start;gap:16px 28px;min-height:calc(100dvh - 72px);padding:clamp(1.75rem,4vh,3rem) 0 clamp(1.5rem,3vh,2.5rem)}.greeting{padding:.5rem 0 1rem}#clock{height:100%;min-height:0}#clock figure{width:min(150px,48%)}#time-lebel{bottom:1rem}.shortcuts,.workspace{padding-top:.9rem}.shortcuts h3,.workspace h3{margin-bottom:.7rem}#shortcut-list{min-height:72px}#daily-task,#focus-timer{min-height:66px}#daily-task+#focus-timer{margin-top:.5rem}}@media (width<=780px){#head,main{width:min(100% - 36px,620px)}main{grid-template-columns:1fr;grid-template-areas:"greeting""clock""shortcuts""workspace";padding-top:clamp(3rem,8vh,5rem)}.greeting{padding-bottom:.5rem}#clock{min-height:320px}}@media (width<=480px){#head{min-height:72px}#head h1{letter-spacing:.11em;font-size:.71rem}#top-bar{gap:.1rem}#top-bar button{padding-inline:.35rem;font-size:.66rem}#greeting-text{font-size:clamp(2.8rem,16vw,4rem)}#current-date{margin-top:1rem;font-size:.9rem}#shortcut-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}