:root{--background:#151a20;--panel:#242c34;--panel-strong:#1d242b;--panel-soft:#2a333c;--ink:#edf7f8;--muted:#a7b5bd;--line:#a6bbc43d;--accent:#18f3dd;--accent-strong:#6ffcf0;--accent-cool:#12c7e8;--danger:#ff5b73;--shadow:#0000005c;--glow:0 18px 46px #00000047}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 94% 2%,#18f3ddf2 0 16rem,#0000 16.1rem),linear-gradient(90deg,#0c1015b8 0 10rem,#0000 10rem),linear-gradient(#171c22 0%,#12171d 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:active,.file-button:active{transform:translateY(1px)}.app-shell{min-height:100vh;padding:48px 22px 56px;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.34;background:linear-gradient(90deg,#18f3dd14 1px,#0000 1px) 0 0/84px 84px,linear-gradient(#18f3dd0f 1px,#0000 1px) 0 0/84px 84px,radial-gradient(circle at 58% 36%,#18f3dd17,#0000 28rem);position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);max-width:1120px;box-shadow:var(--glow);z-index:1;background:#242c34f5;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 auto;padding:22px 26px;display:flex;position:relative}.brand h1{color:var(--accent);letter-spacing:0;text-shadow:0 0 18px #18f3dd40;margin:0;font-size:clamp(28px,4vw,58px);font-weight:500;line-height:1.1}.brand{align-items:center;gap:16px;min-width:0;display:flex}.brand-logo{aspect-ratio:1;background:#090c1057;border:1px solid #18f3dd61;border-radius:8px;flex:none;place-items:center;width:72px;display:grid;overflow:hidden;box-shadow:0 0 22px #18f3dd1f}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-copy{min-width:0;display:grid}.brand p{color:var(--muted);margin:8px 0 0;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.status-pill{color:var(--accent);white-space:nowrap;background:#18f3dd14;border:1px solid #18f3dd75;border-radius:999px;padding:8px 12px;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.level-summary{justify-items:end;gap:6px;min-width:220px;display:grid}.account-pill{background:#ffffff0d;border:1px solid #ffffff29;border-radius:6px;justify-items:end;gap:2px;max-width:320px;padding:8px 10px;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.account-pill.admin{background:#18f3dd1a;border-color:#18f3dd85;box-shadow:0 0 18px #18f3dd1f}.account-pill span{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:800}.account-pill strong{overflow-wrap:anywhere;color:var(--text);font-size:12px}.account-pill a{color:var(--muted);font-size:11px;text-decoration:none}.account-pill a:hover{color:var(--accent)}.level-summary>.muted{font-size:11px}.level-medal-counts{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.workspace{max-width:1120px;box-shadow:var(--glow);z-index:1;grid-template-columns:280px minmax(0,1fr);gap:0;margin:0 auto;display:grid;position:relative}.tabs{border-bottom:1px solid var(--line);z-index:1;background:#242c34f5;justify-content:flex-end;gap:22px;max-width:1120px;margin:0 auto;padding:0 26px;display:flex;position:relative}.tabs button{color:var(--ink);box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:14px 0 13px;font-size:13px;font-weight:650}.tabs button.active{border-color:var(--accent);color:var(--accent);box-shadow:none;background:0 0;transform:none}.panel{background:var(--panel);border:0;border-right:1px solid var(--line);box-shadow:none;border-radius:0;padding:24px}.wide-panel{max-width:1120px;box-shadow:var(--glow);z-index:1;gap:0;margin:0 auto;display:grid;position:relative}.panel h2,.panel h3{color:var(--accent);text-shadow:none;margin:0 0 14px;font-weight:500}.section-heading-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-heading-row h2{margin:0}.section-heading-row .btn{white-space:nowrap;padding:7px 10px}.field{gap:6px;margin-bottom:12px;display:grid}.field span{color:var(--muted);font-size:12px;font-weight:700}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--ink);box-shadow:none;background:#1b2229;border-radius:4px;padding:10px 11px}.input:focus,.textarea:focus,.select:focus{border-color:#18f3ddb3;outline:2px solid #18f3dd1f}.textarea{resize:vertical;min-height:76px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.button-row.compact{gap:6px}.button-row.compact .btn{padding:7px 9px}.btn{border:1px solid var(--accent);color:var(--ink);background:0 0;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #18f3dd14}.btn.secondary{border-color:var(--line);color:var(--muted);background:#edf7f80a}.btn.danger{color:#ffd5dc;background:#ff5b731a;border-color:#ff5b73b3}.btn:disabled,.image-action:disabled{cursor:wait;opacity:.65}.list{gap:8px;display:grid}.list-item{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;box-shadow:none;background:#1d252c;border-radius:4px;padding:11px}.list-item.active{border-color:var(--accent);color:var(--accent);background:#18f3dd14}.skill-list-item{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.skill-list-item.level-fill-1{background:#0ea5e91f}.skill-list-item.level-fill-2{background:#10b9811f}.skill-list-item.level-fill-3{background:#facc151f}.skill-list-item.level-fill-4{background:#f973161f}.skill-list-item.level-fill-5{background:#ef44441f}.skill-list-item.active{border-color:var(--accent)}.skill-list-copy{gap:4px;min-width:0;display:grid}.skill-list-title{min-width:0;display:block}.skill-list-title strong{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.skill-level-pill{color:#edf7f8bd;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.skill-list-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.skill-list-thumb{aspect-ratio:1;border:1px solid var(--line);width:48px;color:var(--muted);background:#1b2229;border-radius:4px;place-items:center;font-size:11px;display:grid;overflow:hidden}.skill-list-thumb img{object-fit:cover;width:100%;height:100%}.skill-header-edit{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:start;gap:12px;display:grid}.level-number{aspect-ratio:1;color:#fff;text-shadow:0 1px 3px #00000073;border:2px solid;border-radius:50%;flex:none;place-items:center;width:34px;min-width:34px;font-size:18px;font-weight:950;line-height:1;display:inline-grid}.level-1{background:#0ea5e9;box-shadow:0 0 14px #0ea5e952}.level-2{background:#10b981;box-shadow:0 0 14px #10b98152}.level-3{color:#1d1a08;background:#facc15;box-shadow:0 0 14px #facc1552}.level-4{background:#f97316;box-shadow:0 0 14px #f9731652}.level-5{background:#ef4444;box-shadow:0 0 14px #ef444452}.level-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.level-option{border:1px solid var(--line);min-width:0;color:var(--muted);background:#1d252c;border-radius:4px;place-items:center;gap:8px;padding:5px 3px;display:grid}.level-option .level-number{width:24px;min-width:24px;font-size:13px}.level-option span:not(.level-number){text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:700;overflow:hidden}.level-option.active{border-color:var(--accent);color:var(--accent);background:#18f3dd14}.muted{color:var(--muted)}.editor{gap:16px;display:grid}.session,.area,.exercise-row{border:1px solid var(--line);background:var(--panel-strong);box-shadow:none;border-radius:4px;padding:14px}.session{gap:14px;display:grid}.area{background:#202830;gap:12px;display:grid}.exercise-row{grid-template-columns:minmax(180px,1fr) 96px 120px minmax(140px,1fr) auto auto;align-items:end;gap:8px;display:grid}.session-skill-row{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) auto auto}.reorder-actions{justify-content:flex-end;align-self:end;align-items:center;gap:6px;display:flex}.icon-btn{width:34px;height:34px;color:var(--accent);cursor:pointer;background:#18f3dd14;border:1px solid #18f3dd6b;border-radius:4px;font-size:18px;font-weight:800;line-height:1}.icon-btn:disabled{cursor:not-allowed;opacity:.32}.icon-btn:not(:disabled):hover{border-color:var(--accent);background:#18f3dd24}.session-tile-grid{background:var(--panel);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:20px 24px;display:grid}.session-tile{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#1d252c;border-radius:4px;gap:8px;padding:12px;display:grid}.session-tile strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.session-tile>.muted{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.template-section{border-bottom:1px solid var(--line);gap:0;display:grid}.template-card{cursor:default}.template-card .btn{justify-self:start;margin-top:4px}.session-skill-icons{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;display:flex}.training-session-strip{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:20px 24px;display:grid}.training-session-card{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#1d252c;border-radius:4px;gap:8px;padding:12px;display:grid}.training-session-card.active{border-color:var(--accent);background:#18f3dd14}.training-session-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.training-session-card>.muted{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.training-week-list{background:var(--panel);gap:14px;max-height:72vh;padding:20px 24px;display:grid;overflow-y:auto}.training-week{border:1px solid var(--line);background:var(--panel-strong);border-radius:4px;gap:10px;padding:12px;display:grid}.training-week-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.training-week-heading strong{color:var(--accent);font-weight:700}.training-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding-bottom:2px;display:grid;overflow-x:visible}.training-day{border:1px solid var(--line);background:#1d252c;border-radius:4px;grid-template-rows:auto minmax(128px,1fr);min-width:0;min-height:188px;display:grid}.training-day:hover,.training-day:focus-within{border-color:#18f3dd8c;box-shadow:0 0 16px #18f3dd1f}.training-day-header{border-bottom:1px solid var(--line);color:var(--ink);background:#edf7f808;place-items:center;gap:3px;padding:10px;display:grid}.training-day-header span{color:var(--muted);font-size:12px}.training-day-header strong{color:var(--accent);font-size:18px}.training-day-content{grid-auto-rows:minmax(96px,1fr);align-content:start;gap:0;min-height:100%;padding:0;display:grid}.planned-session{background:linear-gradient(135deg,#18f3dd21,#bd69ff14),0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;min-height:100%;padding:10px 32px 30px 10px;display:grid;position:relative}.planned-session.done{background:linear-gradient(135deg,#ffcd572e,#18f3dd14),0 0}.training-day-empty{padding:10px}.planned-session-remove{aspect-ratio:1;color:#ff6262;background:#14181db8;border:1px solid #ff626280;border-radius:50%;place-items:center;width:22px;font-size:0;font-weight:900;line-height:1;display:grid;position:absolute;bottom:7px;right:7px}.planned-session-remove:before,.planned-session-remove:after{content:"";background:#ff6262;border-radius:2px;width:10px;height:2px;position:absolute}.planned-session-remove:before{transform:rotate(45deg)}.planned-session-remove:after{transform:rotate(-45deg)}.planned-session-remove:hover{background:#ff626229;border-color:#ff6262d9}.planned-session strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.planned-session-status{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.25;display:block}.planned-session .session-skill-icons{gap:2px;min-height:28px}.planned-session .session-skill-icon{width:28px}.mastery-medal{border:1px solid;border-radius:3px;place-items:center;margin-left:6px;padding:2px 5px;font-size:9px;font-weight:800;line-height:1;display:inline-grid}.medal-1{color:#d9944f;background:#cd7f3224}.medal-2{color:#cfd6de;background:#c0c7cf24}.medal-3{color:#ffcd57;background:#ffcd5729}.mastery-panel{border:1px solid var(--line);background:#ffcd570f;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mastery-panel>div{gap:4px;display:grid}.level-status-list{border-bottom:1px solid var(--line);background:#edf7f808;gap:6px;padding:10px 14px;display:grid}.level-status-row{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.medal-picker{grid-template-columns:repeat(3,minmax(92px,1fr)) auto;align-items:stretch;gap:8px;display:grid}.medal-option,.medal-clear{text-align:left;background:0 0;border:1px solid;border-radius:4px;gap:3px;min-width:0;padding:7px;display:grid}.medal-option span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.medal-option.active{box-shadow:0 0 14px}.medal-clear{border-color:var(--line);color:var(--muted);text-align:center;align-content:center;font-size:11px}.session-skill-icon{aspect-ratio:1;border:1px solid var(--line);width:32px;color:var(--muted);background:#151c22;border-radius:4px;place-items:center;font-size:11px;font-weight:800;display:grid;overflow:hidden}.session-skill-icon img{object-fit:cover;width:100%;height:100%}.session-detail-card{border-bottom:1px solid var(--line);background:var(--panel);gap:16px;padding:24px;display:grid}.skill-pick-button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#1d252c;border-radius:4px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.skill-pick-preview{aspect-ratio:1;border:1px solid var(--line);width:58px;color:var(--muted);background:#151c22;border-radius:4px;place-items:center;font-size:10px;display:grid;overflow:hidden}.skill-pick-preview img{object-fit:cover;width:100%;height:100%}.skill-pick-copy{gap:5px;min-width:0;display:grid}.skill-pick-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.exercise-pick-button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#1d252c;border-radius:4px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.exercise-pick-button strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.exercise-pick-preview{aspect-ratio:1;border:1px solid var(--line);width:58px;color:var(--muted);background:#151c22;border-radius:4px;place-items:center;font-size:10px;display:grid;overflow:hidden}.exercise-pick-preview img{object-fit:cover;width:100%;height:100%}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#1d252c;border-radius:4px;padding:20px}.auth-panel{max-width:1120px;box-shadow:var(--glow);z-index:1;background:#242c34f5;border:1px solid #18f3dd52;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;margin:18px auto 0;padding:22px 24px;display:flex;position:relative}.auth-panel h2{color:var(--accent);margin:0 0 6px;font-size:22px}.auth-panel p{color:var(--muted);margin:0}.error{color:var(--danger)}.exercise-create{border:0;border-bottom:1px solid var(--line);background:var(--panel);box-shadow:none;border-radius:0;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;padding:24px;display:grid}.exercise-create h2{color:var(--accent);text-shadow:none;margin:0 0 14px;font-weight:500}.exercise-grid{gap:0;display:grid}.exercise-toolbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.exercise-toolbar h2{color:var(--accent);margin:0 0 4px;font-weight:500}.exercise-tile-grid{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px;padding:20px 24px;display:grid}.exercise-tile{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#1d252c;border-radius:4px;gap:8px;padding:10px;display:grid}.exercise-tile.active{border-color:var(--accent);background:#18f3dd14}.exercise-tile strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.exercise-tile-preview{aspect-ratio:1;border:1px solid var(--line);width:100%;color:var(--muted);background:linear-gradient(90deg,#18f3dd14 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#18f3dd0f 1px,#0000 1px) 0 0/18px 18px,#1b2229;border-radius:4px;place-items:center;font-size:12px;display:grid;overflow:hidden}.exercise-tile-preview img{object-fit:cover;width:100%;height:100%}.generation-notes{background:var(--panel);border-bottom:1px solid var(--line);margin:0;padding:18px 24px}.generation-notes.inline{border-bottom:0;padding:0}.exercise-edit-card{border:0;border-bottom:1px solid var(--line);background:var(--panel);box-shadow:none;border-radius:0;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:24px;display:grid}.batch-generation-grid{background:var(--panel);gap:16px;padding:20px 24px;display:grid}.batch-generation-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:4px;gap:14px;padding:14px;display:grid}.batch-generation-card h3{color:var(--accent);margin:4px 0 0;font-weight:500}.batch-image-pair{grid-template-columns:repeat(2,minmax(0,220px));gap:12px;display:grid}.exercise-detail-header{grid-column:1/-1}.exercise-preview{aspect-ratio:1;border:1px solid var(--line);width:100%;color:var(--muted);background:linear-gradient(90deg,#18f3dd14 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#18f3dd0f 1px,#0000 1px) 0 0/18px 18px,#1b2229;border-radius:4px;place-items:center;display:grid;overflow:hidden}.exercise-preview img{object-fit:cover;width:100%;height:100%}.exercise-edit-content{min-width:0}.image-dropzone{min-height:58px;color:var(--muted);background:#1b2229;border:1px dashed #18f3dd75;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.image-dropzone.large{align-content:center;min-height:100%}.image-dropzone:focus{border-color:var(--accent);outline:2px solid #18f3dd24}.file-button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:700}.file-button input{display:none}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.image-tile{gap:6px;min-width:0;display:grid}.image-tile img{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:4px;width:100%}.image-action{min-height:32px;color:var(--ink);box-shadow:none;background:0 0;border:1px solid #18f3dd6b;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:700}.image-actions{grid-template-columns:1fr;gap:6px;display:grid}.image-action.danger{color:#ffd5dc;background:#ff5b731a;border-color:#ff5b73b3}.generated-preview{background:#18f3dd0f;border:1px solid #18f3dd6b;border-radius:4px;gap:6px;padding:6px;display:grid}.generated-preview img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}.file-list{color:var(--muted);grid-column:1/-1;font-size:13px}.new-image-preview-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.new-image-preview{gap:6px;display:grid}.new-image-preview img{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:4px;width:100%}.toast{border-left:3px solid var(--accent);background:var(--panel);max-width:1120px;box-shadow:var(--glow);z-index:1;margin:14px auto 0;padding:10px 12px;position:relative}.modal-backdrop{z-index:20;background:#090c10b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--panel);width:min(920px,100%);max-height:min(760px,90vh);box-shadow:var(--glow);border-radius:6px;gap:16px;padding:18px;display:grid;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-header h2{color:var(--accent);margin:0;font-weight:500}.training-completion-modal{width:min(1080px,100%)}.completion-skill-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.completion-skill{border:1px solid var(--line);background:#edf7f808;border-radius:4px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.completion-skill strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;display:block;overflow:hidden}.completion-medal-actions{gap:4px;display:flex}.mini-medal{aspect-ratio:1;background:0 0;border:1px solid;border-radius:50%;place-items:center;width:24px;font-size:10px;font-weight:900;display:grid}.mini-medal.active{box-shadow:0 0 10px}.completion-exercise-list{gap:8px;display:grid}.completion-exercise{border:1px solid var(--line);background:#1d252c;border-radius:4px;grid-template-columns:minmax(220px,1fr) 74px 74px 82px minmax(120px,1fr);align-items:center;gap:8px;padding:8px;display:grid}.checkbox-row{grid-template-columns:auto 42px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.checkbox-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.exercise-pick-preview.small{width:42px}.input.compact{min-height:38px;padding:8px}.exercise-picker-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px;display:grid}.exercise-picker-card{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#1d252c;border-radius:4px;gap:8px;padding:10px;display:grid}.exercise-picker-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;overflow:hidden}.exercise-picker-card .muted{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.exercise-picker-image{aspect-ratio:1;border:1px solid var(--line);width:100%;color:var(--muted);background:#151c22;border-radius:4px;place-items:center;display:grid;overflow:hidden}.exercise-picker-image img{object-fit:cover;width:100%;height:100%}.app-footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);z-index:1;justify-content:space-between;align-items:center;gap:16px;margin:18px auto 0;padding:16px 2px 0;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex;position:relative}.app-footer a,.legal-back{color:var(--accent);text-decoration:none}.app-footer a:hover,.legal-back:hover{color:var(--accent-strong)}.legal-shell{min-height:100vh;padding:48px 22px 56px;position:relative}.legal-shell:before{content:"";pointer-events:none;opacity:.3;background:linear-gradient(90deg,#18f3dd14 1px,#0000 1px) 0 0/84px 84px,linear-gradient(#18f3dd0f 1px,#0000 1px) 0 0/84px 84px;position:fixed;inset:0}.legal-panel{border:1px solid var(--line);max-width:860px;box-shadow:var(--glow);z-index:1;background:#242c34f5;border-radius:6px;margin:0 auto;padding:26px;position:relative}.legal-panel h1{color:var(--accent);margin:16px 0 18px;font-size:36px;font-weight:500}.legal-content{color:var(--ink);gap:24px;font-size:14px;line-height:1.6;display:grid}.legal-content h2{color:var(--accent-strong);margin:0 0 8px;font-size:17px}.legal-content p{margin:4px 0}@media (max-width:920px){body{background:radial-gradient(circle at 100% 0,#18f3ddb3 0 9rem,#0000 9.1rem),linear-gradient(#171c22 0%,#12171d 100%)}.app-shell{padding:22px 14px 40px}.app-shell:after{display:none}.topbar{flex-direction:column}.workspace{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line)}.exercise-create,.exercise-edit-card,.skill-header-edit{grid-template-columns:1fr}.exercise-preview{max-width:220px}.exercise-row,.split,.image-dropzone{grid-template-columns:1fr}}