:root{--paper:#f4f0e8;--ink:#181713;--muted:#777269;--line:#d8d1c4;--accent:#8d2f26;--serif:"Noto Serif SC","Songti SC","STSong",serif;--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.notes-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px max(22px,calc((100vw - 1120px)/2));background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid rgba(24,23,19,.08)}.notes-brand{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--paper);text-decoration:none;font-family:var(--serif);font-size:19px}.notes-header nav{display:flex;gap:22px}.notes-header nav a{color:var(--muted);text-decoration:none;font-size:13px}.notes-header nav a.active,.notes-header nav a:hover{color:var(--ink)}.notes-shell{width:min(920px,calc(100% - 40px));margin:auto}.notes-hero{padding:86px 0 52px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 20px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.19em}.notes-hero h1{margin:0;font-family:Georgia,var(--serif);font-size:clamp(64px,12vw,132px);font-weight:500;line-height:.83;letter-spacing:-.07em}.notes-hero>p:last-child{max-width:520px;margin:34px 0 0;color:var(--muted);font-family:var(--serif);font-size:18px;line-height:1.8}.notes-toolbar{display:flex;gap:9px;padding:24px 0;border-bottom:1px solid var(--line);overflow:auto}.notes-toolbar button{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;padding:8px 12px;cursor:pointer}.notes-toolbar button.is-active{background:var(--ink);color:var(--paper)}.note{position:relative;padding:52px 0;border-bottom:1px solid var(--line)}.note-meta{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.note-tag{color:var(--accent)}.note-owner-actions{position:absolute;top:47px;right:0;display:flex;gap:6px}.note-owner-actions button{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,white);color:var(--muted);padding:6px 10px;font:inherit;font-size:11px;cursor:pointer}.note-owner-actions button:hover{border-color:var(--ink);color:var(--ink)}.note-owner-actions button.is-danger:hover{border-color:var(--accent);color:var(--accent)}.note-owner-actions button:disabled{opacity:.5;cursor:default}.note-title{max-width:760px;margin:0 0 18px;font-family:var(--serif);font-size:clamp(28px,5vw,46px);font-weight:500;line-height:1.25}.note-body{max-width:720px;font-family:var(--serif);font-size:18px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.note.is-short .note-body{max-width:760px;font-size:clamp(23px,4.8vw,34px);line-height:1.65;letter-spacing:.01em}.note.is-medium .note-body{font-size:20px}.note-images{display:grid;gap:10px;margin:0 0 28px}.note-images.count-2,.note-images.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.note-images.count-3{grid-template-columns:1.35fr 1fr}.note-images.count-3 img:first-child{grid-row:span 2;height:100%}.note-images img{display:block;width:100%;max-height:680px;object-fit:cover;background:#ddd}.note-images.count-1 img{object-fit:contain;max-height:760px}.note-more{display:inline-block;margin-top:20px;color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink)}.empty-state{padding:80px 0;color:var(--muted);text-align:center}.notes-footer{display:flex;justify-content:space-between;width:min(920px,calc(100% - 40px));margin:0 auto;padding:38px 0 56px;color:var(--muted);font-size:11px}.composer-body{min-height:100vh}.composer-shell{width:min(760px,calc(100% - 30px));margin:auto;padding:26px 0 110px}.composer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.composer-top h1{margin:0;font-family:Georgia,var(--serif);font-size:26px}.composer-top a{color:var(--muted);font-size:13px;text-decoration:none}.composer-card{background:#faf8f2;border:1px solid var(--line);padding:clamp(18px,5vw,42px)}.composer-title,.composer-text,.composer-tags{width:100%;border:0;border-bottom:1px solid var(--line);outline:0;background:transparent;color:var(--ink);font-family:var(--serif)}.composer-title{display:none;padding:8px 0 18px;font-size:30px}.composer-title.is-visible{display:block}.composer-text{min-height:42vh;padding:20px 0;font-size:20px;line-height:1.9;resize:vertical}.composer-text::placeholder,.composer-title::placeholder{color:#aaa49a}.composer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px}.soft-button,.publish-button{border:0;padding:11px 14px;font:inherit;font-size:13px;cursor:pointer}.soft-button{background:#ebe6dc;color:var(--ink)}.publish-button{margin-left:auto;background:var(--ink);color:var(--paper)}.composer-tags{margin-top:18px;padding:12px 0;font-family:var(--sans);font-size:14px}.image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.image-preview figure{position:relative;margin:0}.image-preview img{width:100%;aspect-ratio:1;object-fit:cover}.image-preview button{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:white}.composer-status{min-height:20px;margin-top:16px;color:var(--muted);font-size:12px}.prototype-notice{margin-bottom:16px;padding:12px 14px;background:#eee5d7;color:#675f54;font-size:12px;line-height:1.65}.draft-list{margin-top:28px}.draft-list h2{font-family:var(--serif);font-size:18px}.draft-item{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line);font-size:13px}.draft-item button{border:0;background:none;color:var(--accent);cursor:pointer}@media(max-width:640px){.notes-header{padding:14px 18px}.notes-header nav{gap:15px}.notes-header nav a{font-size:12px}.notes-shell{width:min(100% - 32px,920px)}.notes-hero{padding:62px 0 40px}.notes-hero h1{font-size:70px}.notes-hero>p:last-child{font-size:16px}.note{padding:38px 0}.note-meta{padding-right:108px}.note-owner-actions{top:34px}.note-body{font-size:17px;line-height:1.9}.note.is-short .note-body{font-size:23px}.note-images.count-3{grid-template-columns:1fr 1fr}.note-images.count-3 img:first-child{grid-column:1/-1;grid-row:auto;height:auto}.composer-shell{width:100%;padding:0 0 92px}.composer-top{padding:18px;margin:0;position:sticky;top:0;background:var(--paper);z-index:10}.composer-card{border-left:0;border-right:0;min-height:calc(100vh - 70px)}.composer-text{min-height:48vh}.image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-button{position:fixed;right:16px;bottom:16px;box-shadow:0 8px 30px rgba(0,0,0,.22);z-index:20}}