/* Soft square #2 — local comparison component set. */
:root{--ink:#10272b;--muted:#4c615d;--focus:#95520b;--cream:#f8f6ed;--teal:#02a0a0}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}.wv-primary{--join:28px;--lift:0px;position:relative;display:inline-block;flex:none;width:282px;height:80px;max-width:100%;border:0;border-radius:10px;background:none;padding:0;color:#10272b;text-decoration:none}.wv-primary svg{display:block;width:100%;height:100%;overflow:visible}.primary-label{position:absolute;left:0;top:0;width:67.8%;height:92.5%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transform:translateY(var(--lift));transition:transform .24s cubic-bezier(.2,.8,.2,1)}.lift{transform:translateY(var(--lift));transition:transform .24s cubic-bezier(.2,.8,.2,1)}.join{transform:translateX(var(--join));transition:transform .42s cubic-bezier(.22,1,.36,1)}.piece{filter:drop-shadow(0 4px 3px #07131722);transition:filter .24s}.wv-primary:focus-visible,[data-state=hover] .wv-primary,[data-state=focus] .wv-primary{--join:1px;--lift:-3px}@media(hover:hover){.wv-primary:hover{--join:1px;--lift:-3px}.wv-primary:hover .piece{filter:drop-shadow(0 7px 4px #07131733)}}.wv-primary:active,[data-state=pressed] .wv-primary{--join:1px;--lift:3px}.wv-primary:active .piece,[data-state=pressed] .piece{filter:drop-shadow(0 1px 1px #07131722)}
.wv-secondary{min-height:54px;border:1px solid #889f92;border-radius:11px;background:transparent;box-shadow:0 2px 0 #b4c5b850;padding:0 23px;color:inherit;font-size:14px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.wv-secondary:hover,.wv-secondary:focus-visible,[data-state=hover] .wv-secondary{background:#02a0a00c;transform:translateY(-2px);box-shadow:0 4px 0 #b4c5b840}.wv-secondary:active,[data-state=pressed] .wv-secondary{transform:translateY(1px);box-shadow:none}
.wv-text{display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:8px 0;border:0;background:none;color:inherit;font-size:14px;font-weight:550;text-decoration:underline;text-decoration-color:#809890;text-underline-offset:6px;text-decoration-thickness:1px}.wv-text span{display:inline-block;transition:transform .22s}.wv-text:hover span,.wv-text:focus-visible span,[data-state=hover] .wv-text span{transform:translateX(4px)}.wv-text:hover{text-decoration-color:currentColor}
[data-state=focus] .wv-primary,[data-state=focus] .wv-secondary,[data-state=focus] .wv-text{outline:3px solid var(--focus);outline-offset:5px}.wv-primary:disabled,.wv-secondary:disabled,.wv-text:disabled{opacity:.4;cursor:not-allowed;transform:none;--join:28px;--lift:0px}.wv-primary[aria-busy=true]{opacity:1;cursor:wait;--join:1px;--lift:0px}.spinner{display:none;transform-origin:220px 29px}.wv-primary[aria-busy=true] .spinner{display:block;animation:turn .9s linear infinite}.wv-primary[aria-busy=true] .arrow-mark{display:none}@keyframes turn{to{transform:rotate(360deg)}}
[data-surface=dark]{--ink:#f8f6ed;--muted:#c2d3cf;--focus:#ffbd65;color:var(--ink);background:#10272b}[data-surface=dark] .wv-secondary{border-color:#88a8a1}
dialog{max-width:min(440px,calc(100vw - 40px));padding:32px;border:1px solid #a9bdb3;border-radius:18px;background:#fffdf6;color:#10272b;box-shadow:0 20px 100px #07131740}dialog::backdrop{background:#07131788;backdrop-filter:blur(4px)}dialog h2{font-size:26px;letter-spacing:-.04em;margin:0 0 12px}dialog p{font-size:15px;line-height:1.7;color:#4c615d}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}