*{box-sizing:border-box}:root{color-scheme:light dark;--bg: #ffffff;--fg: #111;--muted: #666;--line: #e5e5e5;--code-bg: #f6f6f1;--green: #3fb950;--link: #1f6feb;--chart-bg: #0d1117}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--fg: #e6edf3;--muted: #8b949e;--line: #21262d;--code-bg: #161b22;--link: #58a6ff}}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.55;min-height:100vh}main{max-width:720px;margin:0 auto;padding:56px 24px 48px}h1{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.01em}h1 .mark{width:36px;height:36px;flex:0 0 auto}h1 .tld{color:var(--muted);font-weight:400}.tag{margin:0 0 28px;color:var(--muted);font-size:16px}form{margin:0 0 20px}input[type=text]{width:100%;font:inherit;font-size:18px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);outline:none}input[type=text]:focus{border-color:var(--fg)}.comparer{position:relative;width:100%;aspect-ratio:800 / 533;background:var(--chart-bg);border-radius:6px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:ew-resize;margin:0 0 16px}.comparer .layer{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.comparer .layer:not([src]),.comparer .layer[src=""]{visibility:hidden}.comparer .above{clip-path:inset(0 50% 0 0)}.comparer .handle{position:absolute;top:0;left:50%;width:4px;height:100%;margin-left:-2px;cursor:ew-resize;z-index:3}.comparer .handle-line{position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:#ffffffd9;box-shadow:0 0 8px #0009}.comparer .handle-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fffffff2;color:#111;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 10px #0006}.comparer .handle:focus-visible .handle-grip{outline:3px solid var(--green);outline-offset:2px}.lbls{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 8px;font-size:11px;font-family:ui-monospace,Menlo,monospace;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.comparer .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:13px;color:#fff9;z-index:1;background:#0006}.comparer.is-loading .loading{display:flex}.embed{position:relative}pre{margin:0;padding:12px 14px;background:var(--code-bg);border:1px solid var(--line);border-radius:6px;font-size:12px;overflow-x:auto;white-space:pre;font-family:ui-monospace,Menlo,monospace}#copy{position:absolute;top:8px;right:8px;font:inherit;font-size:12px;background:var(--fg);color:var(--bg);border:none;padding:4px 10px;border-radius:4px;cursor:pointer;opacity:.85}#copy:hover{opacity:1}#copy.copied{background:var(--green);color:#fff}footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer p{margin:0 0 4px}footer .quiet{font-size:12px;opacity:.7}footer a{color:var(--link);text-decoration:none}footer a:hover{text-decoration:underline}