*{box-sizing:border-box;margin:0;padding:0}:root{--bg-start:#f6fbff;--bg-end:#eef6ff;--surface:#ffffffe6;--surface-strong:#fff;--surface-soft:#f8fafcd9;--text-primary:#0f172a;--text-muted:#475569;--text-faint:#64748b;--border-subtle:#0f172a1f;--accent:#0ea5e9;--accent-strong:#0284c7;--accent-soft:#0ea5e924}body{background:linear-gradient(160deg, var(--bg-start) 0%, var(--bg-end) 100%);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}#root{min-height:100vh}h1{margin-bottom:1rem}label{margin-bottom:.5rem;font-weight:500;display:block}button:disabled{opacity:.6;cursor:not-allowed}.homepage-container{background:radial-gradient(circle at 10% 0%, #7dd3fc47, transparent 36%), radial-gradient(circle at 100% 100%, #bae6fd5c, transparent 42%), linear-gradient(145deg, var(--bg-start) 0%, var(--bg-end) 100%);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:2rem;display:flex}.homepage-card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:1px solid #0ea5e92e;border-radius:1.5rem;width:100%;max-width:700px;padding:3rem;box-shadow:0 22px 52px #38bdf824}.homepage-card.wide-card{max-width:1200px;padding:clamp(1.5rem,3vw,2.5rem)}.homepage-title{letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem)}.homepage-subtitle{max-width:28rem;color:var(--text-muted);margin:0 auto 2rem;font-size:1.1rem;line-height:1.75}.cidr-form{text-align:left;background:#f8fafcd1;border:1px solid #0ea5e924;border-radius:1.25rem;max-width:42rem;margin:0 auto 2rem;padding:1rem}.cidr-label{color:var(--text-primary);margin-bottom:.6rem;font-weight:700;display:block}.cidr-form-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cidr-input{min-width:0;color:var(--text-primary);background:#fff;border:1px solid #0ea5e938;border-radius:999px;flex:16rem;padding:.95rem 1.05rem;font-size:1rem}.cidr-input:focus{outline-offset:1px;outline:2px solid #0ea5e947}.cidr-submit{white-space:nowrap}.cidr-note{color:var(--text-faint);margin-top:.7rem;font-size:.95rem}.octet-form{margin-top:0}.octet-label{margin-bottom:.85rem}.octet-grid{margin-bottom:0}.octet-form .ipv4-link{color:var(--text-primary);background:#fff;border:1px solid #0ea5e938;box-shadow:0 2px 8px #0ea5e914}.octet-form .ipv4-link:hover{background:#e0f2fed9;border-color:#0ea5e95c;box-shadow:0 10px 24px #0ea5e924}.wide-card .homepage-subtitle{max-width:46rem}.homepage-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.button{cursor:pointer;border:none;border-radius:999px;padding:.95rem 1.8rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button.primary{color:#082f49;background:linear-gradient(#38bdf8 0%,#0ea5e9 100%);box-shadow:0 10px 24px #0ea5e93d}.button.secondary{background:var(--surface-soft);border:1px solid var(--border-subtle);color:var(--text-primary)}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #0ea5e92e;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:sticky;top:0}.site-logo{color:var(--text-primary);font-size:1.25rem;font-weight:800;text-decoration:none}.site-actions{align-items:center;gap:.75rem;display:flex}.site-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-top:1px solid #0ea5e92e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.9rem 1.25rem;display:flex}.site-footer-copy{color:var(--text-faint);font-size:.9rem}.site-footer-links{align-items:center;gap:1rem;display:inline-flex}.site-footer-links a{color:var(--text-muted);font-weight:600;text-decoration:none}.site-footer-links a:hover{color:var(--accent-strong)}.legal-card{text-align:left;max-width:860px}.legal-content h2{margin:1.2rem 0 .5rem;font-size:1.15rem}.legal-content p{color:var(--text-muted);margin-bottom:.6rem}.legal-return{margin-top:1.2rem}.header-user{color:var(--text-primary);background:#0ea5e91f;border-radius:999px;padding:.45rem .8rem;font-size:.95rem}.header-button{padding:.65rem 1rem}.ipv4-grid{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;margin-bottom:2rem;display:grid}.ipv4-grid.block-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.65rem}.ipv4-link{color:#0c4a6e;background:linear-gradient(#e0f2feeb 0%,#bae6fdd1 100%);border:1px solid #0ea5e952;border-radius:1.5rem;justify-content:center;align-items:center;min-height:4rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s,box-shadow .15s;display:inline-flex}.ipv4-link:hover{background:linear-gradient(#bae6fdf2 0%,#7dd3fce0 100%);transform:translateY(-2px);box-shadow:0 12px 24px #0ea5e933}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.block-list{text-align:left;max-height:65vh;margin-bottom:1.5rem;padding-left:1rem;padding-right:.5rem;overflow:auto}.block-list>li{margin-bottom:.75rem}.block-list ul{margin-top:.5rem;margin-left:1.25rem;list-style-type:disc}.ip-item{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.95rem;display:flex}@media (width<=768px){.homepage-container{padding:1rem}.homepage-card{padding:1.25rem}.homepage-card.wide-card{max-width:100%;padding:1.25rem}.block-list{max-height:58vh}}.ip-literal{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace}.ip-host{color:var(--text-faint)}.ip-host.unresolved-host{color:#64748b;font-style:italic}.home-card{text-align:left;max-width:700px}.home-header-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.home-title{margin-bottom:0;font-size:clamp(2rem,4vw,3rem)}.home-subtitle{max-width:100%;margin:0 0 1.2rem}.home-user-pill{color:var(--text-primary);background:#0ea5e91f;border-radius:999px;align-items:center;margin-bottom:1rem;padding:.45rem .8rem;font-size:.95rem;font-weight:600;display:inline-flex}.home-loading,.home-empty{color:var(--text-muted);font-weight:600}.home-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:.85rem;margin-bottom:.8rem;padding:.75rem .9rem}.home-comment-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.home-comment-item{color:var(--text-primary);background:#ffffffc7;border:1px solid #0ea5e924;border-radius:.9rem;padding:.7rem .85rem;line-height:1.45}.home-comment-link{color:inherit;text-decoration:none;display:block}.home-comment-item:has(.home-comment-link):hover{border-color:#0ea5e95c;box-shadow:0 8px 22px #0ea5e91f}.home-comment-ip{color:#0c4a6e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-weight:700}.home-comment-date{color:var(--text-faint)}.home-comment-body{color:var(--text-primary)}@media (width<=768px){.home-header-row{flex-wrap:wrap}}.asn-badge{color:#0369a1;cursor:default;background:#0ea5e924;border:1px solid #0ea5e94d;border-radius:999px;flex-shrink:0;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:.78rem;font-weight:700;display:inline-block}.asn-badge.asn-loading{opacity:.5;font-weight:400}.asn-badge.asn-muted{color:#475569;background:#64748b1f;border-color:#64748b47}.asn-badge.asn-error{color:#b91c1c;background:#ef44441f;border-color:#ef444447}.asn-badge.asn-clickable{cursor:pointer;font:inherit;background:0 0;border:1px solid #0ea5e94d}.asn-badge.asn-clickable:hover{background:#0ea5e93d}.asn-prefix-list{flex-direction:column;gap:.25rem;max-height:55vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.asn-prefix-link{color:#0369a1;border-radius:.4rem;padding:.3rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:.9rem;text-decoration:none;display:block}.asn-prefix-link:hover{background:#0ea5e91a;text-decoration:underline}.block-card{background:#ffffffc2;border:1px solid #0ea5e929;border-radius:.85rem;flex-direction:column;gap:.5rem;min-width:0;padding:.65rem .75rem;display:flex;overflow:hidden}.block-link{justify-content:center;align-items:center;width:100%;display:flex}.comment-button{white-space:nowrap;flex-shrink:0;padding:.35rem .6rem;font-size:.78rem}.block-card .comment-button{text-overflow:ellipsis;width:100%;overflow:hidden}.comment-form{gap:.75rem;margin-top:.75rem;display:grid}.comment-textarea{width:100%;min-width:0;color:var(--text-primary);resize:vertical;background:#fff;border:1px solid #0ea5e938;border-radius:.75rem;padding:.85rem}.comment-textarea:focus{outline-offset:1px;outline:2px solid #0ea5e947}.comment-form-actions{flex-wrap:wrap;gap:.75rem;display:flex}.comment-message{color:#0369a1;font-size:.95rem}.modal-overlay{z-index:1000;background:#0f172a52;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{background:#fffffff5;border:1px solid #0ea5e938;border-radius:1rem;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 20px 60px #0ea5e929}.modal-header{border-bottom:1px solid #0ea5e929;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.modal-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;width:2rem;height:2rem;padding:0;font-size:2rem;line-height:1}.modal-close:hover{color:var(--accent-strong)}.modal-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.comments-modal-body{gap:1rem;display:grid}.comment-entry{background:#f0f9ffeb;border-left:3px solid #0ea5e980;border-radius:.75rem;padding:1rem}.comment-author{color:#075985;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.comment-body{color:var(--text-primary);margin-bottom:.5rem;line-height:1.5}.comment-date{color:var(--text-faint);font-size:.8rem}.modal-footer{border-top:1px solid #0ea5e929;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.comment-error{color:#b91c1c;background:#fee2e2cc;border-left:3px solid #ef4444;border-radius:.5rem;padding:1rem}