body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,69,0,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,0,0,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,165,0,.05) 0%,transparent 60%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;font-family:Inter,system-ui,sans-serif;color:#fff}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3");opacity:.03;pointer-events:none;z-index:0}.main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 20px}.header{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:30px;padding:10px 20px;background:#0000004d;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.title{color:#fff;font-size:32px;font-weight:600;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.notes{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.note-card{background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:25px;box-shadow:inset 0 1px 1px #ffffff1a,0 10px 30px #00000080;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border .3s ease}.note-card:hover{transform:translateY(-8px);border:1px solid rgba(255,69,0,.3);background:#ffffff0d}.note-card h3{margin-top:0;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px}.note-actions{display:flex;gap:8px}.save-btn,.save{background:linear-gradient(135deg,#ff4500,#ff8c00);border:none;padding:10px 20px;border-radius:12px;color:#fff;font-weight:600;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px #ff450066;transition:filter .2s}.save-btn:hover{filter:brightness(1.2)}.edit-btn,.delete-btn,.save-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.75rem;transition:.2s}.edit-btn:hover{background:#4a90e2}.delete-btn:hover{background:#e74c3c}.save-btn:hover{background:#2ecc71}.note-text{white-space:pre-wrap;word-wrap:break-word}.edit-textarea{background:#0003;border:1px dashed #ff4500;border-radius:4px;width:100%;color:#fff}@media screen and (max-width:900px){.notes{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.notes{grid-template-columns:1fr}.title{font-size:24px}}