:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#292c38;background:#f7f8fa;font-synthesis:none;--bg: #f7f8fa;--surface: #fff;--sidebar: #fcfcfd;--ink: #292c38;--muted: #7a7f8f;--border: #e9ebf1;--accent: #5e6ad2;--soft: #eef0fc;--hover: #f6f7fb;--shadow: 0 3px 16px #20265004}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{border:0}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid #5e6ad218}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.9px;line-height:1.5;font-weight:650}h2{font-size:17px;font-weight:600;letter-spacing:-.2px}h3{font-size:15px}small,.small{font-size:12px;line-height:1.7}.muted{color:var(--muted);line-height:1.8}.eyebrow{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:2px;margin-bottom:8px}.purple{color:var(--accent)}.green{color:#299b7d}.orange{color:#d38c3b}.blue{color:#438ad7}input:not([type=checkbox]):not([type=color]),select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:8px;min-height:43px;padding:10px 12px;width:100%;font-size:13px}textarea{resize:vertical;line-height:1.8}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0;cursor:pointer}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;margin-bottom:17px}label input,label textarea,label select{font-weight:400}select{cursor:pointer}button.primary,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:43px;padding:10px 17px;font-size:13px;font-weight:500;white-space:nowrap}.primary{background:var(--accent);color:#fff;box-shadow:0 3px 7px #5e6ad222}.primary:hover{background:#535fc5}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)!important}.secondary:hover{background:var(--hover)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--accent);font-size:12px;min-height:36px;padding:5px 8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);width:36px;height:36px;border-radius:7px;flex-shrink:0}.icon-button:hover{background:var(--hover);color:var(--ink)}.full{width:100%}.button-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.compact{min-height:34px!important;padding:5px 12px!important}.check-label{flex-direction:row;align-items:center;font-weight:400;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>label{min-width:0}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);padding:30px 17px 14px;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:2px;font-weight:650;padding:0 13px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff}.brand>span:last-child{display:flex;align-items:center;gap:9px}.brand small{font-size:8px;letter-spacing:1.7px;color:var(--muted);font-weight:500;align-self:flex-end;margin-bottom:7px}.workspace-label{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:11px;margin:29px 0 24px;font-size:12px;background:var(--surface)}.workspace-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--soft);color:var(--accent);font-size:16px}.workspace-label small{display:block;color:var(--muted);font-size:10px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button,.sidebar-lists>button{display:flex;align-items:center;width:100%;gap:12px;color:var(--muted);background:transparent;border-radius:8px;padding:12px 13px;text-align:left;font-size:12px;min-height:43px}.sidebar nav button:hover,.sidebar-lists>button:hover{background:var(--hover)}.sidebar nav button.active,.sidebar-lists>button.active{background:var(--soft);color:var(--accent);font-weight:550}.sidebar nav button small,.sidebar-lists>button small{margin-left:auto;font-size:10px;color:var(--muted)}.sidebar-lists{margin-top:34px}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;color:#a0a5b2;font-size:10px;letter-spacing:1px;padding-left:13px;margin-bottom:3px}.sidebar-lists>button{font-size:12px;gap:12px}.sidebar-bottom{margin-top:auto}.sidebar-tip{margin:30px 7px 21px;background:linear-gradient(135deg,#f0f1fc,#f6f8fc);border:1px solid #e8eafb;border-radius:10px;padding:16px 13px;color:var(--accent);font-size:11px;line-height:1.9}.sidebar-tip p{margin-top:10px}.sidebar-tip small{font-size:10px;color:#9196ab}.account{display:flex;align-items:center;width:100%;padding:12px 7px;border-top:1px solid var(--border);background:transparent;text-align:left;gap:10px;color:var(--ink)}.avatar{width:35px;height:35px;background:var(--soft);color:var(--accent);display:grid;place-items:center;border-radius:11px;font-size:13px;flex-shrink:0}.account strong{display:block;font-size:12px;font-weight:500}.account small{display:block;font-size:10px;color:var(--muted)}.account>svg{margin-left:auto;color:var(--muted)}.new-list-form{display:flex;gap:3px;padding-top:5px}.new-list-form input{min-width:0;font-size:11px!important}.main{margin-left:224px;width:calc(100% - 224px)}.topbar{height:70px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;color:var(--muted)}.topbar>span{display:flex;align-items:center;gap:12px}.topbar-date{font-size:11px}.tiny-avatar{width:28px;height:28px;border-radius:50%;background:#e8ebfb;color:var(--accent);display:grid;place-items:center;margin-left:8px;font-size:10px}.content{padding:33px 38px 0;max-width:1450px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 30px}.page-title .muted{font-size:12px;margin-top:5px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.7;color:#777ca1;background:#f0f2fb;border:1px solid #e4e7fa;border-radius:8px;padding:4px 13px;margin-bottom:23px}.demo-banner .text-button{white-space:nowrap;font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:14px;display:flex;gap:9px;align-items:center}.section-heading select{width:150px;min-height:32px;font-size:11px;padding:5px 10px}.live-dot{width:5px;height:5px;background:#39ac83;border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:20px 22px;box-shadow:var(--shadow)}.stat-card>div{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.stat-card>strong{display:block;font-size:31px;font-weight:600;letter-spacing:-1px;margin:13px 0 8px}.stat-card>small{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:23px}.main-column,.right-column{display:flex;flex-direction:column;gap:23px;min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.panel-title{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:14px}.panel-title h2{display:flex;align-items:center;gap:8px;font-size:14px}.panel-title h2 small{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}.sun-icon{color:#d8a34e;font-size:20px}.task-row{display:flex;align-items:center;gap:11px;padding:18px 20px;border-bottom:1px solid var(--border);min-height:78px}.task-row:last-child{border-bottom:0}.task-check{border-radius:4px}.task-emoji{font-size:18px}.task-title{background:transparent;text-align:left;color:var(--ink);flex:1;min-width:0;padding:0}.task-title strong{display:block;font-size:12px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}.task-title>span{display:flex;align-items:center;gap:13px;margin-top:4px;flex-wrap:wrap}.task-title small{display:inline-flex;gap:3px;align-items:center;font-size:10px;color:var(--muted)}.task-meta{display:flex;align-items:flex-end;gap:6px;flex-direction:column;font-size:10px;flex-shrink:0}.task-meta>small{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.task-meta .overdue{color:#cc645e}.priority{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 6px;font-size:10px;white-space:nowrap}.p0{color:#788194;background:#f0f2f6}.p1{color:#678bb8;background:#eef4fb}.p2{color:#b28b4d;background:#fcf5e9}.p3{color:#cf6c69;background:#fcefee}.row-action{width:28px;height:30px;opacity:0}.task-row:hover .row-action,.row-action:focus-visible{opacity:1}.is-done .task-title strong{text-decoration:line-through;color:var(--muted)}.is-done{opacity:.7}.today-card{background:linear-gradient(140deg,#eef0fe,#f7f8ff);border:1px solid #e3e7fa;border-radius:11px;padding:23px 24px;color:#5e6797}.today-card>small{font-size:11px;color:#9299b7}.today-card>div{display:flex;align-items:center;gap:20px;padding:16px 0 20px}.today-card strong{font-size:57px;font-weight:500;letter-spacing:-3px;line-height:1}.today-card>div>span{font-size:11px;line-height:2.1}.today-card>div small{font-size:10px;color:#8b92ad}.today-card>button{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #dfe3f5;padding:15px 0 0;background:transparent;color:#6873ac;font-size:11px}.upcoming{padding:9px 17px}.upcoming button{width:100%;display:flex;gap:10px;align-items:flex-start;background:transparent;text-align:left;padding:14px 1px;color:var(--ink)}.upcoming-dot{width:5px;height:5px;border-radius:50%;margin-top:7px;flex-shrink:0}.upcoming strong{font-size:11px;line-height:1.8;font-weight:500;display:block}.upcoming small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.quote{padding:0 15px 20px;color:var(--muted)}.quote>span{font-size:50px;line-height:1;color:#c7cce0;font-family:Georgia,serif}.quote p{font-size:12px;line-height:2}.quote small{display:block;margin-top:12px;font-size:10px;color:#adb1be}.chart{display:flex;align-items:center;padding:22px;gap:22px}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;gap:16px;flex:1;height:156px;min-width:0}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.chart-column>div{width:100%;max-width:26px;background:linear-gradient(#7d89e2,#a9b3f2);border-radius:5px 5px 2px 2px;min-height:5px}.chart-column>span{font-size:10px;color:var(--muted)}.chart-column>small{font-size:10px;color:var(--muted);white-space:nowrap}.chart-note{width:120px;border-left:1px solid var(--border);padding-left:22px;color:var(--accent)}.chart-note>strong{display:block;font-size:25px;font-weight:500;margin-top:8px}.chart-note strong small{font-size:10px;color:var(--muted)}.chart-note p{font-size:10px;color:var(--muted);line-height:1.9;margin-top:6px}.app-footer{display:flex;justify-content:center;gap:10px;color:#a8adbb;font-size:10px;padding:35px 0 24px;letter-spacing:.4px}.empty{text-align:center;padding:55px 20px}.empty>span{font-size:36px;display:block;margin-bottom:17px}.empty h3{font-size:15px;font-weight:500}.empty p{font-size:12px;color:var(--muted);margin:10px 0 23px}.error-banner,.success-message{display:flex;align-items:center;gap:12px;justify-content:space-between;border-radius:8px;padding:10px 15px;font-size:12px;margin-bottom:20px}.error-banner,.inline-error{background:#fff0ef;color:#b85955}.inline-error{border-radius:7px;padding:10px;font-size:12px;line-height:1.7;margin-top:13px}.success-message{background:#eaf7f1;color:#32866c}.pill{background:var(--soft);color:var(--accent);padding:8px 12px;border-radius:20px;font-size:11px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.tabs{display:flex;align-items:center;gap:4px;background:var(--hover);border:1px solid var(--border);border-radius:8px;padding:4px}.tabs>button{display:flex;align-items:center;gap:8px;background:transparent;border-radius:5px;padding:8px 14px;color:var(--muted);font-size:12px;white-space:nowrap}.tabs>button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #2932520d}.tabs span{font-size:10px;color:#9a9faf}.search-field{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;width:250px;color:var(--muted)}.search-field>svg{position:absolute;left:12px}.search-field>input{padding-left:36px!important}.filter-toolbar{display:flex;align-items:center;gap:10px;margin:10px 0 15px;color:var(--muted);font-size:11px}.filter-toolbar>span{display:flex;align-items:center;gap:6px;flex:1}.filter-toolbar select{width:130px;font-size:11px;min-height:34px;padding:6px 10px}.task-list .task-row{padding:20px 24px}.task-list .task-title strong{font-size:13px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px}.calendar-toolbar{display:flex;align-items:center;gap:15px;padding:20px;flex-wrap:wrap}.calendar-toolbar h2{flex:1;font-size:18px}.calendar-toolbar .tabs button{font-size:11px;padding:6px 10px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--hover);border-block:1px solid var(--border);color:var(--muted);font-size:10px;text-align:center;padding:11px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-cell{position:relative;min-height:113px;padding:8px 5px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.selected{background:var(--soft)}.other-month{opacity:.38}.day-number{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%;background:transparent;color:var(--ink);padding:3px 4px}.day-number strong{display:grid;place-items:center;width:23px;height:23px;font-size:11px;font-weight:500}.day-number small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.day-number .holiday{color:#c27161}.today .day-number strong{background:var(--accent);color:#fff;border-radius:50%}.cell-events{display:flex;flex-direction:column;gap:4px;margin-top:7px}.cell-events>button{border-left:2px solid;padding:4px 3px;background:var(--surface);color:var(--ink);font-size:9px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px}.cell-events>button.done{text-decoration:line-through;opacity:.5}.cell-events>.more-events{border:0;background:transparent;color:var(--muted)}.cell-add{display:none;position:absolute;right:3px;bottom:3px;background:transparent;color:var(--accent);width:24px;height:24px;border-radius:4px}.calendar-cell:hover .cell-add,.calendar-cell:focus-within .cell-add{display:block}.week-view .calendar-cell{min-height:450px}.calendar-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 18px;font-size:10px;color:var(--accent)}.calendar-footer small{font-size:9px;color:var(--muted)}.day-agenda{align-self:start;padding:22px 20px}.day-agenda h2{font-size:23px}.day-agenda>p:not(.eyebrow){font-size:11px;margin:10px 0 18px}.agenda-items{margin-bottom:20px}.agenda-items>button{width:100%;display:flex;align-items:flex-start;gap:10px;background:transparent;text-align:left;padding:14px 0;color:var(--ink)}.agenda-time{font-size:10px;color:var(--muted);width:32px;flex-shrink:0;padding-top:3px}.agenda-items button>span:last-child{border-left:2px solid;padding-left:10px;min-width:0}.agenda-items strong{font-weight:500;font-size:11px;display:block;line-height:1.8;overflow-wrap:anywhere}.agenda-items small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.agenda{padding:20px}.agenda>div:not(.empty){margin-bottom:20px}.agenda h3{font-size:13px;margin-bottom:10px;color:var(--muted)}.agenda h3 small{margin-left:10px}.agenda button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:15px;background:var(--hover);margin:5px 0;text-align:left;color:var(--ink);border-radius:6px;font-size:12px}.agenda button small{color:var(--muted);white-space:nowrap}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.settings-main,.settings-side{display:flex;flex-direction:column;gap:22px}.setting-panel{padding:24px}.setting-panel h2{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:12px}.setting-panel>p.muted{font-size:12px;margin-bottom:22px}.setting-panel>p.small{font-size:11px}.setting-panel label{font-size:12px}.setting-panel .form-grid{margin-top:18px}.setting-panel .button-group{margin-top:13px}.status-line{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:-6px}.verify-row{display:flex;gap:8px;margin-top:14px}.verify-row input{min-width:0}.token-reveal{padding:15px;border-radius:8px;background:var(--soft);margin-top:18px;font-size:12px;color:var(--accent)}.token-reveal code,.token-reveal pre{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-size:11px;line-height:1.8;margin-top:10px}.tokens-list>div{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.tokens-list strong{display:block;font-size:12px;font-weight:500}.tokens-list small{display:block;color:var(--muted);font-size:10px}.resource-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;margin-top:18px}.history-row{display:flex;gap:15px;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--border)}.history-row:last-child{border:0}.history-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--hover);color:var(--muted);border-radius:50%;flex-shrink:0}.history-icon.green{background:#edf8f2;color:#2e9b7c}.history-row>div:nth-child(2){flex:1;min-width:0}.history-row strong{display:block;font-size:13px;font-weight:500;margin-top:6px}.history-row small{font-size:10px;color:var(--muted)}.history-row time{font-size:10px;color:var(--muted);margin-top:7px;white-space:nowrap}.history-row details{font-size:11px;color:var(--muted);margin-top:10px}.history-row pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:220px;overflow:auto;background:var(--hover);padding:10px;border-radius:5px}.user-row{display:flex;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid var(--border)}.user-row>div:nth-child(2){flex:1}.user-row strong{display:block;font-size:13px}.user-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.users-panel{margin-top:24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#22283d55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{background:var(--surface);color:var(--ink);width:570px;max-width:100%;max-height:90dvh;overflow:auto;border-radius:14px;box-shadow:0 20px 90px #20265035;padding:25px 28px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal header h2{font-size:22px;margin-top:4px}.modal header small{color:var(--muted);font-size:10px}.modal footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.emoji-picker{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:18px}.emoji-picker>button{background:var(--hover);border-radius:5px;font-size:18px;width:32px;height:32px}.emoji-picker>input{height:32px;width:35px;padding:0;border:0;background:transparent;cursor:pointer;margin-left:auto}.checklist-editor{border:1px solid var(--border);padding:16px;border-radius:8px;margin-top:20px}.checklist-editor h3{display:flex;align-items:center;gap:6px;margin-bottom:18px;font-size:13px}.checklist-editor h3 span{margin-left:auto;color:var(--muted);font-size:10px;font-weight:400}.checklist-editor .secondary{font-size:11px;min-height:34px;margin-bottom:12px}.check-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);min-height:40px}.check-item span{flex:1;font-size:12px}.reminder-fields{display:flex;align-items:center;gap:20px}.reminder-fields .check-label{flex:1}.reminder-fields label:not(.check-label){width:120px;font-size:11px}.small-modal{width:420px}.small-modal>p{font-size:12px;margin:15px 0 23px}.login-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--surface)}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:46px 65px;background:linear-gradient(145deg,#f1f3fe 5%,#f4f6fc 65%,#e9edf9);border-right:1px solid #e5e8f4;color:#353d65}.login-story .brand{padding:0}.login-story .eyebrow{color:#8f97b7}.login-story h1{font-size:48px;line-height:1.45;letter-spacing:-2px;margin:20px 0}.login-story p:not(.eyebrow){color:#8b92ae;font-size:14px;line-height:2.1}.login-feature-chips{display:flex;gap:11px;margin-top:26px;flex-wrap:wrap}.login-feature-chips span{background:#ffffff90;border:1px solid #e2e6f4;border-radius:20px;padding:7px 12px;font-size:11px;color:#858fac}.login-illustration{position:relative;margin:44px 0 35px;width:350px;max-width:100%}.illustration-card{background:#ffffffbc;border:1px solid #fff;box-shadow:0 10px 35px #53618d0c;border-radius:15px;padding:26px;transform:rotate(-3deg)}.illustration-card>span{display:block;font-size:13px;color:#7680a3;margin-bottom:20px}.illustration-card>div:not(.illustration-progress){font-size:12px;color:#939cba;margin-bottom:16px}.illustration-card>div:nth-child(2){color:#6f7cb1}.illustration-progress{height:4px;background:#eff1f9;border-radius:8px;margin-top:24px}.illustration-progress span{display:block;width:38%;height:100%;background:#9ca8dd;border-radius:8px}.floating-note{position:absolute;bottom:5px;right:-25px;background:#fff;border:1px solid #e8ebf6;border-radius:9px;padding:15px 20px;font-size:11px;color:#8692b4;transform:rotate(4deg);box-shadow:0 8px 20px #2026500a}.login-story>small{font-size:11px;color:#919ab7}.login-form-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative}.login-form-area form{width:350px;max-width:100%}.login-form-area h2{font-size:28px;letter-spacing:-1px;margin-bottom:10px}.login-form-area form>p.muted{font-size:12px;margin-bottom:32px}.login-form-area label{font-size:12px;margin-top:21px}.login-form-area input{min-height:47px!important}.login-form-area .primary{margin-top:8px;min-height:47px}.login-form-area .secondary{min-height:47px}.login-divider{display:flex;align-items:center;gap:15px;color:#a7acbc;font-size:10px;margin:25px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-form-area p.small{font-size:10px;line-height:1.9;margin-top:25px;text-align:center}.login-copyright{position:absolute;bottom:30px;color:#a7acbc;font-size:10px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark]{color-scheme:dark;--bg: #101117;--surface: #191c25;--sidebar: #14161e;--ink: #e1e4ed;--muted: #9399aa;--border: #2a2d3b;--soft: #252a48;--hover: #222634;background:var(--bg);color:var(--ink)}[data-theme=dark] .demo-banner{background:#20263f;border-color:#303959;color:#a7b1d8}[data-theme=dark] .today-card{background:#232943;border-color:#303959;color:#c3cbf0}[data-theme=dark] .sidebar-tip{background:#22273c;border-color:#303959}[data-theme=dark] .p0{background:#262c36}[data-theme=dark] .p1{background:#263246}[data-theme=dark] .p2{background:#3d3426}[data-theme=dark] .p3{background:#442c31}[data-theme=dark] .error-banner,[data-theme=dark] .inline-error{background:#44292d;color:#f4aba4}[data-theme=dark] .success-message{background:#213d33;color:#87c9b0}@media(min-width:1650px){.content{padding-top:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}.task-row{padding-block:23px}.stat-card{padding:25px}.stat-card>strong{font-size:36px}}@media(max-width:1200px){.content{padding:25px 24px 0}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 230px;gap:17px}.stats-grid{gap:12px}.stat-card{padding:17px}.task-row{gap:8px;padding:16px 13px}.row-action{display:none}.calendar-layout{grid-template-columns:minmax(0,1fr)}.day-agenda{display:none}.settings-layout{grid-template-columns:minmax(0,1fr) 290px;gap:17px}.settings-panel{padding:18px}.chart-bars{gap:10px}.chart-note{width:105px}.page-title{align-items:flex-start}.page-title .button-group{justify-content:flex-end}}@media(max-width:980px){.sidebar{width:190px;padding-inline:12px}.main{margin-left:190px;width:calc(100% - 190px)}.brand{font-size:21px}.brand small{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.quote{display:none}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.setting-panel{padding:22px}.login-story{padding:35px}.login-story h1{font-size:40px}.login-feature-chips{gap:5px}.login-feature-chips span{font-size:9px;padding:6px 8px}.floating-note{right:0}.chart-note{width:145px}.history-row time{font-size:9px}.calendar-cell{min-height:110px}}@media(max-width:700px){h1{font-size:25px}.sidebar{inset:auto 0 0 0;width:100%;height:72px;padding:0;background:var(--surface);border-right:0;border-top:1px solid var(--border);display:block;padding-bottom:env(safe-area-inset-bottom)}.sidebar>.brand,.workspace-label,.sidebar-lists,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;justify-content:space-around;gap:0;height:65px;padding:5px 4px}.sidebar nav button{width:auto;flex:1;padding:6px 2px;flex-direction:column;gap:5px;border-radius:8px;font-size:9px;min-height:54px}.sidebar nav small{display:none}.sidebar nav button.active{background:transparent;color:var(--accent)}.sidebar nav button svg{width:19px;height:19px}.main{margin:0 0 72px;width:100%}.topbar{height:56px;padding:0 20px;font-size:10px}.topbar-date{font-size:9px}.tiny-avatar{margin-left:0}.content{padding:19px 17px 0}.demo-banner{font-size:9px;padding:6px 9px;gap:5px;margin-bottom:20px;align-items:flex-start}.demo-banner .text-button{font-size:9px;min-height:28px;flex-shrink:0}.page-title{gap:13px;margin:5px 0 23px;flex-wrap:wrap}.page-title .muted{font-size:11px}.page-title .primary{font-size:11px;padding:9px 12px;min-height:39px}.page-title .eyebrow{font-size:8px;letter-spacing:1.5px}.section-heading h2{font-size:13px}.section-heading select{font-size:10px;width:130px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px}.stat-card{padding:17px}.stat-card>strong{font-size:28px;margin:10px 0 5px}.stat-card>small{font-size:9px}.stat-card>div{font-size:11px}.dashboard-grid,.main-column,.right-column{gap:17px}.panel-title{padding:17px 15px}.panel-title h2{font-size:12px;flex-wrap:wrap}.panel-title h2 small{font-size:9px}.panel-title>.small{font-size:9px}.task-row{padding:16px 13px;gap:9px}.task-title strong{font-size:11px}.task-emoji{font-size:16px}.task-title small{font-size:9px}.task-title>span{gap:8px}.task-meta{font-size:9px}.priority{font-size:9px;padding:2px 5px}.priority svg{display:none}.task-meta>small{font-size:8px}.task-check{width:16px!important;height:16px!important}.right-column{grid-template-columns:1fr}.right-column>.panel{display:none}.today-card{padding:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.today-card>small{display:none}.today-card>div{padding:0;flex:1;gap:15px}.today-card strong{font-size:39px}.today-card>button{border:0;width:auto;font-size:10px;padding:7px 0;gap:9px}.chart{padding:20px 15px;gap:15px}.chart-bars{gap:10px}.chart-note{width:100px;padding-left:15px}.chart-note>strong{font-size:23px}.chart-note p{font-size:9px}.chart-column>small{font-size:8px}.app-footer{font-size:9px;padding:24px 0 18px}.list-toolbar{flex-wrap:wrap;gap:14px}.tabs{gap:1px}.tabs>button{font-size:11px;padding:8px 11px}.search-field{width:100%}.filter-toolbar select{width:112px;font-size:10px}.filter-toolbar{font-size:10px;gap:6px}.task-list .task-row{padding:18px 13px}.task-list .task-title strong{font-size:12px}.page-title .button-group{width:100%;justify-content:flex-start;gap:7px}.page-title .button-group .secondary{font-size:11px;min-height:39px;padding:9px 12px}.calendar-toolbar{padding:15px 12px;gap:8px}.calendar-toolbar h2{font-size:16px}.calendar-toolbar>.button-group{gap:2px}.calendar-toolbar .tabs{width:100%;justify-content:center}.calendar-toolbar .tabs button{flex:1;justify-content:center}.calendar-cell{min-height:92px;padding:6px 2px}.day-number{flex-direction:column;padding:0;gap:1px}.day-number small{font-size:8px;max-width:100%}.day-number strong{font-size:10px;height:22px}.cell-events{gap:2px;margin-top:3px}.cell-events>button{font-size:8px;padding:3px 1px}.calendar-footer{font-size:9px;padding:12px 9px;flex-wrap:wrap}.calendar-footer small{font-size:8px}.calendar-cell .cell-add{display:none!important}.week-view .calendar-cell{min-height:250px}.day-agenda{display:block;padding:20px}.day-agenda h2{font-size:20px}.agenda-items>button{padding:12px 0}.agenda-items strong{font-size:12px}.calendar-layout{gap:17px}.setting-panel{padding:20px 17px}.setting-panel h2{font-size:15px}.settings-side{display:flex}.settings-layout{gap:18px}.setting-panel>.button-group .secondary{font-size:11px;padding:9px}.history-row{padding:17px 15px;gap:10px;flex-wrap:wrap}.history-row strong{font-size:12px}.history-row time{padding-left:44px;width:100%;margin-top:0;font-size:9px}.history-icon{width:30px;height:30px}.user-row{padding:17px 14px;gap:10px;flex-wrap:wrap}.user-row .button-group{width:100%;padding-left:45px}.user-row .secondary{font-size:10px;min-height:35px;padding:7px 10px}.modal-backdrop{padding:13px}.modal{padding:22px 19px;max-height:94dvh;border-radius:12px}.modal header h2{font-size:20px}.form-grid{gap:12px}.modal label{font-size:12px}.emoji-picker{gap:5px}.emoji-picker>button{width:29px;height:29px;font-size:16px}.login-page{grid-template-columns:1fr}.login-story{padding:24px 28px 28px}.login-story>.brand{margin-bottom:25px;font-size:20px}.login-story h1{font-size:32px;line-height:1.45;margin:12px 0;letter-spacing:-1px}.login-story .eyebrow{font-size:8px}.login-story p:not(.eyebrow){font-size:11px}.login-feature-chips{margin-top:17px;gap:8px}.login-illustration,.login-story>small{display:none}.login-form-area{padding:30px 28px 55px;min-height:450px}.login-form-area h2{font-size:25px}.login-form-area form>p.muted{margin-bottom:24px}.login-form-area form{width:100%}.login-copyright{bottom:18px}.login-form-area .eyebrow{font-size:8px}.empty{padding:40px 15px}.empty h3{font-size:14px}.empty p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.list-selection{display:flex;gap:10px;margin-bottom:17px}.list-selection select{max-width:240px}.inline-list-form{display:flex;align-items:flex-end;gap:12px;margin:10px 0 18px}.inline-list-form label{flex:1;margin:0}.danger{color:#c76562!important;margin-right:auto}.tasks-controls{display:grid;grid-template-columns:minmax(80px,1fr) repeat(3,minmax(70px,1fr));gap:8px;margin-bottom:12px;align-items:center}.tasks-controls .list-toolbar,.tasks-controls .list-selection,.tasks-controls .filter-toolbar{display:contents}.tasks-controls .tabs{grid-column:1/4;grid-row:1;width:max-content;max-width:100%}.tasks-controls .primary{grid-column:4;grid-row:1;white-space:nowrap;padding:8px;min-height:36px;font-size:12px}.tasks-controls .search-field{grid-column:1;grid-row:2;width:100%;min-width:0;height:36px;padding:6px;gap:4px}.tasks-controls .search-field input{min-width:0;font-size:11px}.tasks-controls .list-selection select{grid-column:2;grid-row:2}.tasks-controls select{width:100%;min-width:0;font-size:11px;padding:6px 3px;min-height:36px}.tasks-controls .filter-toolbar>span{display:none}.tasks-controls select[aria-label=筛选优先级]{grid-column:3;grid-row:2}.tasks-controls select[aria-label=排序]{grid-column:4;grid-row:2}.calendar-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.calendar-actions button{white-space:nowrap}.range-active{color:var(--accent);outline:1px solid currentColor}.calendar-toolbar{flex-wrap:wrap}.calendar-cell.selected{background:color-mix(in srgb,#5e6ad2 14%,var(--surface));box-shadow:inset 0 0 0 1px #5e6ad255}.page-title{margin-bottom:14px}.content{padding-top:20px}.task-row{padding-top:12px;padding-bottom:12px}.login-story>div:not(.brand),.login-story>small,.login-copyright{display:none}@media(max-width:700px){.tasks-controls .tabs>button{padding:8px 6px;font-size:11px;gap:3px}.tasks-controls .tabs>button span{font-size:10px}.tasks-controls .primary svg{display:none}.content{padding-top:12px}.calendar-toolbar .tabs{width:auto;margin-left:auto}.calendar-toolbar h2{font-size:14px}.calendar-toolbar>.button-group{margin-left:auto}.date-range-fields{grid-template-columns:1fr 1fr!important}.calendar-actions{justify-content:stretch}.calendar-actions button{flex:1;font-size:12px;padding:9px}.demo-banner{font-size:10px;padding:7px 10px;margin-bottom:12px}}.tasks-controls .search-field>svg{left:7px;width:12px}.tasks-controls .search-field>input{padding-left:21px!important;padding-right:3px;font-size:10px}.tasks-controls .search-field{padding:0}.dashboard-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.task-list .task-row{padding-top:12px;padding-bottom:12px}.calendar-actions.is-managing{position:sticky;bottom:16px;z-index:5;background:var(--surface);padding:10px;border:1px solid var(--border);border-radius:10px}.history-actions{display:flex;justify-content:flex-end;margin-top:12px}.ai-compact{margin-bottom:14px}.ai-key-row,.ai-skill-row,.account-settings{display:flex;align-items:center;gap:8px}.ai-key-row>strong{white-space:nowrap;font-size:13px}.ai-key-row>input{min-width:0;flex:1;width:100px}.ai-key-row>button,.ai-skill-row>button{white-space:nowrap;font-size:12px;padding:8px 10px}.ai-skill-row{margin-top:8px}.compact-preferences{display:flex;gap:16px;margin-bottom:14px}.compact-preferences label{flex:1;min-width:0}.account-settings span{margin-right:auto}@media(max-width:700px){.calendar-actions.is-managing{bottom:78px}.ai-compact{padding:12px}.ai-key-row{gap:6px}.ai-key-row>strong{font-size:12px}.ai-key-row>button{font-size:11px;padding:8px}.ai-key-row>input{font-size:12px}.compact-preferences{padding:12px}}