:root{--bg-color: #191919;--bg-sidebar: #202020;--bg-hover: rgba(255, 255, 255, .05);--text-color: #e3e3e3;--text-muted: #8a8a8a;--accent-color: #2eaadc;--accent-green: #238636;--accent-red: #da3633;--border-color: rgba(255, 255, 255, .09);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-speed: .2s;--glass-bg: rgba(30, 30, 30, .65);--shadow: 0 4px 12px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{padding-top:calc(80px + env(safe-area-inset-top));background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;display:flex;justify-content:center;padding-bottom:40px}.notion-layout{width:100%;max-width:900px;background-color:var(--bg-color);border-radius:8px;padding:60px 16px 40px;display:flex;flex-direction:column}.page-icon-container{margin-bottom:12px}.page-icon{font-size:78px;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;transition:transform var(--transition-speed) cubic-bezier(.175,.885,.32,1.275)}.page-icon:hover{transform:scale(1.1) rotate(2deg)}.bubble-topbar{position:fixed;top:0;left:0;right:0;padding:calc(16px + env(safe-area-inset-top)) 20px 16px 20px;display:flex;justify-content:space-between;z-index:500;pointer-events:none}.bubble-btn{pointer-events:auto;width:44px;height:44px;border-radius:22px;background:#282828bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 12px #0000004d}.bubble-btn:hover{background:#3c3c3cd9;transform:scale(1.05)}.bubble-icon{font-size:18px;line-height:1;display:flex}.page-icon-container{margin-bottom:16px}.page-icon{font-size:78px;cursor:pointer;display:inline-block;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.page-icon:hover{transform:scale(1.05)}.page-header{margin-bottom:30px;text-align:left}.page-title{font-size:40px;font-weight:700;margin:0 0 8px;color:var(--text-color);letter-spacing:-.02em;outline:none}.page-title:empty:before{content:"Untitled";color:var(--text-muted)}.page-header{margin-bottom:32px}.page-title{font-size:40px;font-weight:700;border:none;outline:none;background:transparent;color:var(--text-color);min-height:50px;line-height:1.2}.page-title:focus{background:#ffffff05;border-radius:4px;padding:0 4px}.stats-row{font-size:13px;color:var(--text-muted);margin-top:6px;font-weight:500}.todo-container{max-width:900px;width:100%;margin:0 auto}.todo-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.todo-item{display:flex;flex-direction:column;border-radius:8px;background-color:#ffffff05;border:1px solid transparent;transition:background-color var(--transition-speed),border-color var(--transition-speed),transform .2s;position:relative}.todo-item:hover{background-color:var(--bg-hover);border-color:transparent;transform:translateY(-1px)}.todo-main-row{display:flex;align-items:center;padding:12px 16px;gap:12px}.todo-checkbox-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.todo-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:1.5px solid var(--text-muted);border-radius:3px;background-color:transparent;cursor:pointer;display:grid;place-content:center;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.todo-checkbox:hover{border-color:var(--text-color);background-color:#ffffff0d}.todo-checkbox:before{content:"";width:9px;height:9px;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1em 1em var(--bg-color);background-color:var(--bg-color);clip-path:polygon(14% 44%,0 58%,38% 95%,100% 17%,86% 3%,38% 70%)}.todo-checkbox:checked{background-color:var(--text-color);border-color:var(--text-color)}.todo-checkbox:checked:before{transform:scale(1)}.todo-title{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;color:var(--text-color);outline:none;border:none;background:transparent;padding:2px 4px;border-radius:3px;transition:background-color var(--transition-speed)}.todo-title:focus{background-color:#ffffff08}.todo-item.completed .todo-title{text-decoration:line-through;color:var(--text-muted)}.todo-timer-badge{display:flex;align-items:center;gap:6px;background-color:#ffffff0a;border:1px solid var(--border-color);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-speed) ease}.todo-timer-badge:hover{background-color:#ffffff17;color:var(--text-color);border-color:var(--accent-color)}.todo-item.timer-running .todo-timer-badge{background-color:#2eaadc26;border-color:var(--accent-color);color:#55c8f5;box-shadow:0 0 10px #2eaadc33;animation:pulse-timer 2s infinite alternate}@keyframes pulse-timer{0%{box-shadow:0 0 6px #2eaadc1a}to{box-shadow:0 0 14px #2eaadc66}}.todo-timer-badge.completed-timer{background-color:#23863626;border-color:var(--accent-green);color:#4cd964}.todo-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--transition-speed)}.todo-item:hover .todo-actions{opacity:1}.action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:13px;border-radius:4px;transition:background-color var(--transition-speed),color var(--transition-speed)}.action-btn:hover{background-color:#ffffff14;color:var(--text-color)}.action-btn.delete-btn:hover{background-color:#da363326;color:#ff6b6b}.todo-details-pane{display:block;padding:0 12px 14px 44px;border-top:1px dashed rgba(255,255,255,.03);transition:display .2s,opacity .2s ease,max-height .2s ease;transition-behavior:allow-discrete}.todo-item:not(.expanded) .todo-details-pane{display:none;opacity:0}@starting-style{.todo-item.expanded .todo-details-pane{opacity:0}}.details-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:12px 0 6px}.timer-settings{display:flex;align-items:center;gap:12px;background-color:#ffffff05;border:1px solid var(--border-color);padding:10px 14px;border-radius:8px;margin-bottom:12px}.time-inputs{display:flex;align-items:center;gap:4px}.time-inputs input{background-color:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);width:48px;padding:4px 6px;border-radius:4px;text-align:center;font-size:14px;font-weight:600;outline:none}.time-inputs input:focus{border-color:var(--accent-color)}.time-inputs label{font-size:12px;color:var(--text-muted);margin-right:4px}.timer-controls-row{display:flex;gap:6px}.timer-btn{background-color:#ffffff0f;border:1px solid var(--border-color);color:var(--text-color);padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-speed)}.timer-btn:hover{background-color:#ffffff1f;border-color:var(--text-muted)}.timer-btn.start-btn{background-color:#23863626;border-color:#23863666;color:#4cd964}.timer-btn.start-btn:hover{background-color:#2386364d}.timer-btn.pause-btn{background-color:#da36331a;border-color:#da36334d;color:#ff6b6b}.timer-btn.pause-btn:hover{background-color:#da363333}.notes-editor{background-color:transparent;color:var(--text-color);border:none;outline:none;width:100%;resize:vertical;min-height:70px;font-family:var(--font-family);font-size:14px;line-height:1.6;border-radius:6px;padding:6px 8px;margin-bottom:12px}.notes-editor:focus{background-color:#ffffff03;box-shadow:inset 0 0 0 1px var(--border-color)}.new-task-wrapper{position:relative;margin-top:20px}.new-task-line{display:flex;align-items:center;padding:12px 16px;border-top:1px solid var(--border-color);opacity:.7;transition:opacity .2s}.new-task-line:hover,.new-task-line:focus-within{opacity:1}.plus-icon{font-size:20px;color:var(--accent-color);margin-right:12px;font-weight:300;-webkit-user-select:none;user-select:none}.cmd-pill-container{display:flex;align-items:center;margin-right:8px}.cmd-pill-container.hidden{display:none}.cmd-pill{display:flex;align-items:center;background:#ffffff1a;color:var(--text-color);padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500;gap:6px;border:1px solid rgba(255,255,255,.05)}.cmd-pill .remove-cmd{cursor:pointer;opacity:.5;font-size:11px;margin-left:2px;transition:opacity .2s}.cmd-pill .remove-cmd:hover{opacity:1}#new-task-input{flex-grow:1;background:transparent;border:none;outline:none;color:var(--text-color);font-size:15px;font-family:var(--font-family);padding:0}#new-task-input::placeholder{color:var(--text-muted)}.slash-menu{position:absolute;top:100%;left:0;right:0;background-color:#252525;border:1px solid var(--border-color);border-radius:8px;margin-top:6px;box-shadow:var(--shadow);z-index:100;overflow:hidden;max-height:250px;display:flex;flex-direction:column}.slash-menu.hidden{display:none}.slash-menu-title{padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.04);background-color:#0000001a}.slash-item{display:flex;align-items:center;padding:8px 12px;gap:12px;cursor:pointer;transition:background-color var(--transition-speed)}.slash-item:hover,.slash-item.active{background-color:var(--bg-hover)}.slash-item .icon{font-size:20px}.slash-item .details{display:flex;flex-direction:column}.slash-item .label{font-size:14px;font-weight:500;color:var(--text-color)}.slash-item .desc{font-size:11px;color:var(--text-muted)}.shortcuts-help{margin-top:40px;font-size:12px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);padding-top:20px}.shortcuts-help kbd{background-color:#ffffff14;border:1px solid var(--border-color);border-radius:3px;padding:1px 4px;font-size:11px}.shortcuts-help code{background-color:#ffffff0d;padding:2px 4px;border-radius:3px;font-family:monospace}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity .2s ease}.modal.hidden{display:none;opacity:0}.modal-content{background-color:#202020;border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:440px;max-height:480px;box-shadow:var(--shadow);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:16px;font-weight:600}.close-modal-btn{background:transparent;border:none;color:var(--text-muted);font-size:24px;cursor:pointer}.close-modal-btn:hover{color:var(--text-color)}.emoji-grid{padding:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;overflow-y:auto;max-height:380px}.emoji-select-btn{background:transparent;border:none;font-size:28px;cursor:pointer;padding:6px;border-radius:8px;transition:background-color var(--transition-speed),transform var(--transition-speed)}.emoji-select-btn:hover{background-color:var(--bg-hover);transform:scale(1.15)}.hidden{display:none!important}@media (max-width: 600px){body{padding-top:30px}.page-title{font-size:32px}.todo-main-row{flex-wrap:nowrap;padding:12px 10px;gap:8px}.todo-title{font-size:16px;padding-left:0}.focus-start-inline-btn{width:32px!important;height:32px!important;font-size:14px!important}.todo-timer-badge{margin-left:auto}}.focus-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-overlay.hidden{display:none!important;opacity:0}.focus-close-btn{position:absolute;top:30px;right:40px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:14px;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all var(--transition-speed)}.focus-close-btn:hover{background:#ffffff1a;color:#fff}.focus-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;padding:20px}.focus-task-title{font-size:32px;font-weight:600;color:var(--text-color);margin-bottom:20px;text-align:center}.focus-timer-display{font-size:140px;font-weight:700;line-height:1;letter-spacing:-2px;color:#fff;margin-bottom:40px;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(46,170,220,.2);transition:color .3s,text-shadow .3s}.focus-overlay.is-running .focus-timer-display{color:#55c8f5;text-shadow:0 0 60px rgba(46,170,220,.5)}.focus-overlay.is-completed .focus-timer-display{color:#4cd964;text-shadow:0 0 60px rgba(76,217,100,.5)}.focus-controls{display:flex;gap:16px;margin-bottom:50px}.focus-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 24px;font-size:16px;border-radius:30px;cursor:pointer;font-weight:500;transition:all var(--transition-speed)}.focus-btn:hover{background:#ffffff1a}.focus-start-btn{background:#2eaadc33;border-color:#2eaadc66;color:#55c8f5}.focus-start-btn:hover{background:#2eaadc4d}.focus-overlay.is-running .focus-start-btn{background:#da363333;border-color:#da363366;color:#ff6b6b}.focus-overlay.is-running .focus-start-btn:hover{background:#da36334d}.focus-done-btn{background:#23863633;border-color:#23863666;color:#4cd964}.focus-done-btn:hover{background:#2386364d}.focus-extras{width:100%;display:flex;flex-direction:column;gap:20px}.focus-extras .notes-editor{background:#ffffff05;border:1px solid rgba(255,255,255,.05);font-size:16px;padding:16px}@media (max-width: 600px){.focus-overlay{justify-content:flex-start;padding:env(safe-area-inset-top,0) 0 0}.focus-close-btn{top:calc(env(safe-area-inset-top,0px) + 16px);right:20px;font-size:13px;padding:6px 14px}.focus-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:60px 24px calc(env(safe-area-inset-bottom,0px) + 40px)}.focus-task-title{font-size:20px;margin-bottom:12px;padding:0 16px}.focus-timer-display{font-size:80px;letter-spacing:-1px;margin-bottom:0}.focus-controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:0;width:100%}.focus-btn{flex:1 1 auto;min-width:100px;max-width:160px;padding:14px 16px;font-size:15px}}.day-calendar-sidebar{position:fixed;top:0;right:0;width:320px;height:100vh;background:#1e1e1ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border-color);box-shadow:-8px 0 24px #0006;z-index:1000;display:flex;flex-direction:column;transform:translate(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.05)}.day-calendar-sidebar.hidden{display:block!important;transform:translate(100%)}.sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 10px;border-bottom:1px solid var(--border-color)}.sidebar-date-info h2{font-size:28px;font-weight:700;color:#fff;margin:0;line-height:1.2}.sidebar-date-info h3{font-size:15px;font-weight:400;color:#a0a0a0;margin:4px 0 0}.close-sidebar-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:100px;font-size:14px;cursor:pointer;transition:all .2s ease}.close-sidebar-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar-content{flex-grow:1;overflow-y:auto;position:relative;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{display:none}.stats-modal{position:fixed;top:0;left:0;width:400px;height:100vh;background:#141414f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.1);box-shadow:10px 0 30px #00000080;z-index:999999;display:flex;flex-direction:column;transform:translate(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.05)}.stats-modal.hidden{display:flex!important;transform:translate(-100%)}@media (max-width: 768px){.stats-modal{width:100%;height:85vh;top:auto;bottom:0;border-right:none;border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;transform:translateY(0)}.stats-modal.hidden{transform:translateY(100%)}}.stats-modal-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;border:none;box-shadow:none;border-radius:0}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.05)}.stats-modal-header h2{font-size:24px;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-stats-modal-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:100px;font-size:14px;cursor:pointer;transition:all .2s ease}.close-stats-modal-btn:hover{background:#fff3;transform:scale(1.05)}.stats-modal-body{padding:32px;overflow-y:auto;flex-grow:1}.timeline-container{position:relative;width:100%;height:1440px}.timeline-hour{position:absolute;width:100%;height:60px;border-top:1px solid rgba(255,255,255,.05)}.timeline-hour-label{position:absolute;top:-9px;left:12px;font-size:11px;color:#888;font-weight:500;background:transparent}.timeline-grid-line{position:absolute;top:0;left:55px;right:0;height:1px;background:#ffffff14}.timeline-event{position:absolute;left:55px;right:15px;background:#6e329666;border:1px solid rgba(130,60,170,.5);border-left:4px solid #a855f7;border-radius:6px;padding:4px 8px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .2s;cursor:pointer}.timeline-event:hover{background:#6e329699;transform:scale(1.02);z-index:10}.timeline-event-title{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-event-time{font-size:10px;color:#ffffffb3;display:flex;align-items:center;gap:3px;margin-top:2px}.current-time-line{position:absolute;left:0;right:0;height:2px;background-color:#ff3b30;z-index:20;pointer-events:none}.current-time-label{position:absolute;left:6px;top:-10px;background-color:#ff3b30;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}@media (max-width: 768px){.topbar-btn{min-height:44px;font-size:14px}.topbar-btn.icon-btn{font-size:20px}.day-calendar-sidebar{top:auto;bottom:0;right:0;left:0;width:100%;height:85vh;border-left:none;border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:0 -8px 24px #0009;transition:transform .35s cubic-bezier(.175,.885,.32,1.05)}.day-calendar-sidebar.hidden{display:block!important;transform:translateY(100%)}.day-calendar-sidebar:not(.hidden){transform:translateY(0)}.day-calendar-sidebar:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#fff3;border-radius:2px}.sidebar-header{padding-top:24px}@media (hover: none){.timeline-event:hover{background:#6e329666;transform:none}.topbar-btn:hover{background:transparent}.timeline-event:active{background:#6e329699}}}.stats-sidebar{position:fixed;top:0;left:0;right:auto;border-left:none;border-right:1px solid var(--border-color);transform:translate(-100%);z-index:10000}.stats-sidebar.hidden{display:block!important;transform:translate(-100%)!important}.stats-sidebar.open{display:flex!important;transform:translate(0)!important}@media (max-width: 768px){.stats-sidebar{top:auto;bottom:0;right:0;width:100%;height:85vh;border-right:none;border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;transform:translateY(100%)}.stats-sidebar.open{transform:translateY(0)!important}}.stats-overview{margin-bottom:24px}.stats-overview h3{font-size:14px;color:var(--text-muted);margin-top:0;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.stat-day-dot{width:100%;aspect-ratio:1;min-height:25px;min-width:25px;border-radius:50%;background-color:#ffffff1a;cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-day-dot:hover{transform:scale(1.2)}.stat-day-dot.selected{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--text-color)}.dot-empty{background-color:#ffffff1a}.dot-bad{background-color:#ff453a}.dot-good{background-color:#ff9f0a}.dot-great{background-color:#32d74b}.stats-legend{display:flex;gap:12px;font-size:11px;color:var(--text-muted);align-items:center}.dot-legend{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.journal-section h3{font-size:16px;margin-top:0;margin-bottom:8px;color:var(--text-color)}.daily-task-stats{font-size:13px;color:var(--text-muted);margin-bottom:20px}.tracker-row{display:flex;gap:16px;margin-bottom:20px}.tracker-group{display:flex;flex-direction:column;gap:8px;flex:1}.tracker-group label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.emoji-selector{display:flex;gap:4px;background:#ffffff08;padding:4px;border-radius:20px;border:1px solid var(--border-color)}.tracker-btn{background:transparent;border:none;font-size:18px;cursor:pointer;width:32px;height:32px;border-radius:16px;display:flex;justify-content:center;align-items:center;transition:all .2s;opacity:.5;filter:grayscale(100%)}.tracker-btn:hover{opacity:.8;filter:grayscale(50%)}.tracker-btn.selected{background:#ffffff1a;opacity:1;filter:grayscale(0%);transform:scale(1.1)}.journal-group{display:flex;flex-direction:column;flex:none}#journal-textarea{min-height:150px;width:100%;box-sizing:border-box}