:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.55;--bg: #0f0e17;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text: #fffffe;--text-dim: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--accent: #e8927c;--accent-glow: rgba(232, 146, 124, .25);--danger: #ff6b6b;--grad-happy: linear-gradient(135deg, #f9d976 0%, #f39f86 100%);--grad-sad: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--grad-calm: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--grad-nostalgic: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--grad-energetic: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--mood-happy: #f9d976;--mood-sad: #667eea;--mood-calm: #43e97b;--mood-nostalgic: #f093fb;--mood-energetic: #fa709a;--max-w: 960px;--radius: 14px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse at 20% 0%,rgba(120,80,200,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(232,146,124,.08) 0%,transparent 50%),var(--bg)}.app{display:flex;flex-direction:column;min-height:100vh}.header{padding:2.5rem 1.5rem 1.5rem;text-align:center;background:radial-gradient(ellipse at 50% -20%,rgba(232,146,124,.15) 0%,transparent 70%)}.header-inner{max-width:var(--max-w);margin:0 auto}.logo{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--text);display:inline-flex;align-items:center;gap:.4rem}.logo-icon{font-size:1.6rem;opacity:.7}.subtitle{color:var(--text-dim);font-size:.95rem;margin-top:.25rem;letter-spacing:.02em}.controls{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:#0f0e17d1;border-bottom:1px solid var(--border);padding:1rem 1.5rem}.controls-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.search-row{display:flex;gap:.75rem}.search-input{flex:1;padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.mood-filters{display:flex;gap:.5rem;flex-wrap:wrap}.mood-chip{padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.8rem;text-transform:capitalize;cursor:pointer;transition:all .2s}.mood-chip:hover{background:var(--surface-hover);color:var(--text)}.mood-chip.active{background:#ffffff1f;color:var(--text);border-color:var(--border-hover)}.mood-chip--happy.active{border-color:var(--mood-happy);color:var(--mood-happy)}.mood-chip--sad.active{border-color:var(--mood-sad);color:var(--mood-sad)}.mood-chip--calm.active{border-color:var(--mood-calm);color:var(--mood-calm)}.mood-chip--nostalgic.active{border-color:var(--mood-nostalgic);color:var(--mood-nostalgic)}.mood-chip--energetic.active{border-color:var(--mood-energetic);color:var(--mood-energetic)}.btn{padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent);color:#0f0e17}.btn-primary:hover{background:#d17a64;box-shadow:0 4px 20px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-hover)}.btn-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.btn-icon--danger:hover{color:var(--danger);background:#ff6b6b1a}.entry-form{border-bottom:1px solid var(--border);background:#ffffff05}.form-inner{max-width:var(--max-w);margin:0 auto;padding:1.5rem}.form-title{font-size:1.15rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field--full{grid-column:1 / -1}.form-field span{font-size:.8rem;color:var(--text-dim);font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:.55rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.entries-area{flex:1;padding:1.5rem}.entries-inner{max-width:var(--max-w);margin:0 auto}.mood-group{margin-bottom:2rem}.mood-group-title{font-size:1rem;font-weight:600;text-transform:capitalize;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;color:var(--text-dim)}.mood-group-count{font-size:.7rem;background:var(--surface);border:1px solid var(--border);padding:.1rem .5rem;border-radius:999px;color:var(--text-muted);font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:all .25s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.6;transition:opacity .25s}.card:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.card:hover:before{opacity:1}.card--happy:before{background:var(--grad-happy)}.card--sad:before{background:var(--grad-sad)}.card--calm:before{background:var(--grad-calm)}.card--nostalgic:before{background:var(--grad-nostalgic)}.card--energetic:before{background:var(--grad-energetic)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-mood-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border)}.card-mood-tag--happy{color:var(--mood-happy);border-color:#f9d97640}.card-mood-tag--sad{color:var(--mood-sad);border-color:#667eea40}.card-mood-tag--calm{color:var(--mood-calm);border-color:#43e97b40}.card-mood-tag--nostalgic{color:var(--mood-nostalgic);border-color:#f093fb40}.card-mood-tag--energetic{color:var(--mood-energetic);border-color:#fa709a40}.card-actions-top{display:flex;gap:.25rem}.fav-btn{background:none;border:none;font-size:1.15rem;cursor:pointer;color:var(--text-muted);transition:all .2s;padding:0;line-height:1}.fav-btn:hover{color:var(--mood-happy);transform:scale(1.2)}.fav-btn--active{color:var(--mood-happy);text-shadow:0 0 8px rgba(249,217,118,.5)}.card-song{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.15rem;letter-spacing:-.01em}.card-artist{font-size:.85rem;color:var(--text-dim);margin-bottom:.75rem}.card-note{font-size:.85rem;color:var(--text-dim);line-height:1.55;padding:.65rem .85rem;background:#ffffff08;border-radius:var(--radius-sm);border-left:3px solid var(--border);margin-bottom:.75rem;font-style:italic}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-date{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.card-actions-bottom{display:flex;gap:.15rem}.empty-state{text-align:center;padding:4rem 1rem}.empty-icon{font-size:3rem;opacity:.3;margin-bottom:1rem}.empty-state h3{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.empty-state p{color:var(--text-dim);font-size:.9rem}.footer{text-align:center;padding:2rem 1rem;border-top:1px solid var(--border)}.footer p{font-size:.75rem;color:var(--text-muted);letter-spacing:.04em}@media(max-width:640px){.header{padding:1.5rem 1rem 1rem}.logo{font-size:1.5rem}.controls{padding:.75rem 1rem}.search-row{flex-direction:column}.search-row .btn{width:100%;text-align:center}.mood-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mood-filters::-webkit-scrollbar{display:none}.mood-chip{flex-shrink:0}.form-grid,.card-grid{grid-template-columns:1fr}.entries-area,.form-inner{padding:1rem}}@media(min-width:641px)and (max-width:960px){.card-grid{grid-template-columns:repeat(2,1fr)}}