:root{--purple:#8472cd;--purple-dark:#6b57b7;--ink:#363449;--muted:#a09ba9;--line:#eeecf2;--bg:#f8f9fb;--soft:#f0ecfa;--green:#78a792}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:var(--ink);font-size:14px;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button{transition:background .18s,color .18s,transform .18s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #b3a6e6;outline-offset:3px}svg.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:33px 22px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:25px;letter-spacing:3px;padding:0 12px}.brand-icon{display:grid;place-items:center;background:var(--purple);color:#fff;width:38px;height:42px;border-radius:13px;font-size:31px;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);font-weight:500;margin-top:2px}.workspace{margin:34px 0 31px;padding:13px 9px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:500}.workspace small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.avatar{background:#f2e9dd;color:#a78a6c;border-radius:9px;width:30px;height:32px;display:grid;place-items:center;font-family:Georgia;font-size:18px}.workspace-dot{width:6px;height:6px;background:#9eb7a2;border-radius:50%;margin-left:auto}.nav-caption{font-size:10px;color:#aaa5b2;letter-spacing:1px;padding-left:13px;margin-bottom:12px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-radius:8px;padding:13px;margin-bottom:7px;color:#817d8e;font-size:13px}.nav-item:hover{background:#f7f5fc}.nav-item.active{color:var(--purple-dark);background:#efebf9;font-weight:500}.nav-badge{margin-left:auto;background:#e2daf5;padding:1px 6px;border-radius:5px;font-size:10px}.nav-badge:empty{display:none}.categories-label{margin-top:30px}.category-nav button{display:flex;align-items:center;gap:11px;width:100%;font-size:12px;padding:11px 13px;color:#8c8796;border-radius:7px}.category-nav button.active,.category-nav button:hover{background:#f6f4fa;color:var(--purple-dark)}.category-nav button>span:last-child{margin-left:auto;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.work{background:#9b8acb}.study{background:#d5b678}.life{background:#83a8bf}.health{background:#8eb6a0}.sidebar-bottom{margin-top:auto;padding:28px 13px 24px}.little-sun{font-size:27px;color:#d8be8a;margin-bottom:10px}.sidebar-bottom p{font-size:12px;line-height:1.9;color:#96909f}.sidebar-bottom>span{font-size:7px;letter-spacing:1px;display:block;color:#c0bac7;margin-top:10px}.export-button{border-top:1px solid var(--line);padding:17px 10px 12px;display:flex;align-items:center;gap:10px;font-size:11px;color:#918b9c}.local-state{font-size:9px;color:#b4aebc;display:flex;align-items:center;gap:5px;padding-left:12px}.local-state span{width:4px;height:4px;background:#9db6a5;border-radius:50%}.app-shell{margin-left:224px}.topbar{height:77px;background:rgba(255,255,255,.85);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px}.breadcrumb{font-size:11px;color:#a19aa9}.breadcrumb span{padding:0 14px;color:#d3ced9}.breadcrumb strong{font-weight:500;color:#726b7d}.top-actions{display:flex;align-items:center;gap:22px}.search-toggle{display:flex;align-items:center;gap:9px;font-size:11px;color:#a49dab}.search-toggle svg{width:16px}.search-toggle kbd{font-family:inherit;font-size:10px;background:#f7f7fa;border:1px solid #e8e5ee;border-radius:3px;padding:0 5px;margin-left:26px}.top-separator{height:19px;width:1px;background:var(--line)}.top-avatar{background:#eee9f9;color:#8b75b5;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px}main{max-width:1530px;margin:0 auto;padding:33px 39px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:9px}h1{font-size:25px;font-weight:600;letter-spacing:.5px;line-height:1.5}h1>span{font-size:25px;color:#d6b776;margin-left:14px;font-family:serif}.page-heading p{font-size:11px;color:#a09aa8;margin-top:9px}.primary{padding:11px 17px;border-radius:7px;background:var(--purple);color:white;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:12px;box-shadow:0 3px 6px #6e56ad10}.primary:hover{background:var(--purple-dark)}.primary svg{width:16px;height:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0 28px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:flex;align-items:center;gap:14px}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1edfa;color:#9988c7}.stat:nth-child(2) .stat-icon{background:#eef5f1;color:#89a996}.stat:nth-child(3) .stat-icon{background:#fcf6e9;color:#c9af77}.stat:nth-child(4) .stat-icon{background:#edf2f9;color:#8ca6c6}.stat-label{font-size:10px;color:#a39cab;white-space:nowrap}.stat-number{font-size:23px;font-weight:600;line-height:1.3;margin-top:3px;font-variant-numeric:tabular-nums}.stat-number small{font-size:10px;font-weight:400;color:#b1aab9;margin-left:5px}.stat-note{margin-left:auto;color:#87a18e;font-size:9px;background:#f3f7f4;border-radius:4px;padding:3px 5px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.planning-panel{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.panel-heading h2{font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-heading h2 span{font-size:10px;padding:1px 6px;border:1px solid #e5dff2;border-radius:5px;color:#9d8cba;font-weight:400}.panel-heading p{font-size:10px;color:#aaa2b2;margin-top:7px}.date-controls{display:flex;align-items:center;gap:7px}.date-controls button{padding:5px;font-size:10px;color:#9c94a7}.date-controls svg{width:14px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:19px}.day-cell{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;color:#9e96aa}.day-cell span{font-size:9px}.day-cell b{font-size:17px;font-weight:500;color:#6d667b}.day-cell .date-dot{position:absolute;bottom:6px;width:3px;height:3px;background:#b9acd6;border-radius:50%}.day-cell.today:not(.selected){border-color:#cfc4e7}.day-cell.selected{background:var(--purple);border-color:var(--purple);box-shadow:0 4px 9px #9c8ac62e;color:#e4dcf8}.day-cell.selected b{color:#fff}.day-cell.selected .date-dot{background:#e2daf6}.filter-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e5ef;margin-bottom:16px}.status-tabs{display:flex;gap:23px}.status-tabs button{padding:0 0 13px;font-size:11px;color:#a79eaf;position:relative}.status-tabs button.selected{color:#8873b5;font-weight:500}.status-tabs button.selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#a08ac8;border-radius:4px}.sort-button{display:flex;align-items:center;gap:5px;color:#a89eb2;font-size:9px;padding-bottom:12px}.sort-button svg{width:13px}.task-group-label{font-size:9px;color:#a79dad;margin:19px 0 9px;display:flex;align-items:center;gap:8px}.task-group-label:after{content:'';height:1px;background:var(--line);flex:1}.task{display:flex;gap:12px;padding:16px 16px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;align-items:flex-start;position:relative}.task:hover{border-color:#d6cce9;box-shadow:0 2px 12px #5c487508}.check{width:18px;height:18px;border:1.5px solid #ded8e7;border-radius:6px;flex:0 0 18px;display:grid;place-items:center;padding:0;margin-top:3px}.check:hover{border-color:var(--purple)}.check svg{width:12px}.task.done .check{background:#a99acb;border-color:#a99acb;color:white}.task-main{flex:1;min-width:0;cursor:pointer}.task-title{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;line-height:1.9;overflow-wrap:anywhere}.task.done .task-title .title-text{color:#b3abba;text-decoration:line-through}.task-meta{font-size:9px;color:#b3aaba;display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}.task-meta svg{width:11px;height:11px;margin-right:3px}.tag{padding:2px 6px;border-radius:4px;background:#f2edf9;color:#9e88be;font-size:8px;font-weight:400;white-space:nowrap}.tag.study{background:#fbf5e7;color:#b9a06e}.tag.life{background:#edf4f9;color:#88a7bc}.tag.health{background:#edf5f0;color:#8da994}.priority{font-size:8px;color:#c69c7c;background:#fcf4e9;padding:1px 5px;border-radius:4px;white-space:nowrap}.task-more{padding:0 3px;color:#bcb4c7;font-size:17px}.inline-add{width:100%;border:1px dashed #ddd6e9;color:#a699ba;padding:14px;border-radius:8px;font-size:11px;margin-top:3px;display:flex;justify-content:center;align-items:center;gap:6px}.inline-add svg{width:14px;height:14px}.inline-add:hover{background:#f1edf8}.demo-hint{font-size:8px;color:#b4acbf;margin-top:15px;line-height:1.8}.demo-hint button{color:#9a89b8;font-size:8px;text-decoration:underline}.right-column{display:flex;flex-direction:column;gap:18px}.card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:20px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.card-title h3{font-size:11px;font-weight:500;display:flex;align-items:center;gap:7px}.card-title h3 svg{width:14px;height:14px;color:#a096ae}.card-title>div{display:flex;gap:7px}.card-title button{padding:0;color:#b1a6be}.card-title button svg{width:13px;height:13px}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-top:18px;gap:5px 3px}.mini-calendar .weekday{font-size:8px;color:#b5aebe;padding-bottom:6px}.mini-calendar button{font-size:10px;height:27px;position:relative;color:#8d829a;border-radius:50%;width:27px;justify-self:center}.mini-calendar button.outside{color:#d6d1dc}.mini-calendar button.selected{color:white;background:var(--purple)}.mini-calendar button.today:not(.selected){color:var(--purple);box-shadow:inset 0 0 0 1px #c5b9e2}.mini-calendar button.has-plan:after{content:'';position:absolute;width:3px;height:3px;background:#b3a0d5;bottom:2px;left:12px;border-radius:50%}.mini-calendar button.selected:after{background:white}.calendar-legend{font-size:8px;display:flex;align-items:center;gap:5px;color:#b0a4bb;margin-top:15px;border-top:1px solid #f1edf5;padding-top:13px}.calendar-legend>span{width:4px;height:4px;border-radius:50%;background:#b2a0cf}.calendar-legend b{font-weight:400;margin-left:auto;font-size:7px}.note-card .card-title>span{font-size:8px;color:#b8afc1}.note-card textarea{resize:vertical;min-height:98px;max-height:250px;border:0;width:100%;padding:16px 0 0;background:none;font-size:10px;line-height:1.9;outline:none;color:#82728e}.note-card textarea::placeholder{color:#c1b6c9}.note-footer{display:flex;justify-content:space-between;font-size:7px;color:#b9aec3;border-top:1px dashed #ebe4f1;padding-top:10px;margin-top:6px}.main-footer{display:flex;justify-content:space-between;margin-top:40px;border-top:1px solid #eeebf2;padding:17px 0 21px;color:#bfb7c7;font-size:8px}.main-footer span:last-child{letter-spacing:1.5px}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:47px 20px;color:#a398b2}.empty-state>span{font-size:30px;color:#c0b2d6;display:block;margin-bottom:12px}.empty-state h3{font-size:14px;font-weight:500;margin-bottom:8px}.empty-state p{font-size:10px;line-height:1.9}.filter-chip{display:inline-flex;gap:12px;padding:5px 10px;background:#eee7f8;border-radius:5px;color:#8c77ac;font-size:10px;margin-bottom:12px}.week-board{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;overflow:auto;padding-bottom:12px}.week-column{background:#f1eef6;border-radius:8px;padding:8px;min-height:220px}.week-column-heading{display:flex;justify-content:space-between;font-size:9px;color:#9b8bac;padding:3px 1px 12px}.week-column .task{padding:9px;gap:6px}.week-column .task-title{font-size:10px}.week-column .task-meta{font-size:8px}.week-column .check{width:13px;height:13px;flex-basis:13px;border-radius:4px}.week-column .task-more{display:none}.week-column .task-title{display:block}.week-column .tag{display:inline-block}.column-add{width:100%;color:#b1a1c1;font-size:18px}.section-subtitle{font-size:12px;font-weight:500;margin:22px 0 12px;color:#8b7c9e}.month-title{font-size:13px;color:#8c7d9e;padding:6px 0 16px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #e7e1ed;border-top:1px solid #e7e1ed;border-radius:8px;overflow:hidden;background:white}.month-weekday{text-align:center;padding:12px 0;font-size:9px;color:#b1a5bf;background:#f5f2fa;border-right:1px solid #e7e1ed;border-bottom:1px solid #e7e1ed}.month-day{height:94px;min-width:0;border-right:1px solid #e7e1ed;border-bottom:1px solid #e7e1ed;padding:7px;cursor:pointer}.month-day:hover{background:#faf7ff}.month-day.outside{background:#faf9fc;opacity:.5}.month-day .day-number{font-size:10px;color:#a091b1;display:inline-grid;place-items:center;width:21px;height:21px}.month-day.today .day-number{background:var(--purple);color:white;border-radius:50%}.calendar-task{display:block;padding:3px 4px;margin-top:4px;font-size:8px;background:#f0ebf8;color:#9b85b8;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-more{font-size:7px;color:#aa99bc}.period-label{font-size:11px;color:#9a8caa;padding-bottom:17px}dialog{border:1px solid #e6deef;border-radius:16px;padding:28px;width:min(510px,calc(100% - 30px));color:var(--ink);box-shadow:0 25px 100px #47335c28}dialog::backdrop{background:#30243c55;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-heading h2{font-size:21px;font-weight:500}.modal-heading .eyebrow{font-size:7px}.icon-button{font-size:25px;color:#a599b6;padding:0 5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:11px;color:#8b7b9d;margin-bottom:17px}input,select,textarea{width:100%;border:1px solid #e6dfed;border-radius:7px;padding:11px;background:#fcfbfe;color:#71627f;outline:none;margin-top:7px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#a896cc;box-shadow:0 0 0 3px #a18cc414}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#b9adc5}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.modal-footer>div{display:flex;gap:10px;margin-left:auto}.secondary{background:#f1edf7;color:#9a88b2;padding:10px 18px;border-radius:7px;font-size:12px}.danger{color:#bc8b90;font-size:11px;padding-left:0}.toast{position:fixed;bottom:30px;left:calc(50% + 112px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#5f5075;color:#fff;padding:13px 23px;border-radius:9px;box-shadow:0 6px 30px #5e44752e;font-size:12px;z-index:50;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}#searchDialog{padding:12px;width:min(570px,calc(100% - 30px))}.search-box{display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid var(--line)}.search-box>svg{color:#ab9bbd}.search-box input{border:0;background:transparent;padding:12px 0;margin:0;box-shadow:none}#searchResults{max-height:430px;overflow:auto;padding:12px}.search-result{width:100%;text-align:left;border-radius:7px;padding:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.search-result:hover{background:#f3eef9}.search-result small{font-size:9px;white-space:nowrap;color:#ad9cbe}.search-help{text-align:center;padding:25px 10px;font-size:12px;color:#b4a5c3}
@media(min-width:1600px){main{padding-top:40px}.stat{padding:23px}.content-grid{grid-template-columns:minmax(0,1fr) 340px}.task{padding:20px}.mini-calendar button{height:30px;width:30px}.card{padding:23px}.sidebar{width:242px}.app-shell{margin-left:242px}}
@media(max-width:1180px){.sidebar{width:194px;padding:27px 15px 18px}.app-shell{margin-left:194px}.topbar{padding:0 26px}main{padding:27px 26px 0}.content-grid{grid-template-columns:minmax(0,1fr) 266px;gap:18px}.stats{gap:12px}.stat{padding:15px 12px;gap:9px}.stat-icon{width:31px;height:31px}.stat-note{display:none}.stat-number{font-size:22px}h1{font-size:22px}.card{padding:17px}.toast{left:calc(50% + 97px)}}
@media(max-width:950px){.sidebar{width:176px;padding:24px 12px 15px}.app-shell{margin-left:176px}.workspace{padding:11px 6px;gap:7px;font-size:10px}.workspace small{font-size:8px}.nav-item{font-size:12px}.content-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.calendar-card{display:none}.stats{gap:9px}.stat{padding:12px;gap:9px}.stat-icon{display:none}.stat-number{font-size:22px}.stat-label{font-size:9px}.page-heading h1{font-size:20px}.page-heading h1 span{display:none}.sidebar-bottom p{font-size:11px}.toast{left:calc(50% + 88px)}}
@media(max-width:640px){.sidebar{inset:auto 0 0;width:100%;height:65px;display:block;padding:0;border:0;border-top:1px solid var(--line);box-shadow:0 -4px 20px #8d75ad08}.brand,.workspace,.nav-caption,.category-nav,.sidebar-bottom,.export-button,.local-state{display:none}#navigation{display:grid;grid-template-columns:repeat(4,1fr);height:100%;gap:0}.nav-item{flex-direction:column;justify-content:center;gap:4px;padding:6px 0;margin:0;border-radius:0;font-size:9px}.nav-item svg{width:19px;height:19px}.nav-item.active{background:#f6f2fc}.nav-badge{display:none}.app-shell{margin-left:0}.topbar{height:54px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb:before{content:'✳ 序日';font-size:14px;font-weight:600;color:var(--purple);margin-right:17px}.search-toggle span,.search-toggle kbd,.top-separator,.top-avatar{display:none}.top-actions{gap:0}main{padding:25px 18px 65px}.page-heading{gap:10px;margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:18px;letter-spacing:0}.page-heading p{font-size:9px;line-height:1.7;margin-top:7px;max-width:240px}.eyebrow{font-size:8px}.page-heading>.primary{font-size:10px;padding:9px 10px;margin-top:20px}.page-heading>.primary svg{width:13px}.stats{gap:7px;margin:17px 0 24px}.stat{padding:12px 8px;display:block;border-radius:8px}.stat-label{font-size:8px}.stat-number{font-size:21px;margin-top:6px}.stat-number small{font-size:8px;margin-left:3px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:9px}.week-strip{gap:5px}.day-cell{min-height:65px;border-radius:7px;gap:5px}.day-cell span{font-size:8px}.day-cell b{font-size:16px}.status-tabs{gap:23px}.status-tabs button{font-size:10px}.task{padding:14px 12px;gap:10px}.task-title{font-size:11px}.task-meta{font-size:8px;gap:6px}.right-column{gap:12px;margin-top:10px}.card{padding:14px}.card-title h3{font-size:9px}.note-card .card-title>span{font-size:6px}.note-card textarea{font-size:9px;min-height:118px}.note-footer{font-size:6px}.note-footer>span:last-child{display:none}.main-footer{margin-top:25px;font-size:7px}.toast{left:50%;bottom:83px;width:max-content;max-width:90%}.month-day{height:78px;padding:3px}.calendar-task{font-size:6px;padding:2px}.month-day .day-number{font-size:9px}.week-board{grid-template-columns:repeat(7,120px)}.modal-heading .eyebrow{font-size:6px}dialog{padding:22px}.demo-hint{font-size:7px}}.mobile-export{display:none}.filter-tools{display:flex;align-items:center;gap:10px}#mobileCategory{display:none}@media(max-width:640px){.mobile-export{display:flex;color:#a49dab;padding:0}.mobile-export svg{width:15px}.top-actions{gap:13px}#mobileCategory{display:block;width:62px;font-size:8px;padding:0 0 12px;margin:0;border:0;background:none;box-shadow:none;color:#a89eb2;border-radius:0}.status-tabs{gap:16px}.filter-tools{gap:8px}.sort-button span{display:none}}.task-meta:empty{display:none}.repeat-hint{font-size:10px;line-height:1.9;color:#9a88ad;margin:-7px 0 19px}.repeat-tag{font-size:8px;color:#9a83b7;background:#f3edf9;border-radius:4px;padding:2px 6px}

@media(max-width:950px){.right-column{grid-template-columns:1fr}}
.cloud-status{cursor:pointer;line-height:1.7;text-align:left;padding-top:3px}.cloud-status[data-state="warning"]{color:#bd8c68}.cloud-status[data-state="busy"]{color:#9b87ba}.account-signout{font-size:9px;color:#b3a9be;text-decoration:none;padding:10px 12px 0}.install-app{font-size:11px;padding:7px 11px;border:1px solid #e7dff0;border-radius:7px;color:#9680b5;white-space:nowrap}.import-banner{background:#f0eafa;border:1px solid #e0d4f0;padding:17px 20px;border-radius:10px;margin-bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8a739f;text-decoration:none}.import-banner[hidden]{display:none}.import-banner strong{font-size:12px;font-weight:500}.import-banner p{font-size:10px;line-height:1.8;margin-top:5px}.dialog-description{font-size:12px;line-height:1.9;color:#a08bad;margin:18px 0}.install-guide h3{font-size:12px;font-weight:500;margin:21px 0 7px}.install-guide p{font-size:11px;line-height:1.9;color:#a08bad}.install-guide{margin-bottom:20px}.conflict-preview{background:#f8f4fc;border-radius:8px;padding:16px;font-size:11px;max-height:220px;overflow:auto}.conflict-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 15px;color:#a190b0}.boot-error{position:fixed;inset:20px 20px auto;background:#f4eaf0;padding:20px;border-radius:10px;z-index:1000;font-size:14px;color:#a16d8a}@media(max-width:640px){.install-app{font-size:9px;padding:5px 7px}.top-actions{gap:10px}.breadcrumb:before{margin-right:9px}.breadcrumb span{padding:0 6px}.import-banner{padding:14px;gap:10px;align-items:flex-start}.import-banner .secondary{padding:8px;font-size:9px}.import-banner p{font-size:9px}}

.mobile-syncbar{display:none}.workspace [data-account-name]{display:block;max-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.sidebar>.account-signout{display:none}.mobile-syncbar{display:flex;justify-content:space-between;align-items:center;padding:9px 20px 0;font-size:9px;color:#a18db6}.mobile-syncbar button{font-size:9px;padding:0}.mobile-syncbar a{color:#b1a4bc;text-decoration:none}}
.backup-import{color:#9c89b2;font-size:11px;text-align:left;padding:8px 11px}@media(max-width:640px){.sidebar>.backup-import{display:none}}

.mobile-backup{font-size:9px;color:#a18db6;padding:0}

.offline-status{color:#78a792}.main-footer{flex-wrap:wrap;gap:10px}#storageWarningText{overflow-wrap:anywhere}#storageWarning{flex-wrap:wrap}.local-status{cursor:pointer;text-align:left}.local-status:hover{color:#8472cd}@media(max-width:640px){input,select,textarea{font-size:16px}.note-card textarea{font-size:16px}}

[hidden]{display:none!important}

/* Todo module */
.todo-view .content-grid{grid-template-columns:minmax(0,1fr)}


.todo-notes{font-size:11px;line-height:1.8;color:#a092ae;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}
.task.done .todo-notes{color:#bbb2c2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){#navigation{grid-template-columns:repeat(5,1fr)}.todo-notes{font-size:12px}.todo-view .page-heading>.primary{margin-top:16px}}

/* Essays */
.essay-view .content-grid{grid-template-columns:minmax(0,1fr)}
.essay-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.essay-card{display:flex;flex-direction:column;gap:14px;padding:24px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0;min-height:220px}
.essay-card:hover{border-color:#d1c4e9;box-shadow:0 4px 18px #8472cd0c}.essay-date{font-size:11px;color:#a99bb8}.essay-card h3{font-size:17px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.essay-excerpt{font-size:13px;line-height:1.9;color:#9a8ba9;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.essay-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;color:#a997be;font-size:10px}.essay-card-footer .icon{width:13px;height:13px}
#essayDialog{width:min(720px,calc(100% - 30px));max-height:calc(100dvh - 32px);overflow:auto}#essayContent{min-height:240px;line-height:1.9;font-size:16px}
.essay-editor-info{display:flex;justify-content:space-between;gap:10px;color:#ad9dbb;font-size:10px;margin-top:-8px}.essay-view .page-heading{margin-bottom:30px}
@media(min-width:641px){.sidebar{overflow-y:auto}}
@media(max-width:640px){#navigation{grid-template-columns:repeat(6,minmax(0,1fr))}.essay-list{grid-template-columns:1fr;gap:12px}.essay-card{padding:20px;min-height:200px}.essay-card h3{font-size:16px}.essay-excerpt{font-size:14px}#essayContent{min-height:220px}.essay-editor-info{font-size:9px}}

#essaySaveState{flex:1;line-height:1.8;overflow-wrap:anywhere}#essaySaveState.save-error{color:#b66b70}#essayWordCount{white-space:nowrap;line-height:1.8}
@media(max-width:950px){.right-column{display:none!important}}

.calendar-below-view .content-grid{grid-template-columns:minmax(0,1fr)}
.period-calendar{margin-top:28px;padding-top:4px;border-top:1px solid var(--line)}.period-calendar>.section-subtitle:first-child{margin-top:16px}



.day-view .content-grid{grid-template-columns:minmax(0,1fr)}.day-date-panel{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.day-date-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.day-date-heading h3{font-size:13px;font-weight:500}.day-view .right-column{max-width:340px;width:100%}

.content-grid{grid-template-columns:minmax(0,1fr)}@media(max-width:640px){#navigation{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Completed month calendar */
.completion-calendar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.completion-calendar-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.completion-calendar-header h3{font-size:20px;font-weight:600}.completion-calendar-header p{color:var(--muted);font-size:11px;margin-top:6px}.completion-calendar-controls{display:flex;gap:8px;align-items:center}.completion-calendar-controls button{padding:8px;border-radius:8px;background:var(--bg);font-size:12px}.completion-calendar-controls button:disabled{opacity:.3;cursor:default}.completion-weekdays,.completion-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.completion-weekdays{color:var(--muted);font-size:11px;text-align:center;margin-bottom:12px}.completion-day{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:102px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;text-align:left}.completion-day.outside{opacity:.38}.completion-day.has-completions{background:#f3f0fb;border-color:#e4dcf4}.completion-day.today .completion-day-number{color:var(--purple-dark);font-weight:700}.completion-day.selected{border:2px solid var(--purple);padding:11px;background:#ece5fa}.completion-day-number{font-size:15px}.completion-day-count{font-size:18px;color:var(--purple-dark);font-weight:600}.completion-day-count>span{font-size:10px;font-weight:400;margin-left:4px}.completion-day-empty{color:#d8d2e0}.completion-detail,.completion-undated{margin-top:28px}.completion-detail>h3,.completion-undated>h3{font-size:15px;font-weight:500;margin-bottom:16px}.completion-detail>h3>span,.completion-undated>h3>span{font-size:11px;color:var(--muted);margin-left:12px}.completion-undated>p,.completion-help{color:var(--muted);font-size:11px;line-height:1.9;margin:8px 0 18px}.completion-date-note{font-size:10px;color:#a99bb8;margin:-3px 4px 12px}.completion-help{margin-top:24px}
@media(max-width:640px){.completion-calendar{padding:16px 12px}.completion-calendar-header{margin-bottom:20px}.completion-calendar-header h3{font-size:17px}.completion-calendar-header p{font-size:9px}.completion-calendar-controls{gap:5px}.completion-calendar-controls button{padding:6px;font-size:10px}.completion-calendar-controls svg{width:15px;height:15px}.completion-weekdays,.completion-days{gap:5px}.completion-weekdays{font-size:9px}.completion-day{min-height:64px;padding:7px;border-radius:7px}.completion-day.selected{padding:6px}.completion-day-number{font-size:12px}.completion-day-count{font-size:13px}.completion-day-count>span{display:none}.completion-detail>h3{font-size:13px}.completion-detail>h3>span{font-size:10px;margin-left:7px}}

.completion-day{justify-content:flex-start;align-items:stretch;gap:9px;min-height:132px}.completion-day-top{display:flex;align-items:center;justify-content:space-between;gap:3px}.completion-day-total{font-size:10px;color:var(--purple-dark);white-space:nowrap}.completion-day-total>span{font-size:9px;margin-left:2px}.completion-day-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.completion-day-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:11px;line-height:1.5;padding:3px 5px;background:#ffffffb3;color:#6b5a8c;border-radius:4px}.completion-day-more{font-size:9px;color:#9685ad;line-height:1.5}.completion-day-empty{align-self:flex-start}
@media(max-width:640px){.completion-day{min-height:105px;padding:5px;gap:7px}.completion-day.selected{padding:4px}.completion-day-total{font-size:8px}.completion-day-total>span{display:none}.completion-day-title{font-size:10px;line-height:1.5;padding:2px 2px}.completion-day-titles{gap:3px}.completion-day-more{font-size:8px}.completion-calendar-header p{max-width:155px;line-height:1.6}}

/* Todo completion progress */
.stat-progress-body{flex:1;min-width:0}.completion-progress{display:block;width:100%;height:8px;margin-top:7px;border:0;border-radius:999px;overflow:hidden;background:#eee9f7;accent-color:var(--purple);appearance:none;-webkit-appearance:none}.completion-progress::-webkit-progress-bar{background:#eee9f7;border-radius:999px}.completion-progress::-webkit-progress-value{background:var(--purple);border-radius:999px}.completion-progress::-moz-progress-bar{background:var(--purple);border-radius:999px}

.todo-view .stats{grid-template-columns:minmax(0,1fr)}.stat-progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-progress-header .stat-number{font-size:18px;margin-top:0}.stat-progress .completion-progress{margin-top:10px}.todo-view .stat-progress{padding:18px 20px}@media(max-width:640px){.todo-view .stat-progress{padding:15px 16px}.stat-progress-header .stat-label{font-size:11px}.stat-progress-header .stat-number{font-size:18px}}

/* Personal ledger */
.ledger-view .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ledger-summary{display:block;min-width:0}.ledger-summary-amount{font-size:25px;font-weight:600;margin-top:9px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ledger-summary-amount small{font-size:12px;font-weight:400;margin-right:5px}.ledger-summary.expense .ledger-summary-amount,.ledger-entry-amount.expense{color:#9d6f78}.ledger-summary.income .ledger-summary-amount,.ledger-entry-amount.income{color:#6c9485}.ledger-summary.balance .ledger-summary-amount{color:var(--purple)}.ledger-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.ledger-toolbar>label{margin:0;font-size:12px}.ledger-month-controls{display:flex;align-items:center;gap:7px;min-width:0}.ledger-month-controls input{width:150px;margin:0;font-size:12px;padding:8px}.ledger-month-controls button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:7px;font-size:11px;background:#f0ebf8;white-space:nowrap}.ledger-month-controls button:disabled{opacity:.3;cursor:default}.ledger-month-controls svg{width:16px;height:16px}.ledger-list{display:flex;flex-direction:column;gap:10px}.ledger-entry{display:flex;align-items:center;justify-content:space-between;width:100%;gap:18px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.ledger-entry:hover{border-color:#c6b6e5;background:#fdfbff}.ledger-entry-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.ledger-entry-title{font-size:14px;font-weight:500;overflow-wrap:anywhere}.ledger-entry-meta{font-size:10px;color:var(--muted)}.ledger-entry-notes{font-size:11px;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7}.ledger-entry-amount{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;max-width:50%;overflow-wrap:anywhere}.ledger-help{font-size:10px;line-height:1.9;color:var(--muted);margin:18px 0}#ledgerAmount{font-variant-numeric:tabular-nums}
@media(max-width:640px){#navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.ledger-view .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-summary.balance{grid-column:1/-1}.ledger-summary{padding:15px}.ledger-summary .stat-label{font-size:10px}.ledger-summary-amount{font-size:21px}.ledger-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.ledger-month-controls{width:100%;justify-content:space-between}.ledger-month-controls input{width:145px;min-width:0}.ledger-entry{padding:15px 12px;gap:12px}.ledger-entry-title{font-size:12px}.ledger-entry-meta{font-size:9px}.ledger-entry-amount{font-size:14px}.ledger-entry-notes{font-size:10px}}