.whats-my-ip-page{padding:1.5rem 1rem;max-width:50rem;margin:0 auto}.whats-my-ip-page h1{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#1b1917;text-align:center}.ip-display{background:#f9fafb;border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}.ip-address-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ip-address{font-size:1.125rem;font-weight:600;font-family:courier new,Courier,monospace;color:#1b1917;user-select:all;word-break:break-all;flex:1;min-width:0}.copy-button{background:#007bff;border:none;color:#fff;padding:.625rem;border-radius:.375rem;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem}.copy-button:hover{background:#0056b3}.copy-button.copied{background:#22c55e}.copy-button icon-copy,.copy-button icon-check{width:1.25rem;height:1.25rem}.ip-info{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem}.ip-info h3{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:#1b1917}.ip-info ul{margin:0;padding:0;list-style:none}.ip-info li{font-size:.8125rem;line-height:1.5;margin-bottom:.5rem;color:#4b5563}.ip-info li:last-child{margin-bottom:0}.ip-info li::before{content:"•";color:#007bff;font-weight:700;margin-right:.5rem}@media(min-width:30rem){.ip-address{font-size:1.25rem}}@media(min-width:48rem){.whats-my-ip-page{padding:2.5rem 1rem}.whats-my-ip-page h1{font-size:2rem;margin-bottom:2rem}.ip-display{padding:2rem;margin-bottom:2rem}.ip-address-wrapper{gap:1.25rem}.ip-address{font-size:1.75rem}.copy-button{width:3rem;height:3rem}.copy-button icon-copy,.copy-button icon-check{width:1.5rem;height:1.5rem}.ip-info{padding:1.75rem}.ip-info h3{font-size:1rem;margin-bottom:1rem}.ip-info li{font-size:.875rem}}@media(min-width:64rem){.whats-my-ip-page{padding:3rem 1rem}.whats-my-ip-page h1{font-size:2.5rem}.ip-address{font-size:2rem}}@media(prefers-color-scheme:dark){.whats-my-ip-page h1{color:#f9fafb}.whats-my-ip-page>p{color:#9ca3af}.ip-display{background:#1b1917}.ip-display h2{color:#9ca3af}.ip-address{color:#f9fafb}.ip-info{background:#1b1917;border-color:#1b1917}.ip-info h3{color:#f9fafb}.ip-info li{color:#9ca3af}}/* Built with Go by Furkan Baytekin */