.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}@media(max-width:640px){.pair-grid{grid-template-columns:1fr}}.pair-card{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:var(--bg-rise)}.pair-card h3{font-size:14px;font-weight:800;color:var(--ink-1);margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.pair-card ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:13px;line-height:1.65}.pair-card li{margin-bottom:4px}.pair-card p.muted{font-size:13px;color:var(--ink-3);margin:0}.pair-disclaimer{margin-top:24px;font-size:12px;line-height:1.55;color:var(--ink-3);border-top:1px solid var(--line);padding-top:16px}.pill-link{display:inline-block;border-radius:9999px;border:1px solid var(--line);padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink-2);background:var(--bg-rise);transition:border-color .15s,color .15s,transform .15s}.pill-link:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-1px)}.uyum-hero{position:relative;overflow:hidden;background:radial-gradient(55% 85% at 88% 8%,color-mix(in oklch,var(--magenta) 15%,transparent),transparent 70%),radial-gradient(45% 75% at 8% 92%,color-mix(in oklch,var(--coral) 12%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in oklch,var(--violet) 11%,var(--bg)),color-mix(in oklch,var(--magenta) 7%,var(--bg)) 55%,color-mix(in oklch,var(--coral) 6%,var(--bg)));border-bottom:1px solid color-mix(in oklch,var(--violet) 18%,var(--line))}.uyum-hero-inner{position:relative;z-index:1;max-width:640px}.uyum-rings{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:250px;height:170px;pointer-events:none;z-index:0}.uyum-rings span{position:absolute;top:5px;width:160px;height:160px;border-radius:50%;border:2px solid}.uyum-rings .uyum-ring-a{left:0;border-color:color-mix(in oklch,var(--violet) 55%,transparent);background:color-mix(in oklch,var(--violet) 5%,transparent)}.uyum-rings .uyum-ring-b{right:0;border-color:color-mix(in oklch,var(--magenta) 55%,transparent);background:color-mix(in oklch,var(--magenta) 5%,transparent)}@media(max-width:760px){.uyum-rings{display:none}}.uyum-sys-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.uyum-sys-chip{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r-full);border:1px solid var(--line);background:color-mix(in oklch,var(--bg-rise) 72%,transparent);padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink-2)}.uyum-sys-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sys, var(--violet));flex-shrink:0}.uyum-wizard{max-width:640px;margin:0 auto}.uyum-progress{display:flex;gap:8px;margin-bottom:16px}.uyum-progress-step{flex:1;display:flex;flex-direction:column;gap:6px}.uyum-progress-step i{display:block;height:4px;border-radius:999px;background:var(--bg-sunk);transition:background .3s}.uyum-progress-step b{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;transition:color .3s}.uyum-progress-step.is-done i,.uyum-progress-step.is-current i{background:linear-gradient(90deg,var(--violet),var(--magenta))}.uyum-progress-step.is-done b,.uyum-progress-step.is-current b{color:var(--violet)}.uyum-step{position:relative;border:1px solid var(--line);border-radius:24px;padding:30px 26px;background:var(--bg-rise);box-shadow:var(--shadow-md);overflow:hidden}.uyum-step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--step-accent, var(--violet)),transparent 75%)}.uyum-step--a{--step-accent: var(--violet)}.uyum-step--b{--step-accent: var(--magenta)}.uyum-step h2{font-size:22px;font-weight:800;color:var(--ink-1);margin:0 0 10px}.uyum-step-desc{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0 0 16px}.uyum-step-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--step-accent, var(--violet));margin-bottom:8px}.uyum-step-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--step-accent, var(--violet))}.uyum-prefill-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);margin-bottom:16px;accent-color:var(--violet)}.uyum-loading{text-align:center;padding:52px 20px;font-size:14px;color:var(--ink-3)}.uyum-spinner{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:conic-gradient(var(--violet),var(--magenta),transparent 72%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:uyumSpin .9s linear infinite}@keyframes uyumSpin{to{transform:rotate(360deg)}}.uyum-btn-primary{border-radius:12px;padding:12px 22px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--violet),var(--magenta));border:none;cursor:pointer;box-shadow:0 6px 16px color-mix(in oklch,var(--violet) 28%,transparent);transition:transform .15s,box-shadow .15s,opacity .15s}.uyum-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in oklch,var(--violet) 34%,transparent)}.uyum-btn-secondary{border-radius:12px;padding:12px 22px;font-size:14px;font-weight:700;color:var(--ink-1);background:transparent;border:1px solid var(--line);cursor:pointer;transition:border-color .15s,color .15s}.uyum-btn-secondary:hover{border-color:var(--violet);color:var(--violet)}.uyum-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.uyum-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}@media(max-width:480px){.uyum-context-grid{grid-template-columns:1fr}}.uyum-context-btn{display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:16px;border:1px solid var(--line);background:var(--bg);padding:18px 10px;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.uyum-context-btn:hover{transform:translateY(-2px)}.uyum-context-btn small{font-size:10px;font-weight:500;color:var(--ink-3);line-height:1.35;text-align:center}.uyum-context-btn.active{border-color:var(--violet);background:color-mix(in oklch,var(--violet) 8%,var(--bg));color:var(--violet)}.uyum-context-btn.active small{color:color-mix(in oklch,var(--violet) 70%,var(--ink-3))}.uyum-fields{display:grid;gap:12px}.uyum-field{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--bg);transition:border-color .2s,box-shadow .2s}.uyum-field.is-set{border-color:color-mix(in oklch,var(--sys, var(--violet)) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in oklch,var(--sys, var(--violet)) 10%,transparent)}.uyum-field-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:9px}.uyum-field-head:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sys, var(--violet));flex-shrink:0}.uyum-field-head em{margin-left:auto;font-style:normal;font-weight:500;font-size:11px;color:var(--ink-3)}.uyum-select{width:100%;appearance:none;-webkit-appearance:none;border-radius:12px;border:1px solid var(--line);background-color:var(--bg-rise);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239495a3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;color:var(--ink-1);padding:10px 34px 10px 12px;font-size:13px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.uyum-select:focus{outline:none;border-color:var(--sys, var(--violet));box-shadow:0 0 0 3px color-mix(in oklch,var(--sys, var(--violet)) 16%,transparent)}.uyum-bf-toggle{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);accent-color:var(--emerald);cursor:pointer}.uyum-bf-sliders{display:grid;gap:10px;margin-top:12px}.uyum-bf-row{display:flex;align-items:center;gap:10px}.uyum-bf-label{font-size:11px;color:var(--ink-3);width:104px;flex-shrink:0}.uyum-bf-val{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--ink-1);width:28px;text-align:right;flex-shrink:0}.uyum-range{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--emerald) var(--val, 50%),var(--bg-sunk) var(--val, 50%));outline:none;cursor:pointer}.uyum-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--bg-rise);border:3px solid var(--emerald);box-shadow:var(--shadow-sm);cursor:pointer}.uyum-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--bg-rise);border:3px solid var(--emerald);cursor:pointer}.uyum-range::-moz-range-track{height:6px;border-radius:999px;background:var(--bg-sunk)}.uyum-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--emerald)}.uyum-people{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media(max-width:560px){.uyum-people{grid-template-columns:1fr}}.uyum-person{border:1px solid var(--line);border-radius:16px;padding:13px 15px;background:var(--bg-rise)}.uyum-person>b{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:9px}.uyum-person>b:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--person, var(--violet))}.uyum-person--a{--person: var(--violet)}.uyum-person--b{--person: var(--magenta)}.uyum-person-tags{display:flex;flex-wrap:wrap;gap:6px}.uyum-tag{border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg);padding:4px 10px;font-size:11.5px;font-weight:600;color:var(--ink-1)}.uyum-person-empty{font-size:12px;color:var(--ink-3)}.uyum-hero-card{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--bg-rise);box-shadow:var(--shadow-md);margin-bottom:16px}.uyum-ring{position:relative;width:120px;height:120px;flex-shrink:0}.uyum-ring svg{display:block;width:100%;height:100%}.uyum-ring-track{fill:none;stroke:var(--bg-sunk);stroke-width:9}.uyum-ring-fill{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease-out)}.uyum-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.uyum-ring-num{font-size:32px;font-weight:900;color:var(--ink-1);line-height:1;letter-spacing:-.02em}.uyum-ring-max{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);margin-top:3px}.uyum-hero-info{flex:1;min-width:200px}.uyum-tier-chip{display:inline-block;border-radius:var(--r-full);padding:5px 13px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tier, var(--violet));background:color-mix(in oklch,var(--tier, var(--violet)) 12%,var(--bg));border:1px solid color-mix(in oklch,var(--tier, var(--violet)) 30%,var(--line))}.uyum-hero-meta{margin-top:9px;font-size:12.5px;color:var(--ink-3)}.uyum-share-btn{border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:10px 16px;font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s,transform .15s}.uyum-share-btn:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-1px)}.uyum-agreement{font-size:13px;line-height:1.6;color:var(--ink-2);background:var(--bg);border:1px solid var(--line-2);border-radius:14px;padding:13px 17px;margin:0 0 8px}.uyum-trait-card{border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:var(--bg-rise)}.uyum-trait-card--shared{border-color:color-mix(in oklch,var(--emerald) 32%,var(--line));background:color-mix(in oklch,var(--emerald) 4%,var(--bg-rise))}.uyum-trait-card--diff{border-color:color-mix(in oklch,var(--coral) 32%,var(--line));background:color-mix(in oklch,var(--coral) 4%,var(--bg-rise))}.uyum-trait-card h3{font-size:13px;font-weight:800;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.uyum-trait-card--shared h3{color:var(--emerald-ink)}.uyum-trait-card--diff h3{color:var(--coral-ink)}.uyum-trait-card ul{margin:0;padding:0;list-style:none;font-size:13px;line-height:1.6;color:var(--ink-2)}.uyum-trait-card li{position:relative;padding-left:22px;margin-bottom:6px}.uyum-trait-card li:before{position:absolute;left:0;font-weight:800}.uyum-trait-card--shared li:before{content:"✓";color:var(--emerald)}.uyum-trait-card--diff li:before{content:"✕";color:var(--coral)}.uyum-trait-card p.muted{font-size:13px;color:var(--ink-3);margin:0}.uyum-systems{margin-top:22px}.uyum-systems>h2{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ink-1);margin:0 0 12px}.uyum-system-card{border:1px solid var(--line);border-radius:16px;background:var(--bg-rise);margin-bottom:10px;overflow:hidden;transition:border-color .15s}.uyum-system-card:hover{border-color:color-mix(in oklch,var(--sys, var(--violet)) 35%,var(--line))}.uyum-system-card summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.uyum-system-card summary::-webkit-details-marker{display:none}.uyum-system-dot{width:10px;height:10px;border-radius:50%;background:var(--sys, var(--violet));flex-shrink:0}.uyum-system-name{font-size:13.5px;font-weight:800;color:var(--ink-1);white-space:nowrap}.uyum-system-meter{flex:1;height:6px;min-width:32px;border-radius:999px;background:var(--bg-sunk);overflow:hidden}.uyum-system-meter i{display:block;height:100%;border-radius:999px;background:var(--sys, var(--violet))}.uyum-system-score{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--sys, var(--violet));white-space:nowrap}.uyum-system-tier{font-size:10.5px;color:var(--ink-3);white-space:nowrap}.uyum-system-chevron{color:var(--ink-3);font-size:11px;transition:transform .2s}.uyum-system-card[open] .uyum-system-chevron{transform:rotate(180deg)}.uyum-system-body{padding:2px 16px 16px 38px;font-size:13px;line-height:1.6;color:var(--ink-2)}.uyum-system-body p{margin:0 0 8px}.uyum-disclaimer-small{font-size:11px;color:var(--ink-3);font-style:italic}.uyum-empty{text-align:center;padding:28px 0}.uyum-empty p{font-size:14px;line-height:1.65;color:var(--ink-2);margin-bottom:16px}.uyum-empty-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.uyum-steps-grid{display:grid;gap:12px}@media(min-width:720px){.uyum-steps-grid{grid-template-columns:repeat(3,1fr)}}.uyum-howto{border:1px solid var(--line);border-radius:20px;padding:22px 20px;background:var(--bg-rise);transition:transform .25s var(--ease-out),box-shadow .25s}.uyum-howto:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.uyum-howto-num{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.uyum-howto h3{margin:0 0 6px;font-size:15px;font-weight:800;color:var(--ink-1)}.uyum-howto p{margin:0;font-size:13px;line-height:1.6;color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.uyum-spinner{animation-duration:2.5s}.uyum-ring-fill{transition:none}.uyum-howto:hover,.uyum-context-btn:hover{transform:none}}