.lesson-cubes{width:100%;max-width:100%;color:var(--ink,#263b32);font:inherit;--cube-accent:var(--accent,#17634c);--cube-border:#9aaa9b}.lesson-cubes *{box-sizing:border-box}.lesson-cubes .cubes-intro{text-align:left;max-width:65ch;margin:0 auto 24px;line-height:1.6}.lesson-cubes .cubes-options{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;display:flex}.lesson-cubes button{border:1px solid var(--cube-border);background:var(--cube-control-surface,#fffef9);min-height:46px;color:var(--cube-accent);font:inherit;text-align:center;cursor:pointer;overflow-wrap:anywhere;border-radius:10px;padding:10px 17px;font-weight:600;line-height:1.35;transition:background-color .15s}.lesson-cubes button:hover:not(:disabled){background:var(--cube-control-hover,#e7eee1)}.lesson-cubes button[aria-pressed=true]{background:var(--cube-accent);border-color:var(--cube-accent);color:var(--accent-ink,#fff)}.lesson-cubes button[aria-pressed=true]:hover{background:var(--cube-selected-hover,#12513f)}.lesson-cubes button:disabled{cursor:default;opacity:.5}.lesson-cubes :is(button,input,.cubes-scene):focus-visible{outline:3px solid var(--cube-focus,#b15b30);outline-offset:4px}.lesson-cubes .cubes-stage-grid{grid-template-columns:minmax(0,1.65fr) minmax(140px,1fr);align-items:center;gap:28px;max-width:840px;margin:24px auto;display:grid}.lesson-cubes .cubes-net-grid{grid-template-columns:minmax(0,1fr);max-width:600px}.lesson-cubes .cubes-scene{touch-action:pan-y;cursor:grab;user-select:none;border-radius:10px;width:100%}.lesson-cubes .cubes-scene[data-dragging=true]{cursor:grabbing}.lesson-cubes .cubes-scene[data-can-orbit=false]{cursor:default}.lesson-cubes .cubes-scene svg{width:100%;height:auto;max-height:350px;font-family:inherit;display:block;overflow:visible}.lesson-cubes .cubes-gesture{text-align:center;max-width:55ch;color:var(--cube-muted,#536650);margin:8px auto 0;font-size:.9rem;line-height:1.5}.lesson-cubes .cubes-layer-plans{grid-template-columns:1fr;justify-self:center;gap:14px;width:100%;max-width:200px;display:grid}.lesson-cubes :is(.cubes-layer-plans,.cubes-view-plans) figure{border:2px solid #0000;border-radius:10px;margin:0;padding:10px}.lesson-cubes .cubes-layer-plans figure[data-selected=true]{border-color:var(--cube-accent);background:var(--cube-control-hover,#e7eee1)}.lesson-cubes :is(.cubes-layer-plans,.cubes-view-plans) svg{width:100%;max-width:164px;height:auto;margin:auto;display:block}.lesson-cubes :is(.cubes-layer-plans,.cubes-view-plans) figcaption{text-align:center;margin-top:8px;font-size:.9rem;font-weight:600;line-height:1.5}.lesson-cubes .cubes-view-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson-cubes .cubes-view-plans figure{padding:0}.lesson-cubes .cubes-view-plans figcaption span{color:var(--cube-muted,#536650);font-size:.8rem;font-weight:400;display:block}.lesson-cubes .cubes-range{max-width:560px;margin:20px auto 24px;display:block}.lesson-cubes .cubes-range>span{justify-content:space-between;align-items:baseline;gap:18px;font-weight:600;line-height:1.5;display:flex}.lesson-cubes .cubes-range output{font-variant-numeric:tabular-nums}.lesson-cubes input[type=range]{width:100%;height:44px;accent-color:var(--cube-accent);cursor:pointer;margin:8px 0 0;display:block}.lesson-cubes .cubes-face-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.lesson-cubes .cubes-face-picker>span{font-weight:600}.lesson-cubes .cubes-letters{gap:8px}.lesson-cubes .cubes-letters button{width:46px;padding:8px}.lesson-cubes .cubes-reason{text-align:center;max-width:65ch;margin:24px auto;font-weight:500;line-height:1.6}.lesson-cubes .cubes-camera-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lesson-cubes .cubes-key-help{text-align:center;max-width:62ch;color:var(--cube-muted,#536650);margin:16px auto 0;font-size:.85rem;line-height:1.5}.lesson-cubes .cubes-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lesson-cubes[lang=ko] :is(p,button,span){word-break:keep-all;overflow-wrap:break-word}@media (width<=700px){.lesson-cubes .cubes-stage-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin:22px auto}.lesson-cubes .cubes-layer-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:380px}.lesson-cubes .cubes-view-plans{justify-self:center;gap:18px;width:100%;max-width:360px}.lesson-cubes .cubes-layer-plans figure{padding:6px}.lesson-cubes .cubes-scene svg{max-height:310px}.lesson-cubes .cubes-options{gap:8px}.lesson-cubes button{padding:10px 12px}.lesson-cubes .cubes-camera-controls button{flex:115px}.lesson-cubes .cubes-camera-controls .cubes-reset{flex:1 0 100%}}@media (prefers-reduced-motion:reduce){.lesson-cubes button{transition:none}}:root[data-theme=dark] .lesson-cubes{--cube-border:var(--control-border);--cube-control-surface:var(--surface-raised);--cube-control-hover:var(--accent-soft);--cube-selected-hover:var(--accent-hover);--cube-focus:var(--accent);--cube-muted:var(--muted);--stack-count-ink:var(--ink)}@media (prefers-color-scheme:dark){:root[data-theme=system] .lesson-cubes{--cube-border:var(--control-border);--cube-control-surface:var(--surface-raised);--cube-control-hover:var(--accent-soft);--cube-selected-hover:var(--accent-hover);--cube-focus:var(--accent);--cube-muted:var(--muted);--stack-count-ink:var(--ink)}}