@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700;800&display=swap);:root{--color-primary:#3b82f6;--color-primary-light:#dbeafe;--color-bg:#f0f4f8;--color-surface:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-locked:#4ade80;--color-weak:#fca5a5;--color-learning:#93c5fd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f8;background:var(--color-bg);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}@media (max-width:768px){input,select,textarea{font-size:16px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.headerContainer{background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);width:100%;z-index:99}.headerElements{align-items:center;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 20px}.info,.logo-link{align-items:center;color:inherit;display:flex;gap:10px;text-decoration:none}.logo-mark{display:block;height:26px;width:26px}.logo{color:#1e293b;color:var(--color-text,#1e293b);font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:800}.header-nav{align-items:center;display:flex;gap:8px}.header-nav__link{border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:20px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;padding:5px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.header-nav__link:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.header-nav__link--active,.header-nav__link:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.header-nav__link--active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}@media (max-width:600px){.headerElements{gap:8px;padding:10px 12px}.logo{font-size:1.05rem}.header-nav{gap:4px}.header-nav__link{border-width:1.5px;font-size:.72rem;padding:5px 10px}}@media (max-width:360px){.header-nav__link{font-size:.68rem;padding:4px 8px}}.lldisplay-grid{border-radius:5px;box-sizing:border-box;flex-wrap:wrap;gap:1px;max-width:6.5rem;min-height:6.5rem;min-width:6.5rem;position:relative}.lldisplay-grid,.play_container{align-items:center;display:flex;justify-content:center}.play_container{background-color:hsla(0,0%,100%,0);cursor:pointer;height:100px;left:17px;opacity:0;position:absolute;top:10px;width:100px;z-index:10}.play_container:hover{color:#fff;opacity:100%}.prime{color:#2fbcef}.double{color:#dba40e}.icon{color:#2fbcef;height:40px;width:40px}.face{align-items:center;display:flex;height:25px;justify-content:center;text-align:center;width:25px}.blank{height:12px;width:12px}.faceHorizontal{border-radius:2px;height:12px;width:25px}.faceVertical{border-radius:2px;height:25px;width:12px}.recFilter{opacity:100%}.cube_face__g{background-color:#59d420}.cube_face__b{background-color:#4169ed}.cube_face__r{background-color:#f74358}.cube_face__o{background-color:#fb942d}.cube_face__w{background-color:#ededed;color:#252525}.cube_face__y{background-color:#fbe014;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}.face-0{border-radius:.1em .1em .6em .1em}.face-1{border-radius:.1em .1em .6em .6em}.face-2{border-radius:.1em .1em .1em .6em}.face-3{border-radius:.1em .6em .6em .1em}.face-4{border-radius:.6em .6em .6em .6em}.face-5{border-radius:.6em .1em .1em .6em}.face-6{border-radius:.1em .6em .1em .1em}.face-7{border-radius:.6em .6em .1em .1em}.face-8{border-radius:.6em .1em .1em .1em}.cube_face__placeholder{-webkit-animation:placeholderPulse 1.4s ease-in-out infinite;animation:placeholderPulse 1.4s ease-in-out infinite;background-color:#e0e0e0}.lldisplay-placeholder{opacity:.5}.lldisplay-loaded{-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in}@-webkit-keyframes placeholderPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes placeholderPulse{0%,to{opacity:.3}50%{opacity:.6}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ll-dimmed{opacity:.2}.ll-dimmed,.ll-hidden{transition:opacity .3s}.ll-hidden{opacity:0}.ll-highlight{box-shadow:0 0 3px hsla(0,0%,100%,.5);-webkit-filter:brightness(1.1);filter:brightness(1.1);transition:opacity .3s,-webkit-filter .3s;transition:opacity .3s,filter .3s;transition:opacity .3s,filter .3s,-webkit-filter .3s}.alg-page{--color-primary:#3b82f6;--color-primary-light:#dbeafe;--color-surface:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-locked:#4ade80;--color-weak:#fca5a5;--color-learning:#93c5fd;flex:1 1;font-family:Poppins,sans-serif;min-height:0;overflow-y:auto;padding:0 16px 24px}.alg-page__controls{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1400px;padding:12px 0 8px}.alg-controls__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.alg-search{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);flex:1 1;font-family:Poppins,sans-serif;font-size:.85rem;height:36px;max-width:280px;min-width:140px;padding:0 14px;transition:border-color .2s}.alg-search:focus{border-color:var(--color-primary);outline:none}.alg-search::-webkit-input-placeholder{color:#cbd5e1}.alg-search::placeholder{color:#cbd5e1}.filter-pill{background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;padding:5px 16px;transition:all .2s;white-space:nowrap}.filter-pill--active,.filter-pill:hover{border-color:var(--color-primary)}.filter-pill--active{background:var(--color-primary);color:#fff}.info-wrapper{position:relative}.info-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:color .15s,background .15s;width:32px}.info-btn--active,.info-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.info-popover{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12);left:50%;max-width:400px;padding:12px 16px;position:absolute;top:calc(100% + 6px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:10}.info-popover__desc{color:var(--color-text-secondary);font-size:.8rem;line-height:1.5;margin:0}.info-popover__learn{background:var(--color-primary-light);border-radius:8px;color:var(--color-primary);font-size:.78rem;font-style:italic;line-height:1.5;margin:8px 0 0;padding:8px 12px}.alg-controls__groups{position:relative}.alg-controls__groups:after{background:linear-gradient(to right,transparent,var(--color-surface));border-radius:0 8px 8px 0;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:40px}.alg-controls__groups-track{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-right:40px;scrollbar-width:none}.alg-controls__groups-track::-webkit-scrollbar{display:none}.subgroup-pill{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:600;padding:3px 12px;transition:all .15s;white-space:nowrap}.subgroup-pill--active,.subgroup-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.subgroup-pill--active{background:var(--color-primary-light)}.status-pill{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;gap:6px;padding:5px 14px;transition:all .2s;white-space:nowrap}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot--locked{background:var(--color-locked)}.status-dot--weak{background:var(--color-weak)}.status-dot--learning{background:var(--color-learning)}.status-pill--locked.status-pill--active{background:#f0fdf4;border-color:var(--color-locked);color:#166534}.status-pill--weak.status-pill--active{background:#fef2f2;border-color:var(--color-weak);color:#991b1b}.status-pill--learning.status-pill--active{background:#eff6ff;border-color:var(--color-learning);color:#1e40af}.sort-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;gap:5px;padding:5px 14px;transition:all .2s;white-space:nowrap}.sort-btn--active,.sort-btn:hover{border-color:var(--color-primary)}.sort-btn--active{background:var(--color-primary);color:#fff}@media (max-width:767px){.alg-search{flex:1 1 100%;font-size:16px;height:40px;max-width:none;order:10}.info-btn{height:36px;width:36px}.filter-pill,.sort-btn,.status-pill{padding:7px 14px}}.alg-page__main{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1400px}@media (min-width:1024px){.alg-page__main{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 420px}.alg-page__list{min-width:0;order:1}.alg-page__active{margin-top:20px;order:2;position:-webkit-sticky;position:sticky;top:16px}}.active-display{background:var(--color-surface);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);padding:24px;text-align:center;width:100%}.active-display--empty{color:var(--color-text-secondary);font-size:.9rem;min-height:100px}.active-display--empty,.active-display__cube{align-items:center;display:flex;justify-content:center}.active-display__cube{min-height:280px;position:relative}.active-display__cube .lldisplay-grid{-webkit-transform:scale(2.5);transform:scale(2.5)}.active-display__name{color:var(--color-text);font-size:1.3rem;font-weight:700;margin:8px 0 4px}.active-display__name-btn{background:none;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:.82rem;font-style:italic;font-weight:500;margin-bottom:8px;padding:2px 12px;transition:all .15s}.active-display__name-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.active-display__name-edit{margin-bottom:8px}.active-display__name-input{border:2px solid var(--color-primary);border-radius:8px;color:var(--color-text);font-family:Poppins,sans-serif;font-size:.82rem;font-weight:500;outline:none;padding:3px 12px;text-align:center;width:200px}.active-display__name-input::-webkit-input-placeholder{color:#cbd5e1;font-style:italic}.active-display__name-input::placeholder{color:#cbd5e1;font-style:italic}.active-display__alg-row{padding:8px 0 16px;position:relative}.active-display__moves{line-height:2.2;word-break:break-word}.active-display__alg-actions{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:4px}.active-display__custom-badge{background:var(--color-primary-light);border-radius:10px;color:var(--color-primary);font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-right:4px;padding:2px 8px;text-transform:uppercase}.active-display__alg-edit{display:flex;flex-direction:column;gap:8px;padding:8px 0 16px}.active-display__alg-input{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:10px;color:var(--color-text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:600;min-height:64px;outline:none;padding:10px 12px;resize:vertical}.active-display__alg-edit-actions{display:flex;gap:8px;justify-content:center}.alg-edit-btn{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;color:var(--color-text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:6px 14px;transition:border-color .15s,color .15s,background .15s}.alg-edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.alg-edit-btn--save{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.alg-edit-btn--save:hover{background:#2563eb;color:#fff}.alg-card__custom-dot{background:var(--color-primary);border-radius:50%;display:inline-block;height:6px;margin-left:6px;vertical-align:middle;width:6px}.alg-card--custom .alg-card__alg{color:var(--color-primary)}.move{color:var(--color-text);font-size:1.6rem;font-weight:700;transition:color .15s}.move--pending{color:#d1d5db}.move--current{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.move--prime{color:#f59e0b}.move--double{color:var(--color-primary)}.active-display__controls{flex-wrap:wrap;gap:10px}.active-display__controls,.ctrl-btn{align-items:center;display:flex;justify-content:center}.ctrl-btn{background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:36px;transition:opacity .15s;width:36px}.ctrl-btn:hover{opacity:.85}.ctrl-btn--secondary{background:var(--color-border);color:var(--color-text-secondary)}.speed-slider{align-items:center;display:flex;gap:6px}.speed-slider__label{color:var(--color-text-secondary);font-size:.65rem;font-weight:600}.speed-slider__input{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;height:4px;outline:none;width:90px}.speed-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;width:16px}.speed-slider__input::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.alg-group{margin-bottom:20px}.alg-group__header{padding:12px 0 8px}.alg-group__title-row{align-items:center;display:flex;gap:10px;margin-bottom:6px}.alg-group__title{color:var(--color-text);font-size:1.05rem;font-weight:700}.alg-group__count{background:var(--color-primary);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:1px 8px}.alg-group__pct{color:var(--color-locked);font-size:.75rem;font-weight:600;margin-left:auto}.progress-bar{background:var(--color-border);border-radius:3px;display:flex;height:5px;overflow:hidden}.progress-bar__seg{height:100%;transition:width .3s ease}.progress-bar__seg--locked{background:var(--color-locked)}.progress-bar__seg--learning{background:var(--color-learning)}.progress-bar__seg--weak{background:var(--color-weak)}.alg-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;padding:8px 0}@media (min-width:600px){.alg-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.alg-grid{grid-template-columns:repeat(2,1fr)}}.alg-card{align-items:stretch;background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);cursor:pointer;display:flex;flex-direction:row;outline:2px solid transparent;outline-offset:-2px;overflow:hidden;transition:box-shadow .2s,outline-color .2s}.alg-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.alg-card--selected{outline-color:var(--color-primary)}.alg-card__body{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;padding:10px;position:relative}.alg-card__info{display:flex;flex-direction:column;gap:2px;margin-left:8px;min-width:0}.alg-card__name{color:var(--color-text);font-size:.9rem;font-weight:600}.alg-card__custom-name{color:var(--color-primary);font-size:.72rem;font-style:italic;font-weight:500}.alg-card__alg{font-size:12px;line-height:1.5;word-break:break-word}.alg-card__alg,.alg-card__stats{color:var(--color-text-secondary)}.alg-card__stats{display:flex;font-size:.72rem;gap:10px;margin-top:4px}.alg-card__stat{align-items:baseline;display:inline-flex;gap:4px}.alg-card__stat-label{color:var(--color-primary);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.alg-card__stat strong{color:var(--color-text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.78rem;font-weight:700}.alg-timer{margin-bottom:8px;width:100%}.alg-timer__idle{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.alg-timer__start{align-items:center;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;gap:6px;padding:8px 16px;transition:opacity .15s}.alg-timer__start:hover:not(:disabled){opacity:.88}.alg-timer__start:disabled{cursor:default;opacity:.4}.alg-timer__pbs{align-items:baseline;color:var(--color-text);display:flex;font-size:.85rem;gap:14px}.alg-timer__pbs strong{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:700}.alg-timer__pb-label{color:var(--color-primary);font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-right:2px;text-transform:uppercase}.alg-timer__count{color:var(--color-text-secondary);font-size:.72rem}.alg-timer__active{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:20px 16px;transition:border-color .15s,background .15s}.alg-timer__active--prep{background:#eff6ff;background:var(--color-primary-light,#eff6ff);border-color:var(--color-primary)}.alg-timer__active--running{background:#f0fdf4;border-color:#22c55e}.alg-timer__active--done{border-color:#6366f1}.alg-timer__display{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:3rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.02em;line-height:1}.alg-timer__active--running .alg-timer__display{color:#15803d}.alg-timer__hint{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.alg-timer__pb-badge{background:#facc15;border-radius:10px;color:#713f12;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-left:6px;padding:1px 8px;text-transform:uppercase}.alg-timer__actions{display:flex;gap:8px;margin-top:4px}.alg-timer__again{background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;padding:6px 14px;transition:opacity .15s}.alg-timer__again:hover{opacity:.88}.alg-timer__cancel{align-items:center;background:none;border:1.5px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;gap:4px;padding:6px 12px;transition:color .15s,border-color .15s}.alg-timer__cancel:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.setup-btn{align-items:center;background:none;border:1.5px solid var(--color-border);border-radius:8px;color:#b0b8c4;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;gap:4px;padding:4px 12px;transition:all .15s;white-space:nowrap}.setup-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.setup-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.alg-card__strip{align-self:stretch;border:none;cursor:pointer;flex:0 0 auto;padding:0;position:relative;transition:background-color .2s,width .15s;width:28px}.alg-card__strip:hover{width:36px}.alg-card__strip:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.alg-card__strip--default{background:#cbd5e1}.alg-card__strip--locked{background:var(--color-locked)}.alg-card__strip--weak{background:var(--color-weak)}.alg-card__strip--learning{background:var(--color-learning)}.move--upcoming{opacity:.2}.move-bracket{color:#94a3b8;font-size:1.4rem;font-weight:400}.trainer{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px;text-align:center}.trainer__instructions{color:var(--color-text-secondary);font-size:.78rem;line-height:1.5;margin:0 0 12px}.trainer__reps{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:12px}.trainer__rep-btn,.trainer__reps-label{color:var(--color-text-secondary);font-size:.72rem;font-weight:600}.trainer__rep-btn{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;padding:3px 10px;transition:all .15s}.trainer__rep-btn--active,.trainer__rep-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.trainer__rep-btn--active{background:var(--color-primary-light)}.trainer__start{background:var(--color-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:8px 24px;transition:opacity .15s}.trainer__start:hover{opacity:.85}.trainer__progress{align-items:center;display:flex;flex-direction:column;gap:10px}.trainer__status{color:var(--color-text);font-size:.85rem;font-weight:600;margin:0}.trainer__status--speed{color:#f59e0b}.trainer__status--done{color:var(--color-locked)}.trainer__restart{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;color:var(--color-text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;padding:5px 16px;transition:all .15s}.trainer__restart:hover{border-color:var(--color-primary)}.prime,.trainer__restart:hover{color:var(--color-primary)}.double{color:#f59e0b}.rec-page{flex:1 1;font-family:Poppins,sans-serif;min-height:0;overflow-y:auto;padding:0 16px 24px;scroll-padding-top:80px}@media (min-width:1024px){.rec-page{scroll-snap-type:y mandatory}}.rec-page__controls{background:#f0f4f8;background:var(--color-bg,#f0f4f8);display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1400px;padding:12px 0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.rec-controls__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}@media (max-width:600px){.rec-tab-track{margin-left:0}}.rec-tab-track{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:20px;display:flex;margin-left:8px;padding:3px}.rec-tab{background:transparent;border:none;border-radius:17px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:4px 16px;transition:all .2s;white-space:nowrap}.rec-tab:hover{color:#1e293b;color:var(--color-text,#1e293b)}.rec-tab--active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}@media (max-width:600px){.rec-tab{font-size:.78rem;padding:7px 14px}}.rec-page__content{margin:0 auto;max-width:1400px}.rec-guide{display:flex;flex-direction:column;gap:24px}@media (min-width:1024px){.rec-guide{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 380px}.rec-guide__cube-panel{align-self:stretch}}.rec-guide__text{display:flex;flex-direction:column;gap:60px;padding:16px 0 40vh}.rec-guide__section{background:#fff;background:var(--color-surface,#fff);border-left:4px solid transparent;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);opacity:.55;padding:24px 28px;scroll-margin-top:80px;scroll-snap-align:start;transition:border-color .3s,opacity .3s,-webkit-transform .3s;transition:border-color .3s,opacity .3s,transform .3s;transition:border-color .3s,opacity .3s,transform .3s,-webkit-transform .3s}.rec-guide__section--active{border-left-color:#3b82f6;border-left-color:var(--color-primary,#3b82f6);opacity:1}.rec-guide__section--sub{border-left-width:4px;margin-top:-36px;padding:18px 28px}.rec-guide__heading{color:#1e293b;color:var(--color-text,#1e293b);font-size:1.15rem;font-weight:700;margin:0 0 10px}.rec-guide__subtitle{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:12px;color:#64748b;color:var(--color-text-secondary,#64748b);display:inline-block;font-size:.78rem;font-weight:700;margin-bottom:8px;padding:3px 12px;transition:all .3s}.rec-guide__subtitle--active{background:#dbeafe;background:var(--color-primary-light,#dbeafe);color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-guide__para{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.88rem;line-height:1.7;margin:0 0 6px}.rec-guide__section--active .rec-guide__para{color:#1e293b;color:var(--color-text,#1e293b)}.rec-guide__case-tag{background:#dbeafe;background:var(--color-primary-light,#dbeafe);border-radius:12px;color:#3b82f6;color:var(--color-primary,#3b82f6);display:inline-block;font-size:.72rem;font-weight:600;margin-top:10px;padding:3px 12px}.rec-guide__cube-panel{order:-1}@media (min-width:1024px){.rec-guide__cube-panel{order:2}}.rec-guide__cube-sticky{align-items:center;display:flex;flex-direction:column;padding:32px 0;position:-webkit-sticky;position:sticky;top:80px}.rec-guide__cube-wrapper{align-items:center;display:flex;justify-content:center;min-height:280px}.rec-guide__cube-wrapper .lldisplay-grid{-webkit-transform:scale(2.5);transform:scale(2.5)}.rec-guide__cube-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.85rem;font-weight:600;margin:16px 0 0;transition:color .3s}.rec-phased{margin:0 auto;max-width:900px;padding:16px 0;position:relative}.rec-phased__main{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px}.rec-phase-selector{display:flex;gap:20px;justify-content:center;padding:8px 0 16px;width:100%}.rec-phase-item{cursor:pointer;flex-direction:column;gap:6px}.rec-phase-dot,.rec-phase-item{align-items:center;display:flex}.rec-phase-dot{background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:50%;color:#64748b;color:var(--color-text-secondary,#64748b);font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.rec-phase-dot:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-phase-dot--active,.rec-phase-dot:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.rec-phase-dot--active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.rec-phase-dot--done{background:#4ade80;border-color:#4ade80;color:#fff}.rec-phase-dot--active.rec-phase-dot--done{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.rec-phase-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.68rem;font-weight:600;transition:color .2s}.rec-phase-label--active{color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-drill{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.rec-drill__empty{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.9rem;padding:40px;text-align:center}.rec-drill__top{display:flex;flex-direction:column;gap:16px;width:100%}.rec-drill__top,.rec-drill__top--with-hints{align-items:center}@media (min-width:768px){.rec-drill__top--with-hints{align-items:stretch;flex-direction:row;gap:24px;justify-content:center}.rec-drill__top--with-hints .rec-drill__cube-card{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:32px;width:auto}.rec-drill__top--with-hints .rec-drill__cube{min-height:260px;min-width:260px}.rec-drill__top--with-hints .rec-drill__hints{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;max-width:380px;min-width:280px}}.rec-drill__cube-card{background:#fff;background:var(--color-surface,#fff);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);display:flex;justify-content:center;padding:24px;width:100%}.rec-drill__cube{align-items:center;display:flex;justify-content:center;min-height:280px;position:relative}.rec-drill__cube .lldisplay-grid{-webkit-transform:scale(2.5);transform:scale(2.5)}.rec-drill__arrows{height:6.5rem;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(2.5);transform:translate(-50%,-50%) scale(2.5);width:6.5rem;z-index:5}.rec-drill__toggles{display:flex;gap:12px;justify-content:flex-end;padding:8px 4px 0;width:100%}.rec-drill__toggle{align-items:center;cursor:pointer;display:flex;gap:6px}.rec-drill__toggle input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--color-primary,#3b82f6);cursor:pointer;height:16px;width:16px}.rec-drill__toggle-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:600;-webkit-user-select:none;user-select:none}.rec-drill__hints{background:#fff;background:var(--color-surface,#fff);border-left:4px solid #3b82f6;border-left:4px solid var(--color-primary,#3b82f6);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:16px 20px;width:100%}.rec-drill__hints-header{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.rec-drill__hints-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.rec-drill__hints-step{align-items:flex-start;display:flex;gap:10px}.rec-drill__hints-step-num{align-items:center;background:#3b82f6;background:var(--color-primary,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.rec-drill__hints-step-body{display:flex;flex-direction:column;gap:2px}.rec-drill__hints-step-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:600}.rec-drill__hints-step-value{color:#1e293b;color:var(--color-text,#1e293b);font-size:.88rem;font-weight:700}.rec-drill__hints-cross-item{color:#1e293b;color:var(--color-text,#1e293b);display:block;font-size:.78rem;font-weight:500;padding:2px 0}.rec-drill__hints-rule{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.82rem;font-weight:500;line-height:1.5;padding-top:12px}.rec-drill__hints-rule strong{color:#1e293b;color:var(--color-text,#1e293b);font-weight:700}.rec-drill__hints-rule--hidden{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-style:italic}.rec-drill__hints-rule--hidden kbd{background:#f8fafc;background:var(--color-bg,#f8fafc);border:1px solid #cbd5e1;border:1px solid var(--color-border,#cbd5e1);border-radius:4px;display:inline-block;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;padding:1px 6px}.rec-drill__reveal-box{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-size:.85rem;font-weight:500;line-height:1.5;margin-top:12px;padding:12px 16px;text-align:center}.rec-drill__reveal-box strong{color:#1e293b;color:var(--color-text,#1e293b);font-weight:700}.rec-drill__reveal-prompt{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-style:italic}.rec-drill__reveal-prompt kbd{background:#f8fafc;background:var(--color-bg,#f8fafc);border:1px solid #cbd5e1;border:1px solid var(--color-border,#cbd5e1);border-radius:4px;display:inline-block;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;padding:1px 6px}.rec-drill__recognition-tip{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.82rem;font-weight:500;line-height:1.5;padding:12px 16px;width:100%}.rec-drill__prompt{font-size:.9rem;font-weight:500;margin:0}.rec-drill__alg-display,.rec-drill__prompt{color:#1e293b;color:var(--color-text,#1e293b);text-align:center}.rec-drill__alg-display{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;padding:14px 20px;width:100%;word-break:break-word}.rec-drill__feedback{-webkit-animation:feedbackSlide .2s ease-out;animation:feedbackSlide .2s ease-out;border-radius:12px;font-size:.85rem;font-weight:600;padding:10px 16px;text-align:center;width:100%}.rec-drill__feedback--correct{background:#dcfce7;color:#166534}.rec-drill__feedback--wrong{background:#fee2e2;color:#991b1b}.rec-drill__feedback-plls{display:block;font-size:.78rem;font-weight:500;margin-top:4px;opacity:.85}@-webkit-keyframes feedbackSlide{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes feedbackSlide{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.rec-drill__auf-review{-webkit-animation:feedbackSlide .3s ease-out;animation:feedbackSlide .3s ease-out;background:#fff;background:var(--color-surface,#fff);border-left:4px solid #fca5a5;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px;padding:24px 24px 28px;width:100%}.rec-controls__divider{background:#e2e8f0;background:var(--color-border,#e2e8f0);height:1px;margin:2px 0}.rec-drill__auf-review-header{color:#991b1b;font-size:.78rem;font-weight:700;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.rec-drill__auf-review-header--correct{color:#166534}.rec-drill__auf-review-header--wrong{color:#991b1b}.rec-drill__auf-review-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:8px 0}.rec-drill__auf-review-item{align-items:center;display:flex;flex-direction:column;gap:10px}.rec-drill__auf-review-cube{align-items:center;display:flex;height:110px;justify-content:center;width:100px}.rec-drill__auf-review-cube .lldisplay-grid{-webkit-transform:scale(1.2);transform:scale(1.2)}.rec-drill__auf-review-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:600}.rec-drill__auf-review-alg{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--color-text,#1e293b);font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:500;line-height:1.6;margin-top:16px;padding:10px 14px;word-break:break-word}.rec-drill__auf-review-alg-name{color:#3b82f6;color:var(--color-primary,#3b82f6);font-family:Poppins,sans-serif;font-weight:700}.rec-drill__auf-review-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.rec-drill__auf-review-next,.rec-drill__auf-review-retry{border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:8px 32px;transition:opacity .15s}.rec-drill__auf-review-next{background:#3b82f6;background:var(--color-primary,#3b82f6)}.rec-drill__auf-review-retry{background:#f59e0b}.rec-drill__auf-review-next:hover,.rec-drill__auf-review-retry:hover{opacity:.85}@media (max-width:480px){.rec-drill__auf-review-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.rec-drill__auf-review-cube{height:130px;width:120px}.rec-drill__auf-review-cube .lldisplay-grid{-webkit-transform:scale(1.5);transform:scale(1.5)}}.rec-drill__stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.rec-drill__stats{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.85rem;font-weight:600;text-align:center}.rec-drill__buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.rec-drill__btn{background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:20px;color:#1e293b;color:var(--color-text,#1e293b);cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .15s}.rec-drill__btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-drill__btn:disabled{cursor:default}.rec-drill__btn--correct,.rec-drill__btn--reveal{background:#dcfce7;border-color:#4ade80;color:#166534}.rec-drill__btn--faded{opacity:.4}.rec-drill__btn--selected{background:#dbeafe;background:var(--color-primary-light,#dbeafe)}.rec-drill__btn--focused,.rec-drill__btn--selected{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-drill__btn--focused{box-shadow:0 0 0 2px rgba(59,130,246,.3)}.rec-drill__btn--dimmed{opacity:.5}.rec-focus-toggle{background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:14px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:600;padding:4px 14px;transition:all .15s}.rec-focus-toggle:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-focus-toggle--active{background:#f59e0b;border-color:#f59e0b;color:#fff}.rec-focus-toggle--active:hover{border-color:#d97706;color:#fff}.rec-drill__hints-note{color:#8b5cf6;font-size:.82rem;font-style:italic;font-weight:600;margin-bottom:10px;padding:4px 0}.rec-drill__pool{grid-gap:0 20px;background:#fff;background:var(--color-surface,#fff);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:grid;gap:0 20px;grid-template-columns:1fr 1fr;padding:16px 20px;width:100%}.rec-drill__pool-title{color:#1e293b;color:var(--color-text,#1e293b);font-size:.85rem;font-weight:700;grid-column:1/-1;margin:0 0 12px}.rec-drill__pool-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}@media (max-width:600px){.rec-drill__pool{grid-template-columns:1fr}}.rec-drill__pool-name{color:#1e293b;color:var(--color-text,#1e293b);font-size:.78rem;font-weight:600;min-width:32px}.rec-drill__pool-bar{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.rec-drill__pool-fill{border-radius:3px;height:100%;transition:width .3s ease}.rec-drill__pool-fill--good{background:#4ade80;background:var(--color-locked,#4ade80)}.rec-drill__pool-fill--low{background:#fca5a5;background:var(--color-weak,#fca5a5)}.rec-drill__pool-auf{color:#3b82f6;color:var(--color-primary,#3b82f6);cursor:help;font-size:.6rem;letter-spacing:1px;min-width:36px;text-align:center}.rec-drill__pool-pct{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:600;min-width:30px;text-align:right}.rec-drill__reset{background:#fff;background:var(--color-surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border,#e2e8f0);border-radius:14px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;margin-top:8px;padding:6px 20px;transition:all .15s}.rec-drill__reset:hover{border-color:#fca5a5;border-color:var(--color-weak,#fca5a5);color:#991b1b}.rec-combo-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;width:100%}.rec-combo-row__label{color:#1e293b;color:var(--color-text,#1e293b);font-family:Poppins,sans-serif;font-size:.82rem;font-weight:700;min-width:48px}.rec-combo-row__buttons{display:flex;flex-wrap:wrap;gap:6px}.rec-combo-row__buttons .rec-drill__btn{font-size:.75rem;padding:6px 14px}.rec-speed__timer{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#1e293b;color:var(--color-text,#1e293b);font-family:Poppins,sans-serif;font-size:2.4rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;text-align:center}.rec-speed__stats{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.82rem;font-weight:600;text-align:center}@media (max-width:1023px){.rec-guide__cube-sticky{background:#f0f4f8;background:var(--color-bg,#f0f4f8);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rec-guide__cube-wrapper{min-height:200px}.rec-guide__cube-wrapper .lldisplay-grid{-webkit-transform:scale(2);transform:scale(2)}}.rec-table{display:flex;flex-direction:column;gap:24px}@media (min-width:1024px){.rec-table{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 320px}}.rec-table__list{min-width:0}.rec-table__scroll{background:#fff;background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow-x:auto}.rec-table__grid{border-collapse:collapse;font-family:Poppins,sans-serif;font-size:.8rem;width:100%}.rec-table__grid th{background:#fff;background:var(--color-surface,#fff);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border,#e2e8f0);color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:700;padding:10px 6px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1}.rec-table__th--active{border-bottom-color:#3b82f6!important;border-bottom-color:var(--color-primary,#3b82f6)!important;color:#3b82f6!important;color:var(--color-primary,#3b82f6)!important}.rec-table__grid td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);padding:5px 4px;text-align:center}.rec-table__row:hover{background:#dbeafe;background:var(--color-primary-light,#dbeafe)}.rec-table__case{font-weight:700;padding-left:12px!important;text-align:left!important;white-space:nowrap}.rec-table__auf{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;white-space:nowrap}.rec-table__sticker{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:.72rem;font-weight:700;height:26px;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.2);width:26px}.rec-table__sticker--matched{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #3b82f6;box-shadow:0 0 0 2px var(--color-surface,#fff),0 0 0 3.5px var(--color-primary,#3b82f6)}.rec-table__summary{align-items:baseline;background:#dbeafe;background:var(--color-primary-light,#dbeafe);border-radius:12px;display:flex;gap:10px;margin-bottom:8px;padding:12px 16px}.rec-table__summary-count{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:.85rem;font-weight:700;white-space:nowrap}.rec-table__summary-names{color:#1e293b;color:var(--color-text,#1e293b);font-size:.78rem;font-weight:600;line-height:1.5}.rec-table__no-match{font-size:.85rem;padding:32px 16px}.rec-table__hint,.rec-table__no-match{color:#64748b;color:var(--color-text-secondary,#64748b);text-align:center}.rec-table__hint{font-size:.78rem;font-weight:500;padding:12px 16px}.rec-table__cube-panel{order:-1}@media (min-width:1024px){.rec-table__cube-panel{order:2}}.rec-table__cube-sticky{padding:16px 0;position:-webkit-sticky;position:sticky;top:80px}.rec-picker,.rec-table__cube-sticky{align-items:center;display:flex;flex-direction:column}.rec-picker{gap:16px}.rec-picker__grid{align-items:center;border-radius:5px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;margin:50px 40px;max-width:6.5rem;min-height:6.5rem;min-width:6.5rem;-webkit-transform:scale(2.2);transform:scale(2.2)}.rec-picker__cell{cursor:pointer;position:relative;transition:-webkit-filter .15s,-webkit-transform .15s;transition:filter .15s,transform .15s;transition:filter .15s,transform .15s,-webkit-filter .15s,-webkit-transform .15s}.rec-picker__cell:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:scale(1.15);transform:scale(1.15);z-index:2}.rec-picker__cell--set{border:1px solid hsla(0,0%,100%,.4)}.rec-picker__empty{background-color:#94a3b8}.rec-picker__group-letter{align-items:center;color:#fff;display:flex;font-size:8px;font-weight:800;inset:0;justify-content:center;text-shadow:0 0 3px rgba(0,0,0,.4)}.rec-picker__group-letter,.rec-picker__label{font-family:Poppins,sans-serif;pointer-events:none;position:absolute}.rec-picker__label{bottom:0;color:hsla(0,0%,100%,.6);font-size:4px;font-weight:700;right:1px}.rec-picker__hint{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.7rem;margin:0;text-align:center}.rec-table-quiz{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-top:24px}.rec-table-quiz__cube-wrap{align-items:center;display:flex;height:16rem;justify-content:center;width:16rem}.rec-table-quiz__cube{-webkit-transform:scale(2.2);transform:scale(2.2)}.rec-table-quiz__btn{background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:6px 24px;transition:background .15s}.rec-table-quiz__btn:hover{background:#2563eb;background:var(--color-primary-hover,#2563eb)}.rec-picker__sides{display:flex;gap:16px}.rec-picker__side-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:600}.rec-picker__legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.rec-picker__legend-item{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b);display:flex;font-size:.72rem;font-weight:600;gap:5px}.rec-picker__legend-dot{border-radius:3px;height:12px;width:12px}@media (max-width:1023px){.rec-table__cube-sticky{position:relative;top:auto}.rec-picker__grid{margin:40px 30px;-webkit-transform:scale(2);transform:scale(2)}}.rec-sidebar__toggle{align-items:center;background:#fff;background:var(--color-surface,#fff);border:none;border-radius:8px 0 0 8px;box-shadow:-2px 0 6px rgba(0,0,0,.1);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;position:fixed;right:0;top:80px;transition:right .3s ease,background .15s;width:36px;z-index:21}.rec-sidebar__toggle:hover{background:#dbeafe;background:var(--color-primary-light,#dbeafe);color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-sidebar__toggle--open{right:260px}.rec-sidebar{background:#fff;background:var(--color-surface,#fff);bottom:0;box-shadow:-2px 0 8px rgba(0,0,0,.1);overflow-y:auto;position:fixed;right:0;top:60px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:260px;z-index:20}.rec-sidebar--open{-webkit-transform:translateX(0);transform:translateX(0)}.rec-sidebar__content{display:flex;flex-direction:column;gap:20px;padding:16px}.rec-sidebar__section{display:flex;flex-direction:column;gap:8px}.rec-sidebar__heading{color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.rec-sidebar__option{align-items:center;color:#1e293b;color:var(--color-text,#1e293b);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px}.rec-sidebar__option input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--color-primary,#3b82f6);cursor:pointer;height:16px;width:16px}.rec-sidebar__list{display:flex;flex-direction:column;gap:4px}.rec-sidebar__row{align-items:center;color:#1e293b;color:var(--color-text,#1e293b);display:flex;font-size:.78rem;font-weight:500;justify-content:space-between;padding:4px 0}.rec-sidebar__pair{font-weight:600}.rec-sidebar__count{color:#fca5a5;color:var(--color-weak,#fca5a5);font-weight:700}.rec-sidebar__row--fast span:last-child{color:#4ade80;font-weight:700}.rec-sidebar__row--slow span:last-child{color:#fca5a5;font-weight:700}.rec-sidebar__divider{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.7rem;padding:2px 0;text-align:center}.rec-sidebar__slider-row{align-items:center;display:flex;gap:8px;padding:2px 0 2px 24px}.rec-sidebar__slider-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;font-weight:600;min-width:64px;white-space:nowrap}.rec-sidebar__slider{accent-color:#3b82f6;accent-color:var(--color-primary,#3b82f6);cursor:pointer;flex:1 1;height:4px}.rec-sidebar__active-cases{display:flex;flex-direction:column;gap:6px;padding:6px 0}.rec-sidebar__active-cases .rec-sidebar__slider{width:100%}.rec-sidebar__score{background:#dbeafe;background:var(--color-primary-light,#dbeafe);border-radius:10px;color:#3b82f6;color:var(--color-primary,#3b82f6);font-size:.72rem;font-weight:700;padding:2px 8px;white-space:nowrap}.rec-intro-pills{display:flex;gap:6px;justify-content:center;padding-bottom:8px;width:100%}.rec-intro-pill{background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:16px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:5px 18px;transition:all .15s}.rec-intro-pill:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-intro-pill--active,.rec-intro-pill:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.rec-intro-pill--active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.rec-zbll-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.rec-zbll-filters__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rec-zbll-filters__label{color:#64748b;color:var(--color-text-secondary,#64748b);font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;min-width:40px}.rec-zbll-filters__pills{display:flex;flex-wrap:wrap;gap:5px}.rec-zbll-pill{align-items:center;background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:14px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:600;gap:5px;padding:4px 12px;transition:all .15s}.rec-zbll-pill:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.rec-zbll-pill--active,.rec-zbll-pill:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.rec-zbll-pill--active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.rec-zbll-pill__count{font-size:.6rem;font-weight:700;opacity:.7}.rec-zbll-group-selector{align-items:center;display:flex;flex-direction:column;gap:8px;padding-bottom:8px;width:100%}.rec-zbll-group-selector__label{color:#1e293b;color:var(--color-text,#1e293b);font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700}.rec-zbll-group-selector__pills{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.rec-cases{gap:16px}.rec-cases,.rec-cases__filters{display:flex;flex-direction:column}.rec-cases__filters{background:#f8fafc;background:var(--color-bg,#f8fafc);gap:10px;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rec-cases__text-input{background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:12px;box-sizing:border-box;color:#1e293b;color:var(--color-text,#1e293b);font-family:Poppins,sans-serif;font-size:.85rem;outline:none;padding:8px 14px;transition:border-color .2s;width:100%}.rec-cases__text-input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.rec-cases__text-input::-webkit-input-placeholder{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.rec-cases__text-input::placeholder{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.rec-cases__toggle-btns{display:flex;gap:6px}.rec-cases__pills{display:flex;flex-wrap:wrap;gap:5px}.rec-cases__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.rec-cases__card{background:#fff;background:var(--color-surface,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:14px}.rec-cases__card-name{color:#1e293b;color:var(--color-text,#1e293b);font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.rec-cases__auf-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.rec-cases__auf-item{align-items:center;display:flex;flex-direction:column;gap:4px}.rec-cases__auf-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600}@media (max-width:720px){.rec-cases__grid{grid-template-columns:1fr}}.rec-sidebar__heading--toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.rec-sidebar__heading--toggle:after{content:"\25B8";transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.rec-sidebar__heading--toggle.open:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rec-cases__toolbar{align-items:center;display:flex;gap:8px}.notation-tab{margin-top:16px}.notation-section{margin-bottom:32px}.notation-section__header{background:#fff;background:var(--color-surface,#fff);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:12px;padding:16px 20px}.notation-section__title{color:#1e293b;color:var(--color-text,#1e293b);font-size:1.1rem;font-weight:700;margin:0 0 4px}.notation-section__desc{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.82rem;line-height:1.5;margin:0}.notation-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (min-width:900px){.notation-grid{grid-template-columns:repeat(6,1fr)}}.notation-card{align-items:center;background:#fff;background:var(--color-surface,#fff);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px;padding:12px}.notation-card__label{color:#1e293b;color:var(--color-text,#1e293b);font-size:1.2rem;font-weight:700;text-align:center}.notation-card__label--prime{color:#f59e0b}.notation-card__cube{height:130px;position:relative;width:130px}.notation-card__cube img{display:block}.notation-card__canvas{left:0;pointer-events:none;position:absolute;top:0}.notation-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.notation-card__desc{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.72rem;line-height:1.4;margin:0;text-align:center}@media (max-width:500px){.notation-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.notation-card{padding:8px}.notation-card__label{font-size:1rem}}.hybrid{--h-primary:#4f46e5;--h-primary-2:#7c3aed;--h-card:#fff;--h-bg:linear-gradient(180deg,#eef2ff,#faf5ff 60%,#fff);--h-border:#e5e7eb;--h-text:#1e1b4b;--h-text-muted:#6b7280;--h-text-soft:#9ca3af;--h-good:#16a34a;--h-bad:#dc2626;--h-warn:#d97706;align-items:center;background:var(--h-bg);color:var(--h-text);font-family:Poppins,sans-serif;padding:12px 12px 24px}.hybrid,.hybrid__scramble{display:flex;flex-direction:column}.hybrid__scramble{background:var(--h-card);border:1px solid var(--h-border);border-radius:12px;cursor:pointer;gap:2px;margin-bottom:10px;max-width:1200px;padding:8px 14px;transition:border-color .15s;width:100%}.hybrid__scramble:hover{border-color:#c4b5fd}.hybrid__scramble-label{color:var(--h-primary-2);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hybrid__scramble code{color:var(--h-text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.4;word-break:break-word}.hybrid__main{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-width:1200px;width:100%}@media (min-width:880px){.hybrid__main{align-items:start;grid-template-columns:minmax(0,1fr) 320px}}.hybrid__solve{background:var(--h-card);border:1px solid var(--h-border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:14px}.hybrid__cube{background:linear-gradient(160deg,#fdf4ff,#eef2ff);border-radius:18px;box-shadow:0 6px 16px -8px rgba(124,58,237,.18);display:flex;min-height:220px;padding:8px;position:relative}.hybrid__cube,.hybrid__reset-orient{align-items:center;justify-content:center}.hybrid__reset-orient{background:var(--h-card);border:none;border-radius:50%;box-shadow:0 4px 10px -4px rgba(15,23,42,.16);color:var(--h-text-muted);cursor:pointer;display:inline-flex;height:32px;left:10px;position:absolute;top:10px;width:32px}.hybrid__reset-orient:hover{color:var(--h-text)}.hybrid__optimal-chip{align-items:center;background:var(--h-card);border-radius:12px;bottom:10px;box-shadow:0 4px 10px -4px rgba(15,23,42,.16);color:var(--h-primary-2);display:inline-flex;font-size:.74rem;font-weight:600;gap:5px;left:10px;padding:5px 10px;position:absolute}.hybrid__optimal-chip strong{color:var(--h-text);font-weight:700}.hybrid__queue{align-items:center;background:#faf5ff;border:1.5px dashed #ddd6fe;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;min-height:48px;padding:10px 12px}.hybrid__queue-empty{color:var(--h-text-soft);font-size:.85rem;font-style:italic}.hybrid__queue-chip{background:linear-gradient(135deg,var(--h-primary-2),var(--h-primary));border-radius:10px;box-shadow:0 2px 6px -2px rgba(124,58,237,.4);color:#fff;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.92rem;font-weight:700;padding:4px 10px}.hybrid__pad{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.hybrid__face{background:linear-gradient(160deg,#fff,#f3f4f6);border:none;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.08),inset 0 -2px 0 rgba(0,0,0,.04);color:var(--h-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;height:56px;transition:box-shadow .15s,-webkit-transform .08s;transition:transform .08s,box-shadow .15s;transition:transform .08s,box-shadow .15s,-webkit-transform .08s}.hybrid__face:hover:not(:disabled){box-shadow:0 4px 12px rgba(124,58,237,.2),inset 0 -2px 0 rgba(124,58,237,.16)}.hybrid__face:active:not(:disabled){-webkit-transform:scale(.96);transform:scale(.96)}.hybrid__face:disabled{cursor:default;opacity:.4}.hybrid__actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.hybrid__mod{align-items:center;background:var(--h-card);border:1.5px solid var(--h-border);border-radius:12px;color:var(--h-text-muted);cursor:pointer;display:inline-flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;gap:4px;height:42px;justify-content:center;min-width:44px}.hybrid__mod:hover:not(:disabled){border-color:#c4b5fd;color:var(--h-text)}.hybrid__mod--on{background:linear-gradient(135deg,var(--h-primary-2),var(--h-primary));border-color:transparent;color:#fff}.hybrid__mod:disabled{cursor:default;opacity:.4}.hybrid__go{align-items:center;background:linear-gradient(135deg,var(--h-primary-2),var(--h-primary));border:none;border-radius:14px;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);color:#fff;cursor:pointer;display:inline-flex;flex:2 1;font-family:Poppins,sans-serif;font-size:.98rem;font-weight:700;gap:6px;height:42px;justify-content:center;min-width:90px}.hybrid__go:hover:not(:disabled){-webkit-filter:brightness(1.06);filter:brightness(1.06)}.hybrid__go:disabled{box-shadow:none;cursor:default;opacity:.4}.hybrid__footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:4px}.hybrid__counter{color:var(--h-text-muted);font-size:.85rem}.hybrid__counter strong{color:var(--h-text);font-weight:700}.hybrid__delta{font-size:.78rem;font-weight:600;margin-left:6px}.hybrid__delta--good{color:var(--h-good)}.hybrid__delta--bad{color:var(--h-warn)}.hybrid__footer-btns{display:flex;gap:6px}.hybrid__txt-btn{align-items:center;background:var(--h-card);border:1.5px solid var(--h-border);border-radius:10px;color:var(--h-text-muted);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;gap:4px;padding:7px 12px}.hybrid__txt-btn:hover:not(:disabled){border-color:#c4b5fd;color:var(--h-text)}.hybrid__txt-btn--primary{background:linear-gradient(135deg,var(--h-primary-2),var(--h-primary));border-color:transparent;color:#fff}.hybrid__txt-btn--primary:hover:not(:disabled){color:#fff;-webkit-filter:brightness(1.06);filter:brightness(1.06)}.hybrid__txt-btn:disabled{cursor:default;opacity:.4}.hybrid__side{background:var(--h-card);border:1px solid var(--h-border);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:12px}.hybrid__tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;padding:4px}.hybrid__tab{background:none;border:none;border-radius:9px;color:var(--h-text-muted);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:8px 12px}.hybrid__tab:hover{color:var(--h-text)}.hybrid__tab--active{background:var(--h-card);box-shadow:0 1px 3px rgba(15,23,42,.08);color:var(--h-text)}.hybrid__panel{display:flex;flex-direction:column;gap:10px}.hybrid__stat-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.hybrid__stat{background:#faf5ff;border:1px solid #ede9fe;border-radius:12px;display:flex;flex-direction:column;gap:2px;padding:12px}.hybrid__stat span{color:var(--h-primary-2);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hybrid__stat strong{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--h-text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.4rem;font-variant-numeric:tabular-nums}.hybrid__muted{color:var(--h-text-soft);font-size:.84rem}.hybrid__opt-head{align-items:center;display:flex;justify-content:space-between}.hybrid__opt-head strong{color:var(--h-text)}.hybrid__reveal{align-items:center;background:#faf5ff;border:1.5px dashed #c4b5fd;border-radius:12px;color:var(--h-primary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:14px 16px;transition:background .15s,border-color .15s}.hybrid__reveal:hover{background:#f5f3ff;border-color:var(--h-primary)}.hybrid__opt-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.hybrid__diff{display:flex;flex-direction:column;gap:6px;padding-top:4px}.hybrid__diff-row{align-items:center;display:flex;gap:8px}.hybrid__diff-tag{color:var(--h-text-muted);flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:52px}.hybrid__diff-tag--you{color:var(--h-primary)}.hybrid__diff-cells{display:flex;flex-wrap:wrap;gap:4px}.hybrid__diff-cell{background:#f1f5f9;border-radius:6px;color:#475569;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.76rem;font-weight:700;padding:2px 7px}.hybrid__diff-cell--ok{background:#dcfce7;color:#166534}.hybrid__diff-cell--off{background:#fee2e2;color:#b91c1c}.hybrid__diff-cell--extra{background:#fef3c7;color:#92400e}.hybrid__diff-cell--clickable{border:1.5px solid transparent;cursor:pointer;font:inherit;transition:background .12s,border-color .12s,-webkit-transform .08s;transition:background .12s,border-color .12s,transform .08s;transition:background .12s,border-color .12s,transform .08s,-webkit-transform .08s}.hybrid__diff-cell--clickable:hover{background:#ede9fe;border-color:#c4b5fd;color:var(--h-primary)}.hybrid__diff-cell--clickable:active{-webkit-transform:scale(.96);transform:scale(.96)}.hybrid__diff-cell--active{border-color:transparent;box-shadow:0 2px 6px -2px rgba(124,58,237,.45)}.hybrid__diff-cell--active,.hybrid__diff-cell--active:hover{background:linear-gradient(135deg,var(--h-primary-2),var(--h-primary));color:#fff}.hybrid__preview-banner{align-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #ddd6fe;border-radius:12px;color:var(--h-text);display:flex;font-size:.82rem;gap:10px;justify-content:space-between;padding:10px 12px}.hybrid__preview-banner strong{color:var(--h-primary)}.hybrid__overlay{align-items:center;background:rgba(15,23,42,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.hybrid__overlay-card{background:#fff;border-radius:20px;box-shadow:0 20px 50px -10px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:16px;max-width:360px;padding:28px 24px 22px;position:relative;text-align:center;width:90%}.hybrid__overlay-card--optimal{background:linear-gradient(160deg,#fff,#faf5ff)}.hybrid__overlay-headline{align-items:center;display:flex;flex-direction:column;gap:4px}.hybrid__overlay-icon{color:#f59e0b;font-size:2rem}.hybrid__overlay-card h3{color:var(--h-text);font-size:1.4rem;margin:0}.hybrid__overlay-sub{color:var(--h-text-muted);font-size:.92rem;margin:0}.hybrid__overlay-sub strong{color:var(--h-text);font-weight:700}.hybrid__overlay-delta{color:var(--h-warn);font-weight:600}.hybrid__overlay-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:var(--h-text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}.hybrid__overlay-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.hybrid__overlay-stats>div{background:#faf5ff;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:10px}.hybrid__overlay-stats span{color:var(--h-primary-2);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hybrid__overlay-stats strong{color:var(--h-text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.5rem}.hybrid__overlay-actions{display:flex;gap:8px;justify-content:center;margin-top:4px}.learn-page{--color-primary:#3b82f6;--color-primary-light:#dbeafe;--color-surface:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;flex:1 1;font-family:Poppins,sans-serif;min-height:0;overflow-y:auto;padding:0 16px 24px}.learn-page__controls{margin:0 auto;max-width:1000px;padding:12px 0 8px}.learn-controls__row{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.learn-controls__row::-webkit-scrollbar{height:4px}.learn-controls__row>*{flex-shrink:0}.filter-pill--tips{border-color:#f59e0b;color:#f59e0b}.filter-pill--tips:hover{background:#fffbeb}.filter-pill--tips.filter-pill--active{background:#f59e0b;border-color:#f59e0b;color:#fff}.learn-page__content{margin:0 auto;max-width:1000px}.learn-coming-soon{align-items:center;background:var(--color-surface);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:60px 24px;text-align:center}.learn-coming-soon__title{color:var(--color-text);font-size:1.4rem;font-weight:700;margin-bottom:12px}.learn-coming-soon__desc{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:20px;max-width:500px}.learn-coming-soon__badge{background:var(--color-primary-light);border-radius:20px;color:var(--color-primary);display:inline-block;font-size:.82rem;font-weight:600;padding:6px 20px}.learn-tips{margin-top:16px}.learn-tips__intro{background:var(--color-surface);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px;padding:24px}.learn-tips__title{color:var(--color-text);font-size:1.2rem;font-weight:700;margin-bottom:8px}.learn-tips__subtitle{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6;margin:0}.learn-tips__patterns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.pattern-card{background:var(--color-surface);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;outline:2px solid transparent;outline-offset:-2px;padding:16px 20px;transition:all .2s}.pattern-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.pattern-card--active{outline-color:var(--color-primary)}.pattern-card__top{align-items:flex-start;display:flex;gap:20px}.pattern-card__cube{flex-shrink:0;height:110px;overflow:hidden;position:relative;width:110px}.pattern-card__cube,.pattern-card__play{align-items:center;display:flex;justify-content:center}.pattern-card__play{background:hsla(0,0%,100%,.85);border:none;border-radius:50%;bottom:2px;color:var(--color-primary);cursor:pointer;font-size:18px;height:26px;padding:0;position:absolute;right:2px;transition:background .15s,-webkit-transform .15s;transition:background .15s,transform .15s;transition:background .15s,transform .15s,-webkit-transform .15s;width:26px}.pattern-card__play:hover{background:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.pattern-card__info{flex:1 1;min-width:0}.pattern-card__name{font-size:1rem;margin:0 0 4px}.pattern-card__alg,.pattern-card__name{color:var(--color-text);font-weight:700}.pattern-card__alg{font-size:1.1rem;line-height:1.8;margin-bottom:8px}.pattern-move{transition:color .15s}.pattern-move--pending{color:#d1d5db}.pattern-move--current{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.pattern-move--prime{color:#f59e0b}.pattern-move--double{color:var(--color-primary)}.pattern-bracket{color:var(--color-text-secondary);font-weight:400}.pattern-card__desc{color:var(--color-text-secondary);font-size:.8rem;line-height:1.5;margin:0}@media (max-width:600px){.learn-tips__patterns{grid-template-columns:1fr}.pattern-card__top{align-items:center;flex-direction:column;text-align:center}.pattern-card__cube{height:100px;width:100px}}*{box-sizing:border-box;margin:0;padding:0}.appContainer{background:#f0f4f8;background:var(--color-bg,#f0f4f8);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:200;src:local("Nunito Extra Light "),local("Nunito-Extra Light"),url(/static/media/nunito-latin-200.9c225f46c4b37be88e1e.woff2) format("woff2"),url(/static/media/nunito-latin-200.6f8b98c692bbdfb3c11a.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:200;src:local("Nunito Extra Light italic"),local("Nunito-Extra Lightitalic"),url(/static/media/nunito-latin-200italic.f676cc0fc1961dfe535f.woff2) format("woff2"),url(/static/media/nunito-latin-200italic.d95e62d15b659c1faf86.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:300;src:local("Nunito Light "),local("Nunito-Light"),url(/static/media/nunito-latin-300.b959e8d004563d8cd96d.woff2) format("woff2"),url(/static/media/nunito-latin-300.3c037be66baa5e1d6617.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:300;src:local("Nunito Light italic"),local("Nunito-Lightitalic"),url(/static/media/nunito-latin-300italic.22754f73f619e917723a.woff2) format("woff2"),url(/static/media/nunito-latin-300italic.120c351a2ef0bd18dc8a.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:local("Nunito Regular "),local("Nunito-Regular"),url(/static/media/nunito-latin-400.aeb21b79a21841c44124.woff2) format("woff2"),url(/static/media/nunito-latin-400.e8aadc1b678fa56c9d09.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:400;src:local("Nunito Regular italic"),local("Nunito-Regularitalic"),url(/static/media/nunito-latin-400italic.6eec535c10b0a9037467.woff2) format("woff2"),url(/static/media/nunito-latin-400italic.e7edf90e10765451acb6.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:600;src:local("Nunito SemiBold "),local("Nunito-SemiBold"),url(/static/media/nunito-latin-600.84985ea9e2befff56574.woff2) format("woff2"),url(/static/media/nunito-latin-600.51aac6462452f9d89a71.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:600;src:local("Nunito SemiBold italic"),local("Nunito-SemiBolditalic"),url(/static/media/nunito-latin-600italic.492585a577ef5f8f0d69.woff2) format("woff2"),url(/static/media/nunito-latin-600italic.90367a7e9657410d4b41.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:700;src:local("Nunito Bold "),local("Nunito-Bold"),url(/static/media/nunito-latin-700.df0b57e17a0940db5c52.woff2) format("woff2"),url(/static/media/nunito-latin-700.0ac78fedca8a4de6ceda.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:700;src:local("Nunito Bold italic"),local("Nunito-Bolditalic"),url(/static/media/nunito-latin-700italic.0f07fb53b1ef8e6ff0f3.woff2) format("woff2"),url(/static/media/nunito-latin-700italic.9f973b986df693b6804f.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:800;src:local("Nunito ExtraBold "),local("Nunito-ExtraBold"),url(/static/media/nunito-latin-800.500aa9f559d7be3a129d.woff2) format("woff2"),url(/static/media/nunito-latin-800.c7c17be068562f90752e.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:800;src:local("Nunito ExtraBold italic"),local("Nunito-ExtraBolditalic"),url(/static/media/nunito-latin-800italic.7b698a6e7e155bf1ea22.woff2) format("woff2"),url(/static/media/nunito-latin-800italic.2b4ec9abf7de5a8d8e7a.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:900;src:local("Nunito Black "),local("Nunito-Black"),url(/static/media/nunito-latin-900.1baf75ebec1b2afdd6cf.woff2) format("woff2"),url(/static/media/nunito-latin-900.44df4f474f6fcd8dc05e.woff) format("woff")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:900;src:local("Nunito Black italic"),local("Nunito-Blackitalic"),url(/static/media/nunito-latin-900italic.e3c092a3e2314146e496.woff2) format("woff2"),url(/static/media/nunito-latin-900italic.02a2b409ce7bbc6e9ba9.woff) format("woff")}
/*# sourceMappingURL=main.d2c6e162.css.map*/