@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500&display=swap";:root{--bg-primary: #f7f5f2;--bg-surface: #fffef9;--bg-elevated: #ffffff;--text-primary: #1a1a1a;--text-secondary: #5a5856;--text-muted: #8a8785;--border-light: rgba(26, 26, 26, .08);--border-medium: rgba(26, 26, 26, .15);--ink-wash: rgba(26, 26, 26, .03);--ink-wash-medium: rgba(26, 26, 26, .06);--accent-vermillion: #bf3b3b;--accent-vermillion-soft: rgba(191, 59, 59, .1);--accent-indigo: #3b5998;--accent-indigo-soft: rgba(59, 89, 152, .1);--shadow-soft: 0 2px 8px rgba(26, 26, 26, .04);--shadow-medium: 0 4px 16px rgba(26, 26, 26, .08);--current-time: #bf3b3b}[data-theme=dark]{--bg-primary: #1a1918;--bg-surface: #242220;--bg-elevated: #2d2b28;--text-primary: #e8e6e3;--text-secondary: #a8a6a3;--text-muted: #787674;--border-light: rgba(232, 230, 227, .08);--border-medium: rgba(232, 230, 227, .15);--ink-wash: rgba(232, 230, 227, .03);--ink-wash-medium: rgba(232, 230, 227, .06);--accent-vermillion: #d45050;--accent-vermillion-soft: rgba(212, 80, 80, .15);--accent-indigo: #5a7bc4;--accent-indigo-soft: rgba(90, 123, 196, .15);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .3);--current-time: #d45050}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*:focus-visible{outline:2px solid var(--accent-vermillion);outline-offset:2px}::selection{background:var(--accent-vermillion-soft);color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes inkDrop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseSubtle{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-surface);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.75rem}.logo-text{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:500;letter-spacing:.05em;color:var(--text-primary)}.tagline{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1rem;font-weight:500;color:var(--text-muted);margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-light)}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle,.header-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover,.header-btn:hover{background:var(--ink-wash-medium);border-color:var(--border-medium)}.theme-toggle svg,.header-btn svg{width:20px;height:20px}.main-content{display:flex;flex:1;overflow:hidden;min-height:0}.sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border-light);padding:1.5rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;flex-shrink:0;box-sizing:border-box}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-title{font-family:Cormorant Garamond,Georgia,serif;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);padding-bottom:.5rem;border-bottom:1px solid var(--border-light);position:relative}.sidebar-title:after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:2px;background:var(--accent-vermillion);opacity:.6}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--border-light);position:relative}.sidebar-title-row:after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:2px;background:var(--accent-vermillion);opacity:.6}.sidebar-title-row .sidebar-title{padding-bottom:0;border-bottom:none}.sidebar-title-row .sidebar-title:after{display:none}.habits-settings-btn{background:transparent;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.habits-settings-btn:hover{background:var(--ink-wash-medium);color:var(--text-secondary)}.habits-settings-btn svg{width:14px;height:14px}.date-display{text-align:center;padding:1rem;background:linear-gradient(135deg,var(--ink-wash) 0%,transparent 100%);border-radius:8px}.date-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.date-nav-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-muted);padding:.375rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.date-nav-btn:hover:not(:disabled){background:var(--ink-wash-medium);border-color:var(--border-medium);color:var(--text-secondary)}.date-nav-btn:disabled{opacity:.3;cursor:default}.date-nav-btn svg{width:16px;height:16px}.date-content{flex:1}.date-day{font-family:Cormorant Garamond,Georgia,serif;font-size:2.5rem;font-weight:300;color:var(--text-primary);line-height:1}.date-month{font-family:Cormorant Garamond,Georgia,serif;font-size:1.125rem;color:var(--text-secondary);margin-top:.25rem}.date-weekday{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.today-btn{margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;background:transparent;border:1px solid var(--accent-vermillion);color:var(--accent-vermillion);border-radius:4px;cursor:pointer;transition:all .2s ease}.today-btn:hover{background:var(--accent-vermillion-soft)}.habit-list{display:flex;flex-direction:column;gap:.5rem}.habit-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease}.habit-item:hover{border-color:var(--border-medium);background:var(--ink-wash-medium)}.habit-item.completed{opacity:.6}.habit-checkbox{width:18px;height:18px;border:2px solid var(--border-medium);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.habit-item.completed .habit-checkbox{background:var(--accent-vermillion);border-color:var(--accent-vermillion)}.habit-checkbox svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .2s ease}.habit-item.completed .habit-checkbox svg{opacity:1}.habit-text{font-size:.875rem;color:var(--text-primary)}.habit-item.completed .habit-text{text-decoration:line-through;color:var(--text-muted)}.habit-item.quantified{flex-wrap:wrap}.habit-progress-indicator{display:flex;gap:4px;flex-shrink:0}.progress-segment{width:8px;height:8px;border-radius:2px;background:var(--border-light);border:1px solid var(--border-medium);transition:all .15s ease}.progress-segment.filled,.habit-item.quantified.completed .progress-segment.filled{background:var(--accent-vermillion);border-color:var(--accent-vermillion)}.habit-count{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.habit-item.quantified.completed .habit-count{color:var(--accent-vermillion)}.habit-item.quantified .habit-text{flex:1;min-width:0}.habit-item.quantified.completed .habit-text{text-decoration:none;color:var(--text-primary)}.shortcuts{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.shortcut{display:flex;align-items:center;gap:.5rem}.shortcut kbd{font-family:Inter,monospace;font-size:.625rem;padding:.125rem .375rem;background:var(--ink-wash-medium);border:1px solid var(--border-light);border-radius:3px;color:var(--text-secondary)}.timeline-container{flex:1;padding:1.5rem 2rem;position:relative;min-height:0;overflow-y:auto}.timeline{position:relative;max-width:800px;margin:0 auto}.time-slots{position:relative;-webkit-user-select:none;user-select:none}.time-slot{display:flex;height:30px;border-bottom:1px solid var(--border-light);position:relative;transition:background-color .15s ease}.time-slot:hover{background:var(--ink-wash)}.time-slot.dragging-over{background:var(--accent-vermillion-soft)}.time-label{width:70px;padding-right:1rem;font-size:.75rem;color:var(--text-muted);text-align:right;padding-top:.25rem;flex-shrink:0;font-variant-numeric:tabular-nums}.slot-content{flex:1;position:relative;cursor:crosshair;min-height:100%}.current-time-indicator{position:absolute;left:70px;right:0;height:2px;background:var(--current-time);z-index:50;pointer-events:none}.current-time-indicator:before{content:"";position:absolute;left:-6px;top:-4px;width:10px;height:10px;background:var(--current-time);border-radius:50%;animation:pulseSubtle 2s ease-in-out infinite}.current-time-indicator:after{content:attr(data-time);position:absolute;left:-70px;top:-8px;font-size:.625rem;font-weight:500;color:var(--current-time);width:60px;text-align:right}.drag-preview{position:absolute;left:0;right:0;background:linear-gradient(135deg,var(--accent-vermillion-soft) 0%,rgba(191,59,59,.05) 100%);border:2px dashed var(--accent-vermillion);border-radius:6px;pointer-events:none;z-index:40;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--accent-vermillion);font-weight:500}.time-block{position:absolute;left:4px;right:4px;border-radius:6px;padding:.25rem .75rem;cursor:grab;z-index:20;animation:inkDrop .3s ease-out;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.time-block:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none}.time-block:hover{transform:translate(2px);box-shadow:var(--shadow-medium)}.time-block:focus{outline:none;box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--accent-vermillion)}.time-block.selected{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--accent-vermillion)}.resize-handle{position:absolute;left:0;right:0;height:10px;touch-action:none;cursor:ns-resize;z-index:2;display:flex;align-items:center;justify-content:center}.resize-handle:after{content:"";width:24px;height:3px;border-radius:2px;background:currentColor;opacity:0;transition:opacity .15s ease}.resize-handle-top{top:0;border-radius:6px 6px 0 0}.resize-handle-bottom{bottom:0;border-radius:0 0 6px 6px}.time-block:hover .resize-handle:after,.time-block.selected .resize-handle:after{opacity:.5}.time-block .resize-handle:hover:after{opacity:.8}.time-block.drag-ghost{animation:none;cursor:default}.time-block.drag-ghost .resize-handle{display:none}.time-block.drag-preview-block{animation:none;transition:none;cursor:grabbing}.time-block.drag-preview-block .resize-handle{display:none}.block-drag-time-label{position:absolute;z-index:55;font-size:.6875rem;font-weight:600;color:var(--accent-vermillion);background:var(--bg-surface);border:1px solid var(--accent-vermillion);border-radius:4px;padding:2px 8px;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums}.block-title{font-size:.875rem;font-weight:500;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-description{font-size:.75rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-time{font-size:.625rem;opacity:.7;margin-top:.25rem}.modal-overlay{position:fixed;inset:0;background:#1a1a1a66;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .bottom-sheet{box-shadow:0 -4px 20px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-medium);animation:slideDown .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.modal-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--ink-wash-medium);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:.625rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:6px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-vermillion);box-shadow:0 0 0 3px var(--accent-vermillion-soft)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit}.form-time-row{display:flex;gap:1rem}.form-time-row .form-group{flex:1}.form-warning{color:var(--warning, #b45309);background:color-mix(in srgb,var(--warning, #b45309) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning, #b45309) 30%,transparent);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;margin-bottom:.5rem}.category-select{display:flex;gap:.5rem;flex-wrap:wrap}.category-option{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:var(--ink-wash-medium);color:var(--text-secondary)}.category-option:hover{background:var(--ink-wash)}.category-option.selected{border-color:currentColor}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.btn{flex:1;padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent-vermillion);color:#fff;border:none}.btn-primary:hover{background:#a83333}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--ink-wash-medium);border-color:var(--border-medium)}.btn-danger{background:transparent;color:var(--accent-vermillion);border:1px solid var(--accent-vermillion);flex:0;padding:.625rem}.btn-danger:hover{background:var(--accent-vermillion-soft)}.btn-danger svg{width:18px;height:18px}.empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);font-size:.875rem;pointer-events:none}.empty-hint-text{font-family:Cormorant Garamond,Georgia,serif;font-style:italic}.sidebar-spacer{flex:1}.actions-section{margin-top:auto}.clear-data-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:transparent;border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-data-btn:hover{background:var(--accent-vermillion-soft);border-color:var(--accent-vermillion);color:var(--accent-vermillion)}.clear-data-btn svg{width:16px;height:16px}.clear-data-modal{max-width:420px}.clear-data-warning{display:flex;gap:.75rem;padding:1rem;background:var(--accent-vermillion-soft);border-radius:8px;margin-bottom:1rem}.clear-data-warning .warning-icon{flex-shrink:0;color:var(--accent-vermillion)}.clear-data-warning .warning-icon svg{width:24px;height:24px}.clear-data-warning p{font-size:.875rem;color:var(--text-primary);margin:0;line-height:1.5}.clear-data-options{margin-bottom:1rem}.clear-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease}.clear-option:hover{border-color:var(--border-medium);background:var(--ink-wash)}.clear-option input[type=checkbox]{margin-top:.125rem;width:16px;height:16px;accent-color:var(--accent-vermillion);cursor:pointer}.clear-option .option-text{display:flex;flex-direction:column;gap:.25rem}.clear-option .option-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.clear-option .option-description{font-size:.75rem;color:var(--text-muted)}.btn-danger-filled{background:var(--accent-vermillion);color:#fff;border:none;flex:1}.btn-danger-filled:hover{background:#a83333}.help-modal{max-width:480px}.help-content{display:flex;flex-direction:column;gap:1.25rem;max-height:60vh;overflow-y:auto}.help-section{padding:0}.help-section-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.help-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0 0 .5rem}.help-text:last-child{margin-bottom:0}.help-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.help-list li{font-size:.875rem;color:var(--text-secondary);line-height:1.5;padding-left:1rem;position:relative}.help-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent-vermillion)}.help-list kbd{display:inline-block;padding:.1em .45em;font-size:.8em;font-family:Inter,sans-serif;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:4px;box-shadow:0 1px 0 var(--border-light)}.help-tribute{padding-top:1rem;border-top:1px solid var(--border-light)}.help-quote{display:block;margin-top:.5rem;padding:.75rem 1rem;background:var(--ink-wash);border-left:3px solid var(--accent-indigo);border-radius:0 6px 6px 0;font-style:italic;color:var(--text-primary);line-height:1.6}.mobile-menu{display:none;position:relative}.mobile-menu-toggle{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-menu-toggle:hover{background:var(--ink-wash-medium);border-color:var(--border-medium)}.mobile-menu-toggle svg{width:20px;height:20px}.mobile-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-medium);min-width:160px;overflow:hidden;z-index:200;animation:slideDown .2s ease}.mobile-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;text-align:left;transition:all .2s ease}.mobile-menu-item:hover{background:var(--ink-wash-medium)}.mobile-menu-item.danger{color:var(--accent-vermillion)}.mobile-menu-item.danger:hover{background:var(--accent-vermillion-soft)}.mobile-menu-item svg{width:16px;height:16px}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border-light);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;display:none;flex-direction:column}.bottom-sheet:not(.dragging){transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-sheet-handle{height:56px;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;padding:0 1.25rem;-webkit-user-select:none;user-select:none;border:none;background:none;font:inherit;color:inherit}.bottom-sheet-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--border-light);flex-shrink:0}.bottom-sheet-summary{font-size:.875rem;color:var(--text-secondary);font-family:Cormorant Garamond,serif}.bottom-sheet-handle svg{width:16px;height:16px;color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.bottom-sheet.open .bottom-sheet-handle svg{transform:rotate(180deg)}.bottom-sheet-content{max-height:60vh;overflow-y:auto;padding:0 1.25rem 1.25rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.bottom-sheet-backdrop{position:fixed;inset:0;z-index:199;background:#1a1a1a;display:none}.settings-toggle{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settings-toggle:hover{background:var(--ink-wash-medium);border-color:var(--border-medium)}.settings-toggle svg{width:20px;height:20px}.habits-settings-modal{max-width:420px}.habits-settings-content{max-height:60vh;overflow-y:auto}.settings-section{margin-bottom:1rem}.settings-section-title{font-family:Cormorant Garamond,Georgia,serif;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.settings-section-description{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.editable-habits-list{display:flex;flex-direction:column;gap:.5rem}.editable-habit-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:6px;transition:all .2s ease}.editable-habit-item:hover{background:var(--ink-wash-medium);border-color:var(--border-medium)}.habit-text-editable{flex:1;font-size:.9375rem;color:var(--text-primary);cursor:pointer;padding:.125rem 0}.habit-text-editable:hover{color:var(--accent-vermillion)}.habit-edit-input{flex:1;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--accent-vermillion);border-radius:4px;font-size:.9375rem;color:var(--text-primary);outline:none;box-shadow:0 0 0 3px var(--accent-vermillion-soft)}.habit-edit-input::placeholder{color:var(--text-muted)}.habit-delete-btn{background:transparent;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:all .2s ease}.editable-habit-item:hover .habit-delete-btn{opacity:1}.habit-delete-btn:hover{background:var(--accent-vermillion-soft);color:var(--accent-vermillion)}.habit-delete-btn svg{width:16px;height:16px}.category-color-input{width:28px;height:28px;padding:0;border:2px solid var(--border-medium);border-radius:6px;cursor:pointer;background:none;flex-shrink:0;-webkit-appearance:none;appearance:none}.category-color-input::-webkit-color-swatch-wrapper{padding:0}.category-color-input::-webkit-color-swatch{border:none;border-radius:4px}.category-color-input::-moz-color-swatch{border:none;border-radius:4px}.category-color-input:hover{border-color:var(--text-muted)}.category-color-input:focus-visible{outline:2px solid var(--accent-vermillion);outline-offset:2px}.new-habit-item{border-style:dashed;background:transparent}.add-ritual-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;background:transparent;border:1px dashed var(--border-light);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s ease}.add-ritual-btn:hover{border-color:var(--accent-vermillion);color:var(--accent-vermillion);background:var(--accent-vermillion-soft)}.add-ritual-btn svg{width:16px;height:16px}.habit-edit-form{display:flex;flex-direction:column;gap:.75rem;flex:1}.habit-display{display:flex;align-items:center;gap:.5rem;flex:1;cursor:pointer}.habit-type-badge{font-size:.75rem;font-weight:500;color:var(--accent-vermillion);background:var(--accent-vermillion-soft);padding:.125rem .375rem;border-radius:4px}.habit-type-toggle{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-vermillion);cursor:pointer}.target-count-input{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.target-count-input input[type=number]{width:50px;padding:.25rem .375rem;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:4px;font-size:.875rem;color:var(--text-primary);text-align:center}.target-count-input input[type=number]:focus{border-color:var(--accent-vermillion);outline:none;box-shadow:0 0 0 2px var(--accent-vermillion-soft)}.habit-edit-actions{display:flex;gap:.5rem}.btn-small{padding:.375rem .75rem;font-size:.8125rem}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-secondary)}.btn-secondary:hover{background:var(--ink-wash-medium);border-color:var(--border-dark)}.install-prompt{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-medium);z-index:500;animation:slideUp .3s ease;max-width:calc(100vw - 2rem)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.install-prompt-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-vermillion-soft);border-radius:10px;color:var(--accent-vermillion)}.install-prompt-icon svg{width:24px;height:24px}.install-prompt-content{flex:1;min-width:0}.install-prompt-title{font-weight:600;font-size:.9375rem;color:var(--text-primary);margin:0}.install-prompt-description{font-size:.8125rem;color:var(--text-muted);margin:.125rem 0 0}.install-prompt-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.install-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;white-space:nowrap}.install-btn svg{width:16px;height:16px}.install-dismiss-btn{background:transparent;border:none;color:var(--text-muted);padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.install-dismiss-btn:hover{background:var(--ink-wash-medium);color:var(--text-primary)}.install-dismiss-btn svg{width:18px;height:18px}.update-prompt{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--accent-vermillion);border-radius:8px;box-shadow:var(--shadow-medium);z-index:500;animation:slideDown .3s ease}.update-prompt-content{flex:1}.update-prompt-text{font-size:.875rem;color:var(--text-primary);margin:0}.update-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;flex-shrink:0}.update-btn svg{width:14px;height:14px}.current-block-status{max-width:800px;margin:0 auto 1.5rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;animation:fadeInUp .3s ease;box-shadow:var(--shadow-soft);position:sticky;top:0;z-index:60;transition:box-shadow .3s ease,border-color .3s ease}.current-block-status.is-floating{box-shadow:var(--shadow-medium);border-color:var(--border-medium);border-radius:0 0 12px 12px}.status-content{padding:1rem 1.25rem}.status-main{display:flex;align-items:center;gap:1rem}.status-label{font-family:Cormorant Garamond,Georgia,serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-vermillion);background:var(--accent-vermillion-soft);padding:.25rem .625rem;border-radius:4px;flex-shrink:0}.status-block-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.status-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-block-title{font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-free-text{font-size:.9375rem;color:var(--text-secondary)}.status-countdown{display:flex;align-items:baseline;gap:.375rem;flex-shrink:0;margin-left:auto}.countdown-time{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.countdown-label{font-size:.75rem;color:var(--text-muted)}.status-progress{height:4px;background:var(--ink-wash-medium);border-radius:2px;margin-top:.875rem;overflow:hidden}.status-progress-bar{height:100%;border-radius:2px;transition:width 1s linear}.status-next{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light);font-size:.8125rem}.status-next-label{color:var(--text-muted);flex-shrink:0}.status-next-title{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-next-time{color:var(--text-muted);margin-left:auto;flex-shrink:0}.status-next-highlight{background:var(--ink-wash);margin:.75rem -1.25rem -1rem;padding:.75rem 1.25rem;border-top:1px solid var(--border-light)}.status-free .status-label{background:var(--ink-wash-medium);color:var(--text-secondary)}@media(max-width:768px){.header{padding:.75rem 1rem}.tagline,.sidebar{display:none}.mobile-menu{display:block}.bottom-sheet{display:flex;transform:translateY(calc(100% - 56px))}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-backdrop{display:block}.timeline-container{padding:1rem}.time-label{width:50px;font-size:.625rem}.current-time-indicator{left:50px}.settings-toggle{display:none}.resize-handle{height:14px}.time-block.selected .resize-handle:after{opacity:.6;width:28px;height:4px}.habits-settings-modal{margin:1rem;max-height:85vh}.habits-settings-content{max-height:55vh}.habit-delete-btn{opacity:.6}.add-ritual-btn{padding:.75rem}.install-prompt{bottom:.75rem;padding:.875rem 1rem;gap:.75rem}.install-prompt-icon{width:36px;height:36px}.install-prompt-icon svg{width:20px;height:20px}.install-prompt-title{font-size:.875rem}.install-prompt-description{font-size:.75rem}.current-block-status{margin:0 0 1rem;border-radius:8px}.status-content{padding:.875rem 1rem}.status-main{flex-wrap:wrap;gap:.5rem}.status-label{font-size:.6875rem;padding:.1875rem .5rem}.status-block-info{order:3;flex-basis:100%;margin-top:.25rem}.status-block-title{font-size:.9375rem}.status-countdown{order:2}.countdown-time{font-size:1.125rem}.countdown-label{font-size:.6875rem}.status-next{flex-wrap:wrap;gap:.375rem;font-size:.75rem}.status-next-time{margin-left:0}.status-next-highlight{margin:.625rem -1rem -.875rem;padding:.625rem 1rem}}