:root{--bg: #f3efe6;--surface: #ffffff;--surface-soft: #eaf2ee;--ink: #2c3a36;--ink-soft: #51625c;--ink-faint: #5d6c66;--primary: #4f7d6a;--primary-hover: #436b5b;--primary-ink: #ffffff;--accent: #b6c9b1;--success: #2f7d4f;--success-bg: #dceadf;--danger: #a24a4a;--border: #ded8cb;--border-strong: #8f8777;--focus: #3d6d96;--shadow-sm: 0 1px 2px rgba(44, 58, 54, .06);--shadow-md: 0 2px 8px rgba(44, 58, 54, .08);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--tile-radius: 18px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--gap: var(--s4);--font: "Atkinson Hyperlegible", "Verdana", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base: 18px;--t-hint: .82em;--t-small: .92em;--t-body: 1em;--t-lead: 1.15em;--t-title: 1.35em;--t-display: 2em;--transition: .18s ease;--measure: 68ch}[data-palette=cool]{--bg: #f1eee9;--surface: #ffffff;--surface-soft: #ebeeef;--ink: #1f2628;--ink-soft: #48565b;--ink-faint: #53656a;--primary: #3b6368;--primary-hover: #325458;--primary-ink: #ffffff;--accent: #a4c7cc;--success: #21503a;--success-bg: #cceadc;--danger: #9c4a45;--border: #e3ddd3;--border-strong: #5e7278;--focus: #4d8289}[data-palette=dark],[data-theme=calm-dark]{--bg: #1c2421;--surface: #232c29;--surface-soft: #2a3431;--ink: #e8ece9;--ink-soft: #a8b3af;--ink-faint: #929d97;--primary: #8ab8a4;--primary-hover: #9cc5b3;--primary-ink: #0f1614;--accent: #4f6258;--success: #88c79a;--success-bg: #2e4435;--danger: #d09090;--border: #38423e;--border-strong: #748479;--focus: #9bb6cd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35)}[data-palette=high-contrast],[data-theme=high-contrast]{--bg: #ffffff;--surface: #ffffff;--surface-soft: #f0f0f0;--ink: #000000;--ink-soft: #1a1a1a;--ink-faint: #333333;--primary: #003366;--primary-hover: #00294f;--primary-ink: #ffffff;--accent: #ffd400;--success: #006b34;--success-bg: #e6f4ec;--danger: #8a0000;--border: #000000;--border-strong: #000000;--focus: #003366;--shadow-sm: none;--shadow-md: none}[data-text-scale=large]{--font-size-base: 21px}[data-text-scale=larger]{--font-size-base: 24px}[data-line-spacing=relaxed]{--line: 1.7}[data-line-spacing=loose]{--line: 1.9}[data-border-weight=strong]{--control-border-width: 2px;--tile-border-width: 6px}[data-tile-size=large]{--tile-min-height: 200px;--tile-font-size: 1.75em}[data-feedback=subtle]{--correct-border-width: 4px;--correct-fill: var(--surface)}[data-feedback=strong]{--correct-border-width: 8px}[data-reduce-motion=true] *:not(.tile-grid){transition:none!important;animation:none!important}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--font-size-base);line-height:var(--line, 1.55);min-height:100%}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}a.btn,a.template-card,a.program-action{text-decoration:none}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{max-width:1080px;margin:0 auto;padding:0 var(--s5) var(--s7)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s4) 0;border-bottom:1px solid var(--border);margin-bottom:var(--s6)}.topbar h1{margin:0;font-size:var(--t-title);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:var(--s3)}.brand-mark{display:block;flex:none;width:1.45em;height:1.45em;color:var(--primary);--mark-answered: var(--success)}.topbar nav{display:flex;gap:var(--s1);align-items:center;flex-wrap:wrap}.topbar nav a{text-decoration:none;padding:var(--s2) var(--s3);border-radius:999px;color:var(--ink-soft);font-size:var(--t-small);transition:background-color var(--transition),color var(--transition)}.topbar nav a:hover{color:var(--ink);background:var(--surface-soft)}.topbar nav a.active{background:var(--surface-soft);color:var(--ink);font-weight:600}.topbar nav .btn.ghost{margin-left:var(--s2);font-size:var(--t-small);padding:var(--s2) var(--s3);min-height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5);box-shadow:var(--shadow-sm);margin-bottom:var(--s5)}.card h2{margin-top:0;margin-bottom:var(--s4);font-size:var(--t-lead);font-weight:700}.card>p:first-of-type{margin-top:0}.muted{color:var(--ink-soft)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:1px solid var(--primary);background:var(--primary);color:var(--primary-ink);padding:var(--s3) var(--s5);border-radius:var(--radius);cursor:pointer;font-weight:600;text-align:center;transition:background-color var(--transition),border-color var(--transition);min-height:48px}.btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn.secondary:hover:not(:disabled){background:var(--surface-soft);border-color:var(--primary)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn.ghost:hover:not(:disabled){background:var(--surface-soft);color:var(--ink)}.btn.quiet-danger{background:transparent;border-color:var(--border-strong);color:var(--ink-soft)}.btn.quiet-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:transparent}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:#8f3f3f;border-color:#8f3f3f}[data-palette=dark] .btn.danger,[data-theme=calm-dark] .btn.danger{color:#1c0f0f}[data-palette=high-contrast] .btn.danger,[data-theme=high-contrast] .btn.danger{border-color:#000;color:#fff}.field{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4);min-width:0}.field label,.field-label{font-weight:600;color:var(--ink-soft);font-size:var(--t-small)}.field input,.field select,.field textarea,.chip-add input{background:var(--surface);border:var(--control-border-width, 1px) solid var(--border-strong);border-radius:var(--radius);padding:var(--s3) var(--s3);min-height:48px;width:100%;transition:border-color var(--transition)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--primary)}.field textarea{min-height:96px;resize:vertical}.field-hint{color:var(--ink-faint);font-size:var(--t-hint)}.pin-input{font-size:var(--t-title);letter-spacing:.4em;text-align:center}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:22px;height:22px;margin:0;cursor:pointer;flex:none}input[type=range]{accent-color:var(--primary);width:100%;min-height:44px}.check{display:flex;align-items:flex-start;gap:var(--s3);font-weight:500;color:var(--ink);cursor:pointer;padding:var(--s2) 0;min-height:44px;line-height:1.4}.check-group{display:flex;flex-direction:column;gap:var(--s1)}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--s4) var(--s5);align-items:start}.spaced>*+*{margin-top:var(--s3)}.toolbar{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.form-actions{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border)}.list{display:grid;gap:var(--s3);list-style:none;padding:0;margin:0}.list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);transition:border-color var(--transition)}.list-item:hover{border-color:var(--border-strong)}.list-item .name{font-weight:700;font-size:var(--t-body)}.list-item-text{min-width:0;flex:1 1 15rem}.list-item-meta{color:var(--ink-soft);font-size:var(--t-hint)}.list-item .toolbar{flex:0 0 auto}@media (max-width: 640px){.list-item{flex-direction:column;align-items:stretch}.list-item-text{flex:0 0 auto}.list-item .toolbar{justify-content:flex-start}.list-item .toolbar>*{flex:1 1 auto}}.banner{background:var(--surface-soft);border:1px solid transparent;border-left:4px solid var(--primary);padding:var(--s3) var(--s4);border-radius:var(--radius);margin-bottom:var(--s4)}.error{background:var(--surface-soft);border:1px solid rgba(162,74,74,.35);border-left:4px solid var(--danger);padding:var(--s3) var(--s4);border-radius:var(--radius);margin-bottom:var(--s3);color:var(--ink)}.tile-grid{display:grid;gap:var(--gap);margin-top:var(--s4);opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:var(--round-transition-ms, .8s);transition-timing-function:ease}.tile-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-grid.fading-out{pointer-events:none}.tile-grid.round-fade.fading-out{opacity:0}.tile-grid.round-slide.fading-out{opacity:0;transform:translateY(-24px)}.tile-grid.round-none{transition-duration:0ms}.tile-grid.round-none.fading-out{opacity:0}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface);border:var(--tile-border-width, 4px) solid var(--border-strong);border-radius:var(--tile-radius);padding:var(--s5) var(--s4);font-size:var(--tile-font-size, 1.5em);font-weight:700;line-height:1.25;color:var(--ink);cursor:pointer;min-height:var(--tile-min-height, 160px);transition:border-color var(--transition),background-color var(--transition)}.tile:hover:not(:disabled){border-color:var(--primary)}.tile.correct{border:var(--correct-border-width, 6px) solid var(--success);background:var(--correct-fill, var(--success-bg));color:var(--ink)}.tile:disabled{cursor:default}.template-list{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);width:100%;height:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--transition),background-color var(--transition)}.template-card:hover,.template-card:focus-visible{border-color:var(--primary);background:var(--surface-soft)}.template-card-title{font-weight:700;font-size:var(--t-body)}.template-card-desc{color:var(--ink-soft);font-size:var(--t-small);line-height:1.45}.chip-list{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:var(--s2) 0 var(--s3);padding:0}.chip{display:inline-flex;align-items:center;gap:var(--s2);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:var(--s1) var(--s1) var(--s1) var(--s4);font-size:var(--t-small);line-height:1.3}.chip-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-lead);line-height:1;padding:0;transition:background-color var(--transition),color var(--transition)}.chip-x:hover,.chip-x:focus-visible{background:var(--surface);color:var(--danger)}.chip-add{display:flex;gap:var(--s2);align-items:center}.chip-add input{flex:1 1 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c1a80;display:flex;align-items:center;justify-content:center;padding:var(--s4);z-index:1000}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5);max-width:460px;width:100%;box-shadow:var(--shadow-md)}.modal-title{margin:0 0 var(--s2);font-size:var(--t-lead);font-weight:700}.modal-body{margin:0 0 var(--s5);color:var(--ink-soft)}.modal-actions{display:flex;gap:var(--s3);justify-content:flex-end;flex-wrap:wrap}.concept-prompt-text{font-size:var(--t-title);font-weight:700;color:var(--ink);margin:var(--s2) 0 var(--s3);text-align:center}.concept-prompt-big{font-size:var(--t-display);font-weight:700;color:var(--ink);text-align:center;margin:var(--s5) 0 var(--s4);min-height:1.2em;line-height:1.25}.concept-sequence-row{display:flex;gap:var(--s2);justify-content:center;margin:var(--s3) 0 var(--s5);flex-wrap:wrap}.concept-seq-slot{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:52px;padding:var(--s1) var(--s3);border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);font-weight:700;color:var(--ink-soft)}.concept-seq-slot.filled{border-style:solid;border-color:var(--success);background:var(--success-bg);color:var(--ink)}.concept-timer{text-align:center}.concept-timer-display{font-size:var(--t-display);font-weight:700;color:var(--primary);margin:var(--s4) 0;font-variant-numeric:tabular-nums}@media (max-width: 560px){.app-shell{padding:0 var(--s4) var(--s6)}.tile{min-height:132px;font-size:var(--t-title)}}