:root{--bg-body-start: #1a1a2e;--bg-body-mid: #16213e;--bg-body-end: #0f3460;--bg-card: #ffffff;--text-primary: #1a1a2e;--text-secondary: #666666;--border-color: #e0e0e0;--input-bg: #ffffff;--input-text: #000000;--btn-primary-bg: linear-gradient(135deg, #0f3460 0%, #1a1a2e 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: #e8f4f8;--btn-secondary-hover: #d0e8f0;--btn-secondary-text: #0f3460;--error-color: #e74c3c;--picker-bg: #f8f9fa;--qr-border: #f0f0f0;--url-bg: #f8f9fa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--bg-body-start) 0%,var(--bg-body-mid) 50%,var(--bg-body-end) 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px 20px 120px;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body.dark-mode{--bg-body-start: #000000;--bg-body-mid: #1a1a2e;--bg-body-end: #16213e;--bg-card: #16213e;--text-primary: #ecf0f1;--text-secondary: #bdc3c7;--border-color: #2c3e50;--input-bg: #1a1a2e;--input-text: #ecf0f1;--btn-primary-bg: linear-gradient(135deg, #30475e 0%, #1a1a2e 100%);--btn-secondary-bg: #2c3e50;--btn-secondary-hover: #34495e;--btn-secondary-text: #ecf0f1;--picker-bg: #2c3e50;--qr-border: #34495e;--url-bg: #0f3460}.container{background:var(--bg-card);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #0006;max-width:450px;width:100%;position:relative;transition:background-color .3s ease,color .3s ease}.header-controls{position:absolute;top:20px;right:20px;display:flex;gap:10px;align-items:center}h1{text-align:center;color:var(--text-primary);margin-bottom:10px;font-size:1.8rem;line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.header-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:.95rem}.customization-section{margin-top:30px;margin-bottom:25px;padding-top:20px;border-top:1px solid var(--border-color)}.customization-section h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:15px;font-weight:600}.options{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.footer{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;gap:12px;align-items:center}.footer-link{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:var(--bg-card);color:var(--text-secondary);border-radius:50%;box-shadow:0 4px 12px #0003;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s,background-color .3s,color .3s;text-decoration:none}.footer-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040;color:var(--text-primary);background-color:var(--input-bg)}.footer-link:focus{outline:2px solid var(--text-primary);outline-offset:2px}@media(max-width:480px){body{padding-bottom:80px}h1{font-size:1.5rem}.container{padding:30px 20px}.footer{bottom:15px;right:15px;gap:10px}.footer-link{width:44px;height:44px}}