.container{max-width:900px!important;padding:40px 20px!important}.container h1{font-size:2.5em;margin-bottom:15px;text-shadow:0 0 20px rgba(255,0,0,0.5);letter-spacing:1px}.description{color:#ddd!important;font-size:1.1em!important;line-height:1.6;margin-bottom:30px!important;max-width:700px;margin-left:auto;margin-right:auto}.input-group,.output-group{width:100%;margin-bottom:25px;background:rgba(30,30,30,0.6);padding:20px;border-radius:12px;border:1px solid rgba(139,0,0,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.3)}.input-group label,.output-group label{display:block;font-size:1.2em;font-weight:bold;margin-bottom:10px;color:#ff6b6b;text-align:left}#css-input{width:100%;height:300px;padding:15px;background-color:#1a1a1a!important;color:#e0e0e0!important;border:2px solid #444!important;border-radius:8px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.5;resize:vertical;transition:border-color 0.3s,box-shadow 0.3s}#css-input:focus{outline:none;border-color:#8b0000!important;box-shadow:0 0 15px rgba(139,0,0,0.4)!important}#css-input::placeholder{color:#666}#minified-css{width:100%;min-height:200px;max-height:400px;padding:15px;background-color:#0d0d0d!important;color:#b8e6b8!important;border:2px solid #2a5a2a!important;border-radius:8px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:13px;line-height:1.4;overflow:auto;white-space:pre-wrap;word-break:break-all}.button-group{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0}.button-group button{background:linear-gradient(135deg,#8b0000 0,#b22222 100%);color:white;border:none;padding:12px 30px;font-size:1em;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(139,0,0,0.3);position:relative;overflow:hidden}.button-group button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.1);transition:left 0.3s ease}.button-group button:hover::before{left:100%}.button-group button:hover{background:linear-gradient(135deg,#a00000 0,#cd3333 100%);transform:translateY(-2px);box-shadow:0 6px 15px rgba(139,0,0,0.5)}.button-group button:active{transform:translateY(0);box-shadow:0 2px 5px rgba(139,0,0,0.3)}#minify-button{background:linear-gradient(135deg,#b22222 0,#dc143c 100%)}#minify-button:hover{background:linear-gradient(135deg,#cd3333 0,#ff1744 100%)}#clear-button{background:linear-gradient(135deg,#555 0,#777 100%)}#clear-button:hover{background:linear-gradient(135deg,#666 0,#888 100%)}#notification-message{margin-top:20px;padding:15px;border-radius:8px;font-weight:600;font-size:1.1em;text-align:center;min-height:20px;transition:all 0.3s ease}#notification-message.success{background-color:rgba(76,175,80,0.2);color:#4caf50;border:1px solid rgba(76,175,80,0.4)}#notification-message.error{background-color:rgba(244,67,54,0.2);color:#f44336;border:1px solid rgba(244,67,54,0.4)}@media (max-width:768px){.container{padding:20px 15px!important}.container h1{font-size:2em}.description{font-size:1em!important}.button-group{gap:8px}.button-group button{padding:10px 20px;font-size:0.9em}#css-input,#minified-css{font-size:13px}.input-group,.output-group{padding:15px}}@media (max-width:480px){.container h1{font-size:1.6em}.button-group{flex-direction:column;width:100%}.button-group button{width:100%}#css-input{height:250px}}[data-theme="light"] body{background-color:#f0f5fa!important;color:#1f2937!important}[data-theme="light"] .container h1{text-shadow:0 0 20px rgba(37,99,235,0.3)!important}[data-theme="light"] .description{color:#4b5563!important}[data-theme="light"] .input-group,[data-theme="light"] .output-group{background:rgba(249,250,251,0.8)!important;border-color:#d1d5db!important}[data-theme="light"] .input-group label,[data-theme="light"] .output-group label{color:#2563eb!important}[data-theme="light"] #css-input{background-color:#ffffff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme="light"] #css-input:focus{border-color:#2563eb!important;box-shadow:0 0 15px rgba(37,99,235,0.2)!important}[data-theme="light"] #css-input::placeholder{color:#9ca3af!important}[data-theme="light"] #minified-css{background-color:#f9fafb!important;color:#059669!important;border-color:#d1d5db!important}[data-theme="light"] .button-group button{background:linear-gradient(135deg,#2563eb 0,#3b82f6 100%)!important}[data-theme="light"] .button-group button:hover{background:linear-gradient(135deg,#1d4ed8 0,#2563eb 100%)!important}[data-theme="light"] #minify-button{background:linear-gradient(135deg,#3b82f6 0,#60a5fa 100%)!important}[data-theme="light"] #minify-button:hover{background:linear-gradient(135deg,#2563eb 0,#3b82f6 100%)!important}[data-theme="light"] #clear-button{background:linear-gradient(135deg,#6b7280 0,#9ca3af 100%)!important}[data-theme="light"] #clear-button:hover{background:linear-gradient(135deg,#4b5563 0,#6b7280 100%)!important}