:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{grid-template-columns:360px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#101828;flex-direction:column;gap:24px;padding:28px;display:flex}.brand{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#9fb0d0;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem}h1{margin:0;font-size:2rem}.new-note{color:#092115;cursor:pointer;background:#73e2a7;border:0;border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:0 10px 24px #73e2a740}.new-note.large{padding:14px 22px}.note-list{gap:12px;padding-right:4px;display:grid;overflow:auto}.note-card{color:#fff;cursor:pointer;text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;gap:8px;padding:16px;display:grid}.note-card:hover,.note-card.active{color:#101828;background:#fff}.note-card span{color:inherit;-webkit-line-clamp:2;opacity:.74;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card small{opacity:.6}.empty-list{color:#b6c2d8;border:1px dashed #ffffff40;border-radius:18px;padding:18px}.editor{flex-direction:column;gap:24px;padding:clamp(28px,5vw,64px);display:flex}.editor-actions{align-items:center;gap:16px;display:flex}.editor-actions input{color:#101828;background:0 0;border:0;border-bottom:2px solid #d8e0ee;outline:none;flex:1;padding:8px 0;font-size:clamp(2rem,4vw,4rem);font-weight:850}.editor-actions input:focus{border-color:#446df6}.delete{color:#b42318;cursor:pointer;background:#fff1f1;border:1px solid #ffc8c8;border-radius:12px;padding:10px 14px;font-weight:800}textarea{color:#172033;resize:none;background:#fff;border:1px solid #d8e0ee;border-radius:24px;outline:none;flex:1;min-height:520px;padding:28px;line-height:1.65;box-shadow:0 24px 80px #10182814}textarea:focus{border-color:#446df6;box-shadow:0 24px 80px #446df624}.empty-editor{color:#475467;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-editor h2{color:#101828;margin-bottom:8px;font-size:2.5rem}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:45vh}.editor{min-height:55vh}}