@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,600&display=swap";:root{color:#edeee8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#111310;font-family:DM Sans,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#5b704733,#0000 30rem),#111310;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(920px,100% - 32px);margin:0 auto;padding:64px 0 80px}header{align-items:center;gap:14px;margin-bottom:34px;display:flex}.brand-mark{color:#172015;background:#a9bd83;border-radius:15px;place-items:center;width:48px;height:48px;font-family:Newsreader,serif;font-size:25px;display:grid;box-shadow:0 8px 25px #0000004d}h1,h2,h3,p{margin:0}h1{font-family:Newsreader,serif;font-size:28px;line-height:1.1}header p{color:#92978c;margin-top:4px;font-size:14px}.composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1e1ae0;border:1px solid #30342e;border-radius:20px;padding:25px;box-shadow:0 18px 50px #00000038}.composer input,.composer textarea{color:#edeee8;background:0 0;border:0;outline:0;width:100%;display:block}.composer input{padding:0 0 12px;font-family:Newsreader,serif;font-size:24px;font-weight:600}.composer textarea{resize:vertical;min-height:112px;font-size:16px;line-height:1.65}::placeholder{color:#6f746b;opacity:1}.composer-footer{border-top:1px solid #30342e;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding-top:15px;display:flex}.message{color:#92978c;font-size:13px}.message.error{color:#e18d82}.actions,.note-actions{gap:8px;display:flex}button{color:#adb1a7;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600}button:hover{background:#30342e}.primary{color:#172015;background:#a9bd83;padding:10px 17px}.primary:hover{background:#bbcf93}.primary:disabled{cursor:wait;opacity:.65}.notes-section{margin-top:46px}.section-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-heading h2{font-family:Newsreader,serif;font-size:23px}.section-heading span{color:#a3a89e;background:#292d27;border-radius:99px;padding:2px 8px;font-size:12px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.note{background:#1b1e1a;border:1px solid #30342e;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:190px;padding:21px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.note:hover{border-color:#464c42;transform:translateY(-2px);box-shadow:0 12px 30px #0003}.note h3{overflow-wrap:anywhere;font-family:Newsreader,serif;font-size:21px}.note-body p{color:#adb1a7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.note footer{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;display:flex}.note time{color:#747970;font-size:12px}.note-actions{opacity:0;transition:opacity .2s}.note:hover .note-actions,.note:focus-within .note-actions{opacity:1}.note-actions button{padding:6px 8px;font-size:12px}.note-actions .delete:hover{color:#efa198;background:#422824}.empty-state,.state{color:#848a7f;text-align:center;border:1px dashed #3b4038;border-radius:16px;padding:54px 20px}.empty-state span{color:#a9bd83;margin-bottom:7px;font-size:26px;display:block}.empty-state h3{color:#daddd4;font-family:Newsreader,serif;font-size:20px}.empty-state p{margin-top:4px;font-size:14px}@media (width<=640px){.shell{width:min(100% - 22px,920px);padding-top:32px}.notes-grid{grid-template-columns:1fr}.composer{padding:20px}.note-actions{opacity:1}}