:root{--bg:#F5F6FA;--card:#fff;--text:#202636;--muted:#7B8496;--line:#E5E8EF;--primary:#5267D9;--primary-light:#EEF0FF;--must:#EF4444;--flex:#EF4399;--deadline:#F59E0B;--long:#4F58C9;--idea:#10B981;--note:#ADC309;--dark:#4B5563;--teal:#268E7D;--shadow:0 5px 20px #26304a08}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fbfcfe;border-right:1px solid var(--line);padding:26px 16px;z-index:5}.logo{display:flex;align-items:center;gap:14px;padding:0 10px 28px;font-size:24px}.brand-mark{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--primary);color:white;font-weight:800;font-size:24px}.sidebar nav button,.side-tools button{display:flex;align-items:center;width:100%;border:0;background:none;color:var(--muted);padding:13px 18px;border-radius:12px;text-align:left;margin:3px 0}.sidebar nav button:hover,.side-tools button:hover{background:#f0f2f7}.sidebar nav button.active{background:var(--primary-light);color:var(--primary);font-weight:700}.sidebar nav button.sub{padding-left:38px;font-size:14px}.sidebar nav button[data-route="completed"],.sidebar nav button[data-route="notes"],.side-tools button{display:inline-flex;width:fit-content;min-width:0;max-width:150px;padding:8px 12px;margin-right:6px;border-radius:9px;font-size:13px;white-space:nowrap}.side-tools{position:absolute;left:16px;right:16px;bottom:72px;border-top:1px solid var(--line);padding-top:12px}.sync-state{position:absolute;bottom:28px;left:34px;color:var(--teal);font-size:13px}.workspace{margin-left:244px;width:calc(100% - 244px)}.topbar{min-height:126px;padding:34px 34px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1{margin:0 0 9px;font-size:32px}.topbar p{margin:0;color:var(--muted);font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.sync-badge{color:var(--teal);font-size:13px}.sync-badge.offline{color:#C77B27}.btn{border:0;border-radius:23px;padding:12px 22px;font-weight:700}.btn.primary{background:var(--primary);color:white}.btn.ghost{background:var(--card);color:var(--primary)}.btn.danger{background:#fee2e2;color:#b91c1c}.btn.small{padding:8px 14px;font-size:13px}.content{padding:0 34px 50px;max-width:1500px}.section-card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:20px 24px;margin-bottom:18px;border-left:6px solid var(--accent,var(--primary))}.section-card[data-new-type]{cursor:pointer;transition:transform .12s,box-shadow .12s}.section-card[data-new-type]:hover{box-shadow:0 8px 26px #26304a14}.section-card[data-new-type]:active{transform:scale(.995)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:20px;color:var(--accent,var(--primary));margin:0}.section-head .count{color:var(--muted);font-size:13px}.task-row{display:flex;align-items:center;gap:13px;padding:10px 4px;border-radius:10px;min-height:42px}.task-row:hover{background:#f7f8fb}.task-row .task-text{flex:1;text-align:left;border:0;background:none;color:var(--text);font-size:15px;padding:4px}.task-row.done .task-text{text-decoration:line-through;color:var(--muted)}.task-check{appearance:none;width:21px;height:21px;border:2px solid var(--accent,var(--primary));border-radius:4px;display:inline-grid;place-items:center;flex:none;margin:0}.task-check:checked{background:var(--accent,var(--primary))}.task-check:checked:after{content:"";width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(1px,-1px)}.tag{display:inline-block;border-radius:14px;padding:5px 10px;font-size:11px;font-weight:700;background:var(--light,var(--primary-light));color:var(--accent,var(--primary));white-space:nowrap}.meta{font-size:12px;color:var(--muted)}.task-row .meta{max-width:42%}.empty{padding:22px 4px;color:var(--muted);text-align:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.calendar-six{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list-card{background:var(--card);border-radius:16px;padding:18px 22px;margin-bottom:14px;box-shadow:var(--shadow)}.clickable{cursor:pointer}.note-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.note-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:15px;border-radius:12px}.note-list button.active{background:var(--primary-light);color:var(--primary)}.text-input,.select-input,textarea,input[type="date"],input[type="time"]{width:100%;border:1px solid var(--line);background:#f8f9fb;border-radius:11px;padding:12px;color:var(--text)}textarea{resize:vertical;min-height:110px}.note-editor{width:100%;min-height:500px;border:0;outline:0;background:white;font-size:16px;line-height:1.9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-field label{font-size:13px;color:var(--muted);font-weight:600}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.type-options{display:flex;gap:8px;flex-wrap:wrap}.type-options button{border:1px solid var(--line);background:white;border-radius:20px;padding:9px 14px}.type-options button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:700}.mobile-nav{display:none}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-brand{background:var(--primary);color:white;padding:16vh 9vw}.login-brand .brand-mark{background:white;color:var(--primary)}.login-brand h1{font-size:50px;margin:60px 0 10px}.login-brand p{font-size:23px}.login-brand span{color:#e4e8ff}.login-card{align-self:center;justify-self:center;background:white;border-radius:25px;padding:48px;width:min(560px,80%);box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:0}.login-card p{color:var(--muted);margin-bottom:34px}.login-card label{display:block;font-size:13px;color:var(--muted);margin:12px 0 7px}.login-card .btn{width:100%;margin-top:20px}.login-card .remember{margin-top:24px}.error{color:#b91c1c}.modal{position:fixed;inset:0;background:#17203366;z-index:30;display:grid;place-items:center;padding:20px}.modal-card{background:white;border-radius:20px;padding:26px;width:min(760px,96vw);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #11182733}.modal-card h2{margin-top:0}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#202636;color:white;padding:12px 22px;border-radius:22px;z-index:50}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px}.week-day{text-align:center;padding:10px 4px;border:0;background:none;border-radius:14px;color:var(--muted)}.week-day strong{display:block;font-size:18px;color:var(--text);margin-top:5px}.week-day.active{background:var(--primary);color:white}.week-day.active strong{color:white}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-cell{min-height:100px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:left}.calendar-cell.active{outline:2px solid var(--primary)}.calendar-cell .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:6px 2px 0 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar h2{margin:0}.version-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.version-row .grow{flex:1}.menu-inline{display:flex;gap:7px;flex-wrap:wrap}.ai-preview{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}.ai-preview input,.ai-preview select{margin:4px 0}.notice{padding:15px 18px;border-radius:13px;background:var(--primary-light);margin-bottom:18px;color:var(--text)}.conflict{background:#fff1f2;border-left:4px solid #e11d48}.history-current{background:#ecfdf5}.progress-line{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.progress-line:after{content:"";display:block;width:45%;height:100%;background:var(--primary);animation:load 1s infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@media(max-width:800px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{padding:20px 20px 12px;min-height:112px}.topbar h1{font-size:27px}.topbar p{font-size:12px}.top-actions .ghost,.top-actions .sync-badge{display:none}.top-actions .btn{padding:11px 16px;font-size:13px}.content{padding:0 16px 100px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;background:white;border-top:1px solid var(--line);z-index:10;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:none;padding:14px 0 12px;color:var(--muted);font-size:11px}.mobile-nav button.active{color:var(--primary);font-weight:700}.section-card{padding:16px;margin-bottom:12px}.section-head h2{font-size:16px}.task-row{gap:10px;padding:7px 0}.task-row .task-text{font-size:13px}.task-row .meta{display:none}.task-row.done .meta{display:inline-block}.grid-2,.grid-3,.calendar-six,.note-layout{grid-template-columns:1fr}.login-view{grid-template-columns:1fr}.login-brand{display:none}.login-card{width:90%;padding:32px}.calendar-cell{min-height:58px;padding:5px;font-size:12px}.note-editor{min-height:400px}.form-grid{grid-template-columns:1fr}.modal-card{padding:20px}.week-strip{gap:2px}.week-day{padding:8px 2px}.hide-mobile{display:none}}@media(min-width:801px){.only-mobile{display:none}}