*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{min-height:100vh;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden}.chaos-mode{background-image:url("src/assets/BuBU (1).svg");background-size:cover}.content-container{display:flex;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.clean-mode .content-container{flex-direction:column;align-items:center}.clean-mode .left-column{max-width:100%;width:100%;max-width:800px}.left-column{display:flex;flex-direction:column;min-width:150px;max-width:45%;flex-shrink:0}.logo-container{display:flex;align-items:flex-start;justify-content:center}.logo{max-width:100%;height:auto}.main-panel{flex:1;min-width:0;padding:2rem;border-radius:8px}.chaos-mode .main-panel{background:#000;color:#fff;border:4px solid #ff10f0;box-shadow:8px 8px #ff10f04d}.clean-mode .main-panel{max-width:800px;margin:0 auto;background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.controls-section{margin-top:1.5rem;padding:1.5rem;border-radius:8px}.chaos-mode .controls-section{background:#000;border:4px solid #ff10f0;box-shadow:8px 8px #ff10f04d}.clean-mode .controls-section{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.clean-mode{background:#f8f9fa}.toggle-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.toggle-option{font-size:.9rem;font-weight:700;opacity:.5;transition:opacity .3s ease}.toggle-option.active{opacity:1}.chaos-mode .toggle-option{color:#ff10f0}.clean-mode .toggle-option{color:#333}.toggle-switch{width:60px;height:32px;position:relative;cursor:pointer;border-radius:16px;border:2px solid #555;background:#999;padding:0;transition:background .3s ease,border-color .3s ease}.toggle-switch.chaos{background:linear-gradient(90deg,#ff10f0,#cf0);border-color:#ff10f0}.toggle-switch.clean{background:#ccc;border-color:#999}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0000004d}.toggle-switch.chaos .toggle-knob{transform:translate(28px)}.control-group{margin-bottom:.75rem}.control-group label{display:block;margin-bottom:.25rem;font-weight:700;font-size:.9rem}.chaos-mode .control-group label{font-family:Comic Sans MS,cursive;color:#ff10f0}.clean-mode .control-group label{font-family:system-ui,sans-serif;color:#333}.vibe-dropdown{position:relative}.vibe-selector{width:100%;padding:.6rem .75rem;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left}.vibe-chevron{transition:transform .2s ease;font-size:1rem}.vibe-chevron.open{transform:rotate(180deg)}.chaos-mode .vibe-selector{font-family:Comic Sans MS,cursive;background:#000;color:#cf0;border:2px solid #ff10f0;box-shadow:0 0 8px #ff10f066}.chaos-mode .vibe-selector:hover{box-shadow:0 0 12px #ff10f099,0 0 24px #ff10f04d}.chaos-mode .vibe-chevron{color:#ff10f0}.clean-mode .vibe-selector{font-family:system-ui,sans-serif;background:#fff;color:#333;border:2px solid #000}.clean-mode .vibe-selector:hover{box-shadow:0 2px 4px #00000026}.vibe-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;list-style:none;margin:0;padding:.25rem 0;border-radius:8px;z-index:100;max-height:250px;overflow-y:auto}.chaos-mode .vibe-menu{background:#111;border:2px solid #ff10f0;box-shadow:0 0 12px #ff10f080,0 4px 12px #00000080}.clean-mode .vibe-menu{background:#fff;border:2px solid #000;box-shadow:0 4px 12px #00000026}.vibe-item{padding:.5rem .75rem;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .15s ease}.chaos-mode .vibe-item{font-family:Comic Sans MS,cursive;color:#cf0}.chaos-mode .vibe-item:hover{background:#ff10f033}.chaos-mode .vibe-item.selected{background:#ff10f04d;color:#fff}.clean-mode .vibe-item{font-family:system-ui,sans-serif;color:#333}.clean-mode .vibe-item:hover{background:#f0f0f0}.clean-mode .vibe-item.selected{background:#e0e0e0;color:#000}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px}input[type=range]::-moz-range-track{height:8px;border-radius:4px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #333;margin-top:-5px;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #333;cursor:pointer}.chaos-mode input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff10f0 0%,#ccff00 var(--val),#333 var(--val));box-shadow:0 0 8px #ff10f099,0 0 16px #ff10f04d}.chaos-mode input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ff10f0 0%,#ccff00 var(--val),#333 var(--val));box-shadow:0 0 8px #ff10f099,0 0 16px #ff10f04d}.chaos-mode input[type=range]::-webkit-slider-thumb{background:#fff;border-color:#ff10f0;box-shadow:0 0 8px #ff10f0,0 0 16px #ff10f080}.chaos-mode input[type=range]::-moz-range-thumb{background:#fff;border-color:#ff10f0;box-shadow:0 0 8px #ff10f0,0 0 16px #ff10f080}.clean-mode input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fff 0%,#333 var(--val),#000 var(--val))}.clean-mode input[type=range]::-moz-range-track{background:linear-gradient(90deg,#fff 0%,#333 var(--val),#000 var(--val))}.chaos-indicator{text-align:center;margin-top:.25rem;font-size:1.2rem;color:#fff}.button-group{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}button{padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;cursor:pointer;border:none;border-radius:4px;transition:all .2s}.chaos-mode button{font-family:Comic Sans MS,cursive;border:3px solid #000;box-shadow:4px 4px #0000004d}.chaos-mode button:hover{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.clean-mode button{font-family:system-ui,sans-serif;border:1px solid #ccc;box-shadow:none}.generate-button{background:#ff10f0;color:#fff}.surprise-button{background:#cf0;color:#000}.copy-button{background:#0ff;color:#000}.regenerate-button{background:#f60;color:#000}.clean-mode .generate-button,.clean-mode .copy-button,.clean-mode .regenerate-button{background:#06c;color:#fff}.text-output{min-height:200px;max-height:600px;overflow-y:auto;padding:1.5rem;margin-bottom:1rem;border-radius:4px;white-space:pre-wrap;font-family:monospace;line-height:1.6}.chaos-mode .text-output{background:#000;color:#0f0;border:2px solid #00ff00}.clean-mode .text-output{background:#f8f9fa;color:#333;border:1px solid #e0e0e0}.text-output p{margin:0 0 1rem;text-indent:2rem}.text-output.no-indent p{text-indent:0}.text-output p:last-child{margin-bottom:0}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:4px;font-weight:700;font-size:1rem;z-index:1000;animation:toast-in .3s ease,toast-out .3s ease 1.7s}.chaos-mode .toast{background:#cf0;color:#000;border:3px solid #000;box-shadow:4px 4px #0000004d;font-family:Comic Sans MS,cursive}.clean-mode .toast{background:#333;color:#fff;border:none;box-shadow:0 2px 8px #0003;font-family:system-ui,sans-serif}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(1rem)}}@media(max-width:900px){.app{padding:1rem;justify-content:flex-start}.content-container{flex-direction:column;gap:1rem}.left-column,.logo-container{max-width:100%;margin:0 auto}.logo{max-width:200px}.main-panel{padding:1rem}}