:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20231f;background:#f4f3ee;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.eyebrow{color:#646862;letter-spacing:.22em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #262b2659;border-radius:8px;padding:8px 14px;transition:background-color .14s,color .14s,border-color .14s}button:hover:not(:disabled){color:#f4f3ee;background:#20231f}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#f4f3ee;background:#20231f}button.linkLike{color:#646862;background:0 0;border:none;padding:4px 6px;font-size:13px}button.linkLike:hover:not(:disabled){color:#20231f;background:0 0;text-decoration:underline}button.linkLike.danger{color:#b3382c}input,textarea{font:inherit;color:inherit;background:#fffefb;border:1px solid #262b2638;border-radius:8px;padding:10px 12px}input:focus,textarea:focus{outline-offset:1px;outline:2px solid #315cff59}.pageShell{max-width:720px;margin:0 auto;padding:32px 20px 96px}.topBar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.topBar h1{letter-spacing:.06em;margin:2px 0 0;font-family:Georgia,Songti SC,STSong,serif;font-size:34px;font-weight:500}.topActions{align-items:center;gap:10px;display:flex}.topActions .count{color:#646862;font-size:13px}.composer{background:#fffefb;border:1px solid #262b2629;border-radius:12px;gap:10px;padding:14px;display:grid;box-shadow:0 8px 30px #1c1c1a0d}.composer textarea{resize:vertical;border:none;width:100%;min-height:96px;padding:4px 2px}.composer textarea:focus{outline:none}.composerRow{align-items:center;gap:10px;display:flex}.composerRow input{flex:1}.filters{gap:10px;margin:22px 0 14px;display:grid}.filters input{width:100%}.tagRow{flex-wrap:wrap;gap:8px;display:flex}button.chip{color:#646862;border-color:#262b2640;border-radius:999px;padding:4px 12px;font-size:12.5px}button.chip.active{color:#f4f3ee;background:#20231f;border-color:#20231f}.hint{color:#646862;text-align:center;padding:24px 0;font-size:14px}.formError{color:#b3382c;font-size:14px}.noteList{gap:14px;margin:0;padding:0;list-style:none;display:grid}.noteCard{background:#fffefb;border:1px solid #262b2624;border-radius:12px;padding:16px 18px 12px}.noteCard.editing{gap:10px;display:grid}.noteCard.editing textarea{resize:vertical;width:100%}.noteMeta{color:#646862;border-top:1px solid #262b261a;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.noteMeta time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.noteMeta .edited{color:#8a8e86;font-size:12px}.tagList{flex-wrap:wrap;flex:1;gap:6px;display:flex}.tag{color:#50544c;background:#262b260f;border-radius:999px;padding:2px 10px;font-size:12px}.buttonGroup{align-items:center;gap:2px;display:flex}.md{overflow-wrap:anywhere;font-size:15px;line-height:1.75}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md pre{background:#f1f0ea;border:1px solid #262b261f;border-radius:8px;padding:12px;font-size:13px;overflow-x:auto}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.md :not(pre)>code{background:#262b2612;border-radius:4px;padding:1px 5px}.md blockquote{color:#50544c;border-left:3px solid #262b2633;margin:.6em 0;padding-left:14px}.md img{max-width:100%}.md table{border-collapse:collapse}.md th,.md td{border:1px solid #262b262e;padding:4px 10px;font-size:14px}.overlay{z-index:10;background:#20231f59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detailCard{background:#fffefb;border:1px solid #262b262e;border-radius:14px;width:100%;max-width:680px;max-height:82vh;padding:20px 24px;overflow-y:auto;box-shadow:0 18px 60px #1c1c1a2e}.detailCard header{color:#646862;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.detailCard footer{margin-top:16px}.loginWrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.loginCard{background:#fffefb;border:1px solid #262b2629;border-radius:14px;gap:14px;width:100%;max-width:340px;padding:28px;display:grid;box-shadow:0 8px 30px #1c1c1a0f}.loginCard h1{letter-spacing:.08em;margin:0;font-family:Georgia,Songti SC,STSong,serif;font-size:30px;font-weight:500}.loginCard label{color:#646862;gap:6px;font-size:13px;display:grid}.loginCard button[type=submit]{color:#f4f3ee;background:#20231f;margin-top:4px}@media (max-width:480px){.pageShell{padding:20px 14px 72px}.topBar h1{font-size:28px}.noteMeta{gap:6px}.composerRow{flex-direction:column;align-items:stretch}}