@charset "UTF-8";
:root{
  color-scheme:light;
  --paper:#f5f6fa;--surface:#ffffff;--panel:#eef0f6;
  --ink:#262832;--secondary:#4e5263;--muted:#5a5e6f;--faint:#8b90a2;
  --line:#daddE8;--control-line:#b8bece;
  --accent:#5e4bc4;--accent-hover:#5743b8;--accent-light:#eeebfc;--on-accent:#ffffff;
  --field:#ffffffb8;--track:#e9eaf380;--hover:#e5e2f5;
  --focus:#7865dc;--focus-ring:#7865dc26;--shadow:#25233c12;
  --success:#6551ba;--success-bg:#efecfa;--success-border:#a99bd7;
  --danger:#ad354b;--warning:#78602c;--warning-bg:#faf4e7;--warning-border:#b49b60;
  --disabled-ink:#85899a;--disabled-bg:#e3e5ed;
  --glass:#ffffff66;--glass-border:#ffffffe6;--glass-edge:#ffffffd9;
  --glass-shadow:0 12px 40px #3530540f;--playback-glass:#ffffff52;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#14161d;--surface:#292c36;--panel:#23262f;
  --ink:#f0f0f6;--secondary:#c8cad8;--muted:#a6aabb;--faint:#7d8297;
  --line:#ffffff1a;--control-line:#666b80;
  --accent:#b8a9ff;--accent-hover:#cbbfff;--accent-light:#39324f;--on-accent:#211b39;
  --field:#171a23b8;--track:#10121b61;--hover:#3b3652;
  --focus:#b8a9ff;--focus-ring:#b8a9ff2e;--shadow:#00000030;
  --success:#c2b3ff;--success-bg:#342d49;--success-border:#7d6baf;
  --danger:#ffb0c0;--warning:#e1c690;--warning-bg:#3b3323;--warning-border:#a58d55;
  --disabled-ink:#80859a;--disabled-bg:#333644;
  --glass:#24273070;--glass-border:#ffffff38;--glass-edge:#ffffff17;
  --glass-shadow:0 16px 44px #00000026;--playback-glass:#383b4a4d;
}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:1;color:var(--disabled-ink)}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:inherit}button[hidden],[hidden]{display:none!important}.topbar,main,footer{max-width:1200px;margin:auto}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:var(--accent);font-size:19px;font-weight:600;letter-spacing:.02em}.brand b{font-size:17px;color:var(--ink);font-weight:600;margin-left:3px}.header-actions{display:flex;align-items:center;gap:22px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid var(--control-line);border-radius:6px;background:var(--surface);color:var(--secondary);font-size:11px;line-height:1.3;white-space:nowrap}.theme-toggle:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:15px;height:15px;flex-shrink:0}.theme-icon-sun{display:none}:root[data-theme="dark"] .theme-icon-moon{display:none}:root[data-theme="dark"] .theme-icon-sun{display:block}.privacy{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.privacy i{width:6px;height:6px;background:var(--success);border-radius:50%}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:38px 0 29px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--muted);margin:0 0 10px}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:620}h1 span{color:var(--faint);font-weight:350;padding:0 5px}.heading-note{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:16px}.input-panel{padding:30px 36px 26px 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:13px;font-weight:600;letter-spacing:.02em;margin:0}h2>span{color:var(--muted);font-size:11px;font-weight:450;font-variant-numeric:tabular-nums;margin-right:12px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--track);padding:4px;margin:24px 0 20px;border-radius:7px;gap:3px}.mode{background:transparent;color:var(--muted);text-align:left;border-radius:5px;padding:11px 13px;font-size:16px;font-weight:600;line-height:1.45;transition:background .16s,color .16s,box-shadow .16s}.mode span{display:block;font-size:10px;font-weight:450;margin-top:2px}.mode.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px var(--shadow)}.mode:hover{color:var(--accent)}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.setting-row>label{color:var(--secondary);font-size:12px}select{background:var(--surface);border:1px solid var(--control-line);border-radius:5px;padding:7px 30px 7px 12px;color:var(--ink);font-size:12px;min-width:147px}select option{background:var(--surface);color:var(--ink)}select:disabled{color:var(--disabled-ink)}.orientation{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin:0 0 27px}.face-dot{display:inline-block;width:9px;height:9px;border-radius:2px;border:1px solid #00000012}.white{background:#fff}.green{background:#71a68a;margin-left:4px}.yellow{background:#e6c968}.orientation-divider{color:var(--faint);margin:0 2px}.scramble-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.scramble-label>label{font-size:12px;font-weight:550}.text-button{padding:2px 0;background:none;color:var(--accent);font-size:11px}.text-button span{margin-left:4px}textarea{display:block;width:100%;resize:vertical;min-height:110px;max-height:290px;background:var(--field);border:1px solid var(--control-line);border-radius:6px;padding:14px 16px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:17px;line-height:1.8;color:var(--ink);letter-spacing:.025em;transition:border-color .15s,box-shadow .15s}textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}textarea[aria-invalid=true]{border-color:var(--danger)}textarea::placeholder{color:var(--muted)}.hint{font-size:10px;color:var(--muted);margin:9px 0 19px;line-height:1.7}.error{font-size:12px;color:var(--danger);margin:0 0 14px}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-radius:6px;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:550;transition:background .16s,transform .16s}.primary-button:disabled{background:var(--disabled-bg);color:var(--disabled-ink)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button span:last-child{font-size:21px;line-height:1}.cancel-button{background:transparent;border:1px solid var(--control-line);color:var(--secondary);width:100%;padding:10px;border-radius:5px;margin-top:8px}.goal-description{color:var(--muted);font-size:10px;margin:13px 0 0;min-height:17px}.cube-panel{padding:30px 32px 25px;display:flex;flex-direction:column;min-width:0}.state-label{color:var(--muted);font-size:10px;border:1px solid var(--control-line);padding:3px 8px;border-radius:4px}.cube-view{flex:1;display:flex;justify-content:center;align-items:center;min-height:280px;margin:5px 0 0}#cube-model{position:relative;height:330px;min-height:330px;width:100%;touch-action:none;cursor:grab;overflow:hidden;border-radius:8px;font-size:12px;color:var(--muted);text-align:center}#cube-model:active{cursor:grabbing}#cube-model canvas{display:block;width:100%;height:100%;outline:none}.cube-legend .text-button{font-size:10px}.cube-legend{font-size:9px;color:var(--muted);display:flex;justify-content:center;gap:19px;margin:2px 0 19px}.cube-legend>span{display:flex;align-items:center;gap:5px}.goal-status{display:flex;justify-content:center;gap:17px;min-height:23px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.goal-check{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.goal-check i{font-style:normal;font-size:12px}.goal-check.done{color:var(--success)}.playback{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 12px;margin:4px 0 12px;border:1px solid var(--glass-border);border-radius:12px;background:var(--playback-glass);box-shadow:inset 0 1px 0 var(--glass-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.playback-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0}.playback-buttons button{height:28px;min-width:29px;background:transparent;color:var(--secondary);font-size:17px;border-radius:4px}.playback-buttons button:disabled{color:var(--disabled-ink)}.playback-buttons #play{font-size:11px}.playback-buttons button:hover:not(:disabled){background:var(--hover)}#step-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px;margin-left:8px}#step-range{accent-color:var(--accent);width:100%;height:3px;cursor:pointer}.solutions-section{padding:29px 30px 20px;margin-top:16px}.result-meta{font-size:10px;color:var(--muted)}.empty-result{display:flex;align-items:center;gap:23px;padding:31px 9px 29px}.empty-arrow{font-size:32px;color:var(--faint);font-weight:300}.empty-result h3{font-size:13px;font-weight:500;color:var(--secondary);margin:0 0 5px}.empty-result p{font-size:11px;color:var(--muted);margin:0}.search-status{display:flex;align-items:center;gap:15px;padding:25px 0}.search-status strong{font-size:12px;font-weight:500}.search-status p{font-size:11px;color:var(--muted);margin:3px 0 0}#elapsed{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}.spinner{width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.solution-row{display:flex;align-items:flex-start;gap:16px;padding:19px 5px;border-bottom:1px solid var(--line);animation:appear .22s ease-out}.solution-row:last-child{border-bottom:0}.solution-select{flex-shrink:0;font-size:11px;line-height:1.5;background:transparent;color:var(--muted);display:flex;gap:9px;align-items:center;padding:5px 5px 5px 0;text-align:left;width:102px}.solution-select .radio{border:1px solid var(--control-line);border-radius:50%;width:13px;height:13px;display:inline-block;flex-shrink:0}.solution-row.selected .radio{border:4px solid var(--accent)}.solution-row.selected .solution-select{color:var(--accent)}.solution-select b{font-weight:600;font-size:14px}.move-list{flex:1;display:flex;flex-wrap:wrap;gap:5px;padding-top:1px;min-height:32px}.move-button{font-family:"SFMono-Regular",Consolas,monospace;font-size:17px;line-height:1.5;min-width:32px;border-radius:4px;background:transparent;padding:3px 6px;color:var(--secondary);transition:background .15s,color .15s}.move-button:hover{background:var(--hover)}.move-button.executed{color:var(--muted)}.move-button.current{background:var(--accent);color:var(--on-accent)}.copy-button{background:none;color:var(--muted);font-size:11px;padding:7px 0 7px 10px;white-space:nowrap}.copy-button:hover{color:var(--accent)}.zero-moves{font-size:12px;color:var(--success);padding:5px}.result-notice{font-size:11px;line-height:1.7;color:var(--warning);background:var(--warning-bg);padding:10px 13px;margin-top:20px;border-left:2px solid var(--warning-border)}.result-notice.success{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.help{padding:21px 0 23px;border-bottom:1px solid var(--line);margin-top:13px}.help summary{list-style:none;display:flex;justify-content:space-between;color:var(--secondary);font-size:12px;cursor:pointer}.help summary::-webkit-details-marker{display:none}.help summary span{font-size:15px;color:var(--muted)}.help[open] summary span{transform:rotate(45deg)}.help-content{max-width:830px;color:var(--muted);font-size:12px;line-height:1.9;padding:12px 0 0}.help-content p{margin:8px 0}.help-content b{font-weight:600;color:var(--secondary)}footer{padding:24px 0 33px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer a{text-decoration:none;border-bottom:1px solid var(--line)}footer a:hover{color:var(--accent)}.footer-dot{margin:0 8px;color:var(--faint)}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.input-panel,.cube-panel,.solutions-section{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-edge);-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%)}
.theme-toggle{background:var(--glass);border-radius:9px}
.primary-button{box-shadow:0 5px 15px var(--focus-ring)}
@media(min-width:1500px){.topbar,main,footer{max-width:1240px}.input-panel{padding-right:46px}.cube-view{min-height:315px}}
@media(max-width:1280px){.topbar,main,footer{margin-left:38px;margin-right:38px}}
@media(max-width:850px){.topbar,main,footer{margin-left:24px;margin-right:24px}.topbar{height:76px}.page-heading{padding:29px 0 24px}h1{font-size:29px}.heading-note{font-size:11px}.workspace{grid-template-columns:1fr 1fr}.input-panel{padding:25px 23px}.cube-panel{padding:25px 20px}.mode{padding:10px 9px;font-size:14px}.mode span{font-size:8px}.orientation{font-size:9px}.hint{font-size:9px}.cube-legend{gap:8px;font-size:8px}.playback{gap:9px;padding:9px 8px}.playback-buttons{gap:1px}.goal-status{gap:10px}.goal-check{font-size:10px}.solutions-section{padding:26px 23px 18px}}
@media(max-width:640px){.topbar,main,footer{margin-left:18px;margin-right:18px}.topbar{height:69px}.brand{font-size:17px;gap:9px}.brand b{font-size:15px}.brand svg{width:25px}.header-actions{gap:0}.header-actions .privacy{display:none}.theme-toggle{font-size:10px;min-height:38px;padding:8px 10px;gap:6px}.privacy{font-size:9px;gap:5px}.page-heading{padding:27px 0 23px}.eyebrow{font-size:9px;margin-bottom:9px}h1{font-size:27px}.heading-note{display:none}.workspace{grid-template-columns:1fr}.input-panel{padding:24px 20px}.mode-switch{margin-top:21px}.mode{font-size:16px;padding:10px 13px}.mode span{font-size:10px}.orientation{font-size:10px;margin-bottom:23px}.hint{font-size:10px}.cube-panel{padding:24px 20px}.cube-view{min-height:0;margin:0 auto;width:100%;max-width:365px}#cube-model{height:310px;min-height:310px}.cube-legend{font-size:8px;gap:17px;margin-bottom:17px}.goal-status{gap:21px}.goal-check{font-size:10px}.playback{gap:18px;padding:10px 12px}.playback-buttons{gap:7px}.solutions-section{padding:25px 20px 15px}.result-meta{font-size:9px}.solution-row{gap:9px;flex-wrap:wrap;padding:17px 0}.solution-select{width:auto;min-width:75px}.move-list{order:3;flex-basis:100%;padding-left:18px;gap:3px}.copy-button{margin-left:auto}.move-button{font-size:16px;min-width:30px}.empty-result{padding:25px 0;gap:13px}.empty-result p{font-size:10px}.empty-result h3{font-size:12px}.help{padding:19px 0}.help summary{font-size:11px}footer{flex-direction:column;gap:8px;padding:20px 0 28px;font-size:9px}.footer-dot{margin:0 5px}textarea{font-size:16px;min-height:108px}.primary-button{min-height:47px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.orientation{display:block;line-height:1.8;min-height:2em}
.solution-orientation{font-size:11px;color:var(--secondary);margin:14px 0 4px;line-height:1.8}
.auto-option{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line);cursor:pointer;color:var(--secondary)}
.auto-option input{width:17px;height:17px;accent-color:var(--accent);margin:0;flex-shrink:0}
.auto-option strong{font-size:12px;font-weight:550;display:block}
.auto-option small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.solution-content{flex:1;min-width:0}
.solution-target{font-size:11px;color:var(--accent);margin:0 0 6px;line-height:1.6}
.result-meta{text-align:right;line-height:1.6}
@media(max-width:640px){.solution-content{order:3;flex-basis:100%}.solution-target{padding-left:18px}.solution-content .move-list{padding-top:0}}
.highlight-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:18px 0 3px;font-size:11px;color:var(--secondary)}
.highlight-controls label{display:flex;align-items:center;gap:6px;cursor:pointer}
.highlight-controls input{accent-color:var(--accent);width:15px;height:15px;margin:0}
.eo-outline{display:inline-block;width:11px;height:11px;border:3px solid #00f5ff;border-radius:2px}
.highlight-legend{margin:0 0 12px;font-size:10px;color:var(--muted);line-height:1.7;text-align:center}
.piece-inspector{display:grid;gap:12px;padding:0 0 17px}
.piece-inspector h3{font-size:11px;font-weight:550;color:var(--secondary);margin:0 0 6px}
.piece-list{display:flex;gap:5px 7px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:var(--muted)}
.piece-tag{padding:2px 6px;background:var(--surface);border:1px solid var(--control-line);border-radius:3px;color:var(--secondary)}
.eo-piece-list .piece-tag{border-left:4px solid #00f5ff}
.eo-piece-list.all-oriented{color:var(--success)}
.cube-panel .cube-view{flex:none}

.priority-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--control-line);border-radius:6px;background:var(--track);margin:-5px 0 20px}
.priority-choice{flex:1;padding:8px 10px;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;font-weight:550}
.priority-choice.active{color:var(--on-accent);background:var(--accent)}
.priority-choice:disabled{color:var(--disabled-ink)}
.priority-choice.active:disabled{background:var(--disabled-bg)}
.solution-score{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.7}
.retained-solution{font-size:11px;color:var(--secondary);border-left:2px solid var(--accent);padding-left:10px;overflow-wrap:anywhere}
@media(max-width:640px){.solution-score{padding-left:18px}}

