.study-board-selector{text-align:left;width:min(100%,520px);min-width:0;margin:20px auto 28px}.board-space-label{color:var(--muted-foreground);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px 5px;font-size:10px;font-weight:600;display:block}.board-space-trigger{width:100%;min-height:88px;color:var(--foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 45%, transparent), 0 9px 30px oklch(5% .01 297/.16);text-align:left;cursor:pointer;background:linear-gradient(150deg,#241831,#17121f 45%,#141018);border-radius:22px;align-items:center;gap:14px;padding:16px 20px 16px 16px;transition:background .18s,box-shadow .18s,transform .18s;display:flex}.board-space-trigger:hover:not(:disabled),.board-space-trigger[data-state=open]{box-shadow:inset 0 0 0 1px var(--brand-primary), 0 10px 32px oklch(35% .15 297/.13);background:linear-gradient(150deg,#302044,#21162e 45%,#19121f)}.board-space-trigger:active:not(:disabled){transform:translateY(1px)}.board-space-trigger:disabled{cursor:not-allowed;opacity:.55}.board-space-icon{--space-tint:var(--brand-highlight);width:38px;height:38px;color:var(--space-tint);background:color-mix(in oklab, var(--space-tint) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--space-tint) 13%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}[data-tone=rose]>.board-space-icon{--space-tint:oklch(80% .11 355)}[data-tone=blue]>.board-space-icon{--space-tint:oklch(79% .1 240)}[data-tone=mint]>.board-space-icon{--space-tint:oklch(83% .09 170)}[data-tone=amber]>.board-space-icon{--space-tint:oklch(84% .11 78)}[data-tone=lavender]>.board-space-icon{--space-tint:oklch(82% .06 285)}.board-space-current-icon{background:linear-gradient(145deg, color-mix(in oklab, var(--space-tint) 23%, transparent), color-mix(in oklab, var(--space-tint) 7%, transparent));border-radius:16px;width:52px;height:52px}.board-space-trigger[data-tone=violet] .board-space-current-icon{color:var(--primary-foreground);background:var(--brand-primary);box-shadow:0 3px 0 var(--brand-primary-base)}.board-space-value{flex:1;min-width:0}.board-space-current{flex:1;gap:3px;min-width:0;display:grid}.board-space-current strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:21px;font-weight:600;line-height:1.15}.board-space-current>span{color:var(--muted-foreground);font-size:12px;line-height:1.5}.board-space-tag{background:color-mix(in srgb, var(--brand-primary) 22%, transparent);color:var(--brand-highlight);border-radius:20px;flex-shrink:0;padding:4px 9px;font-size:10px}.board-space-chevron{color:var(--brand-highlight);flex-shrink:0;transition:transform .18s;display:flex}.board-space-trigger[data-state=open] .board-space-chevron{transform:rotate(180deg)}.board-space-hint{color:var(--muted-foreground);justify-content:center;align-items:center;gap:7px;margin:11px 4px 0;font-size:11px;line-height:1.5;display:flex}.board-space-hint svg{color:var(--brand-highlight);flex-shrink:0}.board-space-menu{z-index:120;width:min(560px,100vw - 28px);max-height:min(540px, var(--radix-select-content-available-height));color:var(--foreground);font-family:var(--font-body);transform-origin:var(--radix-select-content-transform-origin);background:radial-gradient(at 98% 0,oklch(35% .07 297/.4),#0000 48%),oklch(20.5% .018 292);border:1px solid oklch(68% .08 297/.3);border-radius:24px;animation:.16s ease-out board-space-enter;overflow:hidden;box-shadow:0 24px 80px oklch(0% 0 0/.5),0 4px 16px oklch(0% 0 0/.25)}.board-space-viewport{padding:20px}.board-space-menu-heading{justify-content:space-between;align-items:center;gap:14px;padding:0 3px 18px;display:flex}.board-space-menu-heading span{color:oklch(77% .065 297);letter-spacing:.13em;font-size:8px;font-weight:600}.board-space-menu-heading p{font-family:var(--font-display);letter-spacing:-.035em;margin:4px 0 0;font-size:25px;line-height:1.2}.board-space-menu-heading>svg{color:oklch(78% .1 297);margin-right:7px}.board-space-group-label{color:var(--muted-foreground);letter-spacing:.04em;margin:0 3px 9px;font-size:10px}.board-space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.board-space-option{cursor:pointer;-webkit-user-select:none;user-select:none;background:oklch(26.5% .018 292/.66);border:1px solid #0000;border-radius:15px;outline:none;align-items:center;gap:11px;min-height:76px;padding:12px;transition:background .14s,border-color .14s;display:flex;position:relative}.board-space-option[data-highlighted]{background:color-mix(in srgb, var(--brand-primary) 24%, var(--card));border-color:oklch(71% .1 297/.55)}.board-space-option[data-state=checked]{background:color-mix(in srgb, var(--brand-primary) 38%, var(--card));border-color:oklch(74% .13 297/.5)}.board-space-option[data-highlighted][data-state=checked]{background:color-mix(in srgb, var(--brand-primary) 48%, var(--card))}.board-space-copy{gap:4px;min-width:0;padding-right:12px;display:grid}.board-space-copy>span:first-child{font-size:14px;font-weight:650;line-height:1.2}.board-space-description{color:var(--muted-foreground);font-size:11px;line-height:1.4}.board-space-check{width:17px;height:17px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.board-space-option[data-state=checked] .board-space-check{background:var(--brand-primary)}.board-space-divider{background:oklch(65% .045 297/.14);height:1px;margin:17px 2px 14px}.board-space-general{background:linear-gradient(110deg,oklch(31% .045 70/.5),oklch(25% .028 292));min-height:78px}.board-space-general .board-space-copy{flex:1}.board-space-general .board-space-icon{width:43px;height:43px}.board-space-explore{color:oklch(83% .09 78);margin-right:7px}.board-space-scroll{color:oklch(80% .1 297);background:oklch(23% .025 292);justify-content:center;padding:6px;display:flex}@keyframes board-space-enter{0%{opacity:0;transform:translateY(-3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.study-board-selector{margin:18px auto 22px}.board-space-trigger{border-radius:19px;gap:11px;min-height:82px;padding:13px}.board-space-current-icon{border-radius:14px;width:45px;height:45px}.board-space-current strong{font-size:19px}.board-space-current>span{font-size:11px}.board-space-tag{display:none}.board-space-hint{gap:5px;font-size:10px}.board-space-menu{border-radius:20px}.board-space-viewport{padding:15px}.board-space-menu-heading{padding-bottom:14px}.board-space-menu-heading p{font-size:23px}.board-space-grid{gap:7px}.board-space-option{gap:8px;min-height:82px;padding:10px}.board-space-option .board-space-icon{border-radius:10px;width:30px;height:34px}.board-space-copy{padding-right:0}.board-space-copy>span:first-child{font-size:13px}.board-space-description{font-size:10px}.board-space-general .board-space-icon{width:37px;height:39px}.board-space-check{width:14px;height:14px;top:5px;right:5px}}@media (prefers-reduced-motion:reduce){.board-space-trigger,.board-space-chevron,.board-space-option{transition:none}.board-space-menu{animation:none}}
