:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;line-height:1.5;font-weight:150;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--page-padding: 16px;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-surface-active: #e2e8f0;--color-border: #d0d7de;--color-border-subtle: #e5e7eb;--color-text: #0f172a;--color-text-muted: #475569;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-contrast: #f8fafc;--color-disabled-bg: #e5e7eb;--color-disabled-text: #94a3b8;--shadow-elevation: 0 1px 3px rgba(15, 23, 42, .08);--color-success: #15803d;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2}@media (prefers-color-scheme: dark){:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-surface-active: #e2e8f0;--color-border: #d0d7de;--color-border-subtle: #e5e7eb;--color-text: #0f172a;--color-text-muted: #475569;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-contrast: #f8fafc;--color-disabled-bg: #e5e7eb;--color-disabled-text: #94a3b8;--shadow-elevation: 0 1px 3px rgba(15, 23, 42, .08);--color-success: #15803d;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2}}body{margin:0;min-width:320px;min-height:100vh;padding:var(--page-padding);letter-spacing:-.005em;background-color:#fff;color:var(--color-text);transition:background-color .2s ease,color .2s ease}a{font-weight:inherit;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:inherit;font-family:inherit;background-color:var(--color-surface-muted);color:var(--color-text);cursor:pointer;transition:border-color .25s ease,background-color .2s ease,color .2s ease,transform .2s ease}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:3px solid #000000;outline-offset:2px}input:not([type=range]),select,textarea{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.95rem;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease,color .2s ease}input:not([type=range])::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:not([type=range]):focus,select:focus,textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #00000026}::selection{background:#000;color:#fff}table{border-collapse:collapse}.course-focus-highlight{outline:3px solid #000000;outline-offset:4px;transition:outline .2s ease}.score-slider{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:16px;outline:none;cursor:pointer;border:none;padding:0;margin:0}.score-slider::-webkit-slider-runnable-track{height:4px;background:transparent;border:none}.score-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:9999px;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 1px #0000000f;margin-top:-4px;opacity:.85;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.score-slider:hover::-webkit-slider-thumb,.score-slider:active::-webkit-slider-thumb,.score-slider:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.08);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}.score-slider::-moz-range-track{height:4px;background:transparent;border:none}.score-slider::-moz-range-progress{background:transparent}.score-slider::-moz-range-thumb{width:12px;height:12px;border-radius:9999px;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 1px #0000000f;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.score-slider:hover::-moz-range-thumb,.score-slider:active::-moz-range-thumb,.score-slider:focus-visible::-moz-range-thumb{transform:scale(1.08);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}.score-submit-btn{padding:0;display:inline-block;border-radius:9999px}.compass-page{max-width:1100px;margin:0 auto;padding:28px;color:var(--color-text)}.compass-hero{text-align:center;margin:18px 0 12px}.compass-hero h1{margin:0 0 8px;font-size:clamp(2.2rem,3vw,2.9rem);letter-spacing:-.02em}.compass-hero p{margin:0;color:var(--color-text-muted);font-size:1rem}.compass-stage{position:relative;margin:0 auto 18px;width:min(900px,92vw);aspect-ratio:1;border-radius:36px;background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.12),transparent 55%),radial-gradient(circle at 70% 70%,rgba(15,23,42,.08),transparent 60%),var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:0 20px 40px #0f172a1f;overflow:visible}.compass-grid{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(148,163,184,.06) 0 18%,transparent 18%),radial-gradient(circle,rgba(148,163,184,.08) 0 1px,transparent 2px);pointer-events:none;filter:blur(.2px)}.compass-core{position:absolute;left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8fafc,#2563eb73),radial-gradient(circle at 70% 75%,#ffffffe6,#2563eb52),var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);box-shadow:inset 0 1px 3px #fff9,inset 0 -10px 40px #2563eb2e,0 18px 40px #0f172a2e}.compass-core:after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:0 0 0 12px #2563eb0f}.compass-bar{position:absolute;left:50%;top:50%;width:12px;height:12px;transform-origin:50% 50%;pointer-events:none}.compass-bar span{position:absolute;left:50%;width:12px;border-radius:999px;background:linear-gradient(180deg,#2563ebd9,#2563eb59);box-shadow:0 12px 24px #2563eb2e,0 6px 12px #0f172a14;opacity:.86;transition:transform .12s ease-out,height .12s ease-out,opacity .2s ease,filter .2s ease;will-change:transform,height;pointer-events:auto}.compass-bar span:after{content:attr(data-label);position:absolute;top:0;left:50%;transform:translate(-30%,-105%) rotate(-90deg);transform-origin:50% 100%;padding:2px 6px;border-radius:999px;background:#0f172ad9;color:#fff;font-size:.62rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none;box-shadow:0 4px 10px #0f172a40}.compass-bar span[data-category=course]{background:linear-gradient(180deg,#facc15f5,#facc1573);box-shadow:0 12px 24px #facc1580,0 6px 12px #0f172a2e}.compass-bar span[data-energized=true]{opacity:1;filter:drop-shadow(0 0 12px rgba(37,99,235,.3))}.compass-bar span[data-category=course][data-energized=true]{filter:drop-shadow(0 0 14px rgba(250,204,21,.7))}.compass-legend{margin-top:20px;display:flex;align-items:center;gap:12px;justify-content:center;color:var(--color-text-muted);font-size:.95rem}.compass-legend .pulse{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#2563ebbf,#2563eb1a);box-shadow:0 0 0 8px #2563eb14}.compass-trace{position:absolute;inset:0;pointer-events:none;overflow:visible}.compass-trace polyline{fill:none;stroke:#ff6363e6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,99,99,.35))}