@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--bg-color:#0b1021;--panel-bg:#14141e99;--panel-border:#ffffff14;--text-main:#f0f0f2;--text-muted:#a0a0ab;--accent-color:#d21034;--accent-rgb:210, 16, 52;--accent-secondary-rgb:0, 36, 125;--accent-hover:#e31837;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Playfair Display", serif}[data-dialect=scouse]{--accent-color:#e62020;--accent-rgb:230, 32, 32;--accent-secondary-rgb:102, 51, 255;--accent-hover:#fa4242}[data-dialect=scottish]{--accent-color:#0065bd;--accent-rgb:0, 101, 189;--accent-secondary-rgb:100, 150, 120;--accent-hover:#007eeb}[data-dialect=cornish]{--accent-color:#e2b000;--accent-rgb:226, 176, 0;--accent-secondary-rgb:20, 130, 80;--accent-hover:#ffc600}[data-dialect=posh]{--accent-color:#8e44ad;--accent-rgb:142, 68, 173;--accent-secondary-rgb:212, 175, 55;--accent-hover:#a569bd}[data-dialect=boring]{--accent-color:#888;--accent-rgb:136, 136, 136;--accent-secondary-rgb:100, 100, 100;--accent-hover:#666}[data-dialect=timid]{--accent-color:#d2b4de;--accent-rgb:210, 180, 222;--accent-secondary-rgb:245, 203, 167;--accent-hover:#e8daef}[data-dialect=welsh]{--accent-color:#d30027;--accent-rgb:211, 0, 39;--accent-secondary-rgb:0, 177, 64;--accent-hover:#e81a3f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex;position:relative;overflow-x:hidden}#root{z-index:1;justify-content:center;width:100%;min-height:100vh;padding:4rem 1.5rem;display:flex;position:relative}.background-elements{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow{filter:blur(120px);opacity:.5;border-radius:50%;transition:background 1s;animation:20s ease-in-out infinite alternate float;position:absolute}.glow-1{background:radial-gradient(circle, rgba(var(--accent-rgb), .15) 0%, rgba(var(--accent-rgb), 0) 70%);width:600px;height:600px;top:-100px;right:-100px}.glow-2{background:radial-gradient(circle, rgba(var(--accent-secondary-rgb), .12) 0%, rgba(var(--accent-secondary-rgb), 0) 70%);width:800px;height:800px;animation-delay:-5s;bottom:-200px;left:-200px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,30px)scale(1.05)}to{transform:translate(20px,-20px)scale(.95)}}.app-container{flex-direction:column;gap:3rem;width:100%;max-width:800px;transition:all .5s;display:flex}main{flex-direction:column;gap:3rem;display:flex}.hero{text-align:center;margin-bottom:1rem}.title{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:1rem;font-size:4.5rem;line-height:1.1;transition:color .5s}.title-highlight{color:var(--accent-color);font-style:italic;transition:color .5s;display:inline-block;position:relative}.subtitle{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.25rem;line-height:1.5}.generator-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:24px;padding:2.5rem;box-shadow:0 24px 48px #0006}.controls{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.control-group{flex-direction:column;flex:1;gap:.5rem;min-width:150px;display:flex}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.number-input,.select-input{border:1px solid var(--panel-border);width:100%;color:var(--text-main);font-family:var(--font-sans);appearance:none;background:#0000004d;border-radius:12px;outline:none;padding:.875rem 1rem;font-size:1.125rem;transition:all .2s}.number-input:focus,.select-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}.select-wrapper{position:relative}.select-wrapper:after{content:"▾";color:var(--text-muted);pointer-events:none;font-size:1.25rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.select-input option{color:var(--text-main);background-color:#1a1a20}.generate-btn{background:var(--accent-color);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 14px rgba(var(--accent-rgb), .4);border:none;border-radius:12px;flex:1;min-width:120px;padding:.875rem 0;font-size:1.125rem;font-weight:600;transition:all .3s}.generate-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px rgba(var(--accent-rgb), .6);transform:translateY(-2px)}.generate-btn:active{transform:translateY(1px)}.output-container{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:24px;padding:2.5rem;animation:.5s ease-out forwards fadeIn}.output-text{font-family:var(--font-sans);color:var(--text-main);letter-spacing:.01em;margin-bottom:1.5rem;font-size:1.15rem;font-weight:400;line-height:1.8}.output-text:last-child{margin-bottom:0}.output-actions{border-top:1px solid var(--panel-border);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.copy-btn{color:var(--text-muted);font-family:var(--font-sans);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s}.copy-btn:hover{color:var(--text-main);border-color:var(--accent-color);background:rgba(var(--accent-rgb), .1)}.copy-btn.copied{color:#10b981;background:#10b9811a;border-color:#10b981}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.title{font-size:3rem}.generator-card,.output-container{padding:1.5rem}.controls{flex-direction:column;align-items:stretch}.generate-btn{margin-top:1rem;padding:.875rem 2rem}}.seo-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--panel-border);color:var(--text-muted);background:#0a0a0c66;border-radius:16px;padding:2rem;font-size:.95rem;line-height:1.6}.seo-footer h2{font-family:var(--font-serif);color:var(--text-main);margin-bottom:1rem;font-size:1.5rem;font-style:italic;font-weight:700}