[data-tools-root] [hidden]{display:none!important}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),360px));gap:24px;padding-block:40px 80px;display:grid}.tool-card{flex-direction:column;align-items:flex-start;min-height:280px;padding:28px;display:flex}.tool-card h2{margin:18px 0 8px;font-size:24px}.tool-card p{color:var(--text-soft);margin:0 0 24px}.tool-mark{border:1px solid var(--border);width:56px;height:56px;color:var(--theme-accent);background:color-mix(in srgb, var(--theme-accent) 12%, transparent);border-radius:50%;place-items:center;font-size:36px;display:grid}.tool-enter{color:var(--text-soft);margin-top:auto;font-size:14px}.compass-page{padding-top:104px;padding-bottom:max(32px, env(safe-area-inset-bottom));text-align:center}.compass-page>.page-link{width:fit-content;display:flex}.compass-heading .eyebrow{margin:8px 0 0}.compass-heading h1{margin:4px 0;font-size:clamp(28px,4vw,44px)}.compass-heading>p:last-child{color:var(--text-soft);margin:8px auto 24px;font-size:14px}.random-compass{flex-direction:column;align-items:center;display:flex}.compass-dial{aspect-ratio:1;border:1px solid var(--border);isolation:isolate;background:radial-gradient(circle, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 67%), color-mix(in srgb, var(--bg-soft) 72%, transparent);width:min(480px,100%);box-shadow:var(--shadow);border-radius:50%;position:relative}.compass-dial:before{content:"";background:repeating-conic-gradient(from -.5deg, var(--border) 0deg 1deg, transparent 1deg 5deg);border-radius:50%;position:absolute;inset:4%;-webkit-mask:radial-gradient(circle,#0000 67%,#000 68%);mask:radial-gradient(circle,#0000 67%,#000 68%)}.compass-dial:after{content:"";border:1px solid var(--border);background:repeating-conic-gradient(from 22deg, var(--border) 0deg .5deg, transparent .5deg 45deg);z-index:-1;border-radius:50%;position:absolute;inset:18%;-webkit-mask:radial-gradient(circle,#0000 25%,#000 26%);mask:radial-gradient(circle,#0000 25%,#000 26%)}.compass-direction{color:var(--text-soft);letter-spacing:.06em;border-radius:var(--radius-sm);padding:3px 7px;font-size:clamp(12px,2.6vw,16px);transition:color .25s,background .25s;position:absolute;transform:translate(-50%,-50%)}.compass-direction.is-selected{color:var(--text);background:color-mix(in srgb, var(--theme-accent) 24%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--theme-accent) 24%, transparent)}.compass-rotor{pointer-events:none;position:absolute;inset:22%}.compass-rotor span{clip-path:polygon(50% 0,100% 100%,50% 85%,0 100%);background:linear-gradient(var(--theme-accent), color-mix(in srgb, var(--theme-accent-2) 55%, var(--theme-accent)));width:20px;height:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.compass-start{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 0 40px color-mix(in srgb, var(--theme-accent) 14%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(12px,2.8vw,16px);display:flex;position:absolute;inset:35%}.compass-start>span:first-child{color:var(--theme-accent);font-size:28px;line-height:1.2}.compass-start:disabled{cursor:wait;color:var(--text-soft)}.compass-start:active:not(:disabled){scale:.97}.compass-result{min-height:78px;margin-top:22px}.compass-result p{color:var(--text-soft);margin:0;font-size:13px}.compass-result .compass-answer{color:var(--text);font-size:26px;font-weight:650}.has-result .compass-answer{text-shadow:0 0 24px color-mix(in srgb, var(--theme-accent) 45%, transparent)}.has-result .compass-result{animation:compass-reveal .35s var(--ease)}.compass-again{font:inherit;background:var(--bg-soft);border-color:var(--border);cursor:pointer;font-size:14px}.compass-page .page-link{min-height:44px}.compass-note{color:var(--text-muted);margin:16px 0 0;font-size:12px}.tool-card:focus-visible,.compass-start:focus-visible,.compass-page .page-link:focus-visible{outline:2px solid var(--theme-accent);outline-offset:5px}@keyframes compass-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.compass-page{padding-top:84px}.compass-dial{width:min(82vw,360px,100%)}.compass-heading>p:last-child{max-width:290px;margin-bottom:18px}.compass-result{margin-top:18px}}@media (prefers-reduced-motion:reduce){[data-tools-root] *,[data-tools-root] :before,[data-tools-root] :after{transition:none!important;animation:none!important}}body.no-motion [data-tools-root] *{transition:none!important;animation:none!important}