:root{--violet: #6d28d9;--violet-strong: #4c1d95;--violet-soft: #cdb6f2;--violet-50: #f2ecfc;--gold: #ffb81f;--gain: #ff3b5c;--gain-soft: #ffe3e8;--loss: #2d6ff0;--loss-soft: #dde8ff;--warning: #f59e0b;--success: #22c55e;--bg: #f6f6fb;--surface: #ffffff;--surface2: #f1f1f8;--surface3: #e7e7f1;--fg: #23232e;--fg-strong: #16161f;--fg-muted: #6b6b7a;--fg-subtle: #a4a4b5;--border: rgba(22, 22, 31, .08);--border-strong: rgba(22, 22, 31, .16);--sans: "Noto Sans KR", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 2px 8px rgba(27, 26, 23, .06);--shadow-float: 0 8px 24px rgba(27, 26, 23, .12);--sidebar-w: 232px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--sans);font-weight:700;font-size:14px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;transition:filter .12s ease,background .12s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--violet);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface2)}.btn-danger{background:var(--gain);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-sm{padding:6px 10px;font-size:13px;font-weight:500}.input,.select,textarea.input{width:100%;font-family:var(--sans);font-size:14px;color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 12px;outline:none}.input:focus,.select:focus,textarea.input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-50)}.swatch-grid{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--border-strong);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s ease,box-shadow .12s ease}.swatch:hover:not(:disabled){transform:translateY(-1px)}.swatch.is-active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--violet)}.swatch.is-custom{border-style:dashed}.swatch:disabled{cursor:default;opacity:.6}.swatch-check{font-size:14px;font-weight:900;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.swatch-pick{position:relative;overflow:hidden;background:conic-gradient(from 0deg,#ff3b5c,#ffb81f,#22c55e,#14b8a6,#2d6ff0,#6d28d9,#ec4899,#ff3b5c)}.swatch-pick input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:pointer}.swatch-pick.is-disabled input[type=color]{cursor:default}.swatch-pick-icon{font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));pointer-events:none}.table-wrap{overflow-x:auto;border-radius:var(--radius-md)}table.data{width:100%;border-collapse:collapse;background:var(--surface);font-size:13.5px}table.data th,table.data td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap}table.data th{font-size:12px;font-weight:700;color:var(--fg-muted);background:var(--surface2);cursor:default;-webkit-user-select:none;user-select:none}table.data th.sortable{cursor:pointer}table.data th.sortable:hover{color:var(--fg-strong)}table.data tbody tr:hover{background:var(--violet-50)}table.data tbody tr.clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;line-height:1.4}.badge-violet{background:var(--violet-50);color:var(--violet-strong)}.badge-gold{background:#fff3d6;color:#9a6b00}.badge-gain{background:var(--gain-soft);color:#b3122f}.badge-loss{background:var(--loss-soft);color:#14409e}.badge-muted{background:var(--surface3);color:var(--fg-muted)}.badge-success{background:#d8f5e3;color:#137a3e}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column}.spacer{flex:1}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.h-title{font-size:22px;font-weight:900;color:var(--fg-strong);letter-spacing:-.01em}.h-section{font-size:15px;font-weight:700;color:var(--fg-strong)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10101873;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-body{padding:20px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:999px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:15px;color:var(--fg-strong);padding:18px 18px 14px;letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:2px;padding:6px 10px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;color:var(--fg-muted)}.nav-link:hover{background:var(--surface2);color:var(--fg)}.nav-link.active{background:var(--violet-50);color:var(--violet-strong)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f6f6fbd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding-top:max(12px,env(safe-area-inset-top))}.content{padding:22px 22px 64px;max-width:1180px;width:100%}.nav-toggle,.drawer-scrim{display:none}@media(max-width:820px){.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-float)}.sidebar.sidebar-open{transform:translate(0)}.nav-toggle{display:inline-flex}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#10101866;z-index:30}.content{padding:16px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1 / -1}.field-label{display:block;font-size:12.5px;font-weight:700;color:var(--fg-muted);margin-bottom:5px}.field-help{font-size:11.5px;color:var(--fg-subtle);margin-top:4px}.page-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.error-text{color:var(--gain);font-size:13px;font-weight:500}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:18px;height:18px;accent-color:var(--violet)}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-anim{animation:modal-in .16s cubic-bezier(.2,.8,.2,1)}.toast-host{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{pointer-events:auto;min-width:180px;max-width:360px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--surface);color:var(--fg-strong);font-size:13.5px;font-weight:700;border:1px solid var(--border-strong);border-left-width:3px;box-shadow:var(--shadow-float);animation:toast-in .18s cubic-bezier(.2,.8,.2,1)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--gain)}.toast-info{border-left-color:var(--violet)}.ui-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10101873;z-index:45;display:flex;justify-content:flex-end}@keyframes drawer-in{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}.ui-drawer{width:min(460px,94vw);height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-float);display:flex;flex-direction:column;animation:drawer-in .2s cubic-bezier(.2,.8,.2,1)}.ui-drawer-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.ui-drawer-body{flex:1;overflow-y:auto;padding:18px}.ui-drawer-foot{display:flex;gap:8px;align-items:center;padding:14px 18px;border-top:1px solid var(--border)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-weight:800;flex-shrink:0;line-height:1}.avatar-sm{width:26px;height:26px;font-size:12px}.avatar-md{width:32px;height:32px;font-size:14px}.avatar-lg{width:44px;height:44px;font-size:18px}.delta{font-size:12.5px;font-weight:700;white-space:nowrap}.segmented{display:inline-flex;background:var(--surface2);border-radius:var(--radius-sm);padding:3px;gap:2px}.segmented button{border:0;background:transparent;color:var(--fg-muted);font-family:var(--sans);font-weight:700;font-size:13px;padding:5px 12px;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease}.segmented button:hover{color:var(--fg)}.segmented button.is-active{background:var(--surface);color:var(--violet-strong);box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-muted);font-family:var(--sans);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{background:var(--surface2)}.chip.is-active{background:var(--violet-50);color:var(--violet-strong);border-color:transparent}.chip-count{font-family:var(--mono);font-size:11px;font-weight:700;background:#16161f0f;border-radius:999px;padding:1px 6px}.chip.is-active .chip-count{background:#6d28d91f}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:48px 24px;color:var(--fg-muted)}.empty-icon{font-size:30px;opacity:.8}.empty-title{font-size:15px;font-weight:700;color:var(--fg)}.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.kv:last-child{border-bottom:0}.kv-k{color:var(--fg-muted);font-weight:700}.kv-v{color:var(--fg-strong);text-align:right}.bartrack{width:100%;height:8px;background:var(--surface2);border-radius:999px;overflow:hidden}.barfill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{display:inline-block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 37%,var(--surface2) 63%);background-size:400px 100%;animation:shimmer 1.2s ease-in-out infinite}:root{--k-teach: #6d28d9;--k-check: #2d6ff0;--k-reveal: #0ea5a4;--k-replay: #d97706;--k-recap: #e89a00}.wtab,.ws-reward,.save-ind,.rail-title,.tree-head .h-section,.preview-head .h-section,.addbtn,.chap-prog,.stage-no,.vbuilder-title{white-space:nowrap}.cms-content{max-width:100%}.content:has(.cms-content){max-width:1520px}.cms-content .page-head{align-items:center}.crumb-dot,.save-ind .dot-amber,.save-ind .dot-green{display:inline-block;width:8px;height:8px;border-radius:999px;vertical-align:middle;margin-right:6px}.save-ind{display:flex;align-items:center;gap:2px;font-size:13px;margin-right:8px}.dot-amber{background:var(--warning)}.dot-green{background:var(--success)}.cms-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 344px;gap:16px;align-items:start}.curriculum-col{position:sticky;top:70px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 92px)}.tree{display:flex;flex-direction:column;max-height:calc(100vh - 92px);overflow:hidden}.tree-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px}.tree-search{padding:0 12px 10px}.tree-search .input{padding:7px 11px;font-size:13px}.tree-list{overflow-y:auto;padding:4px 8px 10px}.tree-chap{margin-bottom:2px}.chap-row{width:100%;display:flex;align-items:center;gap:8px;padding:8px;background:transparent;border:0;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--sans)}.chap-row:hover{background:var(--surface2)}.chap-caret{color:var(--fg-subtle);font-size:10px;transition:transform .15s ease}.chap-caret.open{transform:rotate(90deg)}.chap-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.chap-name{font-weight:700;font-size:13px;color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chap-prog{font-size:11px;color:var(--fg-subtle)}.chap-stages{padding:2px 0 6px 14px;display:flex;flex-direction:column;gap:1px}.stage-row{display:flex;align-items:center;gap:8px;padding:7px 9px;background:transparent;border:0;border-left:2px solid var(--border);cursor:pointer;font-family:var(--sans);text-align:left}.stage-row:hover{background:var(--surface2)}.stage-row.is-active{background:var(--violet-50);border-left-color:var(--violet)}.stage-status{width:8px;height:8px;border-radius:999px;flex-shrink:0}.s-published{background:var(--success)}.s-review{background:var(--gold)}.s-draft{background:var(--violet)}.s-empty{background:transparent;border:1.5px solid var(--border-strong)}.stage-no{font-size:11px;color:var(--fg-subtle)}.stage-title{font-size:12.5px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-row.is-active .stage-title{color:var(--violet-strong);font-weight:700}.workspace{display:flex;flex-direction:column;gap:14px;min-width:0}.ws-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.ws-stagebadge{width:42px;height:42px;border-radius:12px;color:#fff;font-family:var(--mono);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-title{font-size:17px;font-weight:800;color:var(--fg-strong);letter-spacing:-.01em}.ws-reward{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#9a6b00;background:#fff3d6;padding:5px 10px;border-radius:999px}.wtabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.wtab{position:relative;border:0;background:transparent;font-family:var(--sans);font-weight:700;font-size:14px;color:var(--fg-muted);padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;border-bottom:2px solid transparent;margin-bottom:-1px}.wtab:hover{color:var(--fg)}.wtab.is-active{color:var(--violet-strong);border-bottom-color:var(--violet)}.wtab-count{font-size:11px;background:var(--surface2);color:var(--fg-muted);border-radius:999px;padding:1px 7px}.wtab.is-active .wtab-count{background:var(--violet-50);color:var(--violet-strong)}.steps-area{display:grid;grid-template-columns:216px minmax(0,1fr);gap:14px;align-items:start}.steprail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.steprail-head{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 8px}.rail-title{font-weight:800;font-size:13px;color:var(--fg-strong)}.rail-count{font-size:11px;color:var(--fg-muted);background:var(--surface2);border-radius:999px;padding:1px 8px}.steprail-list{display:flex;flex-direction:column;gap:4px;padding:4px 8px 8px}.stepchip{display:flex;align-items:center;gap:7px;padding:8px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;position:relative}.stepchip:hover{background:var(--surface2)}.stepchip.is-active{background:var(--surface);border-color:var(--violet);box-shadow:0 0 0 2px var(--violet-50)}.step-idx{font-size:11px;color:var(--fg-subtle);width:12px}.step-kind{font-size:10px;font-weight:800;padding:2px 6px;border-radius:5px;white-space:nowrap;flex-shrink:0}.step-kind.big{font-size:12px;padding:4px 10px;border-radius:7px}.k-teach{background:#f2ecfc;color:#5b21b6}.k-check{background:var(--loss-soft);color:#14409e}.k-reveal{background:#d4f5f3;color:#0a6b69}.k-replay{background:#fdebd0;color:#92500a}.k-recap{background:#fff3d6;color:#9a6b00}.step-label{font-size:12px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.stepchip.is-active .step-label{font-weight:600;color:var(--fg-strong)}.step-hasvis{color:var(--fg-subtle);font-size:11px}.step-del{opacity:0;border:0;background:transparent;color:var(--fg-subtle);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:5px}.stepchip:hover .step-del{opacity:1}.step-del:hover{background:var(--gain-soft);color:var(--gain)}.steprail-add{border-top:1px solid var(--border);padding:10px}.addlbl{display:block;font-size:11px;font-weight:700;color:var(--fg-subtle);margin-bottom:6px}.addbtns{display:grid;grid-template-columns:1fr 1fr;gap:5px}.addbtn{border:1px dashed var(--border-strong);background:var(--surface);font-family:var(--sans);font-weight:700;font-size:12px;padding:6px;border-radius:8px;cursor:pointer;color:var(--fg-muted)}.addbtn:hover:not(:disabled){background:var(--surface2);border-style:solid}.addbtn:disabled{opacity:.45;cursor:not-allowed}.stepeditor{padding:0}.editor-empty{padding:40px;text-align:center;color:var(--fg-muted)}.stepeditor-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.stepeditor-body{padding:16px;display:flex;flex-direction:column;gap:16px}.select.sm{padding:6px 10px;font-size:13px}.fld{display:flex;flex-direction:column}.fld.full{grid-column:1 / -1}.optlist{display:flex;flex-direction:column;gap:7px}.opt-row{display:flex;align-items:center;gap:8px}.opt-radio{width:18px;height:18px;border-radius:999px;border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0}.opt-radio.on{border-color:var(--success)}.opt-radio.on span{width:9px;height:9px;border-radius:999px;background:var(--success)}.opt-key{font-size:11px;color:var(--fg-subtle);width:12px;flex-shrink:0}.opt-row .input{flex:1;padding:7px 11px}.opt-row.is-correct .input{border-color:var(--success);background:#f3fbf6}.opt-del{border:0;background:transparent;color:var(--fg-subtle);cursor:pointer;font-size:12px;padding:4px 6px;border-radius:6px;flex-shrink:0}.opt-del:hover:not(:disabled){background:var(--gain-soft);color:var(--gain)}.opt-del:disabled{opacity:.3;cursor:not-allowed}.opt-add{border:1px dashed var(--border-strong);background:transparent;color:var(--fg-muted);font-family:var(--sans);font-weight:700;font-size:13px;padding:8px;border-radius:var(--radius-sm);cursor:pointer}.opt-add:hover{background:var(--surface2);border-style:solid}.opt-add.sm{padding:6px 12px;font-size:12px}.vbuilder{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface2);overflow:hidden}.vbuilder-head{display:flex;align-items:center;gap:10px;padding:11px 14px}.vbuilder-title{font-weight:800;font-size:13px;color:var(--fg-strong)}.vb-select{max-width:230px;margin-left:auto;padding:6px 10px;font-size:13px}.vbuilder-none{padding:0 14px 14px;color:var(--fg-subtle);font-size:12.5px}.vbuilder-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.vbuilder-preview{background:var(--surface);border-top:1px solid var(--border);padding:12px 14px}.vb-prev-label{display:block;font-size:11px;font-weight:700;color:var(--fg-subtle);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.ctable{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.ctable-head,.ctable-row{display:grid;grid-template-columns:24px 1fr 1fr 1fr 52px 28px;gap:6px;align-items:center;padding:6px 8px}.ctable-head{background:var(--surface2);font-size:11px;font-weight:700;color:var(--fg-muted)}.ctable-row{border-top:1px solid var(--border)}.cinput{width:100%;font-family:var(--mono);font-size:12.5px;border:1px solid var(--border-strong);border-radius:6px;padding:5px 7px;outline:none;background:var(--surface);color:var(--fg)}.cinput:focus{border-color:var(--violet);box-shadow:0 0 0 2px var(--violet-50)}.dir-dot{font-size:10px;font-weight:800;padding:2px 6px;border-radius:5px;text-align:center}.dir-dot.up{background:var(--gain-soft);color:#b3122f}.dir-dot.down{background:var(--loss-soft);color:#14409e}.vb-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hi-select{display:flex;align-items:center;gap:8px}.hi-select .select{width:110px;padding:6px 10px;font-size:13px}.bargrid{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.barcell{position:relative;width:64px}.barcell-del{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:999px;border:0;background:var(--surface3);color:var(--fg-muted);font-size:9px;cursor:pointer;display:none}.barcell:hover .barcell-del{display:block}.input.mono{font-family:var(--mono);font-size:12.5px}.input.has-err{border-color:var(--gain)}.numgrid{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.numcell{position:relative;width:60px}.numcell .input.num,.input.num{padding:7px 8px;text-align:center;font-family:var(--mono);font-size:13px}.numcell-del{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:999px;border:0;background:var(--surface3);color:var(--fg-muted);font-size:9px;cursor:pointer;display:none;line-height:1}.numcell:hover .numcell-del{display:block}.numadd{width:30px;height:32px;border-radius:var(--radius-sm);border:1.5px dashed var(--border-strong);background:var(--surface);color:var(--fg-muted);font-size:16px;cursor:pointer;line-height:1}.numadd:hover{background:var(--surface2);color:var(--violet)}.segrow{display:inline-flex;background:var(--surface2);border-radius:var(--radius-sm);padding:3px;gap:2px}.segbtn{border:0;background:transparent;color:var(--fg-muted);font-family:var(--sans);font-weight:700;font-size:12.5px;padding:6px 13px;border-radius:8px;cursor:pointer}.segbtn:hover{color:var(--fg)}.segbtn.on{background:var(--surface);color:var(--violet-strong);box-shadow:var(--shadow-card)}.checkrow{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--fg-strong)}.checkrow input{width:17px;height:17px;accent-color:var(--violet);cursor:pointer}.periods{display:flex;flex-direction:column;gap:8px}.period-row{display:grid;grid-template-columns:64px 1fr auto auto;gap:8px;align-items:center}.swatches{display:inline-flex;gap:5px}.swatches .swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0}.swatches .swatch.on{border-color:var(--fg-strong);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--fg-strong)}.ptable{display:flex;flex-direction:column;gap:5px}.ptable-head,.ptable-row{display:grid;grid-template-columns:24px 1fr 1fr 1fr 1fr 40px 28px;gap:6px;align-items:center}.ptable-head{font-size:10.5px;font-weight:700;color:var(--fg-subtle);padding:0 2px}.ptable-head span{text-align:center}.ptable-no{text-align:center;color:var(--fg-subtle);font-size:12px}.hi-chip{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:6px 0;font-size:13px;cursor:pointer;color:var(--fg-subtle)}.hi-chip.on{border-color:var(--gold);background:#fff7e6;color:#9a6b00}.reveal-sec{border:1px solid var(--border);border-radius:var(--radius-md);padding:13px;display:flex;flex-direction:column;gap:12px;background:var(--surface2)}.reveal-sec-h{display:flex;align-items:center}.reveal-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px}.reveal-badge.after{background:#d4f5f3;color:#0a6b69}.tabcard{padding:18px;display:flex;flex-direction:column;gap:14px}.tabcard-head{display:flex;align-items:baseline;gap:10px}.recap-rows{display:flex;flex-direction:column;gap:7px}.recap-row{display:grid;grid-template-columns:24px .8fr 1.4fr 26px;gap:8px;align-items:center}.recap-no{width:22px;height:22px;border-radius:6px;background:var(--violet-50);color:var(--violet-strong);font-size:11px;display:flex;align-items:center;justify-content:center}.recap-row .input{padding:7px 11px}.preview-col{position:sticky;top:70px;display:flex;flex-direction:column;align-items:center;gap:12px}.preview-head{display:flex;align-items:center;gap:10px;width:100%;justify-content:space-between}.preview-foot{font-size:11.5px}.phone{width:312px;background:#15151c;border-radius:38px;padding:9px;box-shadow:var(--shadow-float);position:relative}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:92px;height:22px;background:#15151c;border-radius:999px;z-index:3}.phone-screen{background:var(--bg);border-radius:30px;overflow:hidden;height:600px;display:flex;flex-direction:column}.lp-top{display:flex;align-items:center;gap:11px;padding:16px 16px 10px}.lp-close{color:var(--fg-muted);font-size:18px}.lp-segs{flex:1;display:flex;gap:4px}.lp-seg{flex:1;height:8px;border-radius:999px;background:var(--surface3)}.lp-seg.on{background:#22c55e}.lp-pct{font-size:12px;font-weight:800;color:#15803d;min-width:34px;text-align:right}.lp-body{flex:1;overflow-y:auto;padding:8px 22px 14px;display:flex;flex-direction:column;justify-content:center}.lp-body.is-quiz{justify-content:flex-start}.lp-foot{padding:10px 18px 18px;border-top:1px solid var(--border);background:var(--surface)}.lp-cta{width:100%;border:0;border-radius:14px;background:#22c55e;color:#fff;font-family:var(--sans);font-weight:800;font-size:15px;padding:13px;cursor:pointer;box-shadow:0 4px #15803d}.lp-foot-hint{text-align:center;font-size:13px;font-weight:700;color:var(--fg-subtle);padding:6px 0}.lp-empty{color:var(--fg-subtle);text-align:center;padding:60px 20px;font-size:13px}.lp-step{display:flex;flex-direction:column}.lp-chip{align-self:flex-start;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.02em;color:#15803d;background:#22c55e1a;padding:5px 11px;border-radius:999px}.lp-title{font-family:"Bricolage Grotesque",var(--sans);font-size:22px;font-weight:800;color:var(--fg-strong);letter-spacing:-.01em;line-height:1.32;margin:10px 0 0;word-break:keep-all}.lp-text{font-size:14.5px;color:var(--fg);line-height:1.68;margin:9px 0 0;word-break:keep-all}.lp-visual{background:var(--surface2);border:1px solid var(--border);border-radius:18px;padding:18px 16px;margin:16px 0 0}.lp-visual.center{display:flex;justify-content:center;padding:12px 8px}.lp-opts{display:flex;flex-direction:column;gap:9px;margin-top:16px}.lp-opt{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:14.5px;font-weight:700;color:var(--fg-strong);box-shadow:var(--shadow-card)}.lp-opt.is-answer{border-color:#22c55e;background:#22c55e14}.lp-opt-key{width:28px;height:28px;border-radius:8px;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:800;color:var(--fg-subtle);flex-shrink:0}.lp-opt.is-answer .lp-opt-key{background:#22c55e;color:#fff}.lp-opt-text{line-height:1.35;word-break:keep-all}.lp-opt-mark{margin-left:auto;font-size:10px;font-weight:800;color:#137a3e;background:#d8f5e3;padding:3px 8px;border-radius:999px;flex-shrink:0}.lp-reveal-box{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px 14px;cursor:pointer;transition:border-color .12s}.lp-reveal-box:not(.open):hover{border-color:var(--k-reveal)}.lp-reveal-box.open{cursor:default}.lp-reveal-cover{text-align:center;padding:14px 6px}.lp-reveal-big{font-size:34px;font-weight:800;color:var(--fg-strong);letter-spacing:-.02em}.lp-reveal-hint{margin-top:10px;display:inline-flex;align-items:center;gap:7px;background:#22c55e1a;color:#15803d;font-weight:800;font-size:12.5px;padding:8px 14px;border-radius:999px}.lp-fin{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:6px}.lp-fin-orb{width:96px;height:96px;border-radius:999px;background:#22c55e1a;display:flex;align-items:center;justify-content:center;font-size:46px;box-shadow:0 0 0 16px #22c55e0f}.lp-fin-label{margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#22c55e}.lp-fin-title{margin-top:6px;font-family:"Bricolage Grotesque",var(--sans);font-size:23px;font-weight:800;color:var(--fg-strong);line-height:1.25}.lp-fin-sub{margin-top:8px;font-size:13.5px;font-weight:600;color:var(--fg-muted);line-height:1.55;max-width:240px;word-break:keep-all}.lp-fin-stats{display:flex;gap:9px;width:100%;margin-top:18px}.lp-fin-stat{flex:1;background:var(--surface);border-radius:var(--radius-md);padding:13px 4px;box-shadow:var(--shadow-card)}.lp-fin-stat-l{font-size:11px;font-weight:800;color:var(--fg-muted)}.lp-fin-stat-v{font-size:18px;font-weight:800;margin-top:3px}.lp-fin-summary{width:100%;margin-top:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.18);border-radius:var(--radius-md);padding:13px 16px;text-align:left}.lp-fin-summary-h{font-size:12px;font-weight:800;color:#15803d;margin-bottom:4px}.lp-fin-summary-b{font-size:13.5px;font-weight:700;color:var(--fg);line-height:1.55;word-break:keep-all}.lp-recap-cards{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:16px}.lp-fin-recap-row{display:flex;align-items:center;gap:11px;background:var(--surface);border-radius:var(--radius-md);padding:11px 13px;box-shadow:var(--shadow-card);text-align:left}.lp-fin-recap-no{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.lp-fin-recap-row strong{display:block;font-size:14px;font-weight:900;color:var(--fg-strong)}.lp-fin-recap-row span{font-size:12.5px;font-weight:600;color:var(--fg-muted)}.vis-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:120px;background:var(--surface2);border-radius:10px;color:var(--fg-muted)}.vis-ph.compact{height:56px}.vis-ph .mono{font-size:13px;font-weight:700;color:var(--fg)}.vis-ph.legacy .mono{color:var(--violet-strong)}.vis-ph-note{font-size:11px;color:var(--fg-subtle)}@media(max-width:1200px){.cms-grid{grid-template-columns:220px minmax(0,1fr)}.preview-col{display:none}}@media(max-width:820px){.cms-grid{grid-template-columns:1fr}.curriculum-col,.tree{position:static;max-height:none}}.track-groups{display:flex;flex-direction:column;gap:16px}.track-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px 18px}.track-group-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tg-ic{width:38px;height:38px;border-radius:11px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.tg-name{font-size:16px;font-weight:800;color:var(--fg-strong);display:inline-flex;align-items:center}.track-branch{padding:2px 4px}.track-branch-label{font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--fg-subtle)}.track-mids{display:flex;flex-direction:column;gap:14px;margin-left:14px;padding-left:16px;border-left:2px dashed var(--border-strong)}.tree-level+.tree-level{margin-top:6px}.tree-tier{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--fg-subtle);padding:8px 8px 4px;text-transform:uppercase}.pzb{display:flex;flex-direction:column;gap:16px}.pz-opts{display:flex;flex-direction:column;gap:8px}.pz-opt{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;background:var(--surface)}.pz-opt.is-answer{border-color:var(--success);background:#f3fbf6}.pz-opt.is-sel{box-shadow:0 0 0 2px #6d28d92e}.pz-opt-top{display:flex;align-items:center;gap:8px}.pz-opt-top .input{flex:1;padding:7px 11px}.pz-opt.row{display:flex;align-items:center;gap:8px}.pz-candle-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-muted);white-space:nowrap;cursor:pointer}.pz-candle-row{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.pz-ohlc{display:flex;gap:8px}.pz-ohlc-cell{display:flex;flex-direction:column;gap:3px}.pz-ohlc-cell span{font-size:10px;color:var(--fg-subtle);text-align:center}.pz-ohlc-cell .input.num{width:54px}.pz-xy{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--fg-subtle)}.pz-xy .input.num{width:64px}.pz-order{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.pz-order-head{display:flex;align-items:center;gap:8px}.pz-order-seq{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;align-items:center}.pz-seq-chip{display:inline-flex;align-items:center;gap:6px;background:#22c55e1a;border:1px solid var(--success);color:#137a3e;border-radius:999px;padding:4px 10px 4px 5px;font-size:12.5px;font-weight:700}.pz-seq-chip button{border:0;background:transparent;color:#137a3e;cursor:pointer;font-size:11px;padding:0 2px}.pz-seq-no{width:17px;height:17px;border-radius:999px;background:var(--success);color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.pz-order-pool{display:flex;flex-wrap:wrap;gap:6px}.pz-pool-chip{border:1px dashed var(--border-strong);background:transparent;color:var(--fg-muted);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--sans)}.pz-pool-chip:hover{background:var(--surface2);border-style:solid}.pz-lines{display:flex;flex-direction:column;gap:10px}.pz-line{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;background:var(--surface);display:flex;flex-direction:column;gap:8px}.pz-line-head{display:flex;align-items:center;gap:8px}.pz-line-head .input{flex:1;padding:6px 10px}.pz-pts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pz-pt{position:relative;display:flex;gap:3px}.pz-pt .input.num{width:56px}.pz-yline{display:flex;align-items:center;gap:8px}.pz-yline .input{flex:1;padding:6px 10px}.pz-extras{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.pz-extras-toggle{border:0;background:transparent;color:var(--fg-muted);font-family:var(--sans);font-weight:700;font-size:12.5px;cursor:pointer;padding:2px 0}.pz-extras-body{display:flex;flex-direction:column;gap:14px;margin-top:10px}.pz-sub{display:flex;flex-direction:column;gap:8px}.pz-sub-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--fg)}.pz-chart-remove{text-align:right}.pz-chartbox{background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:10px;margin-top:12px}.pz-chartbox.edit{background:var(--surface)}.pz-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.pz-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;min-width:70px;box-shadow:var(--shadow-card)}.pz-card.is-answer{border-color:#22c55e;background:#22c55e0f}.pz-card-label{font-size:12.5px;font-weight:700;color:var(--fg-strong)}.pz-card-rank{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:999px;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.pz-answerline{margin-top:10px;font-size:12.5px;color:var(--fg-muted);text-align:center}.pz-hint{margin-top:14px;font-size:12.5px;color:#92670a;background:var(--warning-soft, #FEF1CD);border-radius:12px;padding:9px 12px}.pz-explain{margin-top:10px;display:flex;flex-direction:column;gap:3px;background:var(--surface2);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--fg);line-height:1.4}.pz-explain-h{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--fg-subtle);text-transform:uppercase}.pz-issues{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.pz-issue{font-size:12.5px;color:#92670a;background:var(--warning-soft, #FEF1CD);border-radius:8px;padding:7px 11px}