:root{--ink: #1a2b3a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--rail-width: 64px;--frame-inset: 14px;--frame-radius: 22px;--width-rail: var(--rail-width);--inset-frame: var(--frame-inset);--radius-frame: var(--frame-radius);--color-frame-border: var(--frame-border);--outer-chrome-bg: #FAFAF9;--frame-shadow: 0 18px 48px rgba(43, 38, 32, .18), 0 4px 14px rgba(43, 38, 32, .08);--frame-border: rgba(43, 38, 32, .18);--frame-ring: inset 0 0 0 1px rgba(43, 38, 32, .22)}@media(max-width:640px){:root{--rail-width: 0px}}@media(max-width:520px){:root{--frame-inset: 6px;--frame-radius: 14px}}body.is-onboarding,body.is-onb-landing{--rail-width: 0px;--frame-inset: 0px;--frame-radius: 0px}body.is-onboarding .game,body.is-onb-landing .game{box-shadow:none}html,body,button,input,select,textarea{font-family:var(--font-sans)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;height:100%;overflow-x:hidden}html:has(body.student-space-shell){background:var(--outer-chrome-bg)}body.student-space-shell{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--outer-chrome-bg);color:var(--ink);transition:background 1.8s ease;overflow:hidden}body.student-space-shell.is-night{color:var(--ink);--outer-chrome-bg: #FAFAF9}html:has(body.student-space-page-route){background:#f5f5f4}body.student-space-shell.student-space-page-route{--outer-chrome-bg: #f5f5f4;color:var(--ink)}body.student-space-page-route .game,body.student-space-page-route #sky-haze,body.student-space-page-route #sky-rays{opacity:0;visibility:hidden;pointer-events:none}#sky-haze{position:fixed;top:var(--frame-inset);right:var(--frame-inset);bottom:var(--frame-inset);left:calc(var(--rail-width) + var(--frame-inset));border-radius:var(--frame-radius);overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 55% at 50% 22%,#ffffff6b,#ffffff2e 28%,#fff0 60%);transition:opacity 1.8s ease}body.student-space-shell.is-night #sky-haze{opacity:0}#sky-rays{position:fixed;top:var(--frame-inset);right:var(--frame-inset);bottom:var(--frame-inset);left:calc(var(--rail-width) + var(--frame-inset));border-radius:var(--frame-radius);overflow:hidden;pointer-events:none;z-index:0;background:repeating-linear-gradient(92deg,#fff0 0% 6%,#ffffff14 8%,#ffffff21 9%,#fff0 11% 17%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 18%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,0) 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 18%,#000000e6,#0006 45%,#0000 75%);opacity:.85;transition:opacity 1.8s ease}body.student-space-shell.is-night #sky-rays{opacity:0}@media(prefers-reduced-motion:reduce){body,#sky-haze,#sky-rays{transition:none}}.game{position:fixed;top:var(--frame-inset);right:var(--frame-inset);bottom:var(--frame-inset);left:calc(var(--rail-width) + var(--frame-inset));touch-action:none;z-index:1;border-radius:var(--frame-radius);overflow:hidden;box-shadow:0 0 0 1px #2b262038;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 42%,var(--sky-bottom) 100%);transition:background 1.8s ease}.ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;font-family:var(--font-sans);font-size:12px;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.ui a{pointer-events:auto}.ui .mobile-warning{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:200px}@media(orientation:portrait){.ui .mobile-warning{display:flex}}.ui .controls{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;padding:8px}.ui a{color:inherit}.ui .group{display:flex}.ui .element{display:flex;align-items:center;margin-right:10px}.ui .keys{--key-size: 15px;--key-margin: 2px;font-size:0;margin-right:2px;white-space:nowrap}.ui .keys.is-arrows{position:relative}.ui .keys.is-arrows .key:last-child{position:absolute;bottom:calc(100% + var(--key-margin));left:calc(var(--key-size) + var(--key-margin))}.ui .key{display:inline-flex;align-items:center;justify-content:center;width:var(--key-size);height:var(--key-size);margin-right:var(--key-margin);border:1px solid #ffffff;font-size:9px}.bento-tile:active{transform:scale(.96);transition:transform .12s ease}@media(prefers-reduced-motion:reduce){.bento-tile:active{transition-duration:80ms}}:root{--facet-personality-accent: #8E6FB8;--facet-personality-soft: #E8DDF2;--facet-personality-ink: #4C3470}:root{--onb-bg-cream: #faf2e3;--onb-bg-deep: #0f1224;--onb-ink: #2b2620;--onb-ink-soft: rgba(43, 38, 32, .62);--onb-ink-faint: rgba(43, 38, 32, .32);--onb-accent: #ff8a5c;--onb-accent-deep: #e26a3c;--onb-card: rgba(255, 255, 255, .92);--onb-card-line: rgba(43, 38, 32, .1);--onb-shadow: 0 8px 28px rgba(43, 38, 32, .1);--onb-ease: cubic-bezier(.22, 1, .36, 1)}.tldr-hero{display:grid;gap:10px;padding:18px 20px;border-radius:18px;border:1px solid rgba(43,38,32,.1);background:#ffffff8c;box-shadow:0 1px #fff9 inset,0 4px 14px -10px #2b26202e}.tldr-hero__eyebrow{margin:0;font-size:13px;font-weight:500;color:#2b26208c}.tldr-hero__title{margin:0;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.005em;color:#2b2620eb}.tldr-hero__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tldr-hero__meta{margin:4px 0 0;font-size:12px;color:#2b26208c;font-variant-numeric:tabular-nums}.tldr-chip{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid rgba(43,38,32,.12);background:#2b26200a;color:#2b2620d1;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer;transition:background .16s ease,transform .12s ease}.tldr-chip:hover{background:#2b262012}.tldr-chip:active{transform:scale(.96)}.tldr-chip:focus-visible{outline:2px solid rgba(47,102,183,.55);outline-offset:2px}.tldr-chip__dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#2b26206b}.tldr-chip[data-accent=values] .tldr-chip__dot{background:#c2a572}.tldr-chip[data-accent=interests] .tldr-chip__dot{background:#b88660}.tldr-chip[data-accent=personality] .tldr-chip__dot{background:#4f8acb}.tldr-chip[data-accent=skills] .tldr-chip__dot{background:#4f9b6a}.tldr-chip[data-accent=relationships] .tldr-chip__dot{background:#c97a4e}.tldr-chip[data-accent=choices] .tldr-chip__dot{background:#8a6cb3}.disclosure{display:block;margin:0}.disclosure__toggle{appearance:none;width:100%;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 4px;background:transparent;border:none;color:#2b2620c7;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;text-align:left;cursor:pointer;transition:color .16s ease}.disclosure__toggle:hover{color:#2b2620eb}.disclosure__toggle:focus-visible{outline:2px solid rgba(47,102,183,.55);outline-offset:2px;border-radius:6px}.disclosure__chevron{display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%232b2620' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 4l4 4-4 4'/></svg>");background-repeat:no-repeat;background-position:center;background-size:14px 14px;transition:transform .18s cubic-bezier(.2,0,0,1);opacity:.7}.disclosure[data-expanded=true] .disclosure__chevron{transform:rotate(90deg)}.disclosure__panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .22s cubic-bezier(.2,0,0,1)}.disclosure[data-expanded=true] .disclosure__panel{grid-template-rows:1fr}.disclosure__panel>*{min-height:0}.disclosure__panel-inner{overflow:hidden}@media(prefers-reduced-motion:reduce){.disclosure__chevron,.disclosure__panel{transition:none}}.stat-tile-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-tile-row[data-count="1"]{grid-template-columns:minmax(0,1fr)}.stat-tile{position:relative;display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:#ffffff8c;box-shadow:0 1px #0000000a,inset 0 0 0 1px #2b26200a;color:#2b2620eb}.stat-tile__value{font-size:22px;font-weight:700;line-height:1.05;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#2b2620}.stat-tile__label{font-size:13px;font-weight:500;color:#2b26208c}.stat-tile__icon{position:absolute;top:12px;right:14px;font-size:16px;opacity:.55}@media(max-width:480px){.stat-tile-row{grid-template-columns:minmax(0,1fr)}}.callout-strip{margin:0;padding:12px 14px;border-radius:12px;background:#2b26200b;color:#2b2620d1}.callout-strip__eyebrow{margin:0 0 4px;font-size:13px;font-weight:500;color:#2b26208c}.callout-strip__body{margin:0;font-size:14px;line-height:1.5;font-style:italic;color:#2b2620d1}.callout-strip[data-accent=values]{background:color-mix(in srgb,#c2a572 16%,rgba(255,255,255,.4))}.callout-strip[data-accent=interests]{background:color-mix(in srgb,#b88660 16%,rgba(255,255,255,.4))}.callout-strip[data-accent=personality]{background:color-mix(in srgb,#4f8acb 14%,rgba(255,255,255,.4))}.callout-strip[data-accent=skills]{background:color-mix(in srgb,#4f9b6a 14%,rgba(255,255,255,.4))}.callout-strip[data-accent=relationships]{background:color-mix(in srgb,#c97a4e 14%,rgba(255,255,255,.4))}.callout-strip[data-accent=choices]{background:color-mix(in srgb,#8a6cb3 14%,rgba(255,255,255,.4))}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}