.compass{--bg: oklch(98.5% .003 65);--card: #fff;--fg: oklch(20% .008 65);--muted: oklch(95.5% .004 65);--muted-fg: oklch(50% .012 65);--secondary: oklch(96.6% .006 65);--border: oklch(91% .006 65);--border2: oklch(86% .008 65);--primary: oklch(60% .17 52);--glow: oklch(73.4% .179 52);--accent: oklch(75% .17 58);--primary-soft: oklch(95.5% .035 60);--primary-ink: oklch(45% .13 50);--ok: oklch(55% .13 150);--ok-soft: oklch(95% .04 150);--ink: oklch(17% .008 65);--ink2: oklch(21% .01 65);--ink3: oklch(25% .012 65);--ink-fg: oklch(96% .004 65);--ink-line: oklch(30% .012 65);--ink-muted: oklch(73% .012 65);--gradient-brand: linear-gradient(120deg, var(--glow), var(--accent));--gradient-ink: radial-gradient(1200px 600px at 80% -10%, oklch(35% .065 52 / .7), transparent 60%), radial-gradient(800px 500px at 0% 100%, oklch(40% .045 65 / .35), transparent 60%), var(--ink);--shadow-card: 0 1px 2px oklch(20% .008 65 / .05), 0 12px 32px -16px oklch(20% .008 65 / .18);--shadow-elegant: 0 24px 60px -24px oklch(40% .1 52 / .45);--r: 14px;--r-lg: 20px;--display: "Sora", system-ui, sans-serif;--sans: "Manrope", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.compass *,.compass *:before,.compass *:after{box-sizing:border-box}.compass a{color:inherit;text-decoration:none}.compass h1,.compass h2,.compass h3,.compass h4{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.02em}.compass p{text-wrap:pretty}.compass button,.compass input,.compass select,.compass textarea{font-family:inherit}.compass .wrap{max-width:1280px;margin:0 auto;padding:0 24px}.compass .i{flex:none}.compass .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-weight:600;font-size:14px;border-radius:10px;padding:12px 18px;cursor:pointer;border:1px solid transparent;transition:filter .15s,background .15s,border-color .15s,transform .1s}.compass .btn:active{transform:scale(.98)}.compass .btn.pri{background:var(--primary);color:var(--ink);box-shadow:var(--shadow-elegant)}.compass .btn.pri:hover{filter:brightness(1.1)}.compass .btn.pri .i{transition:transform .15s}.compass .btn.pri:hover .i{transform:translate(2px)}.compass .btn.line{border-color:var(--border2);background:var(--card);color:var(--fg)}.compass .btn.line:hover{border-color:var(--fg)}.compass .btn.ink-line{border-color:var(--ink-line);color:var(--ink-fg);background:transparent}.compass .btn.ink-line:hover{background:#322d2866}.compass .btn.sm{padding:8px 12px;font-size:12.5px;border-radius:8px}.compass .btn[disabled]{opacity:.4;pointer-events:none;box-shadow:none}.compass .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-ink);border:1px solid var(--border);background:var(--card);border-radius:999px;padding:5px 12px}.compass .eyebrow .i{width:14px;height:14px;color:var(--primary)}.compass .dark .eyebrow{background:transparent;border-color:var(--ink-line);color:var(--glow)}.compass .grad{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.compass .grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;background-image:linear-gradient(var(--ink-line) 1px,transparent 1px),linear-gradient(90deg,var(--ink-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.compass .dark{background:var(--gradient-ink);color:var(--ink-fg);position:relative;overflow:hidden}.compass .card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-card)}.compass .icon-tile{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.compass .icon-tile.solid{background:var(--primary);color:var(--ink)}.compass .chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;padding:8px 13px;border-radius:999px;border:1px solid var(--border2);background:var(--card);transition:all .15s}.compass .chip:hover{border-color:var(--fg)}.compass .chip.on{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.compass .chip .i{width:14px;height:14px}.compass .tg{all:unset;cursor:pointer;width:34px;height:19px;border-radius:999px;background:var(--border2);position:relative;transition:background .2s;flex:none}.compass .tg:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s}.compass .tg.on{background:var(--primary)}.compass .tg.on:after{transform:translate(15px)}.compass .f{width:100%;font:inherit;font-size:15px;padding:11px 13px;border-radius:10px;border:1px solid var(--border2);background:var(--card);color:var(--fg);outline:none;transition:border-color .15s,box-shadow .15s}.compass .f:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.compass textarea.f{resize:vertical;line-height:1.5}.compass .lbl{display:block;font-size:12px;font-weight:700;color:var(--muted-fg);margin-bottom:6px}.compass .kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-ink);margin-bottom:10px}.compass .aitag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--primary-ink);background:var(--primary-soft);padding:3px 8px;border-radius:999px}.compass .aitag .i{width:12px;height:12px}.compass .kpm-light{--kpm-bg: oklch(98.5% .003 65);--kpm-card: #fff;--kpm-ink: oklch(20% .008 65);--kpm-ink2: oklch(42% .012 65);--kpm-mute: oklch(58% .012 65);--kpm-line: oklch(91% .006 65);--kpm-brand: oklch(60% .17 52);--kpm-brand-bg: oklch(95.5% .035 60);--kpm-brand-ink: oklch(45% .13 50);--kpm-ok: oklch(50% .13 150);--kpm-ok-bg: oklch(95% .04 150);--kpm-r: 12px;--kpm-mono: var(--mono);--kpm-sans: var(--sans)}.compass .kpm-dark{--kpm-bg: oklch(19% .009 65);--kpm-card: oklch(22% .01 65);--kpm-ink: oklch(96% .004 65);--kpm-ink2: oklch(78% .012 65);--kpm-mute: oklch(62% .012 65);--kpm-line: oklch(31% .012 65);--kpm-brand: oklch(73.4% .179 52);--kpm-brand-bg: oklch(30% .06 52);--kpm-brand-ink: oklch(82% .14 60);--kpm-ok: oklch(78% .13 150);--kpm-ok-bg: oklch(28% .05 150);--kpm-r: 12px;--kpm-mono: var(--mono);--kpm-sans: var(--sans)}.compass .kpm-dark .kpm-q,.compass .kpm-dark .kpm-b.me,.compass .kpm-dark .kpm-role.a,.compass .kpm-dark .kpm-step.done i{color:#120f0c}@keyframes compass-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.compass .pop{animation:compass-rise .35s ease both}