body{background-color:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";margin:0;padding:0;line-height:1.6;overflow-x:hidden}.App{text-align:center;padding:20px;max-width:900px;margin:40px auto;opacity:0}.App-header{background-color:transparent;padding:20px;margin-bottom:40px;border-bottom:1px solid #21262D}.App-header h1{font-size:3.2em;font-weight:700;margin-bottom:8px;color:#db2777;letter-spacing:-.5px}.App-header p{font-size:1.1em;color:#8b949e;max-width:600px;margin:0 auto 15px}.proutex-points-display{background-color:#21262d;color:#58a6ff;padding:8px 15px;border-radius:20px;font-size:1em;font-weight:600;display:inline-block;margin-top:10px;box-shadow:0 2px 5px #0003}.proutex-points-display strong{color:#79c0ff}main{display:flex;flex-direction:column;align-items:center;gap:30px}.card{background-color:#161b22;border-radius:12px;padding:25px 30px;width:100%;max-width:680px;box-shadow:0 8px 25px #0000004d;border:1px solid #30363D;text-align:left;opacity:0;transform:translateY(20px)}.card h2{color:#db2777;margin-top:0;margin-bottom:20px;font-size:1.65em;border-bottom:1px solid #2A3038;padding-bottom:12px}.card p{font-size:1em;color:#c9d1d9;margin-bottom:15px}.card strong{color:#e6edf3;font-weight:600}.card ul{list-style:none;padding:0;margin:0}.card li{margin-bottom:10px;padding:10px 15px;background-color:#21262d;border-radius:6px;color:#c9d1d9;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.card li:hover{background-color:#30363d;transform:translate(5px)}button{background-color:#db2777;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:background-color .2s ease-in-out,transform .15s ease,box-shadow .15s ease;display:inline-block;margin-top:10px;box-shadow:0 3px 8px #db277733}button:hover{background-color:#c11b67;transform:translateY(-2px);box-shadow:0 5px 12px #db27774d}button:active{transform:translateY(0);background-color:#ad1a5d;box-shadow:0 2px 5px #db277733}.risk-selector{display:flex;justify-content:space-around;margin-bottom:20px;gap:10px}.risk-button{flex-grow:1;padding:12px 15px;font-size:1em;font-weight:600;border:2px solid transparent;border-radius:8px;transition:all .3s ease}.risk-button.low{background-color:#2ea04320;border-color:#2ea043;color:#58a6ff}.risk-button.low:hover,.risk-button.low.selected{background-color:#2ea043;color:#fff;box-shadow:0 0 15px #2ea04380}.risk-button.medium{background-color:#f7b42c20;border-color:#f7b42c;color:#f7b42c}.risk-button.medium:hover,.risk-button.medium.selected{background-color:#f7b42c;color:#161b22;box-shadow:0 0 15px #f7b42c80}.risk-button.high{background-color:#f8514920;border-color:#f85149;color:#f85149}.risk-button.high:hover,.risk-button.high.selected{background-color:#f85149;color:#fff;box-shadow:0 0 15px #f8514980}.selected-risk-display{margin-top:15px;font-size:1.1em;text-align:center}.selected-risk-display strong{padding:5px 10px;border-radius:6px}.risk-text-low{color:#2ea043;background-color:#2ea04320}.risk-text-medium{color:#f7b42c;background-color:#f7b42c20}.risk-text-high{color:#f85149;background-color:#f8514920}.blame-game .scapegoat-reveal,.sound-masking .sound-suggestion{margin-top:20px;padding:12px;background-color:#21262d;border-left:4px solid #DB2777;border-radius:0 4px 4px 0;font-style:italic}.blame-game .scapegoat-reveal strong,.sound-masking .sound-suggestion strong{color:#db2777;font-style:normal}.sound-masking h3{margin-top:25px;margin-bottom:10px;font-size:1.2em;color:#8b949e}.sound-masking .sound-controls{display:flex;gap:15px;margin-bottom:15px}.sound-masking .stop-button{background-color:#6e7681;box-shadow:0 3px 8px #6e768133}.sound-masking .stop-button:hover{background-color:#57606a;box-shadow:0 5px 12px #6e76814d}.sound-masking .stop-button:active{background-color:#4f5760;box-shadow:0 2px 5px #6e768133}.sound-masking .sound-list li{cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.sound-masking .sound-list li:hover{background-color:#38404a;transform:translate(5px) scale(1.02);box-shadow:0 2px 8px #0003}.sound-masking .sound-list li:active{background-color:#404853;transform:translate(2px) scale(1.01)}.sound-masking .sound-list li.playing{background-color:#db2777;color:#fff;font-weight:700;box-shadow:0 0 10px #db277780}.sound-masking .sound-list li.playing:hover{background-color:#c11b67}.loading-text{font-style:italic;color:#8b949e;text-align:center;padding:20px;font-size:1.1em}.fade-in-app{animation:fadeInApp .6s .1s ease-out forwards}@keyframes fadeInApp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card.fade-in-card{animation:fadeInCard .5s ease-out forwards}@keyframes fadeInCard{0%{opacity:0;transform:translateY(25px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.App-footer{margin-top:50px;padding-top:20px;border-top:1px solid #21262D;font-size:.9em;color:#8b949e}