.re-w-compass .cp{--rs:min(48%,calc(100vh - 200px),600px);display:grid;grid-template-columns:var(--rs) minmax(0,1fr);gap:clamp(30px,4.6vw,76px);align-items:center}.re-w-compass .cp-how{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:500 13.5px/1.4 Inter,system-ui,sans-serif;color:var(--muted)}.re-w-compass .cp-how-ic{width:18px;height:18px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.re-w-compass .cp-ghost{position:absolute;z-index:6;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease)}.re-w-compass .cp-ghost i{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:1.5px solid #fff;opacity:0}.re-w-compass .cp-ghost svg{position:absolute;left:-3px;top:2px;width:30px;height:30px;fill:#F5F0F7;stroke:#120B15;stroke-width:1.1;stroke-linejoin:round;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.re-w-compass .cp.is-hint .cp-ghost{opacity:1}.re-w-compass .cp.is-hint .cp-ghost i{animation:cp-ring 1.5s var(--ease) .35s infinite}.re-w-compass .cp.is-hint .cp-ghost i+i{animation-delay:.6s}.re-w-compass .cp.is-hint .cp-ghost svg{animation:cp-tap 1.5s var(--ease) infinite}@keyframes cp-ring{0%{transform:scale(.35);opacity:.95}100%{transform:scale(1.4);opacity:0}}@keyframes cp-tap{0%{transform:translate(18px,20px)}35%{transform:translate(0,0) scale(1)}48%{transform:translate(0,0) scale(.86)}62%,100%{transform:translate(0,0) scale(1)}}.re-w-compass .cp-rose{position:relative;width:100%;padding:38px;justify-self:center}.re-w-compass .cp-box{position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.re-w-compass .cp-box::before{content:"";display:block;padding-top:100%}.re-w-compass .cp-box::after{content:"";position:absolute;left:4%;top:4%;width:92%;height:92%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(126,61,151,.28) 0%,rgba(73,33,87,.16) 48%,rgba(18,11,21,0) 72%)}.re-w-compass .cp-glow{position:absolute;inset:0;z-index:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(180px circle at var(--gx,50%) var(--gy,50%),rgba(219,191,229,.12),rgba(195,148,211,0) 70%)}.re-w-compass .cp-box.is-glow .cp-glow{opacity:1}.re-w-compass .cp-svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:visible}.re-w-compass .cp-ring{fill:none;stroke:rgba(195,148,211,.5);stroke-width:1;vector-effect:non-scaling-stroke}.re-w-compass .cp-ring-i{stroke:rgba(195,148,211,.26)}.re-w-compass .cp-ring-m{stroke:rgba(195,148,211,.16);stroke-dasharray:2 4}.re-w-compass .cp-tk{fill:none;stroke:rgba(219,191,229,.45);stroke-width:1;vector-effect:non-scaling-stroke}.re-w-compass .cp-sec{fill:rgba(195,148,211,0);cursor:pointer;transition:fill .45s var(--ease)}.re-w-compass .cp-sec:hover{fill:rgba(195,148,211,.07)}.re-w-compass .cp-sec:active{fill:rgba(195,148,211,.16)}.re-w-compass .cp-sec.is-on{fill:url(#cp-wedge)}.re-w-compass .cp-star{pointer-events:none}.re-w-compass .cp-pt{stroke:rgba(219,191,229,.38);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.re-w-compass .cp-lit{fill:rgba(195,148,211,.13)}.re-w-compass .cp-shade{fill:rgba(18,11,21,.35)}.re-w-compass .cp-pt-c.cp-lit{fill:rgba(195,148,211,.2)}.re-w-compass .cp-sps{pointer-events:none}.re-w-compass .cp-sp{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:opacity .35s var(--ease),stroke-dashoffset .3s var(--ease)}.re-w-compass .cp-sp.is-on{opacity:.6;stroke-dashoffset:0;transition:opacity .4s var(--ease) calc(.2s + var(--k,0) * 70ms),stroke-dashoffset .8s var(--ease) calc(.2s + var(--k,0) * 70ms)}.re-w-compass .cp-sp.is-hot{opacity:1}.re-w-compass .cp-dot{fill:rgba(225,203,234,.32);stroke:rgba(0,0,0,0);stroke-width:9;pointer-events:none;transform-box:fill-box;transform-origin:center;transition:fill .45s var(--ease),transform .45s var(--ease)}.re-w-compass .cp-dot.is-on{fill:#fff;pointer-events:all;cursor:pointer;transform:scale(1.35)}.re-w-compass .cp-dot.is-hot{fill:var(--gold);transform:scale(2)}.re-w-compass .cp-needle{transition:transform 1.25s cubic-bezier(.34,1.42,.5,1);pointer-events:none}.re-w-compass .cp-nd-a{fill:#F4E9F8;filter:drop-shadow(0 0 3px rgba(195,148,211,.8))}.re-w-compass .cp-nd-b{fill:rgba(195,148,211,.5)}.re-w-compass .cp-hub{fill:#160C1A;stroke:var(--gold);stroke-width:1.2;vector-effect:non-scaling-stroke}.re-w-compass .cp-hub-i{fill:var(--gold)}.re-w-compass .cp-knob{fill:#160C1A;stroke:#F4E9F8;stroke-width:1.4;vector-effect:non-scaling-stroke;transition:fill .3s var(--ease)}.re-w-compass .cp-knob-hit{fill:transparent;pointer-events:all;cursor:grab;touch-action:none}.re-w-compass .cp-box:hover .cp-knob,.re-w-compass .cp.is-turning .cp-knob{fill:var(--gold)}.re-w-compass .cp.is-turning .cp-knob-hit,.re-w-compass .cp.is-turning .cp-sec{cursor:grabbing}.re-w-compass .cp-ls{position:absolute;left:38px;right:38px;top:38px;bottom:38px;pointer-events:none}.re-w-compass .cp-l{position:absolute;transform:translate(-50%,-50%);font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:rgba(219,191,229,.6);transition:color .4s var(--ease),transform .5s var(--ease)}.re-w-compass .cp-l-c{font:700 16px/1 "Archivo",system-ui,sans-serif;font-stretch:118%;letter-spacing:0;color:var(--gold)}.re-w-compass .cp-l.is-on{color:#fff;transform:translate(-50%,-50%) scale(1.18)}.re-w-compass .cp-rm{position:absolute;left:50%;margin:3px 0 0 5px;font:500 10px/1 Inter,system-ui,sans-serif;color:rgba(219,191,229,.8);white-space:nowrap;pointer-events:none}.re-w-compass .cp-tags{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.re-w-compass .cp-tag{position:absolute;margin-top:-8px;padding:3px 6px 2px;border-radius:2px;background:rgba(18,11,21,.86);border:1px solid rgba(195,148,211,.5);font:600 12.5px/1 "Archivo",system-ui,sans-serif;font-stretch:110%;color:#fff;white-space:nowrap;opacity:0;transform:translateX(10px);transition:opacity .25s var(--ease)}.re-w-compass .cp-tag-l{transform:translateX(calc(-100% - 10px))}.re-w-compass .cp-tag.is-hot{opacity:1}.re-w-compass .cp-side{min-width:0}.re-w-compass .cp-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.re-w-compass .cp-rail .d4-pick{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:50px;padding:14px 14px;border-right:1px solid var(--line-2);border-bottom:0}.re-w-compass .cp-rail .d4-pick:nth-child(4n){border-right:0}.re-w-compass .cp-rail .d4-pick:nth-child(-n+4){border-bottom:1px solid var(--line-2)}.re-w-compass .cp-rail .d4-pick:active{background:rgba(195,148,211,.16)}.re-w-compass .cp-dir b{font:700 17px/1 "Archivo",system-ui,sans-serif;font-stretch:118%}.re-w-compass .cp-dir small{font:600 11px/1 Inter,system-ui,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.re-w-compass .cp-dir[aria-pressed=true] small{color:var(--gold)}.re-w-compass .cp-panels{display:grid;margin-top:24px}.re-w-compass .cp-panel.re-in{animation:cp-in .45s var(--ease)}@keyframes cp-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.re-w-compass .cp-k{margin:0;font:600 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold)}.re-w-compass .cp-h{margin:8px 0 0;font:700 clamp(26px,2.6vw,38px)/1.04 "Archivo",system-ui,sans-serif;font-stretch:118%;letter-spacing:-.012em;color:#fff}.re-w-compass .cp-cnt{margin:10px 0 0;font:500 14.5px/1.5 Inter,system-ui,sans-serif;color:var(--muted)}.re-w-compass .cp-cnt b{font:700 16px/1 "Archivo",system-ui,sans-serif;font-stretch:118%;color:var(--gold);font-variant-numeric:tabular-nums}.re-w-compass .cp-cnt a{color:var(--ink);border-bottom:1px solid var(--gold);white-space:nowrap}.re-w-compass .cp-list{list-style:none;margin:16px 0 0;padding:0;columns:2;column-gap:28px;border-top:1px solid var(--line)}.re-w-compass .cp-list-1{columns:1}.re-w-compass .cp-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0 12px;min-height:44px;padding:6px 4px;border-bottom:1px solid var(--line);break-inside:avoid;-webkit-column-break-inside:avoid;transition:background .3s var(--ease);cursor:pointer}.re-w-compass .cp-list li:hover,.re-w-compass .cp-list li.is-hot{background:rgba(195,148,211,.08)}.re-w-compass .cp-pn{min-width:0;font:600 15.5px/1.2 "Archivo",system-ui,sans-serif;font-stretch:110%;color:var(--ink)}.re-w-compass .cp-list li.is-hot .cp-pn{color:var(--gold)}.re-w-compass .cp-po{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:var(--gold)}.re-w-compass .cp-pm{text-align:right;font:500 12px/1 Inter,system-ui,sans-serif;color:var(--muted);white-space:nowrap}.re-w-compass .cp-pm b{font:700 15px/1 "Archivo",system-ui,sans-serif;font-stretch:118%;color:#fff;margin-right:2px}.re-w-compass .cp-go-row{margin:8px 0 0}.re-w-compass .cp-go{display:inline-flex;align-items:center;gap:10px;min-height:40px;font:600 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--gold);transition:color .3s var(--ease)}.re-w-compass .cp-go .ar{transition:transform .4s var(--ease)}.re-w-compass .cp-go:hover{color:#fff}.re-w-compass .cp-go:hover .ar{transform:translateX(4px)}.re-w-compass .cp-go:focus-visible,.re-w-compass .cp-cnt a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.re-w-compass .cp-none{color:var(--muted)}@media(max-width:1100px){.re-w-compass .cp{--rs:min(48%,calc(100vh - 190px));gap:26px}.re-w-compass .cp-rose{padding:32px}.re-w-compass .cp-ls{left:32px;right:32px;top:32px;bottom:32px}.re-w-compass .cp-how{margin-bottom:12px}.re-w-compass .cp-panels{margin-top:16px}.re-w-compass .cp-h{font-size:26px}.re-w-compass .cp-cnt{font-size:13.5px}.re-w-compass .cp-list{column-gap:20px;margin-top:12px}.re-w-compass .cp-list li{gap:0 8px;min-height:42px}.re-w-compass .cp-pn{font-size:14.5px}.re-w-compass .cp-po{display:none}}@media(max-width:759px){.re-w-compass .cp{grid-template-columns:minmax(0,1fr);gap:0}.re-w-compass .cp-side{display:contents}.re-w-compass .cp-how{order:1;margin:0 0 2px;font-size:13px}.re-w-compass .cp-rose{order:2;max-width:276px;padding:24px}.re-w-compass .cp-ls{left:24px;right:24px;top:24px;bottom:24px}.re-w-compass .cp-rail{order:3;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:4px}.re-w-compass .cp-rail .d4-pick{flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 0;border-bottom:0;border-right:1px solid var(--line-2)}.re-w-compass .cp-rail .d4-pick:nth-child(4n){border-right:1px solid var(--line-2)}.re-w-compass .cp-rail .d4-pick:last-child{border-right:0}.re-w-compass .cp-rail .d4-pick:nth-child(-n+4){border-bottom:0}.re-w-compass .cp-dir b{font-size:13.5px}.re-w-compass .cp-dir small{font-size:10px}.re-w-compass .cp-panels{order:4;margin-top:12px}.re-w-compass .cp-l{font-size:9.5px}.re-w-compass .cp-l-c{font-size:14px}.re-w-compass .cp-rm{font-size:9px}.re-w-compass .cp-tag{font-size:11.5px}.re-w-compass .cp-k{font-size:10.5px}.re-w-compass .cp-h{margin-top:4px;font-size:23px}.re-w-compass .cp-cnt{margin-top:4px;font-size:13px;line-height:1.4}.re-w-compass .cp-list{margin-top:8px;column-gap:14px}.re-w-compass .cp-list li{grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:4px 2px}.re-w-compass .cp-pn{font-size:13.5px}.re-w-compass .cp-pm{font-size:11px}.re-w-compass .cp-pm b{font-size:13.5px}.re-w-compass .cp-go-row{margin-top:2px}}@media(max-width:759px)and (max-height:780px){.re-w-compass .cp-rose{max-width:212px;padding:18px}.re-w-compass .cp-cnt{font-size:12.5px}.re-w-compass .cp-ls{left:18px;right:18px;top:18px;bottom:18px}.re-w-compass .cp-l-c{font-size:12.5px}.re-w-compass .cp-l:not(.cp-l-c){display:none}.re-w-compass .cp-list li{min-height:36px;padding:3px 2px}.re-w-compass .cp-panels{margin-top:10px}}@media(prefers-reduced-motion:reduce){.re-w-compass .cp-needle,.re-w-compass .cp-sp,.re-w-compass .cp-dot,.re-w-compass .cp-l{transition:none}.re-w-compass .cp-panel.re-in{animation:none}.re-w-compass .cp-ghost{display:none}}