:root{--ink:#173a34;--muted:#6b827d;--mint:#39b69a;--deep:#147d68;--pale:#e9faf5;--line:rgba(42,135,115,.15);--glass:rgba(255,255,255,.64);--canvas:#f2faf7;--shadow:0 18px 46px rgba(19,104,85,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 8% 0,#d9f8ed,transparent 25rem),radial-gradient(circle at 97% 14%,#d8f6ee,transparent 28rem),var(--canvas)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;gap:18px;width:min(1180px,calc(100% - 40px));height:62px;padding:0 18px;margin:14px auto 0;border:1px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(255,255,255,.64);box-shadow:0 8px 28px rgba(22,102,85,.09);backdrop-filter:blur(22px) saturate(1.3)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#fff;border-radius:9px;background:linear-gradient(145deg,#5bd5b7,#168873)}.nav{display:flex;gap:3px;margin-left:auto}.nav a,.search-toggle{padding:8px 11px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:14px inherit;cursor:pointer;transition:.2s}.nav a:hover,.nav a.active,.search-toggle:hover{color:var(--deep);background:#e2f8f1}.search-toggle{background:#eaf7f3}.home{padding-top:42px}.action-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:rgba(255,255,255,.28);backdrop-filter:blur(12px)}.action-card{display:flex;align-items:center;gap:13px;min-height:118px;padding:22px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(230,250,243,.64));box-shadow:0 10px 25px rgba(22,107,89,.07);transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s}.action-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 20px 35px rgba(22,107,89,.16)}.action-card:active,.note-card:active,.space-card:active{transform:scale(.97)}.action-icon,.space-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:15px;color:#167b68;background:rgba(203,249,235,.8);font-size:20px}.action-card b,.action-card small{display:block}.action-card b{font-size:18px;letter-spacing:-.03em}.action-card small{color:var(--muted);font-size:13px}.action-card i{margin-left:auto;color:var(--mint);font-style:normal;font-size:22px}.library-section{margin:34px 0 70px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:17px}.section-head h2{margin:0;font-size:28px;letter-spacing:-.05em}.section-head a{color:var(--deep);font-size:14px;font-weight:700}.space-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.space-card{position:relative;min-height:178px;padding:26px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(18px);transition:transform .25s,box-shadow .25s}.space-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(19,105,86,.16)}.space-card:after{position:absolute;right:-25px;bottom:-56px;width:170px;height:170px;content:"";border-radius:50%;background:rgba(151,238,211,.52)}.space-icon{position:relative;z-index:1}.space-card h2{margin:17px 0 4px;font-size:29px;letter-spacing:-.05em}.space-card p{margin:0;color:var(--muted)}.compact-head{padding:58px 0 24px}.compact-head h1{margin:5px 0;font-size:48px;letter-spacing:-.07em;line-height:1.1}.compact-head p{margin:0;color:var(--muted)}.kicker{color:var(--deep);font-size:12px;font-weight:800;letter-spacing:.12em}.sort-bar{display:flex;align-items:center;gap:7px;margin:0 0 17px;color:var(--muted);font-size:13px}.sort-button{padding:6px 11px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.65);color:var(--muted);font:inherit;cursor:pointer;transition:.2s}.sort-button.active,.sort-button:hover{border-color:#91ddc9;background:#dff8f0;color:var(--deep)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.note-card{position:relative;display:block;min-height:190px;padding:21px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:21px;background:var(--glass);box-shadow:0 9px 24px rgba(18,102,83,.07);backdrop-filter:blur(16px);transition:transform .22s,box-shadow .22s,border-color .22s}.note-card:hover{z-index:1;transform:translateY(-5px);border-color:rgba(86,200,171,.55);box-shadow:0 21px 37px rgba(17,103,84,.16)}.serial{display:inline-block;margin-bottom:10px;color:var(--deep);font-size:12px;font-weight:800;letter-spacing:.08em}.note-card h3{margin:0 0 9px;font-size:17px;line-height:1.4;letter-spacing:-.025em}.note-summary{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-summary b{display:block;color:#2c7162;font-size:11px;letter-spacing:.08em}.note-facts{position:absolute;right:20px;bottom:17px;left:20px;display:flex;justify-content:space-between;color:#638078;font-size:12px}.note-facts span:last-child{color:#22a786;letter-spacing:1px}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.folder-card{padding:18px;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:var(--glass);box-shadow:0 8px 20px rgba(20,105,86,.05);backdrop-filter:blur(14px);transition:.2s}.folder-card:hover{transform:translateY(-3px);background:#fff}.folder-card b,.folder-card span{display:block}.folder-card span{color:var(--muted);font-size:13px}.page-head{padding:52px 0 16px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:32px;padding:20px 0 70px}.article,.aside,.tool-card{border:1px solid rgba(255,255,255,.84);border-radius:27px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.article{padding:clamp(24px,5vw,48px);overflow-wrap:anywhere}.article h1{font-size:40px;letter-spacing:-.06em}.article h2{margin-top:44px}.article img{max-width:100%;border-radius:14px}.article pre{padding:18px;overflow:auto;color:#ebfffa;background:#164b41;border-radius:14px}.article code{padding:2px 5px;background:#e3f6f0;border-radius:5px}.article pre code{background:none}.article a{color:var(--deep);text-decoration:underline;text-decoration-color:#aeeedb}.aside{position:sticky;top:94px;align-self:start;padding:20px}.aside a{display:block;padding:4px 0;color:var(--muted);font-size:13px}.backlinks{padding:18px;margin-top:35px;border-radius:18px;background:#e4f8f1}.graph-wrap{height:min(70vh,680px);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle,#fff,#e5f7f1)}.graph-canvas{width:100%;height:100%}.graph-legend{display:flex;gap:12px;margin:14px 0;color:var(--muted);font-size:13px}.dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}.blue{background:#4bcab0}.green{background:#168873}.tool-page{min-height:72vh}.tool-card{padding:28px}.task-form{display:flex;gap:10px}.task-form input{flex:1;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.8);font:inherit}.task-form button,.timer-actions button{padding:12px 18px;border:0;border-radius:13px;background:var(--deep);color:white;font:inherit;cursor:pointer}.task-list{margin-top:15px}.task-item{display:flex;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line)}.task-item.done span{text-decoration:line-through;color:var(--muted)}.task-item button{margin-left:auto;border:0;background:none;color:#cf6b6b;cursor:pointer}.pomodoro{text-align:center}.timer-ring{display:grid;place-items:center;width:230px;height:230px;margin:8px auto 22px;border:12px solid #bcebdc;border-radius:50%;background:rgba(255,255,255,.58)}.timer-ring span{font-size:42px;font-weight:800;letter-spacing:-.06em}.timer-ring small{color:var(--muted)}.timer-actions{display:flex;justify-content:center;gap:10px}.timer-actions .secondary{background:#dff5ef;color:var(--deep)}.search-panel{display:none;position:fixed;z-index:30;inset:0;padding-top:14vh;background:rgba(12,57,47,.22);backdrop-filter:blur(5px)}.search-panel.open{display:block}.search-box{width:min(670px,calc(100% - 32px));max-height:70vh;padding:16px;margin:auto;overflow:auto;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(10,66,53,.24)}.search-input{width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;font:inherit}.search-result{display:block;padding:13px 8px;border-bottom:1px solid #edf4f1}.search-result span{color:var(--muted);font-size:13px}.footer{padding:30px 0 42px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer .shell{display:flex;justify-content:space-between}@media(max-width:760px){.shell,.topbar{width:calc(100% - 24px)}.topbar{height:56px;top:8px}.nav{display:none}.search-toggle{margin-left:auto}.action-banner,.space-grid,.card-grid,.folder-grid,.article-layout{grid-template-columns:1fr}.action-card{min-height:94px}.compact-head{padding-top:42px}.compact-head h1{font-size:38px}.article-layout{gap:16px}.aside{position:static}.footer .shell{display:block}}

/* Monochrome theme override */
:root{--ink:#181818;--muted:#747474;--mint:#202020;--deep:#111;--pale:#f1f1f1;--line:rgba(0,0,0,.11);--glass:rgba(255,255,255,.68);--canvas:#f5f5f3;--shadow:0 18px 46px rgba(0,0,0,.09)}
body{background:radial-gradient(circle at 8% 0,#fff,transparent 25rem),radial-gradient(circle at 97% 14%,#ececea,transparent 28rem),var(--canvas)}
.topbar{box-shadow:0 8px 28px rgba(0,0,0,.07);backdrop-filter:blur(22px) saturate(1.05)}.brand-mark{background:linear-gradient(145deg,#5b92f7,#2463d4)}.nav a:hover,.nav a.active,.search-toggle:hover{color:#111;background:#ececea}.search-toggle{background:#efefed}
.action-card{background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(240,240,238,.68));box-shadow:0 10px 25px rgba(0,0,0,.06)}.action-card:hover{box-shadow:0 20px 35px rgba(0,0,0,.12)}.action-icon,.space-icon{color:#2864d3;background:rgba(226,236,255,.94)}.action-card i{color:#2864d3}.space-card:after{background:rgba(190,190,185,.36)}.space-card,.note-card,.folder-card{box-shadow:0 10px 25px rgba(0,0,0,.06)}.space-card:hover,.note-card:hover{box-shadow:0 20px 38px rgba(0,0,0,.12)}.note-card:hover{border-color:rgba(0,0,0,.2)}.serial,.section-head a,.kicker{color:#222}.sort-button.active,.sort-button:hover{border-color:#999;background:#e9e9e6;color:#111}.note-summary b{color:#454545}.note-facts span:last-child{color:#333}.article pre{background:#202020}.article code{background:#ededeb}.backlinks{background:#ededeb}.graph-wrap{background:radial-gradient(circle,#fff,#e8e8e5)}.blue,.green{background:#222}.tool-card{box-shadow:0 16px 35px rgba(0,0,0,.08)}.timer-ring{border-color:#d3d3d0}.timer-actions .secondary{background:#e5e5e2;color:#111}