:root{--green:#5866b6;--ink:#323541;--muted:#858994;--line:#ececf0;--paper:#fff}body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;color:#363843}aside{width:216px;background:#f7f7f9;border-right:1px solid #eeeeF2;color:#60636f;padding:32px 18px 22px}.brand{font-size:21px;letter-spacing:1px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-left:12px}.brandmark{display:grid;place-items:center;width:29px;height:29px;background:#6371bc;border-radius:8px;color:white;font:italic 27px Georgia;box-shadow:0 3px 5px #4a5ba41f}.brand small{width:100%;font-size:11px;letter-spacing:1px;color:#8c8f9b;margin:2px 0 31px 40px;font-weight:400}nav button{color:#696d7a;padding:11px 14px;display:flex;align-items:center;gap:12px;font-size:13px;margin:5px 0}nav button.active{background:#eaeaf5;color:#5966a6;font-weight:600}nav button:hover,.domains button:hover{background:#efeff5}nav span{margin:0;display:flex;align-items:center}.side-label{color:#9b9da7;letter-spacing:.5px;font-size:11px;margin:34px 13px 12px}.domains button{font-size:12px;color:#7a7e88;padding:9px 15px}.dot{width:6px;height:6px;background:#a7adca;margin-right:13px}.side-bottom{border-top:1px solid #e5e5ed;font-size:12px;color:#626775;position:relative;padding:18px 8px 0 43px}.side-bottom>span{color:#989ba5!important}.profile-avatar{position:absolute;left:3px;top:20px;border:1px solid #dfe2ec;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#63719a!important;background:#ebedf4}.brand{color:#363945}main{margin-left:216px;width:calc(100% - 216px);padding:0 44px 25px;max-width:1700px}header{height:78px;border:0}.breadcrumb{color:#9b9da6;font-size:12px}.search{background:#f8f8fa;border:1px solid #efeff3;width:215px;padding:9px 13px;font-size:12px;border-radius:7px}.primary{background:#626fbb;padding:9px 15px;font-size:12px;border-radius:6px}.secondary{font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-color:#e4e5ec;box-shadow:0 1px 2px #30304505}.home-top{display:flex;align-items:center;justify-content:space-between;padding:24px 0 27px}.home-date{font-size:12px;color:#9396a3;letter-spacing:.2px}.home-top h1{font-size:30px;letter-spacing:0;margin:6px 0 0;font-weight:650}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:38px}.home-main{min-width:0}.focus-panel{border:1px solid #e4e6f3;background:#f5f6fc;border-radius:11px;padding:24px;display:flex;gap:16px;align-items:flex-start}.focus-icon{width:35px;height:35px;background:#e7eaf8;border-radius:9px;color:#6a76b9;display:grid;place-items:center;flex-shrink:0}.focus-panel small{font-size:11px;color:#7c83a3}.focus-panel h2{font-size:16px;font-weight:550;margin:8px 0 9px;line-height:1.6}.focus-panel p{font-size:12px;color:#8f94a7;margin:0}.focus-panel>button{margin-left:auto;font-size:23px;font-weight:300;color:#8991b4}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title h2{font-size:14px;letter-spacing:.2px;font-weight:600}.section-title h2>span{font-size:11px;font-weight:400;color:#9b9fab;margin-left:7px}.text-btn{font-size:11px;color:#969bad;padding:7px 0}.text-btn:hover{color:#5a6bb4}.task-section{margin-top:32px}.task{padding:18px 0;border-color:#f0f0f4;gap:12px}.task input{width:16px;height:16px;accent-color:#6c79be}.task-title{font-size:13px}.task small{font-size:10px;margin-top:6px;color:#a3a6af}.task .tag{background:#f4f4f8;color:#858ba1;font-size:10px}.delete{color:#bdc0ca}.completion{display:flex;align-items:center;gap:13px;margin:17px 0 0}.completion .progress{flex:1;height:3px;background:#f0f0f5}.progress i{background:#8791c6}.completion>span{font-size:10px;white-space:nowrap;color:#9da1af}.empty{font-size:12px;color:#999eaf;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:2}.home-collection{margin-top:35px;padding-top:27px;border-top:1px solid #ececf1}.sample-label{font-size:10px;color:#a1a4ae;margin-top:-8px;margin-bottom:11px}.bookmark-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f0f4}.bookmark-avatar{width:34px;height:34px;border:1px solid #e7e8ee;background:#fbfbfc;border-radius:8px;color:#71778c;display:grid;place-items:center;font-size:15px;font-weight:600;flex-shrink:0}.bookmark-row:nth-child(2) .bookmark-avatar{color:#363942}.bookmark-row:nth-child(3) .bookmark-avatar{background:#fff9e8;color:#b99a4e;border-color:#f5edda}.bookmark-info{flex:1;min-width:0}.bookmark-info>a{display:block;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-info small{display:block;font-size:10px;color:#a0a4b0;margin-top:4px}.bookmark-category{font-size:10px;color:#969bab}.read-toggle{font-size:10px;color:#9299b3;background:#f4f5fa;border-radius:4px;padding:4px 9px;min-width:38px}.add-bookmark{font-size:12px;color:#9b9faf;width:100%;border:1px dashed #e6e7ee;border-radius:7px;padding:12px;margin-top:18px;text-align:left}.add-bookmark:hover{border-color:#9da6cc;background:#fafaff}.home-right{border-left:1px solid #eeeeF3;padding-left:30px}.calendar-panel .section-title{margin:3px 0 19px}.quiet{font-size:11px;color:#9a9fac}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);row-gap:10px;place-items:center;font-size:11px;color:#777e8f}.mini-calendar small{font-size:10px;color:#a7aab3;margin-bottom:7px}.mini-calendar span{width:25px;height:25px;display:grid;place-items:center}.mini-calendar .current{background:#6976bd;border-radius:7px;color:#fff;box-shadow:0 2px 5px #6976bd33}.agenda-panel{border-top:1px solid #eeeeF3;padding-top:24px;margin-top:27px}.agenda-item{display:flex;gap:10px;margin:19px 0}.agenda-marker{width:3px;background:#c8cef0;border-radius:3px;flex-shrink:0}.agenda-item b{display:block;font-size:12px;font-weight:500;line-height:1.7}.agenda-item small{font-size:10px;color:#9ca1af;display:block;margin-top:5px}.agenda-empty{font-size:12px;color:#9198a9;line-height:2.2}.agenda-empty span{font-size:11px;color:#aaaebb}.reminder-note{font-size:10px;color:#b0b3bf;margin-top:20px}.areas-panel{border-top:1px solid #eeeeF3;margin-top:25px;padding-top:23px}.domain-entry{display:flex;width:100%;gap:11px;align-items:center;padding:9px 0;font-size:11px;color:#818897;text-align:left}.domain-entry i{width:9px;height:9px;border-radius:3px}.domain-entry span{flex:1}.domain-entry small{font-size:10px;color:#b1b5c1}.domain-entry:hover{color:#5364a2}.note{color:#b0b3bc;font-size:10px;margin-top:32px}.card{border-color:#ececf2;box-shadow:none}.tag{background:#f2f3f9;color:#848ba3}.tabs .selected{background:#eef0fa;color:#6674ad}.favicon{background:#eff0f8;color:#6d78a6}.banner{background:#f5f6fb;color:#6e7690}.stat{border-radius:9px}.stat-label{color:#8a8fa0}.stat small{color:#a0a5b2}.intro h1{font-size:27px}.eyebrow{display:none}.side-bottom{line-height:1.8}dialog label{color:#72798a}dialog input,dialog select{border-color:#e0e3ee}button{transition:background-color .15s,color .15s}a:hover{color:#5c6eb4}@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.home-grid{grid-template-columns:minmax(0,1fr) 290px;gap:45px}}@media(max-width:1100px){main{padding:0 26px 25px}.home-grid{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.home-right{padding-left:22px}.bookmark-category{display:none}.focus-panel{padding:20px}.focus-panel h2{font-size:14px}}@media(max-width:850px){aside{width:180px;padding-left:12px;padding-right:12px}.brand{font-size:19px}.brand small{margin-left:0}.home-grid{grid-template-columns:1fr}.home-right{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:26px;border-top:1px solid #eeeef3;padding-top:23px}.agenda-panel{margin:0;border:0;padding-top:0}.areas-panel{grid-column:1/-1}.calendar-panel .section-title{margin-top:7px}main{margin-left:180px;width:calc(100% - 180px)}}@media(max-width:720px){aside{width:64px;padding:24px 8px}.brand{padding:0;justify-content:center;font-size:0}.brandmark{font-size:27px}.brand small{display:none}nav{margin-top:24px}nav button{padding:12px;justify-content:center}nav .nav-label{display:none}.side-bottom,.domains,.side-label{display:none}main{margin-left:64px;width:calc(100% - 64px);padding:0 18px 20px}header{height:65px;justify-content:flex-end}.actions{width:100%;justify-content:space-between}.search{display:block;width:145px;font-size:10px}.primary{font-size:11px;padding:9px}.home-top{padding:19px 0 23px}.home-top h1{font-size:26px}.home-date{font-size:10px}.home-top .secondary{font-size:10px;padding:7px 9px}.home-top .secondary svg{display:none}.focus-panel{padding:17px;gap:11px}.focus-icon{width:29px;height:29px}.focus-panel h2{font-size:13px}.focus-panel p{font-size:10px}.focus-panel small{font-size:10px}.focus-panel>button{font-size:19px}.task-section{margin-top:27px}.home-right{grid-template-columns:1fr}.areas-panel{grid-column:auto}.section-title h2{font-size:13px}.bookmark-category{display:none}.bookmark-info>a{font-size:11px}.bookmark-row{gap:9px}.bookmark-avatar{width:30px;height:30px;font-size:12px}.bookmark-info small{font-size:9px}.home-collection{margin-top:28px}.task-title{font-size:12px}.task small{font-size:9px}.note{text-align:left!important}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
/* Keep supporting text readable at normal desktop scale. */
.home-date{color:#777f91}.focus-panel small{color:#69769b}.focus-panel p{color:#747e98}.text-btn{color:#737f9d;font-size:12px}.bookmark-info>a{font-size:14px}.bookmark-info small{font-size:11px;color:#7d8699}.bookmark-category{font-size:11px;color:#7e8799}.read-toggle{color:#6c7898}.task-title{font-size:14px}.task small{font-size:11px;color:#858d9e}.domain-entry{font-size:12px;color:#727d93}.domain-entry small{color:#8993a6}.mini-calendar{font-size:12px;color:#647089}.mini-calendar small{color:#7d879a}.section-title h2{font-size:15px}.agenda-empty{color:#768198}.agenda-empty span{color:#8c95a8}.sample-label{color:#8d95a7}.home-top h1{color:#30394d}.reminder-note{color:#929aad}.completion>span{color:#8690a5}.search::placeholder{color:#8a92a4}.bookmark-info>a:hover{text-decoration:underline}.note{color:#8b94a6}@media(max-width:720px){.bookmark-info>a{font-size:12px}.task-title{font-size:13px}.bookmark-info small,.task small{font-size:10px}.section-title h2{font-size:14px}}