@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg: #d8ecec;--bg-2: #cce4e4;--surface-1: #e6f4f4;--surface-2: #daeaea;--surface-3: #cce6e6;--ink: #1a2332;--muted: #1e5252;--muted-2: #4a8585;--line: rgba(26, 35, 50, .12);--line-2: rgba(26, 35, 50, .22);--card: rgba(230, 244, 244, .97);--card-strong: rgba(238, 248, 248, .99);--accent-ui: #2d8b8b;--accent-ui-bg: rgba(45, 139, 139, .14);--accent-ui-border: rgba(45, 139, 139, .32);--accent-oll: #a07800;--accent-pll: #1464a0;--accent-f2l: #b04c10;--accent-4lll: #5840b0;--accent-green: #0f6630;--shadow-lg: 0 28px 70px rgba(26, 35, 50, .18);--shadow-md: 0 12px 32px rgba(26, 35, 50, .12);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-size:15px;color:var(--ink);background:radial-gradient(ellipse 80% 40% at 15% -10%,rgba(45,139,139,.16) 0%,transparent 60%),radial-gradient(ellipse 70% 35% at 85% -5%,rgba(26,35,50,.06) 0%,transparent 55%),var(--bg);font-family:Inter,Avenir Next,Segoe UI,sans-serif}.app{position:relative;min-height:100vh;min-height:100dvh;padding:16px 16px 32px;overflow-x:clip}.appGlow{position:fixed;width:480px;height:480px;border-radius:999px;filter:blur(60px);pointer-events:none;opacity:.12;z-index:0}.appGlow--a{top:-160px;left:-100px;background:radial-gradient(circle,rgba(245,208,0,.5),transparent)}.appGlow--b{right:-140px;top:160px;background:radial-gradient(circle,rgba(77,179,245,.45),transparent)}.appGridNoise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(rgba(30,40,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,40,60,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at center,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at center,black 30%,transparent 100%)}.shell{position:relative;z-index:1;width:min(1440px,100%);margin:0 auto;display:grid;gap:14px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid rgba(168,218,220,.15);border-radius:var(--radius-lg);background:#1a2332;box-shadow:0 4px 24px #00081847;padding:13px 20px}.heroLeft{display:flex;align-items:center;gap:14px}.heroRight{display:flex;align-items:center;gap:8px;flex-shrink:0}.heroBrand{display:flex;align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:#e4f2f2}.heroBrandMark{color:#2d8b8b;font-size:11px;line-height:1}.heroEyebrow{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(168,218,220,.2);background:#a8dadc14;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a8dadc}.heroStats{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.heroStatsDivider{width:1px;height:28px;background:#a8dadc26;flex-shrink:0}.heroBadge{display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:var(--radius-sm);border:1px solid rgba(168,218,220,.15);background:#a8dadc12;padding:6px 13px;min-width:52px}.heroBadgeLabel{font-family:IBM Plex Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6aacac;line-height:1}.heroBadgeValue{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.02em;color:#e4f2f2;line-height:1.2}.heroBadge--oll{border-color:#a0780059;background:#a078002e}.heroBadge--oll .heroBadgeValue{color:#d4aa20}.heroBadge--oll .heroBadgeLabel{color:#a07800}.heroBadge--pll{border-color:#1464a059;background:#1464a02e}.heroBadge--pll .heroBadgeValue{color:#5ab4e8}.heroBadge--pll .heroBadgeLabel{color:#3a8ab8}.heroBadge--active{border-color:#2d8b8b59;background:#2d8b8b2e}.heroBadge--active .heroBadgeValue{color:#a8dadc}.heroBadge--active .heroBadgeLabel{color:#6aacac}.heroMain,.heroLead,.heroPanels,.heroPanel,.heroPanel--warm,.heroPanel--cool,.statCard{display:none}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:14px;align-items:start}.workspace>*{min-width:0}.rail{display:grid;gap:12px;position:sticky;top:14px;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.railPanel{border-radius:var(--radius-lg);border:1px solid rgba(168,218,220,.15);background:#1a2332;box-shadow:var(--shadow-md);padding:14px;color:#e4f2f2}.railPanel--nav{background:#1a2332}.railPanel .railTitle,.railPanel .mainMenuLabel,.railPanel .studyMapTitle,.railPanel .trackTop h3{color:#e4f2f2}.railPanel .railBadge,.railPanel .studyMapMeta,.railPanel .treeNode,.railPanel .treeButton,.railPanel .mainMenuState--soon,.railPanel .trackCard p{color:#a8dadc}.railPanel .railBadge,.railPanel .studyMapMeta{background:#a8dadc14;border-color:#a8dadc26}.railPanel .mainMenuItem{background:#a8dadc0f;border-color:#a8dadc1f}.railPanel .mainMenuItem:hover{background:#a8dadc1f;border-color:#a8dadc38}.railPanel .mainMenuItem.isActive{background:#2d8b8b40;border-color:#2d8b8b80}.railPanel .studyMap{background:#a8dadc0f;border-color:#a8dadc1a}.railPanel .treeNode{background:#a8dadc14;border-color:#a8dadc1f}.railPanel .treeButton{border-color:#a8dadc1a;background:transparent}.railPanel .treeButton:hover{background:#a8dadc1a;color:#e4f2f2;border-color:#a8dadc33}.railPanel .treeButton.isActive{background:#2d8b8b47;border-color:#2d8b8b80;color:#a8dadc}.railPanel .mainMenuState--soon{background:#a8dadc14;border-color:#a8dadc2e}.railPanel .mainMenuState--active{background:#4ade802e;border-color:#4ade804d;color:#4ade80}.railPanel .trackCard{background:#a8dadc0f;border-color:#a8dadc1a}.railPanel .pill--active{background:#4ade802e;border-color:#4ade804d;color:#4ade80}.railPanel .pill--planned{background:#a0780033;border-color:#a0780059;color:#d4aa00}.railPanel .pill--backlog{background:#a8dadc14;border-color:#a8dadc1f;color:#7aacac}.railPanel--compact{padding-top:12px}.railHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.railTitle{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.railBadge{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;padding:3px 8px}.mainMenu{display:grid;gap:6px;margin-bottom:12px;min-width:0}.mainMenuItem{width:100%;min-width:0;border:1px solid var(--line-2);background:var(--surface-2);border-radius:var(--radius-sm);padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.mainMenuItem:hover{background:var(--surface-3);border-color:var(--line-2)}.mainMenuItem.isActive{background:var(--accent-ui-bg);border-color:var(--accent-ui-border)}.mainMenuItem:disabled{cursor:default;opacity:.75}.mainMenuLabel{min-width:0;overflow-wrap:anywhere;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;letter-spacing:-.01em;color:var(--ink)}.mainMenuState{font-family:IBM Plex Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 7px;border:1px solid var(--line-2);background:var(--surface-3);color:var(--muted);white-space:nowrap}.mainMenuState--active{background:#4ade8024;border-color:#4ade8040;color:var(--accent-green)}.mainMenuState--soon{background:var(--surface-2);color:var(--muted-2)}.studyMap{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);padding:10px;transition:opacity .2s ease}.studyMap.isMuted{opacity:.55;pointer-events:none}.studyMapHeader{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.studyMapHeading{display:inline-flex;align-items:center;gap:8px;min-width:0}.studyMapTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;color:var(--ink)}.studyMapMeta{font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.04em}.studyTree{display:grid;gap:5px}.treeLine{display:flex;align-items:center;min-width:0}.treeLine--indent{padding-left:10px}.treeLine--indent2{padding-left:20px}.treeLine--indent3{padding-left:30px}.treeLine--indent4{padding-left:40px}.treeNode{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:var(--surface-3);font-size:11px;font-weight:600;color:var(--muted)}.treeNode--root{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.treeNode--branch.isActive{color:var(--ink);background:var(--surface-3);border-color:var(--line-2)}.treeButton{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:transparent;padding:7px 9px;text-align:left;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.treeButton:hover{background:var(--surface-3);color:var(--ink);border-color:var(--line-2)}.treeButton:disabled{cursor:default;opacity:.6}.treeButton:disabled:hover{background:transparent;color:var(--muted)}.treeButton.isActive{background:var(--accent-ui-bg);border-color:var(--accent-ui-border);color:var(--accent-ui)}.treeButton--small{padding:6px 9px;font-size:11px}.treeButtonMeta{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.03em;color:var(--muted)}.treeInlineTabs{margin:2px 0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:0}.treeInlineTabs button{border:1px solid var(--line);border-radius:8px;background:transparent;padding:6px 7px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.treeInlineTabs button:hover{background:var(--surface-3);color:var(--ink)}.treeInlineTabs button.isActive{background:var(--accent-ui-bg);border-color:var(--accent-ui-border);color:var(--accent-ui)}.treeInlineTabs button:disabled{cursor:default;opacity:.6}.trackList{display:grid;gap:8px}.trackCard{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);padding:9px 10px}.trackTop{display:flex;justify-content:space-between;gap:8px;align-items:start}.trackTop h3{margin:0;font-family:Inter,sans-serif;font-size:12px;line-height:1.2;font-weight:700;color:var(--ink)}.trackCard p{margin:6px 0 0;font-size:11px;color:var(--muted);line-height:1.4}.pill{border-radius:999px;padding:3px 7px;font-size:9px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line-2);background:var(--surface-3);white-space:nowrap;color:var(--muted)}.pill--active{background:#4ade801f;border-color:#4ade8038;color:var(--accent-green)}.pill--planned{background:#f5d0001a;border-color:#f5d00033;color:var(--accent-oll)}.pill--backlog{background:var(--surface-2);color:var(--muted-2)}.catalogPanel{border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--surface-1);box-shadow:var(--shadow-lg);padding:10px}.homeSection{display:flex;flex-direction:column;gap:20px;padding:2px}.homeQueueCard{border-radius:var(--radius-md);padding:18px 24px;border:1px solid var(--line-2)}.homeQueueCard--done{background:#007a3a14;border-color:#007a3a4d}.homeQueueCard--due{background:#c41e3a12;border-color:#c41e3a4d}.homeQueueDone{display:flex;align-items:center;gap:14px}.homeQueueDoneIcon{font-size:22px;color:#007a3a;font-weight:700;flex-shrink:0}.homeQueueDoneTitle{font-size:15px;font-weight:700;color:#007a3a}.homeQueueDoneSub{font-size:13px;color:var(--muted-1);margin-top:2px}.homeQueueDue{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.homeQueueDueLeft{display:flex;align-items:baseline;gap:8px}.homeQueueCount{font-size:40px;font-weight:800;line-height:1;color:var(--ink);font-family:Space Grotesk,sans-serif}.homeQueueCountLabel{font-size:14px;color:var(--muted-1)}.homeQueueCTA{padding:10px 22px;border-radius:var(--radius-sm);background:var(--accent-ui);color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s;white-space:nowrap}.homeQueueCTA:hover{opacity:.85}.homeQueueCTA:disabled{opacity:.4;cursor:default}.homeNavGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.homeNavCard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line-2);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform 80ms;position:relative}.homeNavCard:hover{border-color:var(--accent-ui);background:var(--surface-3);transform:translateY(-1px)}.homeNavCardLabel{font-size:14px;font-weight:700;color:var(--ink)}.homeNavCardDesc{font-size:12px;color:var(--muted-1);line-height:1.45}.homeNavCardArrow{position:absolute;top:14px;right:16px;font-size:14px;color:var(--muted-2);transition:color .15s,transform .15s}.homeNavCard:hover .homeNavCardArrow{color:var(--accent-ui);transform:translate(2px)}.homeNavCardBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--accent-yellow);color:#1a2332;font-size:11px;font-weight:700;line-height:1;vertical-align:middle}.homeStatsStrip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 2px}.homeStatItem{font-size:13px;color:var(--muted-1)}.homeStatItem--streak{color:var(--ink);font-weight:600}.homeStatSep{color:var(--muted-2);font-size:13px}.workspaceSectionShell{padding:2px}.workspaceSectionCard{border-radius:var(--radius-md);border:1px solid var(--line-2);background:var(--surface-2);padding:18px}.workspaceSectionCard--warm{background:linear-gradient(135deg,rgba(240,130,64,.05),transparent 50%),var(--surface-2);border-color:#f082401f}.workspaceSectionCard--cool{background:linear-gradient(135deg,rgba(77,179,245,.05),transparent 50%),var(--surface-2);border-color:#4db3f51f}.workspaceSectionCard--neutral{background:var(--surface-2)}.workspaceSectionKicker{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.workspaceSectionTitle{margin:8px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;line-height:1;color:var(--ink)}.workspaceSectionLead{margin:8px 0 0;max-width:70ch;font-size:14px;line-height:1.5;color:var(--muted)}.workspaceSectionGrid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.workspaceTile{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-3);padding:12px}.workspaceTile h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:-.02em;color:var(--ink)}.workspaceTile p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.workspaceTileMeta{margin-top:8px;display:inline-flex;border-radius:999px;padding:3px 8px;border:1px solid var(--line);background:var(--surface-2);font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted)}.todayQueueTile{display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s}.todayQueueTile--due{border-color:var(--accent-ui-border);background:linear-gradient(135deg,var(--surface-1) 0%,var(--accent-ui-bg) 100%)}.todayQueueTitle{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0}.todayQueueHero{display:flex;align-items:baseline;gap:6px}.todayQueueCount{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.05em;color:var(--accent-ui);line-height:1}.todayQueueCountLabel{font-size:13px;color:var(--muted)}.todayQueueBreakdown{display:flex;align-items:center;gap:6px;font-size:12px}.todayQueueBreakdownItem{font-family:IBM Plex Mono,monospace;font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--line)}.todayQueueBreakdownItem--oll{background:#2d8b8b1a;color:var(--accent-ui);border-color:var(--accent-ui-border)}.todayQueueBreakdownItem--pll{background:#1464a01a;color:var(--accent-pll);border-color:#1464a038}.todayQueueBreakdownDot{color:var(--muted-2);font-size:10px}.todayQueueCTA{margin-top:4px;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid var(--accent-ui-border);background:var(--accent-ui-bg);color:var(--accent-ui);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s;align-self:flex-start}.todayQueueCTA:hover{background:#2d8b8b38;box-shadow:0 2px 8px #2d8b8b2e}.todayQueueCTA:disabled{opacity:.5;cursor:default}.todayQueueDone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 4px;text-align:center}.todayQueueDoneIcon{font-size:22px;color:var(--accent-ui);line-height:1}.todayQueueDoneText{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--ink)}.todayQueueDoneSub{font-size:12px;color:var(--muted)}.catalogSticky{position:sticky;top:10px;z-index:20;margin:-2px -2px 10px;padding:2px 2px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 97%,transparent) 0%,color-mix(in srgb,var(--surface-1) 97%,transparent) 75%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pathControls{display:grid;gap:6px;margin:0 0 8px}.pathControlsLabel{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.workspaceTabs{display:inline-flex;gap:4px;padding:3px;margin:0;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2)}.workspaceTabs button{border:0;background:transparent;border-radius:8px;padding:7px 11px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;cursor:pointer;color:var(--muted);transition:background .12s ease,color .12s ease}.workspaceTabs button:hover{background:var(--surface-3);color:var(--ink)}.workspaceTabs button.active{background:var(--accent-ui-bg);color:var(--accent-ui)}.catalogHeader{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);padding:12px;margin-bottom:8px}.catalogHeaderTop{display:flex;justify-content:space-between;gap:12px;align-items:start}.catalogHeaderTop>div{min-width:0}.catalogEyebrow{font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--muted)}.catalogBreadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px;min-width:0}.catalogBreadcrumbSep{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted-2)}.catalogBreadcrumbItem{display:inline-flex;min-width:0;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogBreadcrumbItem.isCurrent{background:var(--accent-ui-bg);border-color:var(--accent-ui-border);color:var(--accent-ui);font-weight:700}.catalogTitle{margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(18px,2vw,26px);letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.catalogDescription{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.catalogMeta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.metaPill{border-radius:999px;padding:5px 9px;border:1px solid var(--line-2);background:var(--surface-3);font-size:11px;font-weight:700;color:var(--ink)}.controls{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls--stack{align-items:stretch}.controls input{flex:1 1 280px;min-width:200px;padding:10px 13px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--ink);font-family:Inter,sans-serif;font-size:13px;transition:border-color .12s ease,background .12s ease}.controls input::placeholder{color:var(--muted)}.controls input:focus{outline:none;border-color:var(--accent-ui-border);background:var(--surface-2)}.f2lFilterRow{width:100%;display:flex;flex-wrap:wrap;gap:7px}.f2lCanonicalBanner{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2);padding:8px 12px;font-size:12px;line-height:1.4;color:var(--muted)}.f2lCanonicalBanner strong{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--accent-oll)}.f2lFilterChip{border:1px solid var(--line-2);background:var(--surface-2);border-radius:999px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.f2lFilterChip:hover{background:var(--surface-3);color:var(--ink)}.f2lFilterChip.isActive{background:var(--accent-ui-bg);border-color:var(--accent-ui-border);color:var(--accent-ui)}.tabs{display:inline-flex;padding:3px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2)}.tabs button{border:0;background:transparent;color:var(--muted);padding:8px 13px;border-radius:8px;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:background .12s ease,color .12s ease;display:grid;gap:1px;text-align:left}.tabLong{font-size:12px;line-height:1.05}.tabShort{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.05em;color:var(--muted-2)}.tabs .active .tabShort{color:#2d8b8bb3}.tabs button:hover{background:var(--surface-3);color:var(--ink)}.tabs .active{background:var(--accent-ui-bg);color:var(--accent-ui)}.catalogSubRow{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.methodSummaryRow{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.methodSummaryCard{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);padding:7px 9px;display:grid;gap:2px}.methodSummaryLabel{font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.methodSummaryCard strong{font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.2;color:var(--ink)}.methodSummaryMeta{font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted)}.subtleNote{color:var(--muted);font-size:11px;font-weight:600;font-family:IBM Plex Mono,monospace}.searchEcho{font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;padding:4px 9px}.sectionNav{margin:0 2px;display:flex;gap:7px;width:100%;min-width:0;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.sectionNav::-webkit-scrollbar{display:none}.sectionNavChip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);padding:7px 10px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .1s ease}.sectionNavChip:hover{background:var(--surface-3);border-color:var(--line-2)}.sectionNavChip.isActive{background:var(--accent-ui-bg);border-color:var(--accent-ui-border);transform:translateY(-1px)}.sectionNavChipLabel{font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;color:var(--muted);font-family:Inter,sans-serif}.sectionNavChip.isActive .sectionNavChipLabel{color:var(--ink)}.sectionNavChipCount{min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:9px;background:var(--surface-3);border:1px solid var(--line);color:var(--muted)}.sectionNavChip.isActive .sectionNavChipCount{background:#2d8b8b33;border-color:#2d8b8b59;color:var(--accent-ui)}.sectionNavChip--all{background:#2d8b8b1a;border-color:#2d8b8b38}.sectionNavChip--sand{background:#a078001f}.sectionNavChip--sage{background:#1464a01f}.sectionNavChip--rose{background:#b04c101f}.sectionNavChip--sky{background:#5840b01f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.sections{display:grid;gap:10px}.section{border:1px solid var(--line-2);border-radius:var(--radius-md);overflow:hidden;scroll-margin-top:240px}.sectionHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 14px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;letter-spacing:-.02em;color:var(--ink);border-bottom:1px solid var(--line)}.sectionCount{min-width:26px;text-align:center;border-radius:999px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:10px;background:var(--surface-3);border:1px solid var(--line);color:var(--muted)}.sectionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:10px}.section--sand{background:linear-gradient(160deg,rgba(160,120,0,.08) 0%,transparent 60%)}.section--sand .sectionHeader{background:#a078001a;border-bottom-color:#a078002e}.section--sand .sectionCount{background:#a078001f;border-color:#a0780038;color:var(--accent-oll)}.section--sage{background:linear-gradient(160deg,rgba(20,100,160,.08) 0%,transparent 60%)}.section--sage .sectionHeader{background:#1464a01a;border-bottom-color:#1464a02e}.section--sage .sectionCount{background:#1464a01f;border-color:#1464a038;color:var(--accent-pll)}.section--rose{background:linear-gradient(160deg,rgba(176,76,16,.08) 0%,transparent 60%)}.section--rose .sectionHeader{background:#b04c101a;border-bottom-color:#b04c102e}.section--rose .sectionCount{background:#b04c101f;border-color:#b04c1038;color:var(--accent-f2l)}.section--sky{background:linear-gradient(160deg,rgba(88,64,176,.08) 0%,transparent 60%)}.section--sky .sectionHeader{background:#5840b01a;border-bottom-color:#5840b02e}.section--sky .sectionCount{background:#5840b01f;border-color:#5840b038;color:var(--accent-4lll)}.sectionIntro,.methodStageIntro{padding:9px 13px 0;color:var(--muted);font-size:12px;line-height:1.45}.methodSections,.f2lSections{gap:12px}.methodGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:10px}.methodCard{text-align:left;display:grid;align-content:start;gap:9px;border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--surface-2);padding:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.methodCard:hover{transform:translateY(-2px);border-color:var(--accent-ui-border);box-shadow:var(--shadow-md);background:var(--surface-3)}.methodCard:focus-visible{outline:2px solid var(--accent-ui-border);outline-offset:2px}.methodCardTop{display:flex;justify-content:space-between;align-items:start;gap:8px}.methodCardTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.methodTag{flex:0 0 auto;border-radius:999px;padding:3px 8px;border:1px solid var(--line-2);font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;background:var(--surface-3);color:var(--muted)}.methodTag--oll{background:#f5d0001f;border-color:#f5d00033;color:var(--accent-oll)}.methodTag--pll{background:#4db3f51f;border-color:#4db3f533;color:var(--accent-pll)}.methodTag--f2l{background:#f082401f;border-color:#f0824033;color:var(--accent-f2l)}.methodCardNote{font-size:13px;line-height:1.5;color:var(--muted)}.methodCardHint{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted-2)}.methodCardMap{font-size:11px;line-height:1.3;color:var(--muted);padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface-3)}.methodCardMap strong{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--ink)}.methodThumb{display:grid;justify-content:center;padding:2px 0;min-height:176px}.methodThumb .miniThumb{padding-top:0;border-radius:var(--radius-sm);background:var(--surface-3);border-color:var(--line-2)}.methodThumb .miniThumb:before{display:none}.methodThumb .miniImage{background:var(--surface-3)}.methodCardAlg{margin:0;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:500;color:var(--ink);line-height:1.7;letter-spacing:.01em;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--radius-sm);border:1px solid var(--accent-ui-border);background:#2d8b8b12;padding:11px 13px}.methodSection .sectionHeader{align-items:center}.f2lGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:10px}.f2lSection .sectionHeader{align-items:center}.f2lCard{text-align:left;display:grid;align-content:start;gap:9px;border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--surface-2);padding:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.f2lCard:hover{transform:translateY(-2px);border-color:#f0824038;box-shadow:var(--shadow-md);background:var(--surface-3)}.f2lCard:focus-visible{outline:2px solid rgba(240,130,64,.4);outline-offset:2px}.f2lCardTop{display:flex;justify-content:space-between;align-items:start;gap:8px}.f2lCardTitleWrap{min-width:0;display:grid;gap:5px}.f2lCardTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}.f2lPilotBadge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:3px 7px;border:1px solid rgba(240,130,64,.2);background:#f082401a;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;color:var(--accent-f2l);letter-spacing:.02em}.f2lCardVisual{display:grid;justify-content:center;min-height:176px}.f2lCardNote{font-size:12px;line-height:1.4;color:var(--muted)}.f2lTagRow{display:flex;flex-wrap:wrap;gap:5px}.f2lTagChip{border-radius:999px;padding:3px 7px;border:1px solid var(--line-2);background:var(--surface-3);font-size:10px;line-height:1;font-weight:700;color:var(--muted)}.f2lLegend{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.f2lLegendItem{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 7px;border:1px solid var(--line);background:var(--surface-2);font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;color:var(--muted)}.f2lLegendSwatch{width:10px;height:10px;border-radius:3px;border:1.5px solid rgba(255,255,255,.2);display:inline-block}.f2lLegendSwatch--corner{background:#4ade80}.f2lLegendSwatch--edge{background:var(--accent-f2l)}.f2lLegendSwatch--slot{background:transparent;border-color:#4ade80}.f2lModalMeta{margin-top:10px;display:grid;gap:7px}.f2lModalMetaTitle{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;color:var(--muted)}.f2lCardSetup{font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.4;color:var(--muted);padding:5px 8px;border-radius:8px;border:1px dashed var(--line-2);background:var(--surface-3)}.f2lCardAlg{margin:0;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:500;color:var(--ink);line-height:1.7;letter-spacing:.01em;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--radius-sm);border:1px solid rgba(176,76,16,.2);background:#b04c100f;padding:11px 13px}.f2lEmptyState .sectionIntro{padding-bottom:4px}.f2lEmptyBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.f2lEmptyCard{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);padding:10px}.f2lEmptyTitle{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--ink)}.f2lEmptyList{margin:7px 0 0;padding-left:16px;color:var(--muted);font-size:12px;line-height:1.4;display:grid;gap:5px}.card{position:relative;text-align:left;display:grid;align-content:start;border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--surface-2);padding:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.card:hover{transform:translateY(-2px);border-color:#f5d00033;box-shadow:var(--shadow-md);background:var(--surface-3)}.card:focus-visible{outline:2px solid rgba(245,208,0,.4);outline-offset:2px}.cardTop{display:grid;gap:12px;justify-items:center}.cardTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;text-align:center;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.cardAlg{margin:10px 0 0;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600;color:var(--accent-oll);line-height:1.6;letter-spacing:-.01em;word-break:normal;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:var(--radius-sm);border:1px solid rgba(245,208,0,.12);background:#f5d0000a;padding:10px 12px}.cardHint{margin-top:8px;font-size:11px;line-height:1.35;color:var(--muted)}.setupHint{font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.4;color:var(--muted);padding:5px 8px;border-radius:8px;border:1px dashed var(--line-2);background:var(--surface-3);word-break:break-word}.miniPlaceholder{width:100%;height:100%;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line)}.miniPlaceholderLabel{font-size:11px;font-weight:700;color:var(--muted-2);letter-spacing:.02em;font-family:IBM Plex Mono,monospace}.miniThumb{position:relative;box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-3);padding-top:6px;overflow:hidden}.miniThumb:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:6px;z-index:0;opacity:.9}.miniThumb--oll:before{background:linear-gradient(90deg,var(--accent-oll),#f08240)}.miniThumb--pll:before{background:linear-gradient(90deg,var(--accent-pll),#9b8af5)}.miniThumb--f2l:before{background:linear-gradient(90deg,var(--accent-f2l),var(--accent-oll))}.f2lMiniThumb{background:var(--surface-3)}.f2lMiniThumb svg{border-radius:8px}.miniImage{object-fit:contain;background:var(--surface-3)}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(circle at 20% 20%,rgba(245,208,0,.06),transparent 40%),radial-gradient(circle at 80% 10%,rgba(77,179,245,.06),transparent 44%),#1e23328c;-webkit-backdrop-filter:blur(12px) saturate(.7);backdrop-filter:blur(12px) saturate(.7);display:grid;place-items:center;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))}.modal{width:min(1180px,97vw);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;position:relative;isolation:isolate;background:var(--surface-1);border-radius:20px;border:1px solid var(--line-2);box-shadow:var(--shadow-lg),inset 0 1px #fff9;padding:18px}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 85% 0%,rgba(245,208,0,.04),transparent 40%),radial-gradient(circle at 15% 100%,rgba(77,179,245,.04),transparent 40%);border-radius:inherit}.modalHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:1;padding-bottom:12px;border-bottom:1px solid var(--line)}.modalTitleWrap{display:grid;gap:4px}.modalHeaderRight{display:flex;align-items:center;gap:10px;flex-shrink:0}.modalNav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.modalNavBtn{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:5px 11px;font-size:15px;color:var(--muted);cursor:pointer;transition:background .12s,color .12s;line-height:1}.modalNavBtn:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.modalNavBtn:disabled{opacity:.3;cursor:default}.modalNavCount{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted-2);min-width:42px;text-align:center}.modalTagRow{display:flex;flex-wrap:wrap;gap:7px}.modalSetTag,.modalCaseTag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line-2);padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;background:var(--surface-2);color:var(--muted)}.modalSetTag{background:#f5d0001a;border-color:#f5d00033;color:var(--accent-oll)}.modalTitle{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.03em;color:var(--ink)}.modalSubtitle{color:var(--muted);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:11px}.close{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2);font-size:16px;cursor:pointer;color:var(--muted);position:relative;z-index:1;transition:background .12s ease,color .12s ease}.close:hover{background:var(--surface-3);color:var(--ink)}.modalLayout{margin-top:14px;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:12px;align-items:start}.viewerPanel{border-radius:var(--radius-md);border:1px solid var(--line-2);background:var(--surface-2);overflow:hidden}.viewerPanelBar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface-3);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;color:var(--ink)}.viewerPanelHint{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted)}.viewerPanelStage{padding:10px 8px 6px;min-height:510px;display:grid;place-items:center;background:var(--surface-1);overflow:hidden}.modalSide{display:grid;gap:10px}.recognitionPanel,.algBlock,.modalNoteCard,.canonicalPanel{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2);padding:12px}.recognitionThumbWrap{margin-top:8px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px dashed var(--line-2);background:var(--surface-3);padding:10px}.algBlock{margin-top:0}.label{font-family:Space Grotesk,sans-serif;font-weight:700;margin-bottom:6px;font-size:13px;letter-spacing:-.01em;color:var(--ink)}code{display:block;padding:14px;background:#1e2330;color:#f5d000;border:1px solid rgba(245,208,0,.2);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:1.65;letter-spacing:-.01em;box-shadow:inset 0 0 40px #0006}.modalNoteCard{background:var(--surface-2)}.algNamedToken{display:inline;border-radius:3px;padding:1px 4px;cursor:default;position:relative;font-style:normal}.algNamedToken:after{content:attr(data-moves);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) scale(.9);transform-origin:bottom center;background:var(--ink);color:#e8f4f4;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;padding:4px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:20}.algNamedToken:hover:after{opacity:1;transform:translate(-50%) scale(1)}.algNamedToken--teal{color:#7dddd8;background:#2db4af38;border-bottom:2px solid #2d8b8b}.algNamedToken--indigo{color:#b8a8ff;background:#705adc38;border-bottom:2px solid #7055cc}.cardAlg .algNamedToken--teal,.methodCardAlg .algNamedToken--teal,.f2lCardAlg .algNamedToken--teal{color:#0a6560;background:#00827d21;border-bottom-color:#0a8880}.cardAlg .algNamedToken--indigo,.methodCardAlg .algNamedToken--indigo,.f2lCardAlg .algNamedToken--indigo{color:#3d28b8;background:#4b37c81f;border-bottom-color:#5040d0}.algAltPicker{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.algAltBtn{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.algAltBtn:hover{background:var(--surface-2);color:var(--ink);border-color:var(--muted)}.algAltBtn--active{background:var(--accent-ui);color:#fff;border-color:var(--accent-ui)}.algDisplay{white-space:pre-wrap;word-break:break-word}.algTriggerMark{display:inline;border-radius:3px;padding:1px 0;border-bottom:2px solid transparent;cursor:default;background-color:transparent}.algTriggerMark--teal{color:#7dddd8;background:#2db4af2e;border-bottom-color:#2d8b8b}.algTriggerMark--indigo{color:#b8a8ff;background:#705adc2e;border-bottom-color:#7055cc}.algTriggerMark--amber{color:#ffb740;background:#d28c002e;border-bottom-color:#c08000}.algTriggerMark--rose{color:#ff9975;background:#d25a372e;border-bottom-color:#c05535}.setupBlock{margin-top:10px}.setupDisplay{display:block;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.6;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;padding:8px 10px;word-break:break-word;white-space:pre-wrap}.triggersPanel{margin-top:0}.triggerChipRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.triggerChip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.01em;cursor:default;border:1px solid transparent;transition:opacity .15s,transform .1s;position:relative}.triggerChip:hover{opacity:.85;transform:translateY(-1px)}.triggerChip:after{content:attr(data-moves);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.85);transform-origin:bottom center;background:var(--ink);color:#e8f4f4;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:10}.triggerChip:hover:after{opacity:1;transform:translate(-50%) scale(1)}.triggerChip--teal{background:#2d8b8b24;border-color:#2d8b8b4d;color:#1e5252}.triggerChip--indigo{background:#5840b01c;border-color:#5840b040;color:#3a2a7a}.triggerChip--amber{background:#a078001c;border-color:#a0780040;color:#7a5500}.triggerChip--rose{background:#b04c101a;border-color:#b04c1038;color:#8a3a00}.canonicalPanel{background:linear-gradient(135deg,rgba(77,179,245,.04),transparent 50%),var(--surface-2);border-color:#4db3f524}.canonicalPanelRow{display:flex;justify-content:space-between;gap:10px;align-items:center}.canonicalPanelText{min-width:0}.canonicalPanelTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;line-height:1.1;color:var(--ink)}.canonicalPanelMeta{margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted)}.canonicalOpenButton{flex:0 0 auto;border:1px solid rgba(77,179,245,.2);background:#4db3f514;border-radius:8px;padding:7px 10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;cursor:pointer;color:var(--accent-pll);transition:background .12s ease}.canonicalOpenButton:hover{background:#4db3f524}.modalNoteTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;letter-spacing:-.01em;color:var(--ink)}.modalNoteCard p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}@media (max-width: 1120px){.heroStats{gap:6px}.workspace{grid-template-columns:1fr}.sectionGrid,.f2lGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tabs button{padding:7px 10px}.tabLong{font-size:11px}.rail{position:static;grid-template-columns:1fr 1fr;align-items:start}.treeInlineTabs{margin-left:0}.workspaceSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{width:min(1040px,97vw)}.modalLayout{grid-template-columns:1fr}.viewerPanelStage{min-height:420px}.catalogSticky{top:8px}.methodSummaryRow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app{padding-top:max(10px,env(safe-area-inset-top));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));overflow-x:hidden}.heroLeft{flex-wrap:wrap;gap:8px}.heroBrand{font-size:15px}.railPanel{padding:10px}.rail{grid-template-columns:1fr}.rail--study .railPanel:not(.railPanel--nav){display:none}.mainMenu{grid-template-columns:1fr;gap:5px}.mainMenuItem{padding:8px 10px;min-height:40px;align-items:center}.mainMenuLabel{font-size:12px;line-height:1.1}.studyMapHeader{align-items:center;margin-bottom:6px}.studyMapHeading{min-width:0}.studyMap{padding:7px}.studyMapMeta{font-size:10px}.rail--study .studyMapMeta{display:none}.rail--study .studyTree{max-height:none;overflow:visible}.treeLine--indent{padding-left:8px}.treeLine--indent2{padding-left:14px}.treeLine--indent3{padding-left:20px}.treeLine--indent4{padding-left:24px}.treeInlineTabs{margin:0}.sectionGrid,.f2lGrid,.f2lEmptyBody{grid-template-columns:1fr;padding:8px}.tabs{width:100%;display:grid;grid-template-columns:1fr;gap:3px}.tabs button{width:100%}.sectionNav{margin-bottom:8px}.f2lFilterRow{gap:5px}.f2lFilterChip{font-size:9px;padding:5px 8px}.f2lLegend{gap:5px}.f2lLegendItem{font-size:9px;padding:3px 6px}.workspaceTabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.workspaceTabs button{width:100%}.catalogHeader{padding:10px}.catalogTitle{font-size:clamp(16px,7vw,24px)}.catalogDescription{font-size:11px}.controls{gap:8px}.controls input{min-width:0;width:100%;flex:1 1 100%}.catalogSubRow{align-items:flex-start}.section{scroll-margin-top:16px}.modal{width:min(100%,98vw);max-width:98vw;max-height:calc(100dvh - 24px);margin:0 auto;padding:10px}.modalHeader{flex-direction:column;align-items:stretch}.modalHeaderRight{width:100%;justify-content:space-between}.modalNav{width:100%;justify-content:flex-start}.modalNavCount{min-width:0;font-size:12px}.modalTagRow{flex-wrap:wrap;gap:5px}.modalSetTag,.modalCaseTag{font-size:10px}.close{align-self:flex-start}.viewerPanelStage{min-height:min(56vh,360px);padding:4px}.recognitionThumbWrap{padding:6px}.algAltPicker{gap:5px}.algAltBtn{padding:4px 8px}.treeButton{white-space:normal;overflow-wrap:anywhere;font-size:11px;padding:7px 8px}.treeButton--small{font-size:10px}.treeInlineTabs{margin-left:0;grid-template-columns:1fr}.treeInlineTabs button{width:100%;text-align:left}.treeNode{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere}.sectionNav{padding-bottom:2px}.catalogSticky{position:static;margin:0 0 8px;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.catalogBreadcrumb{gap:3px}.catalogBreadcrumbItem{font-size:8px;padding:3px 6px}.sectionNavChip{padding:6px 8px}.sectionNavChipLabel{font-size:10px}.card{padding:10px;gap:6px}.cardTop{gap:8px}.cardTitle{font-size:14px}.cardTop .miniThumb{width:min(128px,48vw)!important;height:min(128px,48vw)!important}.cardHint{margin-top:4px;font-size:10px}.setupHint{font-size:9px;padding:4px 7px}.cardAlg{margin-top:6px;font-size:12px;line-height:1.5;padding:7px 9px}.heroStats{gap:5px}.heroBadge{padding:5px 8px;gap:5px}.heroBadgeValue{font-size:12px}.methodSummaryRow{grid-template-columns:1fr}.methodGrid{grid-template-columns:1fr;padding:8px}.methodCardAlg{font-size:14px}.f2lCardAlg{font-size:14px;padding:9px 11px}.modal{padding:10px;border-radius:16px}.modalTitle{font-size:22px}.viewerPanelBar{flex-direction:column;align-items:flex-start}.viewerPanelStage{min-height:min(56vh,340px);padding:6px 4px 4px}code{font-size:13px}.workspaceSectionGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){.hero,.railPanel,.catalogPanel{animation:rise .38s ease both}.railPanel:nth-child(2){animation-delay:60ms}.workspace>*:nth-child(2){animation-delay:.1s}.card{animation:fadeIn .26s ease both}.sectionGrid .card:nth-child(2n){animation-delay:20ms}.sectionGrid .card:nth-child(3n){animation-delay:40ms}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.workspaceTile--clickable{width:100%;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.workspaceTile--clickable:hover{border-color:var(--accent-ui-border);background:var(--accent-ui-bg);box-shadow:0 2px 10px #2d8b8b1f}.workspaceTile--clickable:disabled{cursor:default;opacity:.5}.drillSetRow{display:flex;gap:8px;margin-top:10px}.drillSetBtn{flex:1;padding:7px 10px;border-radius:var(--radius-sm);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .1s}.drillSetBtn:disabled{cursor:default;opacity:.45}.drillSetBtn--oll{background:#a078001a;color:var(--accent-oll);border:1px solid rgba(160,120,0,.22)}.drillSetBtn--oll:not(:disabled):hover{background:#a078002e;box-shadow:0 2px 8px #a0780024}.drillSetBtn--pll{background:#1464a01a;color:var(--accent-pll);border:1px solid rgba(20,100,160,.22)}.drillSetBtn--pll:not(:disabled):hover{background:#1464a02e;box-shadow:0 2px 8px #1464a024}.drillSetBtn--f2l{background:#b04c101a;color:var(--accent-f2l);border:1px solid rgba(176,76,16,.22)}.drillSetBtn--f2l:not(:disabled):hover{background:#b04c102e;box-shadow:0 2px 8px #b04c1024}.drillOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:radial-gradient(circle at 30% 20%,rgba(45,139,139,.08),transparent 40%),#1e233299;-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8);display:grid;place-items:center;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))}.drillModal{width:min(480px,97vw);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--line-2);box-shadow:var(--shadow-lg),inset 0 1px #fff9;padding:20px;display:flex;flex-direction:column;gap:16px}.drillHeader{display:flex;align-items:center;justify-content:space-between}.drillHeaderTitle{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--muted)}.drillProgress{display:flex;align-items:center;gap:10px}.drillProgressBar{flex:1;height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden}.drillProgressFill{height:100%;border-radius:999px;background:var(--accent-ui);transition:width .3s ease}.drillProgressLabel{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted-2);white-space:nowrap}.drillCard{display:flex;flex-direction:column;align-items:center;gap:16px}.drillThumbWrap{display:flex;justify-content:center}.drillQuestion{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.drillQuestionHint{margin:0;font-size:13px;color:var(--muted);font-style:italic}.drillRevealBtn{padding:10px 32px;border-radius:var(--radius-sm);border:1px solid var(--accent-ui-border);background:var(--accent-ui-bg);color:var(--accent-ui);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}.drillRevealBtn:hover{background:#2d8b8b38;box-shadow:0 2px 8px #2d8b8b33}.drillExecCaseName{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-align:center}.drillExecPlayer{width:100%;display:flex;justify-content:center;min-height:180px}.timedSetup{display:flex;flex-direction:column;gap:18px;padding:4px 0}.timedSetupGroup{display:flex;flex-direction:column;gap:8px}.timedSetupLabel{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.timedChips{display:flex;gap:8px;flex-wrap:wrap}.timedChip{padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.timedChip:hover,.timedChip--active{border-color:var(--accent-ui-border);background:var(--accent-ui-bg);color:var(--accent-ui)}.timedStartBtn{margin-top:4px;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--accent-ui-border);background:var(--accent-ui-bg);color:var(--accent-ui);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s;align-self:stretch}.timedStartBtn:hover{background:#2d8b8b38;box-shadow:0 2px 10px #2d8b8b33}.timedTimerRow{display:flex;align-items:center;gap:10px}.timedTimerDisplay{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700;color:var(--accent-ui);min-width:40px;flex-shrink:0;transition:color .3s}.timedTimerDisplay--warn{color:#d97706}.timedTimerBar{flex:1;height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden}.timedTimerFill{height:100%;border-radius:999px;background:var(--accent-ui);transition:width .9s linear,background .3s}.timedTimerFill--warn{background:#d97706}.timedStartTileBtn{margin-top:8px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-ui-border);background:var(--accent-ui-bg);color:var(--accent-ui);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;cursor:pointer;align-self:flex-start;transition:background .15s}.timedStartTileBtn:hover{background:#2d8b8b38}.timedStartTileBtn:disabled{opacity:.5;cursor:default}.drillAnswer{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.drillCaseName{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--ink);text-align:center}.drillCaseId{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted-2);letter-spacing:.04em}.drillAlg{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;display:block;text-align:center;width:100%;box-sizing:border-box;word-break:break-all}.ratingRow{display:flex;gap:8px;margin-top:8px;width:100%}.ratingBtn{flex:1;padding:10px 6px;border-radius:var(--radius-sm);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;cursor:pointer;border:none;transition:opacity .1s,transform .1s}.ratingBtn:hover{opacity:.85}.ratingBtn:active{transform:scale(.97)}.ratingBtn--again{background:#c8282824;color:#c22828;border:1px solid rgba(200,40,40,.25)}.ratingBtn--hard{background:#b04c1024;color:var(--accent-f2l);border:1px solid rgba(176,76,16,.25)}.ratingBtn--good{background:var(--accent-ui-bg);color:var(--accent-ui);border:1px solid var(--accent-ui-border)}.ratingBtn--easy{background:#1464a01f;color:var(--accent-pll);border:1px solid rgba(20,100,160,.22)}.drillComplete{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0;text-align:center}.drillCompleteIcon{font-size:40px;line-height:1}.drillCompleteTitle{margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.drillCompleteLead{margin:0;font-size:13px;color:var(--muted)}.drillSummaryRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.drillSummaryChip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line)}.drillSummaryCount{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.04em}.drillSummaryLabel{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.drillSummaryChip--again{background:#c8282814;color:#c22828;border-color:#c8282833}.drillSummaryChip--hard{background:#b04c101a;color:var(--accent-f2l);border-color:#b04c1033}.drillSummaryChip--good{background:var(--accent-ui-bg);color:var(--accent-ui);border-color:var(--accent-ui-border)}.drillSummaryChip--easy{background:#1464a01a;color:var(--accent-pll);border-color:#1464a033}.drillDoneBtn{margin-top:8px;padding:10px 32px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface-2);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s}.drillDoneBtn:hover{background:var(--surface-3)}.notationSection{margin-top:20px;display:grid;gap:14px}.notationBlock{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px}.notationBlockTitle{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.notationSubTitle{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.notationFaceBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-family:IBM Plex Mono,monospace;font-weight:700;flex-shrink:0;line-height:1}.notationOrientationLayout{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.notationNet{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.notationNetRow{display:flex;gap:3px}.notationNetRow--center{padding-left:41px}.notationNetCell{width:38px;height:38px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700}.notationFaceList{display:grid;gap:6px;align-content:start}.notationFaceListRow{display:flex;align-items:center;gap:8px}.notationFaceListSymbol{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--ink);width:14px}.notationFaceListName{font-size:12px;color:var(--muted)}.notationModRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.notationMod{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.notationModHeader{display:flex;align-items:center;justify-content:space-between}.notationModCode{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:700;color:var(--accent-ui);background:none;border:none;padding:0;box-shadow:none}.notationModIcon{font-size:20px;color:var(--muted);line-height:1}.notationModBody{display:flex;flex-direction:column;gap:2px}.notationModTitle{font-size:12px;font-weight:600;color:var(--ink)}.notationModDesc{font-size:11px;color:var(--muted);line-height:1.4}.notationMoveGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.notationMoveRow{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px}.notationFaceName{font-size:11px;color:var(--muted);width:34px;flex-shrink:0}.notationMoveChips{display:flex;gap:5px;margin-left:auto}.notationMove{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--ink);background:var(--surface-3);border:1px solid var(--line-2);border-radius:5px;padding:2px 7px;box-shadow:none;white-space:nowrap;display:inline-block}.notationDiagRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.notationDiagCard{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column}.notationDiagCardBody{padding:10px 10px 8px;display:flex;flex-direction:column;gap:3px}.notationDiagSymbol{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:700;color:var(--accent-ui);line-height:1}.notationDiagDesc{font-size:11px;color:var(--ink);line-height:1.4}.notationDiagNote{font-size:10px;color:var(--muted);font-style:italic}.notationSliceDiag{display:flex;height:52px;border-bottom:1px solid var(--line);overflow:hidden}.notationSliceDiag--col{flex-direction:row}.notationSliceDiag--row{flex-direction:column}.notationSliceBand{display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.notationSliceDiag--col .notationSliceBand--outer,.notationSliceDiag--row .notationSliceBand--outer{flex:0 0 30%}.notationSliceBand--active{flex:1;background:var(--surface-3);border-left:2px solid var(--accent-ui);border-right:2px solid var(--accent-ui);display:flex;align-items:center;justify-content:center}.notationSliceDiag--row .notationSliceBand--active{border-left:none;border-right:none;border-top:2px solid var(--accent-ui);border-bottom:2px solid var(--accent-ui)}.notationSliceActiveLabel{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--accent-ui)}.notationRotDiag{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.notationRotFace{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:700;opacity:.85}.notationRotArrow{font-size:26px;line-height:1;opacity:.9}.notationMove--wide{font-style:italic;color:var(--muted)}.notationMove--wide.notationMove--clickable:hover{color:var(--accent-ui);font-style:italic}.notationWideDesc{margin:0 0 10px;font-size:12px;color:var(--muted);line-height:1.5}.notationMove--clickable{cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform .1s}.notationMove--clickable:hover{background:var(--accent-ui-bg);color:var(--accent-ui);border-color:var(--accent-ui-border);transform:translateY(-1px)}.notationMove--clickable:active{transform:translateY(0)}.notationDiagCard--clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s}.notationDiagCard--clickable:hover{border-color:var(--accent-ui-border);box-shadow:0 0 0 1px var(--accent-ui-border)}.notationClickHint{font-family:var(--font-sans, sans-serif);font-size:10px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);margin-left:8px;opacity:.7}.movePreviewOverlay{background:#14182499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.moveModal{width:288px;background:var(--surface-1);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-lg);animation:moveModalIn .15s ease}@keyframes moveModalIn{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.moveModalHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:var(--surface-1)}.moveModalBadgeWrap{display:flex;align-items:center;gap:10px}.moveModalFaceBadge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700;flex-shrink:0}.moveModalFaceBadge--slice{background:var(--accent-ui-bg);color:var(--accent-ui);border:1px solid var(--accent-ui-border)}.moveModalTitleGroup{display:flex;flex-direction:column;gap:1px}.moveModalSymbol{font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:700;color:var(--ink);background:none;border:none;padding:0;box-shadow:none;line-height:1}.moveModalTitle{font-size:11px;color:var(--muted);line-height:1.3}.moveModalClose{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;flex-shrink:0}.moveModalClose:hover{background:var(--surface-3);color:var(--ink)}.moveModalPlayer{background:var(--surface-2);padding:12px 0;display:flex;align-items:center;justify-content:center;min-height:240px}.moveModalDesc{margin:0;padding:10px 14px 14px;font-size:12px;color:var(--muted);line-height:1.5;text-align:center;border-radius:0 0 16px 16px;background:var(--surface-1)}@media (max-width: 600px){.notationMoveGrid,.notationModRow,.notationDiagRow{grid-template-columns:1fr}.notationNetRow--center{padding-left:41px}.notationSliceDiag{height:44px}.moveModal{width:min(280px,92vw)}}.srsStateDot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--surface-2);pointer-events:none;z-index:1}.srsStateDot--new{background:var(--muted-2);opacity:.55}.srsStateDot--due{background:#d97706;box-shadow:0 0 0 2px #d9770633}.srsStateDot--learning{background:#b89000;box-shadow:0 0 0 2px #b890002e}.srsStateDot--learned{background:var(--accent-ui);box-shadow:0 0 0 2px #2d8b8b2e}.mainMenuDueBadge{margin-left:auto;min-width:18px;height:18px;border-radius:999px;background:#d97706;color:#fff;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;letter-spacing:0}.progressTileTitle{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}.progressCoverageTile{display:flex;flex-direction:column;gap:14px}.progressSetRow{display:flex;flex-direction:column;gap:6px}.progressSetLabel{display:flex;align-items:baseline;justify-content:space-between}.progressSetName{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.04em}.progressSetCount{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted-2)}.progressCatalogNote{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted-2);margin-top:2px}.progressEmpty{font-size:12px;color:var(--muted);font-style:italic;margin:0}.srsBarWrap{display:flex;flex-direction:column;gap:5px}.srsBar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden;display:flex}.srsBarSeg{height:100%;transition:width .4s ease}.srsBarSeg--learned{background:var(--accent-ui)}.srsBarSeg--learning{background:#2d8b8b73}.srsBarSeg--due{background:#d97706}.srsBarSeg--new{background:var(--surface-3)}.srsLegend{display:flex;flex-wrap:wrap;gap:6px 10px}.srsLegendItem{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.srsLegendItem strong{font-weight:700;color:var(--ink)}.srsLegendDot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.srsLegendItem--learned .srsLegendDot{background:var(--accent-ui)}.srsLegendItem--learning .srsLegendDot{background:#2d8b8b99}.srsLegendItem--due .srsLegendDot{background:#d97706}.srsLegendItem--new .srsLegendDot{background:var(--muted-2)}.weakCaseList{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.weakCaseRow{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.weakCaseSet{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 5px;border-radius:999px;flex-shrink:0}.weakCaseSet--oll{background:var(--accent-ui-bg);color:var(--accent-ui);border:1px solid var(--accent-ui-border)}.weakCaseSet--pll{background:#1464a01a;color:var(--accent-pll);border:1px solid rgba(20,100,160,.22)}.weakCaseSet--bld{background:#b478281f;color:#d4a050;border:1px solid rgba(180,120,40,.28)}.weakCaseLabel{font-size:12px;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weakCaseEF{font-family:IBM Plex Mono,monospace;font-size:10px;color:#d97706;flex-shrink:0}.weakCaseReps{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted-2);flex-shrink:0}.phaseList{display:grid;gap:10px}.phaseRow{display:grid;grid-template-columns:44px 1fr 42px auto;align-items:center;gap:10px}.phaseLabel{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center;padding:3px 6px;border-radius:5px}.phaseLabel--cross{background:var(--surface-3);color:var(--muted);border:1px solid var(--line)}.phaseLabel--f2l{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.phaseLabel--oll{background:#2d8b8b1f;color:var(--accent-ui);border:1px solid rgba(45,139,139,.25)}.phaseLabel--pll{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.phaseLabel--bld{background:#b478281f;color:#d4a050;border:1px solid rgba(180,120,40,.25)}.phaseBarWrap{display:flex;align-items:center}.phaseBar{width:100%;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.phaseBarFill{height:100%;border-radius:3px;transition:width .4s ease}.phaseBarFill--cross{background:var(--muted-2)}.phaseBarFill--f2l{background:#38bdf8}.phaseBarFill--oll{background:var(--accent-ui)}.phaseBarFill--pll{background:#a78bfa}.phaseBarFill--bld{background:#d4a050}.phaseFraction{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);text-align:right;white-space:nowrap}.phaseReadiness{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:20px;white-space:nowrap}.phaseReadiness--foundation{background:var(--surface-3);color:var(--muted)}.phaseReadiness--catalog{background:#38bdf81a;color:#38bdf8}.phaseReadiness--none{background:var(--surface-3);color:var(--muted-2)}.phaseReadiness--learning{background:#fb923c1f;color:#fb923c}.phaseReadiness--developing{background:#facc151f;color:#ca8a04}.phaseReadiness--proficient{background:#2d8b8b1f;color:var(--accent-ui)}.phaseReadiness--mastered{background:#4ade801f;color:#4ade80}.streakHeroRow{display:flex;align-items:center;gap:16px;margin-bottom:14px}.streakHeroBlock{display:flex;flex-direction:column;align-items:center;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 16px;min-width:72px}.streakHeroNum{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fb923c}.streakHeroLabel{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:3px;white-space:nowrap}.streakSecondary{display:flex;flex-direction:column;gap:6px}.streakStatRow{display:flex;align-items:center;gap:8px}.streakStatLabel{font-size:11px;color:var(--muted);min-width:72px}.streakStatVal{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;color:var(--ink)}.streakDots{display:flex;gap:8px;justify-content:space-between}.streakDotCol{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.streakDot{width:22px;height:22px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line);transition:background .15s}.streakDot--active{background:#fb923c;border-color:#fb923c;box-shadow:0 0 6px #fb923c59}.streakDot--today{outline:2px solid var(--muted);outline-offset:2px}.streakDot--active.streakDot--today{outline-color:#fb923c}.streakDotLabel{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}.streakDotLabel--today{color:var(--muted)}.triggerSection{margin-top:20px;display:flex;flex-direction:column;gap:12px}.triggerSectionHeader{display:flex;align-items:center;gap:10px}.triggerSectionTitle{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.triggerFamily{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px}.triggerFamilyLabel{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}.triggerCardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.triggerCard{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.triggerCardTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.triggerName{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.triggerNotationBtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--accent-ui-border);background:var(--accent-ui-bg);border-radius:var(--radius-sm);padding:3px 8px;cursor:pointer;transition:background .15s,box-shadow .15s}.triggerNotationBtn:hover{background:#2d8b8b38;box-shadow:0 2px 6px #2d8b8b26}.triggerNotationCode{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:var(--accent-ui);background:none;border:none;box-shadow:none;padding:0}.triggerPlayIcon{font-size:8px;color:var(--accent-ui);opacity:.7}.triggerDesc{font-size:12px;color:var(--muted);line-height:1.45;margin:0}.triggerOccurrences{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.triggerOccTag{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.03em;padding:2px 6px;border-radius:999px;border:1px solid var(--line)}.triggerOccTag--f2l{background:#b04c101a;color:var(--accent-f2l);border-color:#b04c1038}.triggerOccTag--oll{background:var(--accent-ui-bg);color:var(--accent-ui);border-color:var(--accent-ui-border)}.triggerOccTag--pll{background:#1464a01a;color:var(--accent-pll);border-color:#1464a038}.triggerOccTag--neutral{background:var(--surface-3);color:var(--muted);border-color:var(--line)}@media (max-width: 600px){.triggerCardGrid{grid-template-columns:1fr}}.scrambleTimerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1a2332b8;display:flex;align-items:stretch;justify-content:stretch}.scrambleTimerModal{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.scrambleTimerHeader{display:flex;align-items:center;justify-content:space-between;padding-top:max(14px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:14px;padding-left:max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--surface-1);flex-shrink:0}.scrambleTimerHeaderTitle{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--ink)}.scrambleTimerClose{background:none;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:4px 10px;font-size:14px;color:var(--muted);cursor:pointer;transition:background .12s}.scrambleTimerClose:hover{background:var(--surface-3)}.scrambleTimerBody{flex:1;display:grid;grid-template-columns:1fr 260px;gap:0;overflow:hidden}.scrambleTimerBody--solving{grid-template-columns:1fr}.scrambleMain{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 40px;min-height:0}.scrambleTextWrap{width:100%;max-width:680px;text-align:center}.scrambleText{font-family:IBM Plex Mono,monospace;font-size:clamp(14px,2vw,22px);font-weight:600;color:var(--ink);line-height:1.6;letter-spacing:.05em;word-break:break-word}.scrambleText--loading{color:var(--muted-2)}.scrambleMove{font-weight:700;min-width:2ch;display:inline-block}.timerDisplay{font-family:IBM Plex Mono,monospace;font-size:clamp(56px,12vw,112px);font-weight:600;line-height:1;color:var(--muted);cursor:pointer;padding:20px 32px;border-radius:var(--radius-lg);transition:color .14s,background .14s;border:2px solid transparent;min-width:320px;text-align:center}.timerDisplay--holding{color:var(--muted-2);background:var(--surface-3);border-color:var(--line-2)}.timerDisplay--ready{color:var(--accent-green);background:#0f663014;border-color:#0f663047}.timerDisplay--solving{color:var(--ink);cursor:default}.timerDisplay--inspection{color:var(--accent-oll);font-size:clamp(72px,16vw,140px)}.timerDisplay--result{color:var(--accent-ui)}.timerHint{font-size:13px;color:var(--muted-2);text-align:center}.timerPenaltyRow{display:flex;gap:10px;align-items:center}.timerPenaltyBtn{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:8px 18px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.timerPenaltyBtn:hover{background:var(--surface-3)}.timerPenaltyBtn--active{background:#a078001f;border-color:#a0780059;color:var(--accent-oll)}.timerNextBtn{background:var(--accent-ui);border:none;border-radius:var(--radius-sm);padding:8px 22px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;color:#fff;cursor:pointer;transition:opacity .12s}.timerNextBtn:hover{opacity:.88}.timerInspToggle{background:none;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:5px 14px;font-size:12px;color:var(--muted-2);cursor:pointer;transition:background .12s}.timerInspToggle:hover{background:var(--surface-3)}.timerSidebar{border-left:1px solid var(--line);background:var(--surface-1);display:flex;flex-direction:column;gap:0;overflow:hidden}.timerStatRow{display:flex;gap:0;border-bottom:1px solid var(--line)}.timerStat{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px;gap:3px;border-right:1px solid var(--line)}.timerStat:last-child{border-right:none}.timerStatLabel{font-size:11px;font-weight:600;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em}.timerStatVal{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600;color:var(--ink)}.timerChart{width:100%;height:72px;display:block;border-bottom:1px solid var(--line);background:var(--surface-2);flex-shrink:0}.timerChartBestLine{stroke:var(--accent-green);stroke-width:1;stroke-dasharray:3 4;opacity:.55}.timerChartLine{fill:none;stroke:var(--accent-ui);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.timerChartDot{fill:var(--accent-ui);opacity:.65}.timerChartDotLast{fill:var(--accent-ui);stroke:var(--surface-1);stroke-width:1.5}.timerChartDnf{fill:#d97706;font-size:10px;text-anchor:middle;dominant-baseline:middle;font-family:IBM Plex Mono,monospace}.timerSolveList{flex:1;overflow-y:auto;padding:8px 0}.timerSolveEmpty{font-size:12px;color:var(--muted-2);text-align:center;padding:20px}.timerSolveRow{display:flex;gap:8px;align-items:baseline;padding:5px 16px;border-bottom:1px solid var(--line)}.timerSolveRow:last-child{border-bottom:none}.timerSolveIdx{font-size:11px;color:var(--muted-2);min-width:22px;text-align:right}.timerSolveTime{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;color:var(--ink)}.timerSolvePenalty{color:var(--accent-oll);font-size:11px}@media (max-width: 700px){.scrambleTimerBody{grid-template-columns:1fr;grid-template-rows:1fr auto}.timerSidebar{border-left:none;border-top:1px solid var(--line);max-height:180px}.timerStatRow{flex-direction:row}.scrambleMain{padding:20px 16px;gap:16px}.timerDisplay{width:100%;max-width:100%;min-width:0;padding:14px 10px;font-size:clamp(40px,14vw,72px)}.timerDisplay--inspection{font-size:clamp(52px,18vw,96px)}.timerPenaltyRow{width:100%;flex-wrap:wrap;justify-content:center}.timerPenaltyBtn,.timerNextBtn{flex:1 1 104px;min-width:0}}.forecastTile{grid-column:span 2}.forecastBars{display:flex;gap:6px;align-items:flex-end;height:96px;padding-bottom:4px}.forecastBarCol{display:flex;flex-direction:column;align-items:center;flex:1;gap:3px;height:100%}.forecastBarCol--today .forecastBarTrack{border-color:var(--accent-ui-border);background:var(--accent-ui-bg)}.forecastBarCount{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:var(--muted);min-height:14px;line-height:14px}.forecastBarTrack{flex:1;width:100%;border-radius:4px 4px 0 0;border:1px solid var(--line);background:var(--surface-3);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;min-height:4px}.forecastBarFill{width:100%;background:var(--muted-2);border-radius:3px 3px 0 0;transition:height .3s ease}.forecastBarFill--today{background:var(--accent-ui)}.forecastBarLabel{font-size:10px;font-weight:600;color:var(--muted-2);text-align:center}.forecastBarCol--today .forecastBarLabel{color:var(--accent-ui)}.forecastNote{font-size:11px;color:var(--muted-2);margin-top:8px}@media (max-width: 700px){.forecastTile{grid-column:span 1}}.workspacePracticeHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.cubeSchemeToggle{display:inline-flex;border:1px solid rgba(168,218,220,.25);border-radius:20px;overflow:hidden}.cubeSchemeBtn{padding:5px 12px;font-size:11px;font-weight:600;border:none;background:transparent;color:#a8dadc8c;cursor:pointer;transition:background .15s,color .15s;letter-spacing:.04em;text-transform:uppercase}.cubeSchemeBtn:hover{color:#a8dadc}.cubeSchemeBtn--active{background:#a8dadc2e;color:#a8dadc}.workspacePracticeHeader .workspaceSectionKicker{margin-bottom:4px}.workspacePracticeHeader .workspaceSectionTitle{margin:0}.ohToggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid rgba(168,218,220,.25);background:transparent;color:#a8dadc8c;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.ohToggle:hover{color:#a8dadc;border-color:#a8dadc80}.ohToggle--on{background:#a8dadc2e;border-color:#a8dadc80;color:#a8dadc}.ohBadge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--accent-ui-bg);color:var(--accent-ui);border:1px solid var(--accent-ui-border);margin-left:8px;vertical-align:middle}.ohBadge--drill{font-size:12px;padding:2px 10px}.ohAlgHint{display:block;font-size:11px;font-weight:500;color:var(--accent-ui);margin-top:4px;letter-spacing:.01em}.workspaceSectionCard--bld{background:linear-gradient(135deg,rgba(88,64,176,.06),transparent 50%),var(--surface-2);border-color:#5840b024}.bldBufferNote{margin:10px 0 0;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bldBufferNote strong{color:var(--ink)}.bldBufferSep{color:var(--muted-2)}.bldDrillThumb{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 8px}.bldDrillLetterWrap{display:flex;align-items:center;justify-content:center}.bldDrillLetter{font-family:Space Grotesk,sans-serif;font-size:clamp(80px,14vw,108px);font-weight:800;line-height:1;transition:color .2s}.bldDrillMeta{display:flex;flex-direction:column;align-items:center;gap:4px}.bldDrillFaceBadge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase}.bldDrillPos{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:.08em}.bldDrillFaceName{font-size:12px;color:var(--muted)}.bldAlgBreakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;width:100%}.bldAlgRow{display:flex;align-items:baseline;gap:10px}.bldAlgRowLabel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);min-width:44px;flex-shrink:0}.bldAlgRowCode{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);padding:3px 8px;border-radius:6px;box-shadow:none;word-break:break-all;line-height:1.5}.bldAlgRowCode--core{color:var(--accent-ui);background:var(--accent-ui-bg);border:1px solid var(--accent-ui-border);font-size:11px}.bldAlgRowCode--undo{color:var(--muted)}.bldAlgDivider{height:1px;background:var(--line);margin:4px 0}.bldAlgRow--full{align-items:flex-start}.bldAlgRow--full .drillAlg{font-size:12px;line-height:1.5;word-break:break-word}.bldDrillNote{font-size:12px;color:var(--muted-2);font-style:italic;margin:0 0 6px;text-align:center}.bldRefSection{margin-top:10px}.bldTableAlg{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;color:var(--ink);background:var(--surface-3);border:1px solid var(--line-2);border-radius:4px;padding:2px 7px;white-space:nowrap;box-shadow:none;line-height:1.5;letter-spacing:.01em}.bldTableAlgInline{font-family:IBM Plex Mono,monospace;font-size:11px}.bldTableMuted{font-size:11px;color:var(--muted-2)}.bldTableFootnote{margin:8px 0 0;font-size:11px;color:var(--muted-2);line-height:1.5}.bldYpermRef{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 16px;padding:10px 14px;background:var(--accent-ui-bg);border:1px solid var(--accent-ui-border);border-radius:var(--radius-sm)}.bldYpermLabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ui);white-space:nowrap;flex-shrink:0}.bldYpermCode{display:inline;background:transparent;border:none;box-shadow:none;padding:0;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;color:var(--ink);white-space:normal;word-break:break-all;line-height:1.5}.bldRefTabs{display:flex;gap:6px;margin-bottom:14px}.bldRefTab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line-2);background:var(--surface-1);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.bldRefTab:hover{border-color:var(--accent-ui)}.bldRefTab--active{border-color:var(--accent-ui);background:var(--accent-ui-bg);color:var(--ink)}.bldRefTabSub{font-size:10px;font-weight:500;color:var(--muted-2)}.bldFaceGroups{display:flex;flex-direction:column;gap:10px}.bldFaceGroup{border:1px solid var(--line-2);border-radius:var(--radius-sm);overflow:hidden}.bldFaceGroupHeader{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bldFaceGroupCount{font-size:10px;font-weight:500;letter-spacing:.04em;opacity:.85}.bldFaceGroupBody{background:var(--surface-1)}.bldRefRow{display:grid;grid-template-columns:32px 56px 1fr auto auto;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line);transition:background .1s}.bldRefRow:last-child{border-bottom:none}.bldRefRow:hover{background:var(--surface-2)}.bldRefRow--buffer{opacity:.38}.bldRefLetter{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:800;line-height:1}.bldRefPos{font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:.04em}.bldRefFaceName{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bldRefSetup{display:flex;justify-content:flex-end}.bldRefSrs{min-width:10px;display:flex;justify-content:flex-end;align-items:center}.bldSrsDot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bldSrsDot--new{background:var(--muted-2);opacity:.5}.bldSrsDot--due{background:#c8980a}.bldSrsDot--learned{background:var(--accent-green, #0f6630)}.bldSrsStatus{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:2px 5px;white-space:nowrap}.bldSrsStatus--new{color:var(--muted-2);background:var(--surface-3)}.bldSrsStatus--due{color:#a07800;background:#a078001a}.bldSrsStatus--learned{color:var(--accent-green, #0f6630);background:#0f66301a}.speffzNetWrap{margin:0 0 8px}.speffzNetScroll{overflow-x:auto;padding:14px 14px 12px;background:#141c2a;border-radius:var(--radius-sm);border:1px solid var(--line-2);margin-bottom:10px}.speffzNet{display:grid;grid-template-areas:". u . ." "l f r b" ". d . .";grid-template-columns:repeat(4,max-content);gap:5px;width:max-content;margin:0 auto}.speffzFace{display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);gap:2px;padding:3px;border-radius:8px;background:var(--face-bg);box-shadow:0 4px 14px #0000008c,inset 0 1px #ffffff38,inset 0 -1px #0000002e}.speffzFace--U{grid-area:u}.speffzFace--L{grid-area:l}.speffzFace--F{grid-area:f}.speffzFace--R{grid-area:r}.speffzFace--B{grid-area:b}.speffzFace--D{grid-area:d}.speffzSt{border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:700;color:#000000d1;background:#ffffff47;border:.5px solid rgba(0,0,0,.12);cursor:default;-webkit-user-select:none;user-select:none;position:relative;transition:background .07s ease,box-shadow .07s ease}.speffzSt--center{background:transparent;border:none;font-size:9px;font-weight:800;color:#00000038;pointer-events:none}.speffzSt--buf{background:#0003;color:#00000061;font-weight:400;font-style:italic}.speffzSt--buf:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:#00000052}.speffzSt--hl{background:#ffffffd1!important;color:#000000f2!important;font-weight:700!important;font-style:normal!important;border-color:#0003!important;box-shadow:0 0 0 1.5px #0000002e,0 2px 6px #0003}.speffzFaceKey{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px}.speffzFaceKeyChip{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;font-family:Space Grotesk,sans-serif;color:#000000b3;box-shadow:0 1px 4px #00000040;cursor:default}.speffzFaceKeySep{color:var(--muted-2);font-size:10px}.speffzFaceKeyHint{font-size:11px;color:var(--muted-2);font-style:italic}.speffzNetNote{font-size:11.5px;color:var(--muted);line-height:1.55;margin:0 0 4px}.speffzNetNote strong{color:var(--ink);font-weight:600}