:root{font-family:sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{line-height:1.5;font-weight:400;font-size:16px;color:light-dark(#1a1a1a,#ffffff)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:light-dark(#444444,#bbbbbb)}a:hover{color:light-dark(#888888,#dddddd)}button{font:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit}.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 light-dark(#ddd,#222);border-radius:4px;width:100%;background:light-dark(#f5f5f5,#1a1a1a)}.copy-button{padding:8px;color:light-dark(#666,#aaa);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:light-dark(#f0f0f0,#222)}.copy-button:active{background:light-dark(#e5e5e5,#444)}.copy-button img{width:20px;height:20px}.copy-button.copied{background:#28a745}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:light-dark(#666,#aaa)}.footer a{color:light-dark(#666,#aaa);text-decoration:none;font-weight:500}.footer a:hover{color:light-dark(#333,#ddd)}