:root{--bg: #1A1510;--surface: #242018;--surface2: #2E2820;--surface3: #3A3228;--border: #4A4030;--border-light: #5A4E3E;--text: #E8E0D0;--text-muted: #9A8E78;--text-heading: #F0E8D8;--accent: #C4501A;--accent-light: #3D2A14;--accent-hover: #E0701A;--accent-glow: rgba(196,80,26,.12);--green: #5AAF5A;--green-light: #1E3020;--green-dark: #3A8A3A;--yellow: #D4A020;--yellow-light: #302810;--blue: #4A9ABE;--blue-light: #1A2830;--purple: #9A6ABE;--purple-light: #2A1E34;--red: #CC4444;--red-light: #301818;--shadow: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4);--radius: 10px;--radius-lg: 14px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}.top-header{background:var(--surface);border-bottom:2px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;flex-direction:column}.logo{display:flex;align-items:baseline;gap:3px}.logo-tagline{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-top:1px}.header-right{display:flex;gap:8px;align-items:center}.hdr-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px}.hdr-btn:hover{background:var(--surface3);border-color:var(--accent)}.hdr-name{background:var(--accent);color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:16px;font-weight:700;cursor:pointer}.main-content{flex:1;padding:20px 20px 90px;overflow-y:auto;max-width:700px;margin:0 auto;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:2px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 12px;z-index:100}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 12px;border-radius:8px;transition:all .15s}.bnav-item:hover{background:var(--surface2)}.bnav-item.active .bnav-icon{color:var(--accent)}.bnav-item.active .bnav-label{color:var(--accent);font-weight:700}.bnav-item.active{background:var(--accent-light);border-top:2px solid var(--accent);margin-top:-2px}.bnav-icon{font-size:22px;line-height:1}.bnav-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.greeting{font-family:Playfair Display,serif;font-size:28px;font-weight:800;color:var(--text-heading);margin-bottom:4px;outline:none}.greeting-sub{font-size:14px;color:var(--text-muted);margin-bottom:20px}.mode-bar{display:flex;gap:4px;background:var(--surface2);border-radius:var(--radius);padding:3px;width:fit-content;margin-bottom:20px;border:1px solid var(--border)}.mode-btn{padding:8px 22px;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;color:var(--text-muted)}.mode-btn.active{background:var(--accent);color:#fff}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 12px;text-align:center}.stat-icon{font-size:22px;margin-bottom:6px}.stat-val{font-family:DM Mono,monospace;font-size:24px;font-weight:700;color:var(--text-heading)}.stat-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-top:2px}.quick-actions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.qa-btn{flex:1;min-width:120px;padding:14px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all .15s}.qa-btn:hover{border-color:var(--accent);background:var(--accent-light)}.qa-icon{font-size:20px;margin-bottom:6px}.qa-text{font-size:12px;font-weight:600;color:var(--text)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px}.section-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text-heading);margin-bottom:12px}.upcoming-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.upcoming-row:last-child{border-bottom:none}.upcoming-name{font-weight:500;font-size:14px}.upcoming-meta{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}.upcoming-proj{font-size:11px;color:var(--accent);font-weight:600}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:10px;cursor:pointer;transition:all .15s}.proj-card:hover{border-color:var(--accent);background:var(--accent-light)}.proj-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.proj-icon{font-size:20px}.proj-name{font-weight:600;font-size:15px;flex:1}.proj-count{font-family:DM Mono,monospace;font-size:12px;color:var(--text-muted)}.prog-bar{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.prog-fill{height:100%;background:var(--green);border-radius:3px;transition:width .3s}.task-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid var(--border)}.task-tab{padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;color:var(--text-muted);display:flex;align-items:center;gap:6px}.task-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.task-tab.add-tab{background:transparent;border-style:dashed;color:var(--text-muted);font-size:16px;padding:8px 14px}.tab-edit-icon{font-size:11px;opacity:0;transition:opacity .15s;cursor:pointer}.task-tab:hover .tab-edit-icon,.task-tab.active .tab-edit-icon{opacity:1}.tab-del-icon{font-size:11px;opacity:0;transition:opacity .15s;cursor:pointer}.task-tab:hover .tab-del-icon,.task-tab.active .tab-del-icon{opacity:.6}.tab-del-icon:hover{opacity:1!important;color:var(--red)}.task-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:6px;transition:all .15s}.task-item:hover{border-color:var(--border-light)}.task-row{display:flex;align-items:center;gap:10px}.task-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .15s;flex-shrink:0}.task-check.done{background:var(--green);border-color:var(--green);color:#fff}.task-check.progress{background:var(--yellow-light);border-color:var(--yellow);color:var(--yellow)}.task-name{flex:1;font-size:14px;font-weight:500}.task-name.done-text{text-decoration:line-through;color:var(--text-muted)}.edit-icon{cursor:pointer;font-size:12px;color:var(--text-muted);opacity:.5;transition:opacity .15s;padding:2px}.edit-icon:hover{opacity:1;color:var(--accent)}.task-pri{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.pri-high{background:var(--red-light);color:var(--red)}.pri-med{background:var(--yellow-light);color:var(--yellow)}.pri-low{background:var(--blue-light);color:var(--blue)}.task-expand{cursor:pointer;color:var(--text-muted);font-size:12px;padding:4px;transition:transform .15s}.task-due{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);margin-left:4px}.task-due.overdue{color:var(--red);font-weight:600}.task-due.today{color:var(--accent);font-weight:600}.task-due.soon{color:var(--yellow)}.task-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.detail-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.detail-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;width:70px;flex-shrink:0}.detail-input{flex:1;padding:8px 12px;background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;color:var(--text)}.detail-input:focus{outline:none;border-style:solid;border-color:var(--accent)}.detail-textarea{width:100%;padding:8px 12px;background:var(--surface2);border:1px dashed var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);resize:vertical;min-height:60px}.detail-textarea:focus{outline:none;border-style:solid;border-color:var(--accent)}.add-task-bar{display:flex;gap:8px;margin-bottom:16px}.add-task-input{flex:1;padding:10px 14px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:14px;color:var(--text)}.add-task-input:focus{outline:none;border-style:solid;border-color:var(--accent)}.add-task-input::placeholder{color:var(--text-muted)}.add-btn{padding:9px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.add-btn:hover{background:var(--accent-hover)}.task-select{padding:4px 8px;border:1px solid var(--border);border-radius:4px;font-family:DM Sans,sans-serif;font-size:11px;background:var(--surface2);color:var(--text);cursor:pointer}.sub-item{margin-bottom:3px}.schedule-grid{display:grid;grid-template-columns:70px repeat(5,minmax(64px,1fr));gap:1px;background:var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;min-width:420px}.schedule-cell{background:var(--surface);padding:10px 6px;font-size:12px;min-height:44px}.schedule-header{background:var(--surface2);font-weight:600;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;padding:10px 6px}.schedule-period{font-family:DM Mono,monospace;font-weight:500;font-size:11px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;background:var(--surface2)}.schedule-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:24px}.schedule-class{cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;color:var(--text);font-size:12px}.schedule-class:hover{background:var(--accent-light)}.schedule-class.has-tasks{position:relative}.schedule-class.has-tasks:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--accent);border-radius:50%}.sched-editor-grid{display:grid;grid-template-columns:70px repeat(5,minmax(64px,1fr));gap:1px;background:var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;min-width:420px}.sched-editor-cell{background:var(--surface);padding:4px}.sched-editor-cell select{width:100%;padding:6px 4px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:DM Sans,sans-serif;font-size:11px;cursor:pointer}.sched-editor-cell select:focus{outline:none;border-color:var(--accent)}.class-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.class-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s}.class-item:hover{border-color:var(--border-light)}.class-color{width:14px;height:14px;border-radius:50%;flex-shrink:0}.class-name-disp{flex:1;font-weight:500;font-size:14px}.class-period-info{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}.class-del{cursor:pointer;color:var(--text-muted);font-size:14px;padding:4px}.class-del:hover{color:var(--red)}.next-class-badge{font-size:10px;padding:2px 8px;border-radius:10px;background:var(--purple-light);color:var(--purple);font-weight:600;margin-left:6px}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:10px;cursor:pointer;transition:all .15s}.template-card:hover{border-color:var(--accent);background:var(--accent-light)}.template-title{font-weight:600;font-size:14px;margin-bottom:4px}.template-desc{font-size:12px;color:var(--text-muted)}.template-tasks{font-family:DM Mono,monospace;font-size:11px;color:var(--accent);margin-top:6px}.guide-toc{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.guide-toc-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.guide-toc-item:hover{border-color:var(--accent);background:var(--accent-light)}.guide-toc-num{font-family:DM Mono,monospace;font-size:12px;color:var(--accent);font-weight:500;width:28px;flex-shrink:0;text-align:center}.guide-toc-title{font-size:14px;font-weight:600;color:var(--text-heading)}.guide-toc-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.guide-toc-arrow{margin-left:auto;color:var(--text-muted);font-size:14px}.guide-filter-tabs{display:flex;gap:4px;flex-wrap:wrap;padding-bottom:8px;margin-bottom:16px}.guide-filter-tab{padding:5px 11px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;color:var(--text-muted)}.guide-filter-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.guide-content{line-height:1.7;font-size:14px}.guide-content h2{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--text-heading);margin:4px 0}.guide-epigraph{font-style:italic;font-size:14px;color:var(--text-muted);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);line-height:1.5}.guide-content h3{font-size:16px;font-weight:700;color:var(--text-heading);margin:20px 0 8px}.guide-content p{margin-bottom:12px;color:var(--text)}.guide-content ul{margin:0 0 12px 20px;color:var(--text)}.guide-content li{margin-bottom:6px}.guide-content blockquote{border-left:3px solid var(--accent);padding:12px 16px;background:var(--accent-light);border-radius:0 var(--radius) var(--radius) 0;margin:12px 0;font-style:italic;color:var(--text-muted)}.guide-content .callout{padding:14px 16px;border-radius:var(--radius);margin:12px 0;font-size:13px;line-height:1.6}.guide-content .callout{background:var(--accent-light);border-left:3px solid var(--accent);color:var(--text)}.guide-content .callout.blue{background:var(--blue-light);border-left-color:var(--blue)}.guide-content .callout.green{background:var(--green-light);border-left-color:var(--green)}.guide-content .mantra-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:8px 0}.guide-content .mantra-phrase{font-family:DM Mono,monospace;font-size:15px;font-weight:500;color:var(--accent);margin-bottom:4px}.guide-content .mantra-explain{font-size:12px;color:var(--text-muted)}.guide-back{cursor:pointer;color:var(--accent);font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;margin-bottom:16px}.guide-nav-bottom{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.guide-nav-btn{cursor:pointer;color:var(--accent);font-weight:600;font-size:13px}.guide-nav-btn:hover{text-decoration:underline}.guide-sec-header{margin-bottom:20px}.guide-sec-indicator{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.guide-sec-counter{font-family:DM Mono,monospace;font-size:12px;color:var(--text-muted)}.guide-sec-jump-toggle{font-size:12px;color:var(--accent);cursor:pointer;font-weight:500;padding:8px 4px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;-webkit-tap-highlight-color:rgba(196,80,26,.15)}.guide-sec-jump-toggle:hover{text-decoration:underline}.guide-sec-progress-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.guide-sec-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.guide-sec-jump-list{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 0;max-height:260px;overflow-y:auto}.guide-sec-jump-hidden{display:none}.guide-jump-item{padding:8px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .1s}.guide-jump-item:hover{background:var(--accent-light);color:var(--text)}.guide-jump-item.active{color:var(--accent);font-weight:600}.guide-section-body{animation:sectionFadeIn .25s ease}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guide-sec-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.guide-sec-step{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;flex:1;min-width:0}.guide-sec-step:hover{border-color:var(--accent);background:var(--accent-light)}.guide-sec-step.next{justify-content:flex-end}.guide-sec-step.done{justify-content:center;cursor:default;border-color:var(--green);background:#5aaf5a0f}.guide-sec-step.done:hover{background:#5aaf5a0f}.guide-sec-step-arrow{font-size:16px;color:var(--accent);flex-shrink:0;font-weight:700}.guide-sec-step-info{display:flex;flex-direction:column;gap:1px;min-width:0}.guide-sec-step-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.guide-sec-step-title{font-size:13px;color:var(--text-heading);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-member-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:10px;cursor:pointer;transition:all .15s}.family-member-card:hover{border-color:var(--border-light)}.family-member-card.current-user{border-color:var(--accent);border-width:2px}.family-member-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.family-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.family-member-name{font-weight:600;font-size:15px}.family-member-role{font-size:12px;color:var(--text-muted)}.perm-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.perm-parent{background:var(--accent-light);color:var(--accent)}.perm-teen{background:var(--blue-light);color:var(--blue)}.perm-child{background:var(--green-light);color:var(--green)}.nudge-btn{background:var(--purple-light);color:var(--purple);border:1px solid rgba(154,106,190,.3);border-radius:var(--radius);padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:DM Sans,sans-serif}.nudge-btn:hover{background:var(--purple);color:#fff}.assign-btn{background:var(--blue-light);color:var(--blue);border:1px solid rgba(74,154,190,.3);border-radius:var(--radius);padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:DM Sans,sans-serif}.assign-btn:hover{background:var(--blue);color:#fff}.family-color-pick{display:flex;gap:6px;flex-wrap:wrap}.family-color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s}.family-color-dot:hover,.family-color-dot.selected{border-color:#fff;transform:scale(1.15)}.task-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.toolbar-dropdown-wrap{position:relative}.toolbar-dropdown-btn{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text-muted);font-family:DM Sans,sans-serif;transition:all .15s;white-space:nowrap}.toolbar-dropdown-btn.has-value{color:var(--accent);border-color:var(--accent)}.toolbar-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px #0000004d;min-width:120px;padding:4px}.toolbar-dropdown-item{padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;color:var(--text);transition:background .1s}.toolbar-dropdown-item:active{background:var(--surface2)}.toolbar-dropdown-item.active{color:var(--accent);font-weight:700}.view-toggle{display:flex;gap:2px;padding:2px;background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border)}.view-toggle-btn{padding:6px 16px;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;color:var(--text-muted)}.view-toggle-btn.active{background:var(--accent);color:#fff}.proj-selector{position:relative;margin-bottom:14px}.proj-selector-current{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s}.proj-selector-current:hover{border-color:var(--accent)}.proj-selector-icon{font-size:24px;flex-shrink:0}.proj-selector-info{flex:1;min-width:0}.proj-selector-name{display:block;font-size:16px;font-weight:600;color:var(--text-heading);font-family:Playfair Display,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-selector-count{display:block;font-size:11px;color:var(--text-muted);font-family:DM Mono,monospace;margin-top:1px}.proj-selector-arrow{font-size:12px;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.proj-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;max-height:320px;overflow-y:auto;padding:4px}.proj-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background .1s}.proj-dropdown-item:hover{background:var(--surface2)}.proj-dropdown-item.active{background:var(--accent-light);border:1px solid var(--accent)}.proj-dropdown-add{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.proj-dropdown-action{cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;transition:background .1s}.proj-dropdown-action:hover{background:var(--surface2)}.view-toggle-btn:hover:not(.active){background:var(--surface3)}.reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.reorder-btn{display:flex;align-items:center;justify-content:center;width:28px;height:22px;font-size:11px;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background .1s,color .1s;user-select:none;-webkit-user-select:none;line-height:1}.reorder-btn:active{background:var(--accent);color:#fff;border-color:var(--accent)}.reorder-btn.disabled{opacity:.25;pointer-events:none}.undo-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;z-index:300;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg)}.undo-toast button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.note-indicator{display:inline-block;font-size:10px;color:var(--text-muted);margin-left:4px;cursor:help}.task-item.overdue{border-left:3px solid var(--red)}.task-check:focus-visible,.bnav-item:focus-visible,.mode-btn:focus-visible,.task-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px}.settings-section h3{font-size:15px;font-weight:700;color:var(--text-heading);margin-bottom:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:14px;font-weight:500}.settings-desc{font-size:12px;color:var(--text-muted)}.page-title{font-family:Playfair Display,serif;font-size:24px;font-weight:800;color:var(--text-heading);margin-bottom:4px;outline:none}.page-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-title{font-family:Playfair Display,serif;font-size:20px;font-weight:700;color:var(--text-heading);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-btn{padding:8px 20px;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);transition:all .15s}.modal-btn:hover{border-color:var(--accent)}.modal-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-btn.primary:hover{background:var(--accent-hover)}.modal-btn.danger{background:var(--red-light);color:var(--red);border-color:var(--red)}.onboarding{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.onboard-card{max-width:440px;width:100%;text-align:center}.onboard-tagline{font-family:DM Mono,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px}.onboard-title{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--text-heading);margin-bottom:8px}.onboard-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px;line-height:1.6}.onboard-input{width:100%;padding:14px 18px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);font-family:DM Sans,sans-serif;font-size:16px;color:var(--text);text-align:center;margin-bottom:20px;transition:border-color .15s}.onboard-input:focus{outline:none;border-color:var(--accent)}.onboard-input::placeholder{color:var(--text-muted)}.onboard-btn{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;margin-bottom:12px}.onboard-btn:hover{background:var(--accent-hover)}.onboard-btn:disabled{opacity:.4;cursor:not-allowed}.onboard-mode-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.onboard-mode-card{padding:18px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s;text-align:left}.onboard-mode-card:hover{border-color:var(--border-light);background:var(--surface2)}.onboard-mode-card.selected{border-color:var(--accent);background:var(--accent-light)}.onboard-mode-icon{font-size:24px;margin-bottom:6px}.onboard-mode-label{font-weight:700;font-size:15px;color:var(--text-heading);margin-bottom:2px}.onboard-mode-desc{font-size:12px;color:var(--text-muted)}.onboard-step-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboard-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.onboard-dot.active{background:var(--accent)}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:4px;transition:background .3s}.sync-dot.pending{background:var(--yellow)}.sync-dot.offline{background:var(--text-muted)}.profile-menu{position:absolute;top:60px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 0;min-width:160px;z-index:200;box-shadow:var(--shadow-lg)}.profile-menu-item{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background .1s}.profile-menu-item:hover{background:var(--surface2)}.profile-menu-item.danger{color:var(--red)}.profile-menu-divider{height:1px;background:var(--border);margin:4px 0}.bnav-icon{position:relative;font-size:22px;line-height:1}.nav-badge{position:absolute;top:-6px;right:-10px;background:var(--red);color:#fff;font-family:DM Mono,monospace;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.inbox-badge-inline{background:var(--red);color:#fff;font-family:DM Mono,monospace;font-size:14px;font-weight:700;padding:2px 10px;border-radius:12px;vertical-align:middle;margin-left:6px}.inbox-actions{margin-bottom:16px}.inbox-filter-bar{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.inbox-empty{text-align:center;padding:40px 20px}.inbox-thread{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:all .15s}.inbox-thread:hover{border-color:var(--border-light);background:var(--surface2)}.inbox-thread.unread{border-left:3px solid var(--purple);background:var(--purple-light)}.inbox-thread-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.inbox-thread-body{flex:1;min-width:0}.inbox-thread-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.inbox-thread-name{font-size:14px;font-weight:600;color:var(--text-heading)}.inbox-thread-time{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}.inbox-thread-preview{font-size:13px;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-thread-count{font-size:11px;color:var(--text-muted);margin-top:3px}.inbox-type-icon{font-size:13px;margin-right:4px}.inbox-you{font-weight:600;color:var(--text-muted)}.inbox-unread-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple);margin-left:4px;vertical-align:middle}.inbox-unread-badge{background:var(--purple);color:#fff;font-family:DM Mono,monospace;font-size:10px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0;align-self:center}.inbox-meta-pill{font-size:11px;color:var(--blue);background:var(--blue-light);padding:2px 8px;border-radius:8px;display:inline-block;margin-top:4px}.inbox-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.inbox-messages{margin-bottom:16px}.inbox-msg{margin-bottom:12px}.inbox-msg.sent{text-align:right}.inbox-msg-bubble{display:inline-block;max-width:80%;padding:10px 14px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5;text-align:left;word-wrap:break-word}.inbox-msg-bubble.received{background:var(--surface);border:1px solid var(--border)}.inbox-msg-bubble.sent{background:var(--purple-light);border:1px solid rgba(154,106,190,.3);color:var(--text)}.inbox-msg-meta{font-size:11px;color:var(--text-muted);margin-top:3px;padding:0 4px}.inbox-msg-meta.sent{text-align:right}.inbox-reply-bar{display:flex;gap:8px;margin-bottom:12px}.inbox-quick-replies{display:flex;gap:6px;flex-wrap:wrap}.inbox-quick-btn{background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;white-space:nowrap}.inbox-quick-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.inbox-quick-grid{display:flex;gap:6px;flex-wrap:wrap}.family-tab-bar{display:flex;gap:4px;background:var(--surface2);border-radius:var(--radius);padding:3px;width:fit-content;margin-bottom:16px;border:1px solid var(--border)}.family-tab{padding:8px 22px;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;color:var(--text-muted)}.family-tab.active{background:var(--accent);color:#fff}.activity-day{margin-bottom:20px}.activity-date{font-family:DM Mono,monospace;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:6px 0;margin-bottom:6px;border-bottom:1px solid var(--border)}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.activity-body{flex:1;min-width:0}.activity-text{font-size:13px;color:var(--text);line-height:1.5}.activity-icon{font-size:13px;margin-right:3px}.activity-actor{font-weight:600;color:var(--text-heading)}.activity-project{display:inline-block;font-size:11px;color:var(--text-muted);background:var(--surface2);padding:1px 8px;border-radius:8px;margin-top:3px}.activity-time{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);flex-shrink:0;padding-top:2px}.cal-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cal-header{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cal-nav-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;font-size:20px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;transition:all .15s;flex-shrink:0}.cal-nav-btn:hover{border-color:var(--accent);background:var(--accent-light)}.cal-month-label{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text-heading);white-space:nowrap}.cal-today-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.cal-today-btn:hover{border-color:var(--accent);color:var(--accent)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-header-cell{text-align:center;font-family:DM Mono,monospace;font-size:11px;font-weight:600;color:var(--text-muted);padding:6px 0;text-transform:uppercase;letter-spacing:.5px}.cal-cell{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:60px;padding:3px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;overflow:hidden}.cal-cell:hover{border-color:var(--accent);background:var(--accent-light)}.cal-cell.empty{background:transparent;border-color:transparent;cursor:default;min-height:0}.cal-cell.empty:hover{background:transparent;border-color:transparent}.cal-cell.today{border-color:var(--accent);border-width:2px}.cal-cell.today .cal-day-num{background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.cal-cell.past{opacity:.6}.cal-day-num{font-family:DM Mono,monospace;font-size:12px;color:var(--text);margin-bottom:1px;padding:1px 3px;line-height:1}.cal-event-pip{font-size:9px;line-height:1.3;padding:1px 3px;margin-top:1px;border-left:2px solid var(--accent);border-radius:0;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cal-event-more{font-size:8px;color:var(--text-muted);padding:0 3px;margin-top:1px}.cal-upcoming-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.cal-upcoming-row:last-child{border-bottom:none}.cal-upcoming-row:hover{background:var(--surface2);margin:0 -8px;padding:8px}.cal-upcoming-color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.cal-upcoming-icon{font-size:16px;flex-shrink:0}.cal-upcoming-title{font-size:14px;font-weight:500;color:var(--text)}.cal-upcoming-meta{font-size:12px;color:var(--text-muted)}.cal-event-card{background:var(--surface);border:1px solid var(--border);padding:14px 16px;margin-bottom:8px}.cal-event-header{display:flex;align-items:flex-start;gap:10px}.cal-event-icon{font-size:20px;flex-shrink:0;margin-top:2px}.cal-event-title{font-size:15px;font-weight:600;color:var(--text-heading)}.cal-event-time{font-family:DM Mono,monospace;font-size:12px;color:var(--text-muted);margin-top:2px}.cal-event-actions{display:flex;gap:8px;flex-shrink:0}.cal-event-notes{font-size:13px;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--border);line-height:1.5}.cal-event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.sched-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 0;width:208px;z-index:250;box-shadow:var(--shadow-lg)}.sched-popover-header{padding:10px 14px;border-bottom:1px solid var(--border)}.sched-popover-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:background .1s}.sched-popover-item:hover{background:var(--surface2)}.sched-task-count{font-family:DM Mono,monospace;font-size:9px;font-weight:700;background:var(--accent);color:#fff;border-radius:8px;padding:1px 5px;margin-left:4px;vertical-align:middle}.tl-col{padding:4px 2px;border-radius:var(--radius);transition:background .15s}.tl-col.tl-today{background:var(--accent-light,rgba(196,80,26,.08))}.tl-col.tl-weekend{opacity:.7}.tl-day-label{font-size:12px;font-weight:600;color:var(--text-heading);line-height:1.4}.tl-date-label{font-size:10px;color:var(--text-muted);line-height:1.3}.tl-block{transition:transform .1s,box-shadow .1s}.tl-block:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000040}.tl-detail-row{transition:background .1s}.tl-detail-row:hover{background:var(--surface2)}.tl-scroll::-webkit-scrollbar{height:6px}.tl-scroll::-webkit-scrollbar-track{background:var(--surface2);border-radius:3px}.tl-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tl-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.viewing-as-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin:-16px -16px 16px;background:linear-gradient(135deg,#4a9abe,#3a7a9e);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 2px 8px #0003}.swipe-container{position:relative;overflow:hidden}.swipe-content{position:relative;z-index:1;background:var(--bg)}.swipe-action-delete{position:absolute;right:0;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;background:var(--red,#CC4444);color:#fff;font-size:20px;border-radius:var(--radius)}:root{--bg: #1A1510;--surface: #242018;--surface2: #2E2820;--surface3: #3A3228;--border: #4A4030;--border-light: #5A4E3E;--text: #E8E0D0;--text-muted: #9A8E78;--text-heading: #F0E8D8;--accent: #C4501A;--accent-light: #3D2A14;--accent-hover: #E0701A;--green: #5AAF5A;--green-light: #1E3020;--yellow: #D4A020;--blue: #4A9ABE;--blue-light: #1A2830;--purple: #9A6ABE;--red: #CC4444;--red-light: #301818;--radius: 10px;--radius-lg: 14px;--shadow: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.logo{display:flex;align-items:baseline;gap:3px;justify-content:center}.logo-home{font-family:Playfair Display,serif;font-size:26px;font-weight:800;color:var(--accent)}.logo-work{font-family:Playfair Display,serif;font-size:26px;font-weight:800;color:var(--text-heading)}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{max-width:420px;width:100%}.auth-logo{display:flex;align-items:baseline;gap:3px;justify-content:center;margin-bottom:4px}.auth-logo .logo-home,.auth-logo .logo-work{font-size:38px}.auth-tagline{font-family:DM Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:36px}.auth-title{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--text-heading);text-align:center;margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:24px;line-height:1.5}.auth-field{margin-bottom:16px}.auth-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.auth-input{width:100%;padding:12px 16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);transition:border-color .15s}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-input::placeholder{color:var(--text-muted)}.auth-color-row{display:flex;gap:8px;flex-wrap:wrap}.auth-password-wrap{position:relative}.auth-password-input{width:100%;padding-right:48px}.auth-pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:8px;display:flex;align-items:center;justify-content:center;transition:color .15s}.auth-pw-toggle:hover{color:var(--text)}.auth-color-dot{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .15s}.auth-color-dot:hover,.auth-color-dot.selected{border-color:#fff;transform:scale(1.15)}.auth-btn{width:100%;padding:14px;border:2px solid var(--border);border-radius:var(--radius-lg);font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:8px;background:var(--surface2);color:var(--text)}.auth-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.auth-btn.primary:hover{background:var(--accent-hover)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;margin-top:16px;flex-wrap:wrap;gap:8px}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.auth-link{font-size:13px;color:var(--accent);cursor:pointer;font-weight:600;transition:color .15s}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-error{background:var(--red-light);border:1px solid var(--red);color:var(--red);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px;line-height:1.5}.auth-success{background:var(--green-light);border:1px solid var(--green);color:var(--green);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px;line-height:1.5}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.auth-logo .logo-home,.auth-logo .logo-work{font-size:30px}.auth-title{font-size:20px}.auth-card{padding:0 4px}}