/* Akademie-Zeichenmodul (academy_draw.js) – nutzt die Tokens aus style.css */
.akd{--akd-bg:var(--bg,#09090c);--akd-panel:var(--panel,#121217);--akd-panel2:var(--panel2,#19191f);--akd-red:var(--red,#fa3049);--akd-green:var(--green,#58d4a0);--akd-text:var(--text,#f4f2f4);--akd-muted:var(--muted,#a5a3b0);--akd-line:var(--line,#ffffff13);--akd-blue:#6aa8ff;--akd-ease:var(--ease,cubic-bezier(.2,.7,.2,1));color:var(--akd-text);display:grid;gap:10px;min-width:0}
.akd *{box-sizing:border-box}
.akd-head h4{margin:6px 0 4px;font-size:1.05rem;letter-spacing:.01em}
.akd-task{margin:0;color:var(--akd-text);line-height:1.5}
.akd-meta{display:flex;flex-wrap:wrap;gap:6px}
.akd-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;border:1px solid var(--akd-line);background:var(--akd-panel2);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.akd-chip.long{color:var(--akd-green);border-color:#58d4a055}
.akd-chip.short{color:var(--akd-red);border-color:#fa304955}
.akd-chip.dim{color:var(--akd-muted)}
.akd-hint,.akd-learn,.akd-fine{border:1px solid var(--akd-line);border-radius:10px;background:var(--akd-panel2);padding:8px 12px;margin-top:6px}
.akd-hint summary,.akd-learn summary,.akd-fine summary{cursor:pointer;color:var(--akd-muted);font-size:.85rem;font-weight:600}
.akd-hint p,.akd-learn p{margin:8px 0 2px;line-height:1.5;color:var(--akd-text)}
.akd-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.akd-group{display:flex;flex-wrap:wrap;gap:6px}
.akd-btn{appearance:none;border:1px solid var(--akd-line);background:var(--akd-panel2);color:var(--akd-text);border-radius:9px;padding:8px 12px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;min-height:38px;transition:background .15s var(--akd-ease),border-color .15s var(--akd-ease),transform .1s}
.akd-btn:hover{border-color:#ffffff33}
.akd-btn:active{transform:translateY(1px)}
.akd-btn:disabled{opacity:.45;cursor:not-allowed}
.akd-btn.primary{background:var(--akd-red);border-color:var(--akd-red);color:#fff}
.akd-btn.primary:hover{background:var(--red-dark,#ad102b)}
.akd-btn.icon{min-width:38px;padding:8px 0;font-size:1rem}
.akd-btn.akd-toggle.on{border-color:#6aa8ff88;color:var(--akd-blue)}
.akd-btn[hidden]{display:none}
.akd-chartbox{min-width:0}
.akd-chart{position:relative;border:1px solid var(--akd-line);border-radius:12px;overflow:hidden;background:var(--akd-panel)}
.akd-svg{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
.akd-static-svg{cursor:default;touch-action:pan-y}
.akd-ax{font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;fill:var(--akd-muted)}
.akd-ax.akd-hi{fill:var(--akd-text)}
.akd-ax.akd-on{fill:#09090c;font-weight:700}
.akd-dim{opacity:.6;font-size:10px}
.akd-mid{text-anchor:middle}
.akd-end{text-anchor:end}
.akd-lbl{font:600 10.5px/1 system-ui,-apple-system,Segoe UI,sans-serif;paint-order:stroke;stroke:#09090c;stroke-width:3px;stroke-linejoin:round}
.akd-tag .akd-lbl{stroke:none}
.akd-readout{padding:6px 10px;border-top:1px solid var(--akd-line);font:11.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--akd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akd-status{margin:0;color:var(--akd-muted);font-size:.88rem;min-height:1.3em}
.akd-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:8px}
.akd-field{display:grid;gap:4px;font-size:.78rem;color:var(--akd-muted)}
.akd-field input,.akd-question input{width:100%;background:var(--akd-bg);border:1px solid var(--akd-line);border-radius:8px;color:var(--akd-text);padding:8px 10px;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.akd-field input:focus,.akd-question input:focus{outline:2px solid #6aa8ff66;border-color:#6aa8ff}
.akd-question{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--akd-line);border-radius:10px;background:var(--akd-panel2);font-size:.9rem}
.akd-qrow{display:flex;align-items:center;gap:8px;max-width:260px}
.akd-qrow em{font-style:normal;color:var(--akd-muted);white-space:nowrap}
.akd-actions{display:flex;flex-wrap:wrap;gap:8px}
.akd-live{font-size:.86rem;color:var(--akd-text);min-height:1.2em}
.akd-live ul{margin:4px 0 0;padding-left:18px;color:var(--akd-muted)}
.akd-result{border-radius:12px;border:1px solid var(--akd-line);background:var(--akd-panel2);padding:12px 14px;animation:akd-in .25s var(--akd-ease)}
.akd-result.ok{border-color:#58d4a055;box-shadow:inset 3px 0 0 var(--akd-green)}
.akd-result.bad{border-color:#fa304955;box-shadow:inset 3px 0 0 var(--akd-red)}
.akd-result.pre{box-shadow:inset 3px 0 0 var(--akd-blue)}
.akd-result h5{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:1rem}
.akd-result h5 span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--akd-muted)}
.akd-items{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.akd-items li{font-size:.88rem;line-height:1.45;padding:6px 8px;border-radius:8px;background:#ffffff06}
.akd-items li.ok b{color:var(--akd-green)}
.akd-items li.bad b{color:var(--akd-red)}
.akd-items li.info b{color:var(--akd-blue)}
.akd-note{margin:10px 0 0;font-size:.88rem;line-height:1.5}
.akd-tol{margin:8px 0 0;font-size:.75rem;color:var(--akd-muted)}
.akd-mini{justify-content:flex-end}
@keyframes akd-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .akd{gap:8px}
  .akd-toolbar{gap:6px}
  .akd-btn{padding:8px 10px;font-size:.82rem}
  .akd-zoom{width:100%;justify-content:space-between}
  .akd-zoom .akd-btn{flex:1}
  .akd-fields{grid-template-columns:1fr 1fr}
  .akd-actions .akd-btn{flex:1 1 auto}
  .akd-readout{font-size:10.5px;white-space:normal}
}
@media (max-width:420px){.akd-fields{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.akd-result{animation:none}.akd-btn{transition:none}}