:root{color:#172033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-text-default:#172033;--color-text-strong:#111827;--color-text-muted:#59667d;--color-bg:#eef4ff;--color-surface:#ffffffe6;--color-surface-subtle:#f8fafce6;--color-surface-muted:#e6edf7;--color-border:#7b8fae47;--color-border-soft:#7b8fae33;--color-border-strong:#62749461;--color-chip-text:#39465e;--color-accent:#4f46e5;--color-primary:#2558d7;--color-primary-contrast:#fff;--color-running:#0b7a3d;--color-solution-bg:#f8fbff;--color-solution-border:#4f46e53d;--color-guide-partial:#dbe8ff;--color-learning-unknown:#54657f;--color-learning-learning:#8a7a18;--color-learning-learned:#18784c;--shadow-panel:0 18px 50px #1f2d441f;--panel-blur:blur(18px);font-synthesis:none;text-rendering:optimizelegibility;background:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text-default:#dbe5f5;--color-text-strong:#f7fbff;--color-text-muted:#8fa0bd;--color-bg:#060915;--color-surface:#0f172ac7;--color-surface-subtle:#151f36b8;--color-surface-muted:#1e2a44d6;--color-border:#94a3b82b;--color-border-soft:#94a3b81f;--color-border-strong:#94a3b84d;--color-chip-text:#cad6ef;--color-accent:#8b9cff;--color-primary:#6f7cff;--color-primary-contrast:#f7f9ff;--color-running:#36e5a5;--color-solution-bg:#2c365c99;--color-solution-border:#8b9cff57;--color-guide-partial:#526dff6b;--color-learning-unknown:#b6c4dc;--color-learning-learning:#f3d86c;--color-learning-learned:#5de8ab;--shadow-panel:0 22px 70px #0000006b}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text-default);background:radial-gradient(circle at 18% 2%, #6274ff47, transparent 32rem), radial-gradient(circle at 86% 12%, #2dd4bf29, transparent 28rem), linear-gradient(135deg, var(--color-bg), #0b1020 82%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .12s}button:disabled{cursor:not-allowed;opacity:.56}.app-shell,.app-shell-training{grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;max-width:100vw;height:100dvh;margin:0 auto;padding:8px 10px 10px;display:grid;overflow:hidden}.training-topbar{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.training-topbar .brand-lockup{min-width:0;min-height:42px}.training-topbar .brand-mark{border-radius:11px;width:34px;height:34px;font-size:1.05rem}.training-topbar .app-nav-horizontal{border:1px solid var(--color-border-soft);background:var(--color-surface-muted);border-radius:999px;flex-wrap:nowrap;gap:4px;padding:4px}.training-topbar .app-nav-horizontal button{width:auto;min-width:0;min-height:32px;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 11px}.training-topbar .app-nav-horizontal button.active{box-shadow:0 6px 14px #2558d738}.app-sidebar{border:1px solid var(--color-border);min-height:calc(100dvh - 24px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);background:linear-gradient(#6f7cff29,#0000 38%),#070c1bd6;border-radius:28px;align-self:start;gap:14px;padding:16px;display:grid;position:sticky;top:12px}.sidebar-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-workspace{grid-template-rows:minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid;overflow:hidden}.app-workspace-training{grid-template-rows:minmax(0,1fr)}.brand-lockup{align-items:center;gap:12px;min-height:58px;display:flex}.brand-mark{color:#08111f;background:linear-gradient(135deg,#eff6ff,#8b9cff 48%,#2dd4bf);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:950;display:inline-flex}.brand-lockup strong,.brand-lockup em{display:block}.brand-lockup strong{color:var(--color-text-strong);letter-spacing:-.03em;text-transform:lowercase;font-size:1.02rem}.brand-lockup em{color:var(--color-text-muted);margin-top:2px;font-size:.78rem;font-style:normal}.sidebar-card{border:1px solid var(--color-border);background:#0f172ab8;border-radius:22px;align-self:start;padding:14px}.sidebar-card strong{color:var(--color-text-strong);margin-top:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:2.15rem;line-height:1;display:block}.sidebar-card span,.sidebar-footer span{color:var(--color-text-muted);font-size:.82rem}.sidebar-footer{align-self:end;gap:8px;display:grid}.sidebar-footer span{align-items:center;gap:8px;display:inline-flex}.app-nav{grid-template-columns:1fr;gap:8px;display:grid}.app-nav-horizontal{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;display:flex}.app-nav-horizontal button{justify-content:center;width:auto;min-width:128px}.app-nav button{border:1px solid var(--color-border-strong);background:var(--color-surface-subtle);width:100%;min-height:40px;color:var(--color-text-muted);border-radius:14px;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.app-nav button.active{border-color:color-mix(in srgb, var(--color-primary) 62%, #fff 38%);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, #fff 16%), var(--color-primary));color:var(--color-primary-contrast);box-shadow:0 8px 18px #2558d747}.topbar{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.topbar h1{max-width:900px;color:var(--color-text-strong);letter-spacing:-.06em;margin:0;font-size:clamp(1.2rem,1.95vw,2.05rem);line-height:.96}.hero-copy{max-width:760px;color:var(--color-text-muted);margin:6px 0 0;font-size:clamp(.8rem,.9vw,.92rem);line-height:1.34}.eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.platforms{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:40px;display:flex}.platforms span,.chip,.difficulty{border:1px solid var(--color-border);background:var(--color-surface);min-height:30px;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);color:var(--color-chip-text);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.dashboard-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.home-page,.dashboard-page{gap:10px;min-height:0;padding-right:2px;display:grid;overflow:auto}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-hero-panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:22px;grid-template-columns:minmax(0,1fr) 280px;gap:12px;padding:14px;display:grid}.home-hero-panel h2{color:var(--color-text-strong);margin:4px 0 0;font-size:clamp(1.1rem,1.7vw,1.6rem);line-height:1.1}.home-hero-panel p{color:var(--color-text-muted);margin:10px 0 0;font-size:.9rem;line-height:1.35}.home-hero-panel .action-row{max-width:360px}.home-hero-stats{gap:10px;display:grid}.home-hero-stats p{border:1px solid var(--color-border-soft);background:var(--color-surface-subtle);border-radius:14px;margin:0;padding:10px}.home-hero-stats span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.home-hero-stats strong{color:var(--color-text-strong);margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.08rem;display:block}.dashboard-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.learn-page{grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;display:grid;overflow:hidden}.learn-summary{grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px;display:grid}.learn-summary p{border:1px solid var(--color-border-soft);background:var(--color-surface-subtle);text-align:center;border-radius:12px;margin:0;padding:8px 10px}.learn-summary span{color:var(--color-text-muted);text-transform:uppercase;font-size:.62rem;font-weight:900;display:block}.learning-state-label.unknown{color:var(--color-learning-unknown)}.learning-state-label.learning{color:var(--color-learning-learning)}.learning-state-label.learned{color:var(--color-learning-learned)}.learn-summary strong{color:var(--color-text-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.2rem;display:block}.learn-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(300px,380px);gap:8px;min-height:0;display:grid;overflow:hidden}.learn-sidebar,.learn-grid-panel,.learn-detail-panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:20px;min-height:0;padding:14px;overflow:auto}.learn-case-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;margin-top:10px;display:grid}.learn-case-card{border:1px solid var(--color-border-soft);background:var(--color-surface-subtle);color:var(--color-text-default);text-align:left;border-radius:14px;justify-items:stretch;gap:6px;padding:8px;display:grid}.learn-case-card.queued{border-color:color-mix(in srgb, var(--color-primary) 70%, var(--color-border))}.learn-case-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 52%, transparent)}.learn-case-card.learning{background:linear-gradient(135deg, #878a2633, transparent 48%), var(--color-surface-subtle)}.learn-case-card.learned{background:linear-gradient(135deg, #328a5933, transparent 48%), var(--color-surface-subtle)}.learn-case-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:6px;padding:0;display:grid}.learn-case-main:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.learn-pick-toggle,.learn-state-cycle,.practice-detail-strip button,.practice-action-grid button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:30px;color:var(--color-primary);border-radius:10px;padding:0 9px;font-size:.72rem;font-weight:900}.learn-state-cycle{justify-content:center;align-items:center;gap:6px;display:inline-flex}.learn-case-card.queued .learn-pick-toggle{background:var(--color-primary);color:var(--color-primary-contrast)}.learn-case-card span,.learn-case-card strong,.learn-case-card small{display:block}.learn-case-card span{color:var(--color-text-strong);font-size:.86rem;font-weight:900}.learn-case-card strong{color:var(--color-primary);text-transform:uppercase;font-size:.68rem}.learn-case-card .learn-state-text.unknown{color:var(--color-learning-unknown)}.learn-case-card .learn-state-text.learning{color:var(--color-learning-learning)}.learn-case-card .learn-state-text.learned{color:var(--color-learning-learned)}.learn-case-card small{color:var(--color-text-muted);font-size:.72rem}.case-preview{border:1px solid var(--color-border-soft);background:var(--color-surface);border-radius:12px;width:100%;height:180px;display:block;overflow:hidden}.case-preview.compact{height:112px}.case-preview img{object-fit:contain;width:100%;height:100%;display:block}.case-preview span{height:100%;color:var(--color-text-muted);place-items:center;font-size:.72rem;font-weight:800;display:grid}.practice-queue-block{margin-top:12px}.practice-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.practice-action-grid .primary-button{background:var(--color-primary);color:var(--color-primary-contrast);border-color:#0000}.practice-detail-strip{border:1px solid var(--color-border-soft);background:var(--color-surface-subtle);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;padding:8px;display:grid}.practice-detail-strip span{color:var(--color-text-muted);font-size:.76rem;font-weight:800}.learn-state-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.learn-state-row button{border:1px solid var(--color-border-strong);background:var(--color-surface-subtle);min-height:34px;color:var(--color-text-muted);text-transform:capitalize;border-radius:12px;font-weight:900}.learn-state-row button.unknown,.learn-progress-segmented button.unknown{color:var(--color-learning-unknown)}.learn-state-row button.learning,.learn-progress-segmented button.learning{color:var(--color-learning-learning)}.learn-state-row button.learned,.learn-progress-segmented button.learned{color:var(--color-learning-learned)}.learn-state-row button.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.custom-alg-row{border-top:1px solid var(--color-border-soft);gap:6px;padding:8px 0;display:grid}.custom-alg-row:first-of-type{border-top:0}.custom-alg-row span{color:var(--color-text-muted);font-size:.72rem;font-weight:900}.custom-alg-row div{flex-wrap:wrap;gap:6px;display:flex}.custom-alg-row button,.alg-title button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:30px;color:var(--color-primary);border-radius:10px;padding:0 9px;font-size:.72rem;font-weight:900}.alg-textarea{resize:vertical;min-height:84px;margin-top:8px;padding-top:10px}.metric-card{border:1px solid var(--color-border);background:linear-gradient(140deg, #6f7cff29, transparent 42%), var(--color-surface);min-height:68px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:18px;padding:10px 12px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#36e5a524;border-radius:999px;width:42px;height:42px;position:absolute;inset:auto 12px 12px auto}.metric-card span{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:900}.metric-card strong{color:var(--color-text-strong);margin-top:6px;font-size:clamp(.98rem,1.3vw,1.3rem);line-height:1;display:block}.metric-card p{color:var(--color-text-muted);margin:4px 0 0;font-size:.74rem;line-height:1.28}.metric-card:first-child{background:linear-gradient(140deg, #2dd4bf2e, transparent 42%), var(--color-surface)}.chip-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timer-chip{border:1px solid var(--color-border-strong);background:var(--color-surface-subtle);min-width:98px;min-height:38px;color:var(--color-text-strong);border-radius:14px;justify-content:center;align-items:center;padding:6px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.08rem;font-weight:900;line-height:1;display:inline-flex}.timer-chip.running{border-color:var(--color-running);color:var(--color-running)}.stage-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:8px;margin:0;padding:0;display:grid}.stage-tabs button{border:1px solid var(--color-border);background:#0f172a7a;justify-content:flex-start;width:100%;padding:0 14px}.stage-tabs button,.segmented button{min-height:38px;color:var(--color-text-muted);border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.stage-tabs button{justify-content:flex-start}.segmented button{background:0 0;border:0}.stage-tabs button.active,.segmented button.active{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, #fff 16%), var(--color-primary));color:var(--color-primary-contrast);box-shadow:0 8px 16px #2558d742}.trainer-layout{grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(260px,320px);align-items:stretch;gap:10px;height:100%;min-height:0;display:grid;overflow:hidden}.trainer-layout-standalone{grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(250px,320px);justify-content:stretch;gap:8px;width:100%;margin:0}.app-shell-training .viewer-panel{background:radial-gradient(circle at 50% 12%,#4c69a83d,#0000 58%),linear-gradient(#101828f2,#0a101ef2);border-color:#738cc257}.app-shell-training .viewer-toolbar h2,.app-shell-training .viewer-headline code{color:#f4f8ff}.app-shell-training .viewer-headline{padding-top:10px}.app-shell-training .viewer-headline code{letter-spacing:.01em}.training-stage-tabs{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:10px}.training-stage-tabs button{justify-content:center;min-height:34px;padding:0 6px;font-size:.82rem}.control-panel,.viewer-panel,.algorithm-panel,.smart-panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:20px}.control-panel,.algorithm-panel,.smart-panel{padding:16px}.control-panel,.smart-panel{flex-direction:column;min-height:0;display:flex;overflow:auto}.solution-at-bottom{margin-top:auto}.section-heading,.viewer-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2,.viewer-toolbar h2{color:var(--color-text-strong);margin:4px 0 0;font-size:1.2rem;line-height:1.1}.muted,.recognition,.alg-block p,.status-list p,.move-log span{color:var(--color-text-muted)}.muted,.recognition{margin:8px 0 10px;line-height:1.35}.field-label{color:var(--color-text-strong);margin:12px 0 6px;font-size:.82rem;font-weight:900;display:block}.segmented{background:var(--color-surface-muted);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:6px;padding:5px;display:grid}select{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-text-default);border-radius:14px;padding:0 12px;font-weight:700}.text-input{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:42px;color:var(--color-text-default);border-radius:7px;padding:0 12px;font-weight:700}.support-note{color:var(--color-text-muted);margin:8px 0 0;font-size:.8rem;line-height:1.35}.action-row,.connection-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.connection-grid .span-2{grid-column:1/-1}.primary-button,.ghost-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.96rem;font-weight:900;display:inline-flex}.primary-button{border:1px solid color-mix(in srgb, var(--color-primary) 62%, #fff 38%);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, #fff 16%), var(--color-primary));color:var(--color-primary-contrast);box-shadow:0 8px 16px #2558d738}.ghost-button{border:1px solid var(--color-border-strong);background:var(--color-surface-subtle);color:var(--color-primary)}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.stage-tabs button:hover:not(:disabled),.segmented button:hover:not(:disabled),.app-nav button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:active:not(:disabled),.ghost-button:active:not(:disabled),.stage-tabs button:active:not(:disabled),.segmented button:active:not(:disabled),.app-nav button:active:not(:disabled){transform:translateY(0)}code{color:var(--color-text-strong);word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.98rem;line-height:1.55}.main-column{grid-template-rows:auto auto;align-content:start;gap:8px;min-height:0;display:grid;overflow:hidden}.main-column-free{grid-template-rows:minmax(0,1fr);align-content:stretch;overflow:hidden}.viewer-panel{flex-direction:column;align-self:stretch;min-height:0;display:flex;overflow:hidden}.main-column-free .viewer-panel{height:100%}.viewer-toolbar{padding:12px 16px 0}.viewer-headline{text-align:center;padding:6px 16px 0}.viewer-headline.with-guide{padding-top:8px}.viewer-headline-label{color:var(--color-text-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:900;display:block}.viewer-headline code{white-space:nowrap;max-width:100%;font-size:clamp(.95rem,1.12vw,1.55rem);font-weight:900;line-height:1.2;display:inline-block;overflow:auto}.viewer-timer-headline{color:#f4f8ff;letter-spacing:-.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.95;display:inline-block}.viewer-timer-headline.running{color:var(--color-running)}.twisty-host{flex:none;justify-content:center;align-items:center;width:100%;height:clamp(190px,26vh,315px);min-height:195px;padding:2px 10px 0;display:flex}.main-column-free .twisty-host{height:clamp(220px,41vh,465px);min-height:220px}.app-shell-training .twisty-host{border-top:1px solid #8c9ec129;border-bottom:1px solid #8c9ec129;margin-top:8px}.twisty-host twisty-player{width:min(100%,860px);height:100%;margin:0 auto}.live-move-strip{border-top:1px solid var(--color-border-soft);background:var(--color-surface-subtle);flex-wrap:nowrap;gap:7px;min-height:42px;padding:7px 12px;display:flex;overflow:auto hidden}.live-guide-steps-headline{justify-content:center;max-width:100%;padding-bottom:2px}.live-move-strip span{color:var(--color-text-muted);font-size:.9rem}.live-move-strip b{background:linear-gradient(135deg, var(--color-primary), #24c7a3);min-width:32px;height:28px;color:var(--color-primary-contrast);border-radius:10px;justify-content:center;align-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:inline-flex}.live-guide-strip{border-top:1px solid var(--color-border-soft);background:var(--color-surface);padding:6px 12px}.live-guide-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.live-guide-head span{color:var(--color-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.live-guide-steps{flex-wrap:nowrap;gap:7px;min-height:30px;display:flex;overflow:auto hidden}.live-guide-steps>span{color:var(--color-text-muted);font-size:.9rem}.guide-step{border:1px solid var(--color-border-strong);min-width:34px;height:30px;color:var(--color-primary);background:var(--color-surface);border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-style:normal;display:inline-flex}.guide-step.done{border-color:var(--color-running);background:linear-gradient(135deg, var(--color-running), #24c7a3);color:#fff}.guide-step.partial{border-color:var(--color-primary);background:linear-gradient(to right, var(--color-guide-partial) 0, var(--color-guide-partial) var(--progress), var(--color-surface) var(--progress), var(--color-surface) 100%)}.mini-toggle{border:1px solid var(--color-border-strong);background:var(--color-surface);height:30px;color:var(--color-text);border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:.78rem;font-weight:900;display:inline-flex}.mini-toggle.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.algorithm-panel{gap:8px;height:auto;min-height:0;padding:12px;display:grid;overflow:auto}.algorithm-panel .section-heading h2{font-size:1.08rem}.alg-block{border:1px solid var(--color-border-soft);background:var(--color-surface-subtle);border-radius:16px;padding:10px}.cfop-split-bar{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);border-radius:7px;min-height:34px;display:flex;overflow:hidden}.cfop-split-segment{color:#fff;text-align:center;align-content:center;justify-items:center;min-width:56px;padding:5px 6px;display:grid}.cfop-split-segment.cross{background:#4366aa}.cfop-split-segment.f2l{background:#328a59}.cfop-split-segment.oll{background:#878a26}.cfop-split-segment.pll{background:#9a3333}.cfop-split-segment span,.cfop-split-segment strong{line-height:1.1}.cfop-split-segment span{text-transform:uppercase;font-size:.62rem;font-weight:900}.cfop-split-segment strong{margin-top:2px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.compact-data-block{gap:10px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat-grid p{border:1px solid var(--color-border-soft);background:var(--color-surface);text-align:center;border-radius:10px;gap:3px;margin:0;padding:8px;display:grid}.stat-grid span{color:var(--color-text-muted);text-transform:uppercase;font-size:.62rem;font-weight:900}.stat-grid strong{color:var(--color-text-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem}.solve-table-wrap{border:1px solid var(--color-border-soft);border-radius:12px;overflow:auto}.solve-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.solve-table th,.solve-table td{border-bottom:1px solid var(--color-border-soft);text-align:right;padding:7px 9px}.solve-table th:first-child,.solve-table td:first-child{text-align:left}.solve-table th{background:color-mix(in srgb, var(--color-surface-muted) 78%, transparent);color:var(--color-text-strong);text-transform:uppercase;font-size:.68rem}.solve-table tr:last-child td{border-bottom:0}.alg-block.solution{background:var(--color-solution-bg);border-color:var(--color-solution-border)}.alg-title{color:var(--color-chip-text);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:.72rem;font-weight:900;display:flex}.alg-title button{border:1px solid var(--color-border-strong);background:var(--color-surface);width:32px;height:32px;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.learn-detail-panel .alg-title button{width:auto;padding:0 10px}.alg-block p{margin:6px 0 0;font-size:.76rem;line-height:1.22}.algorithm-panel .recognition{margin:2px 0;font-size:.82rem;line-height:1.25}.algorithm-panel code{font-size:.86rem;line-height:1.25}.smart-panel{position:static}.status-list{gap:8px;margin-top:12px;display:grid}.status-list p{border-bottom:1px solid var(--color-border-soft);grid-template-columns:88px minmax(0,1fr);gap:8px;margin:0;padding-bottom:8px;font-size:.82rem;line-height:1.35;display:grid}.status-list span{color:var(--color-text-strong);text-transform:uppercase;font-size:.75rem;font-weight:900}.move-log{border:1px dashed var(--color-border-strong);border-radius:8px;flex-wrap:wrap;gap:7px;min-height:76px;margin-top:16px;padding:12px;display:flex}.move-log b{background:var(--color-primary);min-width:34px;height:30px;color:var(--color-primary-contrast);border-radius:6px;justify-content:center;align-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:inline-flex}.smart-best-panel{margin-top:12px}.smart-best-panel p{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;margin:4px 0 0;padding-bottom:5px;font-size:.82rem;display:flex}.theme-toggle{border:1px solid var(--color-border-strong);background:var(--color-surface);width:38px;height:38px;color:var(--color-chip-text);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-subtle)}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.app-shell-training{height:auto;overflow:visible}.training-topbar{flex-wrap:wrap;justify-content:center}.app-sidebar{grid-template-columns:auto 1fr;align-items:center;min-height:0;position:static}.stage-tabs,.app-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-tabs button,.app-nav button{justify-content:center}.sidebar-card,.sidebar-footer{display:none}.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid,.dashboard-details,.home-hero-panel{grid-template-columns:1fr}.trainer-layout,.trainer-layout-standalone{grid-template-columns:290px minmax(0,1fr)}.learn-layout{grid-template-columns:250px minmax(0,1fr)}.learn-detail-panel{grid-column:1/-1}.smart-panel{grid-column:1/-1;position:static}}@media (width>=821px){.learn-progress-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{height:auto;min-height:100dvh;padding:14px;display:grid;overflow:hidden visible}.app-shell-training{height:auto;padding:12px;overflow:hidden visible}.app-sidebar{grid-template-columns:1fr}.training-topbar{grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;display:grid;overflow:hidden}.training-topbar .brand-lockup{overflow:hidden}.training-topbar .brand-lockup strong,.training-topbar .brand-lockup em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.training-topbar .app-nav-horizontal{border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;width:100%;min-width:0;max-width:100%;display:grid}.training-topbar .app-nav-horizontal button,.app-nav-horizontal button{width:100%;min-width:0;padding-inline:6px}.topbar{border-radius:20px;gap:12px;padding:12px;display:grid}.topbar h1{font-size:clamp(1.55rem,8vw,2.2rem);line-height:1.02}.platforms{justify-content:flex-start;min-width:0}.stage-tabs,.app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-layout{grid-template-columns:1fr}.trainer-layout-standalone{grid-template-columns:1fr;height:auto}.learn-layout{grid-template-columns:1fr;gap:10px;overflow:visible}.learn-page{display:block;overflow:visible}.app-workspace{display:block;overflow:hidden visible}.learn-sidebar,.learn-grid-panel,.learn-detail-panel{border-radius:18px;padding:12px;overflow:visible}.learn-sidebar{grid-template-columns:1fr;gap:8px;display:grid}.learn-grid-panel,.learn-detail-panel{margin-top:10px}.learn-summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.learn-summary p{padding:7px 6px}.learn-summary strong{font-size:1rem}.learn-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learn-case-card{border-radius:13px;padding:7px}.learn-case-card span{font-size:.78rem}.learn-case-card small{font-size:.66rem;line-height:1.2}.case-preview{height:150px}.case-preview.compact{height:96px}.practice-detail-strip{grid-template-columns:1fr}.custom-alg-row div,.alg-title{gap:6px}.training-stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.control-panel,.smart-panel,.algorithm-panel{padding:15px}.main-column{grid-template-rows:none}.algorithm-panel{height:auto;overflow:visible}.twisty-host{height:330px}}@media (width<=520px){.app-shell{padding:10px}.training-topbar{border-radius:14px;grid-template-columns:minmax(0,1fr) auto;padding:7px}.viewer-toolbar,.viewer-headline{padding-inline:10px}.viewer-headline code{white-space:normal;overflow-wrap:anywhere;font-size:.88rem;display:block;overflow:visible}.live-guide-steps,.live-guide-steps-headline{flex-wrap:wrap;justify-content:center;gap:5px;overflow:visible}.guide-step{border-radius:7px;min-width:28px;height:26px;padding:0 6px;font-size:.78rem}.live-move-strip{flex-wrap:wrap;justify-content:center;min-height:0;padding:7px 10px;overflow:visible}.live-move-strip b{border-radius:7px;min-width:28px;height:25px;font-size:.78rem}.brand-lockup{min-height:42px}.brand-lockup em{display:none}.training-topbar .app-nav-horizontal{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.training-topbar .app-nav-horizontal button{min-height:36px;font-size:.74rem}.topbar h1{letter-spacing:-.045em;font-size:1.65rem}.hero-copy{font-size:.82rem}.learn-summary{gap:5px}.learn-summary span{font-size:.56rem}.learn-summary strong{font-size:.92rem}.learn-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.learn-case-card{padding:6px}.case-preview.compact{height:82px}.learn-pick-toggle,.practice-action-grid button,.practice-detail-strip button{min-height:34px;padding:0 7px;font-size:.68rem}.practice-action-grid,.learn-state-row,.dashboard-strip{grid-template-columns:1fr}.stage-tabs,.app-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.training-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-tabs button,.app-nav button{min-height:38px;font-size:.78rem}.action-row,.connection-grid{grid-template-columns:1fr}.viewer-toolbar,.section-heading{align-items:flex-start}.chip,.difficulty{font-size:.75rem}}