@import "https://fonts.googleapis.com/css2?family=Caprasimo&display=swap";@import "https://fonts.googleapis.com/css2?family=Caprasimo&family=JetBrains+Mono:wght@400;500&display=swap";.side-rays-container{pointer-events:none;z-index:3;width:100%;height:100%;position:relative;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background-color:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh}.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero .side-rays-container{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}h1{letter-spacing:-.02em;color:#1a1a2e;-webkit-text-stroke:1.5px #d9e1e9;font-family:Caprasimo,cursive;font-size:3.5rem}.hero-content p{color:#94a3b8;font-size:1.1rem}.hero-content input{color:#f8fafc;background:#ffffff0d;border:1px solid #6366f166;border-radius:8px;outline:none;width:480px;padding:.875rem 1.25rem;font-size:1rem;transition:border-color .2s}.hero-content input:focus{border-color:#6366f1}.hero-content input::placeholder{color:#64748b}.hero-content button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:.875rem 2.5rem;font-size:1rem;transition:background .2s,opacity .2s}.hero-content button:hover{background:#4f46e5}.hero-content button:disabled{opacity:.6;cursor:not-allowed}.results-section{background:#0a0a0f;padding:2rem 0}.tab-buttons{gap:.5rem;max-width:900px;margin:0 auto 2rem;padding:0 1.5rem;display:flex}.tab-buttons button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #1e1e2e;border-radius:8px;padding:.625rem 1.5rem;font-size:.9rem;transition:all .2s}.tab-buttons button:hover{color:#f8fafc;border-color:#6366f1}.tab-buttons button.tab-active{color:#fff;background:#6366f1;border-color:#6366f1}.mono{font-family:JetBrains Mono,monospace;font-size:.85em}.analysis-tab{flex-direction:column;gap:2rem;max-width:900px;margin:2rem auto;padding:0 1.5rem;display:flex}.panel{background:#13131a;border:1px solid #1e1e2e;border-radius:12px;padding:1.5rem}.panel h2{color:#f8fafc;border-bottom:1px solid #1e1e2e;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.1rem}.agent-row{border-bottom:1px solid #1e1e2e;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.agent-row:last-child{border-bottom:none}.agent-row span:first-child{color:#f8fafc}.status-blocked{color:#ef4444}.status-partially_blocked{color:#f59e0b}.status-allowed{color:#22c55e}.status-allowed_no_rules_wildcard_blocks{color:#f59e0b}.status-not_mentioned{color:#64748b}.status-missing{color:#ef4444}.status-minimal{color:#f59e0b}.status-strong{color:#5cb47c}.status-sufficient{color:#22c55e}.recommendations-tab{flex-direction:column;gap:1rem;max-width:900px;margin:2rem auto;padding:0 1.5rem;display:flex}.rec-card{background:#13131a;border:1px solid #1e1e2e;border-left:4px solid;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.priority-high{border-left-color:#ef4444}.priority-medium{border-left-color:#f59e0b}.priority-low{border-left-color:#22c55e}.rec-card span{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.rec-card span:first-child{color:inherit}.rec-card span:nth-child(2){color:#94a3b8}.rec-card p{font-size:.9rem;line-height:1.5}.rec-card p:first-of-type{color:#f8fafc}.rec-card p:last-of-type{color:#94a3b8;font-style:italic}.music-player-container{z-index:100;background:#1a1a2e;border:1px solid #3d3d6b;border-radius:12px;min-width:220px;transition:all .3s;position:fixed;top:1.5rem;left:1.5rem;overflow:hidden;box-shadow:0 4px 20px #6366f14d}.music-player-container.shine{animation:2s ease-in-out 1s goldShine}@keyframes goldShine{0%{box-shadow:0 4px 20px #6366f14d}30%{border-color:#eab308;box-shadow:0 0 30px 8px #eab308b3,0 0 60px 15px #eab3084d}60%{border-color:#eab308;box-shadow:0 0 30px 8px #eab308b3,0 0 60px 15px #eab3084d}to{border-color:#3d3d6b;box-shadow:0 4px 20px #6366f14d}}.player-collapsed{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.player-collapsed:hover{background:#6366f11a}.player-note{color:#6366f1;font-size:1rem;animation:2s infinite pulse}.player-title{color:#f8fafc;font-size:.85rem;font-weight:500}.player-artist{color:#64748b;font-size:.75rem}.player-expanded{border-top:1px solid #1e1e2e;flex-direction:column;gap:1rem;padding:1rem;display:flex}.player-controls{justify-content:center;gap:1rem;display:flex}.player-controls button{color:#f8fafc;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.2rem;transition:background .2s}.player-controls button:hover{background:#6366f133}.player-volume{color:#64748b;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.playlist-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:.4rem .5rem;font-size:.8rem;transition:background .2s;display:flex}.playlist-item:hover{background:#6366f11a}.playlist-item.active{color:#6366f1;background:#6366f133}.playlist-item span:last-child{color:#64748b;font-size:.75rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.player-volume input[type=range]{appearance:none;background:#4a4a6a;border-radius:2px;outline:none;flex:1;height:4px}.player-volume input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:14px;height:14px;transition:background .2s,transform .2s}.player-volume input[type=range]::-webkit-slider-thumb:hover{background:#818cf8;transform:scale(1.2)}.player-volume input[type=range]::-moz-range-thumb{cursor:pointer;background:#6366f1;border:none;border-radius:50%;width:14px;height:14px}