@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;--cat-work: #3b5998;--cat-personal: #6b8e6b;--cat-health: #8b6bb8;--cat-focus: #b86b6b;--cat-meeting: #b89b6b}[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;--cat-work: #5a7bc4;--cat-personal: #7ba87b;--cat-health: #a087c4;--cat-focus: #c48787;--cat-meeting: #c4b087}*{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 brushStroke{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@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{min-height:100vh;display:flex;flex-direction:column}.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{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{background:var(--ink-wash-medium);border-color:var(--border-medium)}.theme-toggle svg{width:20px;height:20px}.main-content{display:flex;flex:1;overflow-x:hidden;overflow-y:auto}.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:hidden;position:sticky;top:0;align-self:flex-start;height:calc(100vh - 4rem);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{background:var(--ink-wash-medium);border-color:var(--border-medium);color:var(--text-secondary)}.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}.timeline{position:relative;max-width:800px;margin:0 auto}.time-slots{position:relative}.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:.5rem .75rem;cursor:pointer;z-index:20;animation:inkDrop .3s ease-out;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.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)}.time-block.category-work{background:linear-gradient(135deg,var(--cat-work) 0%,rgba(59,89,152,.85) 100%);color:#fff}.time-block.category-personal{background:linear-gradient(135deg,var(--cat-personal) 0%,rgba(107,142,107,.85) 100%);color:#fff}.time-block.category-health{background:linear-gradient(135deg,var(--cat-health) 0%,rgba(139,107,184,.85) 100%);color:#fff}.time-block.category-focus{background:linear-gradient(135deg,var(--cat-focus) 0%,rgba(184,107,107,.85) 100%);color:#fff}.time-block.category-meeting{background:linear-gradient(135deg,var(--cat-meeting) 0%,rgba(184,155,107,.85) 100%);color:#fff}.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}@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}.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}.category-option.work{color:var(--cat-work)}.category-option.work.selected{background:#3b599826}.category-option.personal{color:var(--cat-personal)}.category-option.personal.selected{background:#6b8e6b26}.category-option.health{color:var(--cat-health)}.category-option.health.selected{background:#8b6bb826}.category-option.focus{color:var(--cat-focus)}.category-option.focus.selected{background:#b86b6b26}.category-option.meeting{color:var(--cat-meeting)}.category-option.meeting.selected{background:#b89b6b26}.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}.brush-decoration{position:absolute;pointer-events:none;opacity:.08}.brush-decoration-1{top:100px;right:-50px;width:200px;height:300px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10 Q30 50 25 100 T30 140' stroke='%231a1a1a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M40 20 Q50 60 45 110 T50 145' stroke='%231a1a1a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;background-size:contain}[data-theme=dark] .brush-decoration-1{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10 Q30 50 25 100 T30 140' stroke='%23e8e6e3' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M40 20 Q50 60 45 110 T50 145' stroke='%23e8e6e3' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.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-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.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}.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}.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}.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}@media(max-width:768px){.header{padding:.75rem 1rem}.tagline,.sidebar{display:none}.mobile-menu{display:block}.timeline-container{padding:1rem}.time-label{width:50px;font-size:.625rem}.current-time-indicator{left:50px}.settings-toggle{display:none}.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}}