.growth-menu{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.growth-menu .btn{flex:1;min-height:58px;font-size:18px}.growth-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;background:#eae4f3;border:1px solid #d9cde7;border-radius:24px;margin:20px 0}.growth-banner h2{margin:0}.growth-page .heading{margin:30px 0}.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.track-card{background:white;border:1px solid #dde5da;border-radius:24px;padding:28px}.track-card h2{margin:0}.path-list{list-style:none;padding:0;margin:24px 0 0}.path-node{display:flex;gap:18px;position:relative;padding:0 0 28px}.path-node:not(:last-child):before{content:"";position:absolute;right:21px;top:42px;height:calc(100% - 40px);width:2px;background:#dae6db}.path-number{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f3eb;color:#25665b;flex:0 0 44px;height:44px;font-size:21px;font-weight:700}.path-node.mastered .path-number{background:#176c5d;color:white}.path-node.practicing .path-number,.path-node.active .path-number{background:#ffeed0}.path-node p{margin:7px 0;font-size:14px}.growth-insights{margin:24px 0}.week-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;padding:20px 0;direction:ltr}.week-bars>div{display:flex;flex-direction:column;gap:8px;align-items:center}.week-bars progress{width:100%;height:14px}.week-bars small{font-size:12px}.arrangement{margin:26px auto;max-width:680px}.sequence-answer,.sequence-bank{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;min-height:85px;padding:16px;margin:16px 0}.sequence-answer{border:2px dashed #84b5a8;border-radius:20px;background:#f1f8f1}.sequence-token{display:flex;align-items:center;justify-content:center;gap:10px;min-width:65px;min-height:66px;padding:14px 18px;border:1px solid #d5dfd0;border-radius:14px;background:white;font-size:28px;color:#14453e}.sequence-token svg{width:55px;height:55px}.word-model{font-size:36px;font-weight:700;padding:18px;letter-spacing:2px;text-align:center;background:#fff3dd;border-radius:16px}.pair-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.pair-columns>div{display:flex;flex-direction:column;gap:12px}.pair-item,.pair-target{display:flex;gap:10px;align-items:center;justify-content:center;border:2px solid #dde5d9;border-radius:16px;background:white;min-height:96px;padding:10px}.pair-label{border:0;background:none;font-size:24px;color:#17443d;padding:14px;flex:1;min-height:60px}.pair-item.selected{background:#edf7ef;border-color:#137364}.pair-target{flex-direction:column;font-size:17px;color:#18443d}.pair-target svg{height:70px;width:70px}.pair-summary{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.preview-pairs .row{padding:16px;border-bottom:1px solid #ddd}.preview-pairs svg{width:70px;height:70px}.pattern-strip{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0}.pattern-strip svg{width:65px;height:65px}.pattern-strip strong{font-size:35px}.removed-star{opacity:.5;position:relative}.removed-star>span{position:absolute;color:#9a3427;font-size:40px;inset:0;display:grid;place-items:center}.compare-groups{display:flex;gap:30px}.compare-groups>div{border:1px dashed #a4b3a1;border-radius:18px;padding:12px}.compare-groups strong{display:block;font-size:26px}.studio-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;background:white;border-radius:20px;margin:20px 0}.studio-top input{max-width:280px;min-height:48px}.studio-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:24px;align-items:start}.studio-grid{display:grid;border:2px solid #c9d9d0;border-radius:18px;overflow:hidden;background:#fafcf6;max-width:440px;margin:22px auto;aspect-ratio:1}.studio-grid.size-3{grid-template-columns:repeat(3,1fr)}.studio-grid.size-4{grid-template-columns:repeat(4,1fr)}.studio-grid.size-5{grid-template-columns:repeat(5,1fr)}.studio-grid.size-6{grid-template-columns:repeat(6,1fr)}.studio-cell{border:1px solid #d9e1d1;min-width:0;display:grid;place-items:center;background:#fafcf6;aspect-ratio:1;color:#768875;font-size:24px;padding:4px}.studio-cell.wall{background:#d5d8c8;color:#6a7364}.studio-cell.start{box-shadow:inset 0 0 0 3px #aacac3}.studio-cell svg{width:100%;height:100%;max-height:74px;max-width:74px}.studio-program{display:flex;flex-wrap:wrap;gap:10px;min-height:110px;border:2px dashed #d0ddcc;border-radius:16px;padding:14px;margin:18px 0}.studio-block{border:1px solid #9cc8c5;padding:12px;background:#e7f3f1;color:#165951;border-radius:12px;white-space:normal;overflow-wrap:anywhere;min-height:48px;font-size:20px}.studio-block.repeat{background:#efe6f7;border-color:#cdb6e2;font-size:17px}.studio-block.if_clear{background:#fff0d8;border-color:#e7c080;font-size:16px}.condition-builder{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0;padding:18px;background:#fff6e7;border-radius:16px}.condition-builder strong{width:100%}.condition-builder label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.condition-builder select{max-width:140px;min-height:44px}.studio-feedback{background:#f3f6ed;border-radius:16px;padding:18px;margin-top:20px;min-height:80px}.studio-feedback ol{max-height:210px;overflow:auto;font-size:14px}.blocked-event{color:#8e3a29;font-weight:bold}.code-board.size-4{grid-template-columns:repeat(4,1fr)}.code-board.size-5{grid-template-columns:repeat(5,1fr)}.growth-insights .btn{white-space:normal}.studio-top input:focus,.sequence-token:focus-visible,.pair-target:focus-visible,.studio-cell:focus-visible,.studio-block:focus-visible{outline:3px solid #dca343;outline-offset:2px}button:disabled{cursor:default}.pair-target:disabled{opacity:.45}.growth-page .lesson-card .studio-grid{max-width:220px}.growth-page .lesson-card h3{margin-bottom:6px}
@media(max-width:760px){.track-grid,.studio-workspace{grid-template-columns:1fr}.growth-menu .btn{font-size:16px;min-width:130px}.growth-banner{flex-direction:column;align-items:stretch}.track-card{padding:20px}.pair-columns{gap:12px}.pair-item{flex-direction:column}.pair-label{font-size:22px}.studio-workspace .card{padding:18px}.studio-top input{max-width:none;width:100%}.pattern-strip svg{width:45px;height:45px}.growth-insights>.row{flex-wrap:wrap}.week-bars{gap:6px}.sequence-token{font-size:24px;min-width:54px}.studio-cell{min-height:48px}.studio-grid{width:100%}.growth-page{padding:18px}.compare-groups{gap:10px}}
@media print{body{background:white!important;color:#111!important}body:has(dialog[open]) #app{display:none!important}dialog[open]{position:static!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;margin:0!important}dialog::backdrop{display:none}.sidebar,.topbar,.skip,#toast,.public-header,.growth-menu,.plan-card,.subject-tabs,button,.publish-actions,.dialog-close{display:none!important}.layout{display:block}.workspace,.content{margin:0!important;width:100%!important;max-width:none!important;padding:0!important}.card,.activity-preview,.track-card{box-shadow:none;break-inside:avoid;border:1px solid #bbb;margin:12px 0;padding:14px}.table-scroll{overflow:visible}.learning-table{width:100%;font-size:12px}.option{border:1px solid #aaa}.activity-preview svg{max-width:70px;max-height:70px}.count-star{display:inline-flex!important}.counting button{border:0}.options{break-inside:avoid}.notice{display:none}.growth-insights{break-before:auto}.studio-cell{print-color-adjust:exact}.pattern-strip{print-color-adjust:exact}}