@font-face{font-family:Inter Fallback;size-adjust:107%;ascent-override:90%;src:local("Arial")}:root{--primary-color: #4361ee;--primary-light: #4cc9f0;--primary-dark: #3a0ca3;--text-primary: #2b2d42;--text-secondary: #505780;--bg-color: #f8f9fa;--surface-color: #ffffff;--border-color: #e9ecef;--success-color: #28a745;--toggle-width: 50px;--toggle-height: 24px;--toggle-padding: 2px;--toggle-bg: #ddd;--slider-bg: #fff;--slider-transition: .3s;font-family:Inter,Inter Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--primary-color: #4cc9f0;--primary-light: #59e8ff;--primary-dark: #3a0ca3;--text-primary: #e9ecef;--text-secondary: #adb5bd;--bg-color: #121212;--surface-color: #1e1e1e;--border-color: #2d2d2d;--success-color: #5cad6d}[data-design=minimal]{--primary-color: #555;--primary-light: #777;--primary-dark: #222;--border-color: #ddd;--surface-color: #f9f9f9}[data-design=minimal][data-theme=dark]{--primary-color: #999;--primary-light: #bbb;--primary-dark: #666;--surface-color: #252525;--border-color: #333}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{line-height:1.6;font-weight:400;font-size:16px;color:var(--text-primary);background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease,background .3s ease}[data-design=default] body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{font:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.content-container{max-width:36rem;text-align:center;padding:2.5rem;background-color:var(--surface-color);border-radius:16px;box-shadow:0 8px 30px #00000014;animation:fadeIn .6s ease-out;transition:background-color .3s ease,box-shadow .3s ease}[data-design=minimal] .content-container{box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color)}.logo-container{margin-bottom:1.5rem}.search-icon{color:var(--primary-color);stroke-width:2;transition:color .3s ease}[data-design=default] .search-icon{animation:pulse 2s infinite}.title{font-size:2.5rem;margin-bottom:.5rem;transition:background .3s ease}[data-design=default] .title{background:linear-gradient(to right,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-design=minimal] .title{color:var(--primary-color);-webkit-text-fill-color:initial;background:none}.description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;transition:color .3s ease}.url-container{margin-top:1.5rem}.input-wrapper{display:flex;border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-color);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.url-input{padding:14px 16px;border:none;width:100%;background:var(--bg-color);color:var(--text-primary);font-size:.95rem;transition:background-color .3s ease,color .3s ease}.url-input:focus{outline:none;box-shadow:0 0 0 2px #4361ee4d}.copy-button{padding:0 16px;background:var(--bg-color);color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:#eef2ff}[data-theme=dark] .copy-button:hover{background:#2a2a2a}.copy-button:active{transform:translateY(1px)}.copy-button img{width:20px;height:20px;opacity:.6;transition:opacity .2s}.copy-button:hover img{opacity:1}.copy-button.copied{background:var(--success-color)}.copy-button.copied img{filter:brightness(10);opacity:1}.hint{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);opacity:.8;transition:color .3s ease}.footer{margin-top:2rem;text-align:center;font-size:.875rem;color:var(--text-secondary);transition:color .3s ease}.heart{color:#ff4757;display:inline-block}[data-design=default] .heart{animation:heartbeat 1.3s infinite}.theme-toggles{display:flex;gap:1rem;position:absolute;top:1.5rem;right:1.5rem}.toggle-container{display:flex;align-items:center}.toggle-label{display:none}.toggle-switch{position:relative;display:inline-block;width:var(--toggle-width);height:var(--toggle-height)}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:transparent;border:1px solid var(--border-color);transition:var(--slider-transition);border-radius:var(--toggle-height)}.toggle-slider:before{position:absolute;content:"";height:calc(var(--toggle-height) - 4px);width:calc(var(--toggle-height) - 4px);left:2px;bottom:2px;background-color:var(--text-secondary);transition:var(--slider-transition);border-radius:50%;z-index:2}input:checked+.toggle-slider{border-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(calc(var(--toggle-width) - var(--toggle-height)));background-color:var(--primary-color)}.theme-icon{width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:1;stroke-width:2px}.left-icon{left:calc(var(--toggle-padding) + 2px);opacity:1;color:var(--text-primary)}.right-icon{right:calc(var(--toggle-padding) + 2px);opacity:1;color:var(--text-primary)}input:checked+.toggle-slider .left-icon{opacity:.7}input:checked+.toggle-slider .right-icon{opacity:1;color:var(--primary-color)}input:not(:checked)+.toggle-slider .left-icon{opacity:1;color:var(--primary-color)}input:not(:checked)+.toggle-slider .right-icon{opacity:.7}.toggle-icon{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.fade-in{animation:fadeIn .6s ease-out}@media (max-width: 640px){.content-container{padding:1.5rem}.title{font-size:2rem}.theme-toggles{position:relative;top:0;right:0;margin-bottom:1rem;justify-content:center}}