@font-face{font-family:Inter Fallback;size-adjust:107%;ascent-override:90%;src:local("Arial")}:root{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;--bg-color: #ffffff;--text-color: #1a1a1a;--link-color: #444444;--link-hover-color: #888888;--input-bg: #f5f5f5;--input-border: #ddd;--button-hover-bg: #f0f0f0;--button-active-bg: #e5e5e5;--footer-text-color: #666;--footer-link-hover: #333}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--link-color: #90caf9;--link-hover-color: #bbdefb;--input-bg: #1e1e1e;--input-border: #333333;--button-hover-bg: #333333;--button-active-bg: #424242;--footer-text-color: #bbbbbb;--footer-link-hover: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}html{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body{line-height:1.5;font-weight:400;font-size:16px;color:var(--text-color);background-color:var(--bg-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--link-color);transition:color .3s ease}a:hover{color:var(--link-hover-color)}button{font:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit}p{margin:24px 0}.url-container{display:flex;align-items:center;gap:8px;margin-top:16px}.content-container{max-width:36rem;text-align:center;padding:0 8px}.url-input{padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;width:100%;background:var(--input-bg);color:var(--text-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.copy-button,.search-button{padding:8px;color:var(--text-color);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover,.search-button:hover{background-color:var(--button-hover-bg)}.copy-button:active{background-color:var(--button-active-bg)}.copy-button img{width:20px;height:20px;-webkit-filter:invert(0%);filter:invert(0%)}[data-theme=dark] .copy-button img,[data-theme=dark] .search-button img{-webkit-filter:invert(90%);filter:invert(90%)}.copy-button.copied{background:#28a745}.copy-button.copied img{-webkit-filter:invert(100%);filter:invert(100%)}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:var(--footer-text-color)}.footer a{color:var(--footer-text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.footer a:hover{color:var(--footer-link-hover)}.theme-toggle{position:fixed;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-color);box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;z-index:100}[data-theme=dark] .theme-toggle{box-shadow:0 2px 5px #0000004d;background-color:#1e1e1e}.theme-toggle:hover{background-color:var(--button-hover-bg)}.theme-toggle img{width:24px;height:24px}