.star-border-container{display:inline-block;position:relative;border-radius:999px;overflow:hidden}.border-gradient-bottom{position:absolute;width:220%;height:18%;opacity:.45;bottom:-4px;right:-180%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0;pointer-events:none}.border-gradient-top{position:absolute;opacity:.45;width:220%;height:18%;top:-4px;left:-180%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0;pointer-events:none}.star-border-container>.inner-content{position:relative;z-index:1;background:transparent;border:none;color:inherit;font-size:inherit;text-align:inherit;padding:0;border-radius:inherit}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:.55}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:.55}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.border-gradient-bottom,.border-gradient-top{animation:none;opacity:.25}}:root{color-scheme:dark;--bg: #050505;--bg-elevated: #111111;--bg-hover: #1a1a1a;--ink: #f5f5f5;--ink-muted: #a0a0a0;--ink-faint: #6b6b6b;--border: #262626;--border-strong: #3a3a3a;--accent: #fafafa;--accent-ink: #0a0a0a;--success: #3ecf8e;--success-soft: rgba(62, 207, 142, .12);--warn: #f5a524;--warn-soft: rgba(245, 165, 36, .12);--ring: #ffffff;--shadow: 0 0 0 1px var(--border), 0 24px 48px rgba(0, 0, 0, .45);--radius: 12px;--radius-pill: 999px;--font: "Nunito", system-ui, sans-serif;--font-display: "Fraunces", "Nunito", Georgia, serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);font-weight:450;background:var(--bg);color:var(--ink);line-height:1.55;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.25rem 1.75rem;position:relative;overflow:hidden}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 45% at 50% 18%,rgba(255,255,255,.05),transparent 70%)}.page-home{justify-content:space-between}.home-rays{z-index:0}.home-main,.pair-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,26rem);margin:auto 0;gap:.65rem}.brand{margin:.15rem 0 0;font-family:var(--font-display);font-size:clamp(2.75rem,8vw,3.6rem);font-weight:550;font-optical-sizing:auto;font-variation-settings:"SOFT" 50,"WONK" .4;letter-spacing:-.03em;line-height:1.05}.brand-sm{font-size:1.75rem;margin-bottom:.15rem}.tagline{margin:0 0 1.15rem;color:var(--ink-muted);font-size:1.1rem;font-weight:450;max-width:18rem;line-height:1.45}.hero-illustration{display:grid;place-items:center;margin-bottom:.35rem;width:100%}.hero-img{display:block;width:min(100%,280px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-sm .hero-img{width:min(100%,148px);border-radius:16px}@media(prefers-reduced-motion:no-preference){.hero-illustration{animation:hero-in .8s var(--ease) both}.brand,.tagline,.copy-btn,.pair-card{animation:rise-in .7s var(--ease) both}.brand{animation-delay:.06s}.tagline{animation-delay:.12s}.copy-btn{animation-delay:.18s}.pair-card{animation-delay:.1s}.copy-btn-copied{animation:copied-pop .35s var(--ease)}}@keyframes hero-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes copied-pop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.copy-btn,.primary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font);font-weight:700;font-size:.975rem;letter-spacing:.01em;border-radius:var(--radius-pill);padding:.85rem 1.45rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease),opacity .15s var(--ease)}.copy-btn{background:var(--accent);color:var(--accent-ink);min-width:11.5rem}.copy-btn:hover:not(:disabled){background:#e8e8e8}.copy-btn:disabled{opacity:.7;cursor:wait}.copy-btn:focus-visible,.primary-btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.copy-btn:active,.primary-btn:active{transform:translateY(1px)}.copy-btn-copied{background:var(--success);color:#04140c}.copy-btn-copied:hover{background:var(--success)}.copy-icon,.copy-check{font-size:1rem;line-height:1;opacity:.85;display:inline-flex}.primary-btn{background:var(--accent);color:var(--accent-ink);width:100%}.primary-btn-inline{width:auto;min-width:9rem}.primary-btn:hover{background:#e8e8e8}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.copy-prompt{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin-top:.15rem}.copy-star{display:inline-flex}.copy-star .copy-btn{margin:1px}.copy-tooltip{position:absolute;left:50%;bottom:calc(100% + .55rem);transform:translate(-50%) translateY(4px);width:max-content;max-width:min(16.5rem,calc(100vw - 2rem));padding:.4rem .65rem;border-radius:8px;background:#141416;border:1px solid var(--border-strong);color:var(--ink-muted);font-size:.78rem;font-weight:500;line-height:1.35;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s var(--ease),transform .15s var(--ease),visibility .15s;z-index:20;box-shadow:0 8px 24px #0006}.copy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#141416}.copy-prompt:hover .copy-tooltip,.copy-prompt:focus-within .copy-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.copy-tooltip{transition:none}}.ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:transparent;color:var(--ink);font-family:var(--font);font-weight:650;font-size:.88rem;border-radius:var(--radius-pill);padding:.5rem .9rem;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.ghost-btn:hover{background:var(--bg-hover);border-color:#555}.ghost-btn:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.prompt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.25rem;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.prompt-modal{width:min(100%,36rem);max-height:min(88dvh,40rem);display:flex;flex-direction:column;background:#0c0c0e;border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 30px 80px #000000a6;overflow:hidden}.prompt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .35rem}.prompt-modal-header h2{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:550;letter-spacing:-.02em}.icon-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-muted);font-size:1.5rem;line-height:1;width:2rem;height:2rem;border-radius:8px;cursor:pointer}.icon-close-btn:hover{color:var(--ink);background:var(--bg-hover)}.icon-close-btn:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.prompt-modal-lede{margin:0;padding:0 1.1rem .75rem;color:var(--ink-muted);font-size:.9rem}.prompt-modal-pre{margin:0 1.1rem;padding:.9rem 1rem;flex:1;overflow:auto;background:#070708;border:1px solid var(--border);border-radius:10px;color:#d4d4d8;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;text-align:left}.prompt-modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:.95rem 1.1rem 1.05rem}.site-footer{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.55rem;color:var(--ink-faint);font-size:.875rem;font-weight:500;padding-top:1.75rem}.footer-link{color:inherit;text-decoration:none;transition:color .15s var(--ease)}.footer-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;font:inherit;cursor:pointer}.footer-link:hover{color:var(--ink-muted)}.footer-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:3px}.footer-dot{opacity:.45}.pair-card{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.5rem 1.35rem 1.35rem;text-align:left;margin-top:.65rem}.pair-title{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.45rem;font-weight:550;letter-spacing:-.02em;line-height:1.2}.pair-copy{margin:0 0 1rem;color:var(--ink-muted);font-size:.98rem}.pair-label{margin:-.35rem 0 1rem;font-size:.95rem;color:var(--ink-muted)}.pair-label strong{color:var(--ink);font-weight:700}.pair-meta{margin:1rem 0 .4rem;font-size:.92rem;color:var(--ink-muted)}.pair-meta time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}.pair-note{margin:0;font-size:.85rem;color:var(--ink-faint)}.pair-status{margin:0;color:var(--ink-muted);text-align:center;font-weight:500}.pair-card-success{border-color:#3ecf8e59;background:linear-gradient(180deg,var(--success-soft),var(--bg-elevated) 55%)}.pair-card-success .pair-title{color:var(--success)}.pair-card-warn{border-color:#f5a5244d;background:linear-gradient(180deg,var(--warn-soft),var(--bg-elevated) 55%)}.pair-card-warn .pair-title{color:var(--warn)}@media(max-width:380px){.page{padding-inline:1rem}.pair-card{padding:1.25rem 1rem}.hero-img{width:min(100%,240px)}}