.step-outline{display:inline-block;width:11px;height:11px;border:2px solid #ffc857;border-radius:2px}
.step-explanation{margin:0 0 18px;padding-top:15px;border-top:1px solid var(--line);scroll-margin:24px}
.step-explanation h3{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--ink)}
#explanation-summary{margin:0 0 9px;font-size:12px;line-height:1.8;color:var(--ink)}
.explanation-progress{margin:0 0 9px;font-size:10px;line-height:1.8;color:var(--accent);font-variant-numeric:tabular-nums}
.explanation-details p{margin:5px 0;font-size:11px;line-height:1.8;color:var(--secondary)}
.explanation-pieces{margin-top:9px}
.explanation-pieces .piece-tag{border-left:3px solid #ffc857}
.step-explanation small{display:block;margin-top:10px;font-size:9px;line-height:1.7;color:var(--muted)}

.explanation-facts{font-size:10px;color:var(--muted);margin:7px 0}
.explanation-facts summary{cursor:pointer;color:var(--accent)}
.explanation-facts summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.scope-description{margin:0 0 20px;font-size:10px;line-height:1.7;color:var(--muted)}
.goal-status{flex-wrap:wrap;row-gap:6px}

.replay-formula{padding:8px 0 12px}
.replay-formula h3{margin:0 0 8px;font-size:10px;font-weight:500;line-height:1.8;color:var(--secondary);overflow-wrap:anywhere}
.replay-formula-actions{display:flex;align-items:flex-start;gap:9px}
#replay-moves{display:flex;flex-wrap:wrap;gap:3px;min-width:0}
.replay-start{flex-shrink:0;min-height:32px;padding:5px 8px;border:1px solid var(--control-line);border-radius:5px;background:transparent;color:var(--secondary);font-size:11px}
.replay-start:hover{background:var(--hover)}
.replay-start.current{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.replay-formula .replay-move{min-height:32px}
.offline-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:-10px 0 18px;color:var(--muted);font-size:11px;line-height:1.7}
.offline-strip[data-ready="true"] #offline-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-right:7px;vertical-align:1px}
.offline-strip .text-button{font-size:11px;min-height:28px}
.scramble-actions{display:flex;align-items:center;gap:13px}
.scramble-actions .text-button{min-height:28px;white-space:nowrap}