*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f7;--hero-bg: #0f0f1a;--accent: #7c6dfa;--accent-hover: #6a5ce8;--pass: #22c55e;--fail: #ef4444;--warn: #f59e0b;--info: #3b82f6;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--card: #ffffff;--code-bg: #f3f4f6;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.container{max-width:720px;margin:0 auto;padding:0 1.5rem;width:100%}.hero{background:var(--hero-bg);padding:3.5rem 0 4.5rem;text-align:center}.logo{font-size:2.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.6rem}.logo-is{color:var(--accent)}.logo-canonical{color:#fff}.tagline{font-size:1rem;color:#ffffff8c;margin-bottom:2.5rem;letter-spacing:.01em}.check-form{max-width:580px;margin:0 auto}.input-row{display:flex;gap:.5rem}.input-row input{flex:1;padding:.9rem 1.2rem;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff12;color:#fff;font-family:var(--font);font-size:1rem;transition:border-color .18s,background .18s;outline:none;min-width:0}.input-row input::placeholder{color:#ffffff4d}.input-row input:focus{border-color:var(--accent);background:#ffffff1a}.input-row button{padding:.9rem 1.75rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,transform .1s;white-space:nowrap;flex-shrink:0}.input-row button:hover:not(:disabled){background:var(--accent-hover)}.input-row button:active:not(:disabled){transform:scale(.97)}.input-row button:disabled{opacity:.6;cursor:not-allowed}.input-error{margin-top:.6rem;color:#fca5a5;font-size:.875rem;text-align:left}.results{padding:2.5rem 0 3rem}.summary{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.summary-pass{color:var(--pass)}.summary-fail{color:var(--fail)}.url-info{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.url-pair{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.url-col{flex:1;min-width:0}.url-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.3rem}.url-arrow{font-size:1.1rem;color:var(--text-muted);flex-shrink:0;padding-top:1.1rem}.checks{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.check{display:flex;gap:1rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-left:4px solid transparent;border-radius:12px;padding:1.1rem 1.25rem}.check-pass{border-left-color:var(--pass)}.check-fail{border-left-color:var(--fail)}.check-warn{border-left-color:var(--warn)}.check-info{border-left-color:var(--info)}.check-icon{font-size:1.15rem;flex-shrink:0;margin-top:.05rem}.check-title{font-weight:600;font-size:.95rem;margin-bottom:.3rem}.check-desc{font-size:.875rem;color:var(--text-muted);line-height:1.55}code{font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.82em;background:var(--code-bg);padding:.15em .4em;border-radius:4px;color:var(--text);word-break:break-all}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.chain{margin-top:.75rem;font-size:.8rem}.chain-label{font-weight:600;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.06em}.chain table{width:100%;border-collapse:collapse}.chain th,.chain td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.chain th{font-weight:600;color:var(--text-muted);background:var(--code-bg)}.intro{padding:2.5rem 0 3rem}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.intro-block h2{font-size:1rem;font-weight:700;margin-bottom:.85rem;color:var(--text)}.intro-block p{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:.75rem}.url-examples{list-style:none;margin:.5rem 0 .75rem;display:flex;flex-direction:column;gap:.3rem}.url-examples li code{display:inline-block}.feature-list{list-style:none;display:flex;flex-direction:column;gap:.85rem}.feature-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:.9rem}.feature-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.feature-list strong{display:block;margin-bottom:.2rem;color:var(--text)}.feature-list span{color:var(--text-muted);line-height:1.55}footer{margin-top:auto;border-top:1px solid var(--border);padding:1.5rem 0;text-align:center;font-size:.82rem;color:var(--text-muted)}.hidden{display:none!important}@media(max-width:620px){.intro-grid{grid-template-columns:1fr;gap:1.75rem}}@media(max-width:560px){.logo{font-size:2.1rem}.hero{padding:2.5rem 0 3.5rem}.input-row{flex-direction:column}.url-pair{flex-direction:column;gap:.5rem}.url-arrow{padding-top:0;transform:rotate(90deg)}}