.social-space.sidebar-collapsed .sidebar{display:none}
.social-space .topbar{height:68px;min-height:68px;gap:18px}
.social-space .board-glyph{display:none}.social-space .board-heading{flex:1}.social-space .board-title-editor{font-size:16px;width:min(360px,100%)}
.social-space .header-actions{flex:0}.social-space .header-actions>.build-button,.social-space .header-actions>.action-divider{display:none!important}
.social-space .context-right,.social-space .canvas-hint{display:none}
.social-space .space-note{display:none}.social-space .view-tabs button{padding:9px 20px;font-size:13px}
.practising .contextbar,.practising .inspector-host,.practising .header-actions>[data-action="undo"],.practising .header-actions>[data-action="redo"]{display:none!important}
.mode-practice{overflow:hidden!important;background:#fbfcff!important;background-image:none!important}
.social-practice{color:#152743;background:#fbfcff;height:100%;min-height:0;display:flex;flex-direction:column;position:relative;font-size:16px;overflow:hidden}
.sp-button{border:1px solid #d8e1ef;border-radius:10px;background:#fff;color:#29476f;font-size:14px;min-height:42px;padding:10px 16px;font-weight:550;gap:8px}
.sp-button.primary{background:#1261f5;color:white;border-color:#1261f5;box-shadow:0 3px 9px #1261f51a}
.sp-button:hover:not(:disabled){border-color:#7fa8ed;background:#f0f5ff}.sp-button.primary:hover:not(:disabled){background:#084ddd}
.sp-toolbar{height:65px;flex:0 0 65px;position:relative;z-index:10;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sp-phase{background:#eaf0fe;color:#193660;border-radius:20px;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}
.sp-toolbar-actions{position:relative;display:flex;gap:8px;align-items:center}.sp-toolbar [data-sp="menu"]{border:0;background:transparent;padding:8px}
.sp-menu{position:absolute;right:0;top:45px;z-index:15;display:grid;padding:6px;width:180px;border:1px solid #dbe3f0;background:white;border-radius:12px;box-shadow:0 10px 30px #22365d21}.sp-menu .sp-button{justify-content:flex-start;border:0;background:transparent}.sp-menu .sp-button:hover{background:#edf3ff}
.sp-sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 35px 20px;gap:15px}.sp-sheet-heading h1{font-size:30px;letter-spacing:-.8px}.sp-sheet-heading>div{display:flex;gap:12px}.sp-sheet-heading .primary{font-size:16px;padding:13px 20px}
.sp-sheet-picker{min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:25px}.sp-sheet-picker p{font-size:20px;color:#73829c}.sp-image-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;width:min(950px,100%)}.sp-image-options button{border:1px solid #d9e3f1;border-radius:12px;padding:7px;background:white}.sp-image-options button:hover{border-color:#1261f5}.sp-image-options img{width:100%;height:150px;object-fit:contain}
.sp-current{background:white;border:1px solid #cbdbf6;border-radius:16px;box-shadow:0 4px 15px #16315b08;overflow:hidden}.sp-rehearse .sp-active-card .sp-current{outline:2px solid #306dff;outline-offset:3px}
.sp-current-body{padding:24px 28px}.sp-current p{font-size:23px;line-height:1.4;overflow-wrap:anywhere}.sp-speaker{color:#7a89a0;display:block;font-size:13px;margin-bottom:8px}.sp-scene{display:block;max-height:270px;width:100%;object-fit:cover}
.sp-tags{display:flex;gap:8px;margin-top:16px}.sp-tags span{background:#fff0db;color:#815d32;padding:6px 11px;border-radius:20px;font-size:12px}.sp-tags .tag-1{background:#e8edff;color:#4b61a0}
.sp-choice-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sp-choice-list button{flex:1;min-width:160px;justify-content:space-between;text-align:left;font-size:14px;line-height:1.5;border:1px solid #c8d9f8;background:#f4f7ff;color:#2768df;padding:14px 15px;border-radius:11px}.sp-choice-list button[aria-pressed="true"]{border-color:#3072fc;background:#e8f0ff}.sp-choice-list button:hover{background:#e0ebff}
.sp-answer{background:white;border:1px solid #d8e2ef;border-radius:14px;margin-top:24px;padding:22px}.sp-answer:focus-within{border-color:#7fa5ef;box-shadow:0 0 0 3px #2d74ff0b}.sp-answer textarea{width:100%;min-height:85px;border:0;box-shadow:none;padding:0;border-radius:0;resize:vertical;font-size:22px;line-height:1.45}.sp-answer>span,.sp-compare>span{display:block;font-size:12px;color:#7a88a0;margin-bottom:10px}.sp-answer p{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.sp-compare{border-top:1px solid #e4eaf3;margin-top:20px;padding-top:17px}.sp-compare p{color:#2167ec}.sp-hint{display:flex;align-items:center;gap:8px;margin-top:15px;padding:12px;background:#fff6dc;border-radius:10px;font-size:14px;color:#796132}
.sp-reply-controls{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:16px}.sp-reply-controls [data-sp="hint"],.sp-reply-controls [data-sp="retry"]{margin-right:auto}.sp-reply-controls .primary{min-width:120px}.sp-active>audio{width:100%;max-height:44px;margin-top:15px}.sp-flow .sp-reply-controls .primary{min-width:44px;width:44px;border-radius:50%;padding:10px}
.sp-finish{text-align:right;padding:0 30px 22px}.sp-empty{min-height:400px;display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center}.sp-empty h2{font-size:23px}
.sp-recap{background:white;border:1px solid #d4dfef;border-radius:16px;padding:28px;text-align:center}.sp-recap h1{font-size:31px;letter-spacing:-.7px;margin:25px 0}.sp-last-response{font-size:26px;line-height:1.45;color:#647894;margin-bottom:35px}.sp-recap-actions{display:flex;gap:12px;justify-content:center}.sp-review,.sp-history{text-align:left;margin-top:30px}.sp-review article,.sp-history article{padding:20px 0;border-bottom:1px solid #e1e7f0}.sp-review p,.sp-history p{line-height:1.6;margin:8px 0}.sp-muted{color:#8290a5}.sp-review details,.sp-history details{margin-top:15px}.sp-review summary,.sp-history summary{color:#637da4;cursor:pointer;font-size:14px}.sp-review small,.sp-history small{font-size:12px;color:#977a3f}.sp-review audio,.sp-history audio{max-width:100%}
.social-node-label{display:flex;align-items:center;gap:6px;position:absolute;left:12px;top:-28px;font-size:11px;line-height:1;padding:5px 8px;border:1px solid #d9e4f5;border-radius:20px;background:white;color:#3f648f;white-space:nowrap}.social-node-label .social-tone{border-left:1px solid #dbe4ee;padding-left:7px;color:#7c6a53}
.social-card-settings{display:grid;gap:12px;padding:12px 0 16px;border-bottom:1px solid #e4eaf2;margin-bottom:14px}.social-card-settings label{display:grid;gap:6px;font-size:11px;color:#72819a}.social-card-settings input,.social-card-settings select{font-size:12px;padding:8px}.social-card-settings>div{display:flex;gap:10px}.social-card-settings>div>label{flex:1}.social-card-settings .button{width:100%;font-size:12px}
.social-tools{display:flex;gap:4px;align-items:center;overflow-x:auto}.social-tools button{font-size:12px;white-space:nowrap;padding:7px 11px;border-radius:7px;color:#5b7292}.social-tools button:hover{background:#eaf1ff;color:#1769ee}.social-tools .tool-divider{height:20px;border-left:1px solid #dce4ef;margin:0 8px}
.social-canvas-tools:not(.social-tools-expanded)>:not(.social-tools):not([data-action="select"]):not([data-action="hand"]):not([data-action="add-image"]):not([data-action="connect"]){display:none}
.social-canvas-tools.social-tools-expanded{flex-wrap:wrap;height:auto}.social-space .canvas-context:has(.social-tools-expanded){height:auto;min-height:55px}
.social-more-card-options>summary{cursor:pointer;font-size:12px;color:#7184a1;padding:7px 0}.social-more-card-options[open]>summary{margin-bottom:15px}.social-card-settings{padding-top:8px;margin-bottom:4px}.social-space .node:has(.social-node-label){overflow:visible}

/* Every practice stage shares the same free canvas, including the image sheet. */
.sp-canvas{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;isolation:isolate;cursor:grab;touch-action:none;outline:none!important;background-color:#fbfcff;background-image:radial-gradient(circle,color-mix(in srgb,#b1c0d7 var(--grid-strength,65%),transparent) var(--grid-radius,.75px),transparent 1px)}
.sp-world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0}
.sp-wires{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:0}
.sp-wires path{fill:none;stroke:#8ba2c4;stroke-width:1.7;vector-effect:non-scaling-stroke}
.sp-canvas-card{position:absolute;z-index:1;cursor:grab;user-select:none;touch-action:none}
.sp-canvas-card img{-webkit-user-drag:none;user-select:none}.sp-canvas-card textarea{user-select:text;touch-action:auto}
.sp-active{position:relative;width:100%}.sp-past{border-color:#dde5f1;box-shadow:none}.sp-past p{font-size:20px;color:#657894}
.sp-previous{border:1px solid #cadaf3;border-radius:14px;background:#edf3ff;padding:22px}.sp-previous span{display:block;font-size:12px;color:#6d83a4;margin-bottom:9px}.sp-previous p{font-size:20px;line-height:1.45;overflow-wrap:anywhere}.sp-previous audio{width:100%;margin-top:15px}
.sp-hidden-node{height:190px;background:#edf1f8;border:1px dashed #b9c9e0;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#8da0bf}
.sp-card-grab{position:absolute;right:8px;top:-32px;height:28px;width:30px;background:white;border:1px solid #d7e2f3;border-radius:7px;color:#7089af;cursor:grab;opacity:0;transition:opacity .12s}.sp-canvas-card:hover>.sp-card-grab,.sp-card-grab:focus-visible{opacity:1}
.sp-dragging,.sp-dragging .sp-canvas-card,.sp-panning,.sp-panning .sp-canvas-card,.sp-panning .sp-card-grab{cursor:grabbing}.sp-card-dragging{z-index:5}.sp-card-dragging>.sp-current,.sp-card-dragging>.sp-previous{box-shadow:0 12px 35px #21365b20}
.sp-canvas-controls{position:absolute;left:20px;bottom:18px;z-index:8;display:flex;align-items:center;gap:2px;padding:4px;background:#fffffff2;border:1px solid #dce4f0;border-radius:10px;box-shadow:0 3px 10px #15274308;cursor:default}.sp-canvas-controls button{height:34px;min-width:34px;padding:7px;color:#486387;font-size:18px;border-radius:6px}.sp-canvas-controls button:hover{background:#edf3ff;color:#1261f5}.sp-canvas-controls [data-canvas="reset"]{font-size:12px;min-width:55px}.sp-canvas-controls i{height:20px;border-left:1px solid #e0e7f1;margin:0 5px}
.sp-sheet-heading{flex:none}.sp-sheet-image img{display:block;width:100%;height:auto;max-height:none;border-radius:14px}.sp-sheet-image{padding:0}.sp-sheet-card{min-height:680px}
.sp-history-page{overflow:auto;max-width:850px;width:100%;margin:30px auto;padding:0 25px 50px}.sp-history-page h1{margin-bottom:20px}
.sp-recap-actions{flex-wrap:wrap}.sp-recap h1{font-size:24px}.sp-last-response{font-size:23px}.sp-current-body{padding:24px}
@media(max-width:700px){
 .social-space .topbar{height:62px;min-height:62px;flex-wrap:nowrap;padding:0 10px;gap:5px}.social-space .board-heading{order:0;flex-basis:auto;min-width:0}.social-space .board-title-editor{font-size:12px;width:100%;min-width:0}.social-space .space-switcher{font-size:12px;max-width:90px;padding:5px}.social-space .space-switcher>svg:first-child{display:none}.social-space .view-tabs{order:0;flex-basis:auto;border:0;padding:2px;gap:0}.social-space .view-tabs button{font-size:11px;padding:7px}.social-space .header-actions{flex:0}.social-space .header-actions>.icon-button:not([data-action="board-menu"]):not([data-action="sync-status"]){display:none}.social-space .sidebar-toggle{width:24px}
 .sp-toolbar{padding:10px 12px;height:58px;flex-basis:58px}.sp-phase{font-size:11px;padding:7px 10px}.sp-toolbar .sp-button{font-size:12px;padding:8px;min-height:36px}.sp-toolbar-actions{gap:3px}.sp-sheet-heading{padding:5px 16px 20px}.sp-sheet-heading h1{font-size:26px}.sp-sheet-heading>div{gap:7px}.sp-sheet-heading .primary{font-size:12px;padding:11px}.sp-sheet-heading .sp-button:not(.primary){padding:9px}.sp-canvas-controls{left:12px;bottom:12px}.sp-image-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}