:root{--paper:#f6f5f1;--white:#fff;--ink:#29332d;--muted:#81877f;--line:#e6e7e0;--green:#d2ed9c;--green-dark:#526c33;--red:#a44636;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #98ba62;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--ink);color:var(--paper);border-radius:12px;font-size:23px;font-weight:600;letter-spacing:-2px}.brand-icon span{color:var(--green)}.accent{color:#8aaa55}.eyebrow,.small-label{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted)}.muted{color:var(--muted);font-size:14px;line-height:1.8}.primary{background:var(--ink);color:white;border-radius:8px;padding:13px 20px;font-size:13px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:28px;transition:background .15s}.primary:hover{background:#415243}.wide{width:100%;justify-content:space-between}.primary kbd{color:#bdc9bb;background:#4a554b;font:11px monospace;padding:2px 5px;border-radius:3px}input:not([type=checkbox]),textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:13px 14px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#a7ada2}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.intro{padding:42px 7vw 28px;display:flex;flex-direction:column;min-height:100dvh}.intro-main{max-width:520px;margin:auto 0;padding:70px 0}.intro h1{font-size:clamp(32px,3.4vw,54px);font-weight:600;letter-spacing:-2px;line-height:1.35;margin:20px 0}.intro-main>p{color:var(--muted);font-size:14px;line-height:2}.preview-note{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:35px;padding:23px;box-shadow:0 10px 30px #26372a05;transform:rotate(-2deg);max-width:440px}.preview-top{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#8db25c}.preview-star{margin-left:auto;color:#93af60;font-size:23px}.preview-note h3{font-size:14px;font-weight:600}.preview-note pre{font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#52614a;white-space:pre-wrap}.code-comment{color:#9ba497}.preview-tags{display:flex;gap:7px}.preview-tags span,.tag{font-size:10px;border:1px solid var(--line);padding:4px 8px;border-radius:5px;color:#6e7c61;background:#fafbf7}.intro-footer{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.intro-footer span:last-child{font-size:8px;letter-spacing:1px}.login-panel{border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 7vw;position:relative}.login-card{width:100%;max-width:340px}.login-card h2{font-size:29px;letter-spacing:-1px;font-weight:600;margin:16px 0 8px}.login-card>.muted{font-size:12px;margin-bottom:38px}.login-card label{display:block;font-size:12px;margin:0 0 10px}.login-card input{background:#fafaf7;margin-bottom:18px}.privacy-note{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px;font-size:11px;line-height:1.8;color:#6a7467}.privacy-note>span:first-child{font-size:23px}.privacy-note small{font-size:10px;color:var(--muted)}.powered{position:absolute;bottom:30px;font-size:9px;letter-spacing:1.2px;color:#a2a89d;text-align:center;display:grid;gap:7px}.powered span{font-size:10px;letter-spacing:0}.hint{font-size:11px;color:var(--muted);line-height:1.7}.error{color:var(--red);font-size:12px;line-height:1.8}.text-button{background:transparent;color:var(--muted);font-size:11px;padding:15px 0}.workspace{display:grid;grid-template-columns:242px 1fr;min-height:100dvh}.sidebar{padding:29px 22px 20px;background:#eeefe8;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar .brand{font-size:19px;gap:9px}.sidebar .brand-icon{width:36px;height:36px;font-size:21px}.workspace-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:35px 0 18px;color:var(--muted)}.workspace-label span{font-size:8px;border:1px solid #d8dccf;border-radius:4px;padding:3px 5px;letter-spacing:.6px}.sidebar nav{display:grid;gap:6px;margin-top:29px}.nav-item{display:flex;text-align:left;gap:12px;align-items:center;padding:11px 13px;border-radius:7px;background:none;font-size:12px;color:#74806f}.nav-item span{font-size:17px}.nav-item.active{background:#e0e7d5;color:#3d5036;font-weight:600}.sidebar-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:31px 10px 12px}.tag-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;max-height:30vh}.tag-button{background:none;text-align:left;padding:9px 13px;color:#76816e;font-size:11px;border-radius:7px;overflow-wrap:anywhere}.tag-button.active{background:#e0e7d5}.tag-button:before{content:'#';margin-right:13px;color:#a4ae9a}.sidebar-bottom{margin-top:auto;padding-top:30px}.edge-card{font-size:10px;padding:13px 12px;border:1px solid #dce2d3;border-radius:8px}.edge-card .status-dot{margin-right:6px}.edge-card p{font-size:9px;color:var(--muted);margin:8px 0 0}.user-row{display:flex;align-items:center;gap:9px;margin-top:22px}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dde3d5;color:#69785c;font:12px monospace}.user-row div{min-width:0;flex:1}.user-row strong{font-size:10px;display:block}.user-row small{font-size:9px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;max-width:130px;margin-top:3px}.icon-button{background:none;font-size:22px;color:var(--muted);padding:3px 6px}.main{min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:10px;color:var(--muted)}.topbar strong{font-weight:500;color:#5b6854}.slash{margin:0 13px;color:#c1c7ba}.topbar-right{display:flex;align-items:center;gap:7px;font-size:9px}.main-content{padding:47px 43px 22px;max-width:1350px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-heading h1{font-size:36px;font-weight:600;letter-spacing:-1px;margin:13px 0 4px}.page-heading .muted{font-size:12px;margin:0}.count-badge{font-size:10px;background:#e9eddf;border:1px solid #dbe2cf;color:#788766;padding:6px 10px;border-radius:6px;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 25px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 13px;max-width:420px;width:100%;color:#a0a994}.search>span{font-size:25px}.search input{border:none;padding:12px 0;background:none;font-size:12px;outline-offset:0}.search kbd{font:11px monospace;border:1px solid var(--line);padding:2px 6px;border-radius:4px}.sort-label{font-size:10px;color:var(--muted);white-space:nowrap}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.note-card{display:flex;flex-direction:column;min-height:230px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;text-align:left;transition:transform .15s,box-shadow .15s;color:var(--ink)}.note-card:hover{transform:translateY(-3px);box-shadow:0 7px 16px #26372a08}.card-top{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.card-pin{color:#91a860;font-size:16px}.note-card h2{font-size:15px;line-height:1.6;font-weight:600;margin:13px 0 9px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt{font:11px/1.8 ui-monospace,SFMono-Regular,"PingFang SC",monospace;color:#87907e;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0 0 20px}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.card-tags .tag{font-size:9px;padding:3px 6px}.empty{text-align:center;border:1px dashed #d8ddcd;border-radius:12px;padding:65px 20px;margin-top:10px}.empty-icon{display:inline-grid;place-items:center;font:29px monospace;width:65px;height:65px;background:#e8eddf;color:#90a875;border-radius:18px;transform:rotate(-6deg);margin-bottom:13px}.empty h2{font-size:20px;font-weight:550}.empty p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px}.main-footer{display:flex;justify-content:space-between;font-size:9px;color:#a3ab99;gap:20px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}.main-footer span:last-child{letter-spacing:1.5px;font-size:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:11px;margin-top:25px}.secondary{background:#e9ecdf;color:#637156;padding:8px 12px;border-radius:6px;font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;width:min(740px,calc(100% - 30px));max-height:90dvh;padding:0;background:#fff;color:var(--ink);box-shadow:0 24px 100px #16251125}dialog::backdrop{background:#1d2b2355;backdrop-filter:blur(3px)}#note-form{padding:26px 32px}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.title-input{font-size:25px;font-weight:600!important;border:0!important;padding:10px 0!important}.editor-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;padding:13px 0 19px;border-bottom:1px solid var(--line)}.pin-control{display:flex;align-items:center;gap:7px;cursor:pointer}#note-content{resize:vertical;min-height:240px;border:0;font:13px/1.9 ui-monospace,SFMono-Regular,"PingFang SC",monospace;padding:20px 0;margin-bottom:7px}.field-label{display:block;font-size:11px;margin-bottom:9px}.field-label small{font-size:10px;color:var(--muted);margin-left:9px}#note-tags{font-size:12px;background:#fafbf7}.attachments{margin-top:22px}.attachment-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px}.upload-button{color:#6e8652;cursor:pointer;padding:6px 0;font-size:11px}.attachment-item{display:flex;align-items:center;gap:10px;background:#f5f7ef;padding:9px 12px;margin-top:8px;border-radius:6px;font-size:11px}.attachment-item a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment-item small{font-size:9px;color:var(--muted)}.attachment-item button{font-size:17px}.editor-footer{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.editor-footer .primary{margin-left:auto}.danger{background:none;color:var(--red);font-size:11px;padding:6px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:var(--ink);color:#fff;padding:13px 24px;border-radius:9px;font-size:12px;z-index:10;box-shadow:0 6px 30px #0002}.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(min-width:1500px){.intro{padding-left:12vw}.login-panel{padding-right:12vw}}@media(max-width:900px){.workspace{grid-template-columns:190px 1fr}.sidebar{padding:25px 15px}.sidebar .brand{font-size:16px}.main-content{padding:32px 24px}.topbar{padding:0 24px}.intro{padding:30px 6vw}.intro-main{padding:55px 0}.intro-footer span:last-child{display:none}.login-panel{padding:50px 5vw}.preview-note{padding:17px}.preview-note h3{font-size:12px}}@media(max-width:640px){.login-layout{display:block}.intro{min-height:0;padding:24px}.intro-main{padding:30px 0 5px}.intro h1{font-size:33px}.intro-main>p{font-size:12px}.intro .eyebrow{font-size:8px}.preview-note,.intro-footer{display:none}.login-panel{padding:30px 24px 90px;border:0;background:var(--paper)}.login-card{max-width:none}.login-card h2{font-size:24px}.login-card>.muted{margin-bottom:25px}.workspace{display:block}.sidebar{position:static;height:auto;padding:15px 20px;display:grid;grid-template-columns:1fr auto;gap:15px}.sidebar .brand{font-size:18px}.sidebar>.primary{width:auto;gap:15px;padding:10px 15px}.sidebar nav{grid-column:1/-1;display:flex;margin:0;gap:6px}.sidebar .workspace-label,.sidebar-heading,.tag-nav,.edge-card,.sidebar .user-row strong,.sidebar .user-row small,.sidebar .avatar{display:none}.sidebar-bottom{position:absolute;top:78px;right:22px;margin:0;padding:0}.user-row{margin:0}.topbar{height:52px;padding:0 22px}.main-content{padding:29px 22px}.page-heading h1{font-size:30px}.eyebrow{font-size:8px}.toolbar{gap:12px;margin:25px 0 20px}.sort-label{display:none}.note-grid{grid-template-columns:1fr}.note-card{min-height:210px}.main-footer{font-size:8px}.empty{padding:40px 16px}.empty h2{font-size:17px}#note-form{padding:19px}.title-input{font-size:21px}#note-content{min-height:190px}.editor-footer .hint{display:none}.editor-meta{font-size:9px}.powered{bottom:25px}}