@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;color-scheme:light dark;--surface-color: #f7f7f7;--surface-border: #e1e1e1;--surface-hover: #efefef;--focus-ring: rgba(15, 23, 42, .12);--accent-color: #1f1f1f;--accent-hover: #2a2a2a;--accent-active: #151515;--accent-contrast: #ffffff;--muted-text: #6f6f6f}*{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:#1a1a1a}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:#444}a:hover{color:#888}button{font:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit}.search-container{margin:0;width:100%}.search-form{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--surface-border);border-radius:12px;background-color:var(--surface-color);box-shadow:0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}.search-form:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--focus-ring)}.search-input{flex:1;min-width:0;padding:14px 12px;border:none;border-radius:8px;background:transparent;color:inherit;appearance:none;line-height:1.5;min-height:52px}.search-input:focus{outline:none}.search-input::placeholder{color:var(--muted-text)}.search-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--accent-color);color:var(--accent-contrast);border-radius:10px;font-weight:600;transition:background-color .2s ease,color .2s ease,transform .1s ease}.search-button:hover{background:var(--accent-hover)}.search-button:active{background:var(--accent-active);transform:translateY(1px)}.search-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.content-container{display:grid;gap:28px;width:min(72rem,calc(100vw - clamp(48px,10vw,128px)));margin:0 auto;text-align:center;padding:0 16px}.content-container>*{width:100%}.search-container,.search-form{width:100%}.url-container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%}.url-input{padding:14px 16px;border:1px solid var(--surface-border);border-radius:12px;width:100%;background:var(--surface-color);color:inherit;box-shadow:0 1px 2px #0f172a0a;line-height:1.5;min-height:52px}.copy-button{padding:10px;border:1px solid var(--surface-border);border-radius:10px;background:var(--surface-color);transition:border-color .2s ease,background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center}.copy-button:hover{border-color:var(--accent-color);background:var(--surface-hover)}.copy-button:active{transform:translateY(1px)}.copy-button img{width:20px;height:20px}.copy-button.copied{background:#28a745;border-color:#28a745;box-shadow:0 0 0 4px #28a7452e}.copy-button.copied img{filter:invert(1)}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:#666}.footer a{color:#666;text-decoration:none;font-weight:500}.footer a:hover{color:#333}@media(prefers-color-scheme:dark){:root{--surface-color: #161616;--surface-border: #2a2a2a;--surface-hover: #1f1f1f;--focus-ring: rgba(255, 255, 255, .18);--accent-color: #f5f5f5;--accent-hover: #e4e4e4;--accent-active: #d6d6d6;--accent-contrast: #131313;--muted-text: #9d9d9d}body{color:#ddd}#app{background-color:#131313}a{color:#a9a9a9}a:hover{color:#888}.footer,.footer a{color:#999}.footer a:hover{color:#ccc}.search-form{box-shadow:0 1px #0006}.search-button:focus-visible{outline-color:#ffffffb3}.copy-button img{filter:invert(1)}}