:root{font-family:var(--font-body);color:#3e3328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:"Avenir Next", "Franklin Gothic Book", "Segoe UI", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--text:#3e3328;--text-strong:#231a12;--muted:#766a5f;--accent:#ac5d30;background:radial-gradient(circle at 0 0,#efe1ccb3,#0000 28%),radial-gradient(circle at 100% 100%,#ded4c099,#0000 32%),linear-gradient(#f6f0e8 0%,#efe6da 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body,button,input,textarea{font-family:var(--font-body)}button,input{color:inherit}#root{min-height:100vh}a{color:inherit}.app-shell{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);gap:1.5rem;min-height:100svh;padding:1.5rem;display:grid}.sidebar,.editor-panel{min-height:calc(100svh - 3rem)}.sidebar-panel,.editor-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf7f0d1;border:1px solid #4a3f351f;border-radius:1.75rem;box-shadow:0 20px 60px #3f332614}.sidebar-panel{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.brand-row,.editor-header,.header-actions,.note-card-top,.sidebar-meta,.editor-toolbar{align-items:center;display:flex}.brand-row,.editor-header{justify-content:space-between;gap:1rem}.brand-row h1,.empty-editor h2{margin:0}.sidebar-copy,.note-card p,.timestamp,.empty-list,.editor-loading{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 .35rem;font-size:.72rem}.search-field input,.title-input,.editor-toolbar button,.primary-button,.secondary-button,.note-card{font:inherit}.search-field input,.title-input{width:100%;color:var(--text);background:#fffcf6e0;border:1px solid #4a3f3526;border-radius:1rem;outline:none}.search-field input{padding:.85rem 1rem}.search-field input:focus,.title-input:focus{border-color:#ac5d3073;box-shadow:0 0 0 4px #ac5d3014}.sidebar-meta{color:var(--muted);justify-content:space-between;font-size:.88rem}.notes-list{flex-direction:column;gap:.75rem;min-height:0;padding-right:.2rem;display:flex;overflow:auto}.note-card{text-align:left;cursor:pointer;background:#fffdf9cc;border:1px solid #4a3f3514;border-radius:1.1rem;width:100%;padding:1rem;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.note-card:hover{border-color:#ac5d3033;transform:translateY(-1px);box-shadow:0 14px 30px #3f33260f}.note-card.is-active{background:linear-gradient(#fcf2e4f5,#fff9f1f5);border-color:#ac5d304d}.note-card-top,.sidebar-meta,.editor-toolbar{justify-content:space-between}.note-card strong{color:var(--text-strong);font-size:1rem}.note-card p{margin:.45rem 0 .7rem;line-height:1.45}.note-card span{color:var(--muted);font-size:.82rem}.pin-badge{color:var(--accent);background:#ac5d301a;border-radius:999px;padding:.2rem .45rem}.editor-panel{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.title-input{box-shadow:none;font-family:var(--font-display);letter-spacing:-.04em;background:0 0;border:none;border-radius:0;padding:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.title-input::placeholder{color:#3e332861}.timestamp{margin:.65rem 0 0}.header-actions{gap:.75rem}.primary-button,.secondary-button,.editor-toolbar button{cursor:pointer;border:1px solid #4a3f351f;border-radius:999px;transition:transform .14s,background .14s,border-color .14s}.primary-button,.secondary-button{padding:.75rem 1rem}.primary-button{background:var(--text-strong);color:#fffaf5}.primary-button:hover,.secondary-button:hover,.editor-toolbar button:hover{transform:translateY(-1px)}.secondary-button,.editor-toolbar button{color:var(--text-strong);background:#fffcf6db}.danger-button{color:#9a3f32}.editor-card{background:linear-gradient(#fffcf7eb,#fbf6eeeb),radial-gradient(circle at 100% 0,#eacbb14d,#0000 30%);border:1px solid #4a3f351a;border-radius:1.5rem;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.editor-toolbar{border-bottom:1px solid #4a3f3514;flex-wrap:wrap;justify-content:flex-start;gap:.55rem;padding:.9rem}.editor-toolbar button{padding:.45rem .75rem}.editor-toolbar button.is-active{color:var(--accent);background:#ac5d301f;border-color:#ac5d3042}.editor-surface{outline:none;flex:1;padding:1.4rem 1.6rem 2rem;overflow:auto}.editor-surface>:first-child{margin-top:0}.editor-surface p,.editor-surface li{font-size:1.05rem;line-height:1.75}.editor-surface h1,.editor-surface h2,.editor-surface h3{font-family:var(--font-display);color:var(--text-strong);margin:1.4rem 0 .6rem;line-height:1.05}.editor-surface h1{font-size:2.2rem}.editor-surface h2{font-size:1.65rem}.editor-surface h3{font-size:1.25rem}.editor-surface ul,.editor-surface ol{padding-left:1.2rem}.editor-surface ul[data-type=taskList]{padding-left:0;list-style:none}.editor-surface ul[data-type=taskList] li{gap:.65rem;display:flex}.editor-surface blockquote{color:var(--muted);border-left:3px solid #ac5d304d;margin:1.25rem 0;padding-left:1rem}.editor-surface .is-editor-empty:first-child:before{content:attr(data-placeholder);color:#3e332859;pointer-events:none;float:left;height:0}.empty-editor,.empty-list,.editor-loading{text-align:center;place-items:center;display:grid}.empty-editor{flex:1;gap:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=960px){.app-shell{grid-template-columns:1fr;padding:1rem}.sidebar,.editor-panel,.sidebar-panel,.editor-panel{min-height:auto}.brand-row,.editor-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions button{flex:1}}