*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Courier,monospace;background-color:#ffffee;color:#333;min-height:100vh;display:flex;justify-content:center;padding-top:20px}.container{text-align:center;max-width:700px;width:100%;padding:0 20px}.mascot{width:150px;height:auto;margin-bottom:6px}.ip-wrapper{position:relative;margin:15px auto;max-width:-moz-fit-content;max-width:fit-content}.ip-display{font-size:3rem;font-weight:700;color:#0055aa;padding:20px 60px 20px 20px;border:2px solid #0055aa;background:#fff;overflow-wrap:break-word}.copy-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;transition:color .2s;padding:8px}.copy-btn:hover{color:#0055aa}.tooltip{visibility:hidden;position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s}.copy-btn:hover .tooltip,.tooltip.visible{visibility:visible;opacity:1}table{margin:30px auto;border-collapse:collapse;width:100%;text-align:left}td{padding:10px 14px;border-bottom:1px solid #ccc;font-size:.9rem}.label{font-weight:700;white-space:nowrap;width:140px;color:#555}.ua{word-break:break-all;font-size:.8rem}.footer{margin-top:40px;font-size:.85rem;color:#999}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){body{padding-top:30px}.mascot{width:120px}h1{font-size:1.5rem;margin-bottom:12px}.ip-display{font-size:1.8rem;padding:14px;margin:20px 0}td{display:block;padding:6px 14px}.label,td{width:100%}.label{border-bottom:none;padding-bottom:0}table{margin:20px auto}}