:root,:root[data-theme=lagon]{--bg-grad-a: #06303a;--bg-grad-b: #03161c;--bg: #04212b;--text: #d3ece7;--ink: #f0fbf8;--text-muted: #79a9a2;--text-soft: #aed2cc;--neutral-border: #4e7c78;--accent: #2dd4bf;--accent-text: #4fe3cf;--accent-2: #1fb9a7;--accent-3: #34d399;--text-on-accent: #04212b;--surface: rgba(7, 34, 42, .78);--surface-solid: #082b35;--surface-alt: #103f49;--surface-selected: #0d3b46;--border: #1d5460;--border-input: #2c6b78;--danger-bg: #45201a;--danger-text: #fecaca;--success: #34d399;--success-text: #6ee7b7;--error: #fb7185;--gold: #fbbf24;--info-text: #a5f3ec;--code-bg: #021015;--shadow: 0 20px 45px rgba(0, 0, 0, .28);--map-ink: #74e9d7;--heat-low: #b03a58;--heat-mid: #9c8010;--heat-high: #0f8a70;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);font-synthesis:none;background:radial-gradient(circle at 15% 0%,var(--bg-grad-a),var(--bg-grad-b) 48rem)}:root[data-theme=carte]{--bg-grad-a: #efe1c0;--bg-grad-b: #f5edd7;--bg: #f2e9d0;--text: #3a3020;--ink: #241c0e;--text-muted: #857449;--text-soft: #5b4e34;--neutral-border: #b6a274;--accent: #1c6a8c;--accent-text: #12506a;--accent-2: #2f8f7a;--accent-3: #3f9a83;--text-on-accent: #f5edd7;--surface: rgba(246, 238, 216, .8);--surface-solid: #efe4c5;--surface-alt: #e7d9b4;--surface-selected: #ddc99f;--border: #c6b489;--border-input: #b6a274;--danger-bg: #f2ddce;--danger-text: #8a3a22;--success: #2f7d54;--success-text: #23603f;--error: #b34a34;--gold: #9a6a1a;--info-text: #12506a;--code-bg: #e9dcb8;--shadow: 0 20px 45px rgba(60, 45, 20, .1);--map-ink: #37301f;--heat-low: #a83a3a;--heat-mid: #a07810;--heat-high: #2a8556}*{box-sizing:border-box}body{margin:0;min-width:320px;background:transparent}button,input,select{font:inherit}button{border:0;border-radius:.55rem;padding:.72rem 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text-on-accent);cursor:pointer;font-weight:750;transition:filter .15s ease,transform .1s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(900px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 5rem}.app-footer{margin-top:2.5rem;text-align:center;font-size:.7rem;color:var(--text-muted);opacity:.6}.chart-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;color:var(--map-ink, #74e9d7);opacity:.2}:root[data-theme=carte] .chart-bg{opacity:.14}.chart-bg svg{display:block;width:100%;height:100%}@media (prefers-reduced-motion: no-preference){.chart-bg{transition:opacity .3s ease}}header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:1.8rem;margin-bottom:2rem}h1{margin:.25rem 0;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:-.05em;color:var(--ink)}h2{color:var(--ink);line-height:1.3}h3{margin-top:0;font-size:1rem}p{color:var(--text-muted)}.eyebrow{margin:0;color:var(--accent-text);letter-spacing:.14em;font-size:.72rem;font-weight:800}.header-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.file-input{background:var(--surface-alt);border:1px solid var(--border-input);padding:.65rem .8rem;border-radius:.55rem;cursor:pointer;white-space:nowrap}.file-input input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.alert{padding:1rem;background:var(--danger-bg);color:var(--danger-text);border-radius:.5rem}.login-page{max-width:380px;margin:4rem auto 0;text-align:center}.login-page .eyebrow{display:block;margin-bottom:.5rem}.login-page h1{font-size:2rem;margin-bottom:1.5rem}.login-page form{display:grid;gap:1rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.login-page label{display:grid;gap:.4rem;color:var(--text-soft)}.login-page input{width:100%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.7rem}.login-page .alert{margin:0}.start-page,.quiz-card,.results{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:clamp(1.2rem,4vw,2.5rem);box-shadow:var(--shadow)}.filter-panel{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.filter-panel>label{color:var(--text-soft);display:grid;gap:.4rem;flex:1;min-width:180px}.category-filter{border:0;margin:0;padding:0;color:var(--text-soft);display:grid;gap:.5rem;flex:2;min-width:260px}.category-filter legend{padding:0}.category-checkboxes{display:flex;flex-wrap:wrap;gap:.4rem}.category-checkbox{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .65rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:.78rem;color:var(--text-soft);white-space:nowrap}.category-checkbox input{width:.8rem;height:.8rem;accent-color:var(--accent)}.category-checkbox:has(input:checked){border-color:var(--accent);background:var(--surface-selected);color:var(--text)}.category-checkbox:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.category-hint{margin:0;font-size:.78rem}select,.text-answer{width:100%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.7rem}.start-page>p{margin:2rem 0 1rem}.start-page button{width:100%}.top-score{display:block;margin:.3rem 0 0;padding:0;background:none;border-radius:0;color:var(--gold);font-size:.85rem;font-weight:600;text-align:left}.top-score:hover{text-decoration:underline}.question-count{display:grid;gap:.4rem;margin-top:1.2rem;color:var(--text-soft);max-width:280px}.mode-toggle{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.mode-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-weight:700;color:var(--text-soft);white-space:nowrap}.mode-chip input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mode-chip.is-active{border-color:var(--accent);background:var(--surface-selected);color:var(--text)}.mode-chip:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.question-meta{display:flex;gap:.5rem;flex-wrap:wrap}.question-meta span{padding:.28rem .55rem;background:var(--surface-alt);color:var(--info-text);border-radius:99px;font-size:.8rem}.quiz-progress{height:.35rem;background:var(--surface-alt);border-radius:999px;overflow:hidden;margin-top:1.2rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-3));border-radius:999px;transition:width .35s ease}.quiz-progress-countdown{background:linear-gradient(90deg,var(--gold),var(--error))}.progress{font-size:.9rem;margin-top:.6rem}.hint-banner{margin:1rem 0 0;padding:.7rem .9rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:.5rem;color:var(--text-soft);font-size:.85rem}.question-body{animation:question-enter .3s ease}.question-image{display:block;max-width:100%;max-height:320px;margin:0 auto 1.2rem;border-radius:.6rem;border:1px solid var(--border);object-fit:contain}.correction .question-image{max-height:220px;margin:.8rem 0}.question-shape{margin:0 0 1.2rem;color:var(--ink)}.question-shape svg{display:block;width:auto;height:220px;max-width:100%;margin:0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.correction .question-shape svg{height:150px;margin:.8rem 0}@keyframes question-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.answers{display:grid;gap:.7rem;margin:1.5rem 0}.answer{display:flex;gap:.7rem;align-items:center;padding:.8rem;border:1px solid var(--border);border-radius:.6rem;color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.answer:active{transform:scale(.98)}.answer:has(input:checked){border-color:var(--accent);background:var(--surface-selected);transform:scale(1.01)}.answer:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}pre{padding:1rem;overflow:auto;background:var(--code-bg);border:1px solid var(--border);border-radius:.6rem;color:var(--info-text)}.text-answer{margin:1.5rem 0;font-size:1rem}.ordering-list{display:grid;gap:.6rem;padding:0;list-style:none;margin:1.5rem 0}.ordering-list li{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem .7rem 1rem;border-left:3px solid var(--accent);background:var(--surface-alt);transition:opacity .1s ease}.ordering-list li.dragging{opacity:.55}.ordering-label{flex:1}.ordering-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--text-muted);font-size:1.1rem;line-height:1;padding:.2rem}.ordering-handle:active{cursor:grabbing}.ordering-list button{margin-left:.35rem;padding:.25rem .5rem}.matching{position:relative;display:flex;gap:2rem;margin:1.5rem 0}.matching-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.matching-col{display:grid;gap:.6rem;flex:1;position:relative;z-index:1}.matching-item{display:flex;align-items:center;justify-content:center;text-align:center;padding:.7rem .9rem;border:1px solid var(--border);border-radius:.6rem;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:400;background:var(--surface-solid);transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.matching-item:active{transform:scale(.98)}.matching-item.selected{border-color:var(--accent);background:var(--surface-selected)}.matching-item.paired{background:var(--surface-selected)}.matching-item:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.numeric{margin:1.5rem 0}.numeric-range{width:100%;accent-color:var(--accent)}.numeric-value{text-align:center;font-size:1.8rem;font-weight:700;color:var(--ink);margin:.8rem 0}.numeric-bounds{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.cloze{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.cloze-input{width:12rem;max-width:100%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.5rem .7rem;font-size:1rem;font-weight:400}.cloze-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.quiz-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.quiz-nav{display:flex;gap:1rem}.secondary{background:var(--border);color:var(--text)}.empty{text-align:center;padding:3rem}.empty button{margin-top:1.2rem}.score{display:grid;justify-items:center;padding:1.6rem 1rem 2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#38bdf829,#a78bfa24);border:1px solid var(--border);border-radius:1rem}:root[data-theme=carte] .score{background:linear-gradient(135deg,#1c6a8c24,#2f8f7a1f)}.score p{margin:0}.score strong{background:linear-gradient(135deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:4rem;letter-spacing:-.08em}.score span{color:var(--text-soft)}.score .mention{margin-top:.8rem;color:var(--ink);font-size:1.1rem;font-weight:700}.score .duration{color:var(--text-soft);font-size:.9rem}.results>button{display:block;margin:0 auto 2rem}.stats-groups{margin:0 0 2rem}.stats-group{margin-bottom:1.5rem}.stats-group-title{margin:0 0 .9rem;color:var(--text-muted);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stats-group+.stats-group{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.corrections{display:grid;gap:1rem}.correction{padding:1rem;border-left:4px solid var(--neutral-border);background:var(--surface-solid);border-radius:0 .5rem .5rem 0}.correction.correct{border-color:var(--success)}.correction.incorrect{border-color:var(--error)}.correction p{margin-bottom:0}.link-button{display:inline-block;margin-top:.6rem;padding:0;background:none;border:0;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer}.link-button:hover{text-decoration:underline}.confetti{position:absolute;top:0;left:0;right:0;height:420px;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;opacity:.9;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{to{transform:translateY(440px) rotate(340deg);opacity:0}}.stats-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.stats-header h2{margin:0}.regenerate-btn{margin-bottom:1.4rem}.quiz-import{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.quiz-import .alert{flex-basis:100%;margin-top:0}.generator-panel{margin-bottom:2rem;padding:1.2rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface)}.generator-panel>h3{margin-top:0}.generator-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.2rem}.generator-fields label,.generator-actions label{display:grid;gap:.35rem;color:var(--text-soft);font-size:.85rem}.generator-columns{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.5rem}.generator-columns li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;padding:.5rem .7rem;background:var(--surface-solid);border:1px solid var(--border);border-radius:.5rem}.generator-columns li.is-excluded{opacity:.5}.generator-column-toggle{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--ink)}.generator-column-badges{display:flex;gap:.3rem}.generator-badge{padding:.05rem .45rem;border-radius:1rem;background:var(--surface-alt);color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.generator-sep{flex-direction:row!important;align-items:center;gap:.4rem!important;margin-left:auto}.generator-sep input{width:2.5rem;text-align:center}.generator-actions{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem}.quiz-description-preview{max-width:60ch;margin:.4rem 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.header-intro{margin-top:.7rem}.quiz-description{max-width:65ch;margin:0 0 2rem;color:var(--text-soft)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.question-list-group{margin-bottom:.8rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface);overflow:hidden}.question-list-group summary{padding:.8rem 1rem;cursor:pointer;font-weight:700;color:var(--text)}.question-list-group summary:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.question-list{display:grid;gap:1rem;padding:0 1rem 1rem}.question-list-item{padding:1rem;border-left:4px solid var(--neutral-border);background:var(--surface-solid);border-radius:0 .5rem .5rem 0}.question-list-item .question-meta{margin-bottom:.6rem}.question-list-prompt{font-weight:700;color:var(--ink)}.question-list-explanation{margin-bottom:0}.data-table-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.data-table-wrap{max-height:26rem;overflow:auto;border:1px solid var(--border);border-radius:.6rem}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8rem}.data-table th,.data-table td{padding:.4rem .65rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.data-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-alt);color:var(--text);font-weight:700}.data-table tbody tr:hover{background:var(--surface-selected)}.data-table td.is-empty{color:var(--text-muted)}.data-table .row-num,.data-table .sticky-col{position:sticky}.data-table .row-num{left:0;min-width:2.4rem;width:2.4rem;text-align:right;color:var(--text-muted)}.data-table .sticky-col{left:2.4rem;font-weight:600}.data-table tbody .row-num,.data-table tbody .sticky-col{z-index:1;background:var(--surface-solid)}.data-table thead .row-num,.data-table thead .sticky-col{z-index:3}.data-table tbody .sticky-col{box-shadow:inset -1px 0 0 var(--border)}.data-table tbody tr:hover .row-num,.data-table tbody tr:hover .sticky-col{background:var(--surface-selected)}.hover-preview{display:inline-flex;border-radius:3px}.hover-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.img-thumb{height:22px;width:auto;display:block;border:1px solid var(--border);border-radius:3px;background:#fff}.cell-img-fallback{font-size:.72rem;color:var(--text-muted);text-decoration:underline}.hover-preview-pop{position:fixed;z-index:200;padding:6px;background:var(--surface-solid);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 8px 24px #00000059;pointer-events:none}.hover-preview-pop img{max-height:150px;max-width:224px;width:auto;height:auto;display:block;background:#fff;border-radius:2px}.hover-preview-pop .question-shape{margin:0;color:var(--ink)}.hover-preview-pop .question-shape svg{height:150px;width:auto;margin:0;filter:none}.atlas-page{display:grid;gap:1.2rem}.atlas-controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.atlas-search{flex:1 1 12rem;max-width:22rem}.atlas-sort{display:grid;gap:.3rem;font-size:.78rem;color:var(--text-soft)}.atlas-sort select{width:auto;min-width:10rem;padding:.5rem .6rem}.atlas-dir{padding:.5rem .85rem;font-size:1rem;line-height:1}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}.fiche-card{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:1rem;cursor:pointer;transition:border-color .12s,background .12s}.fiche-card:hover{border-color:var(--accent);background:var(--surface-selected)}.fiche-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fiche{display:grid;gap:.8rem;align-content:start}.fiche-head{display:flex;align-items:center;gap:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.fiche-head h3{margin:0;flex:1;font-size:1rem;line-height:1.25}.fiche-article{color:var(--text-muted);font-weight:400}.fiche-head .hover-preview{flex-shrink:0;cursor:zoom-in}.fiche-shape-wrap{color:var(--accent)}.fiche-shape.question-shape{margin:0}.fiche-shape.question-shape svg{height:44px;width:auto;margin:0;filter:none}.fiche-flag{height:26px;width:auto;display:block;border:1px solid var(--border);border-radius:3px;background:#fff}.fiche-facts{margin:0;display:grid;gap:.45rem}.fiche-fact{display:grid;grid-template-columns:42% 1fr;gap:.1rem .6rem;align-items:baseline}.fiche-fact dt{margin:0;color:var(--text-muted);font-size:.78rem}.fiche-fact dd{margin:0;font-size:.85rem}.fiche-fact dd .pill{display:inline-block;margin:0 .25rem .25rem 0;padding:.08rem .45rem;background:var(--surface-alt);border-radius:99px;font-size:.74rem}.atlas-empty{color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.5rem;background:#0000008c;overflow:auto}.modal-panel{position:relative;width:100%;max-width:30rem;background:var(--surface-solid);border:1px solid var(--border);border-radius:1rem;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:.4rem;right:.4rem;width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;background:none;border:0;border-radius:.4rem;color:var(--text-soft);cursor:pointer}.modal-close:hover{background:var(--surface-alt);color:var(--text)}.fiche-modal{padding:1.6rem}.fiche-modal .fiche-head h3{font-size:1.25rem}.fiche-modal .fiche-shape.question-shape svg{height:58px}.fiche-modal .fiche-flag{height:38px}.fiche-modal .fiche-fact{font-size:.9rem}.fiche-modal-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.2rem;padding-right:2rem}.fiche-edit-toggle{display:block;margin:0}.fiche-edit-form{display:grid;gap:.9rem}.fiche-edit-form label{display:grid;gap:.35rem;color:var(--text-soft);font-size:.85rem}.fiche-edit-form input{width:100%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.6rem .7rem}.fiche-edit-actions{display:flex;gap:.6rem;justify-content:flex-end}.pie-chart{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.2rem;display:grid;justify-items:center;gap:.8rem}.pie-chart svg{width:140px;height:140px}.pie-chart h3{text-align:center;margin:0 0 .6rem}.pie-chart figcaption{width:100%}.pie-chart ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.pie-chart li{display:flex;align-items:center;gap:.5rem;color:var(--text-soft);font-size:.85rem}.pie-chart .swatch{width:.7rem;height:.7rem;border-radius:50%;flex-shrink:0}.radar-chart{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.4rem;display:flex;justify-content:center}.radar-chart svg{width:100%;max-width:320px;height:auto;display:block;overflow:visible}.radar-chart-grid{fill:none;stroke:var(--border);stroke-width:.4}.radar-chart-axis{stroke:var(--border);stroke-width:.4}.radar-chart-area{fill:var(--accent);fill-opacity:.18;stroke:none}.radar-chart-line{fill:none;stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round}.radar-chart-point{fill:var(--accent)}.radar-chart-label{fill:var(--text-muted);font-size:3.6px}.heatmap-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.heatmap-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:5.5rem;padding:.7rem .6rem;border-radius:.7rem;text-align:center;color:#fff}.heatmap-tile-label{font-size:.78rem;font-weight:700;line-height:1.25}.heatmap-tile-value{font-size:1.15rem;font-weight:800}.history-list{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}.history-item{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;color:var(--text-soft);font-size:.88rem}.history-score{font-size:1.2rem;font-weight:800;color:var(--ink);min-width:3.2rem}.history-date{color:var(--text-muted)}.history-categories{flex:1;min-width:160px}.missed-questions{margin:0 0 2rem}.stats-group-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}.stats-group-header .stats-group-title{margin:0}.quiz-select{display:grid;gap:.4rem;color:var(--text-soft);max-width:280px;margin-bottom:1.5rem}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:1.5rem}.record-tile{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:1rem;display:grid;gap:.3rem}.record-value{font-size:1.6rem;font-weight:800;color:var(--ink)}.record-label{font-size:.78rem;color:var(--text-muted)}.score-chart{margin:0 0 2rem}.score-chart svg{width:100%;height:140px;display:block}.score-chart-baseline{fill:none;stroke:var(--border);stroke-width:.5}.score-chart-area{fill:#38bdf826;stroke:none}.score-chart-line{fill:none;stroke:var(--accent);stroke-width:1.2;vector-effect:non-scaling-stroke}.score-chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.78rem;color:var(--text-muted)}.profile-form{display:grid;gap:1.2rem;max-width:420px}.profile-form>label{display:grid;gap:.4rem;color:var(--text-soft)}.profile-form>label>input{width:100%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.7rem}.profile-saved{color:var(--success-text);font-weight:700}.auth-panel{max-width:420px;margin-bottom:1.5rem;padding:1rem 1.2rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:.7rem}.auth-panel .auth-hint{margin:0 0 .8rem;color:var(--text-soft);font-size:.85rem}.auth-panel .auth-status{margin:0 0 .7rem;font-weight:700}.auth-form{display:grid;gap:.8rem}.auth-form>label{display:grid;gap:.35rem;color:var(--text-soft)}.auth-form>label>input{width:100%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.6rem .7rem}.auth-form .alert{margin:0}.guest-pass-panel{max-width:420px;margin-bottom:1.5rem;padding:1rem 1.2rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:.7rem}.guest-pass-panel h3{margin:0 0 .4rem}.guest-pass-hint{margin:0 0 .8rem;color:var(--text-soft);font-size:.85rem}.guest-pass-form{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem}.guest-pass-form label{display:grid;gap:.35rem;color:var(--text-soft);font-size:.85rem}.guest-pass-form select,.guest-pass-form input[type=text]{background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.55rem .6rem}.guest-pass-form input[type=text]{flex:1;min-width:10rem}.guest-pass-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem}.guest-pass-item{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .7rem;background:var(--surface-solid);border:1px solid var(--border);border-radius:.5rem;font-size:.85rem}.guest-pass-label{font-weight:700}.guest-pass-expiry{color:var(--text-muted);flex:1}.guest-pass-empty{margin:1rem 0 0;color:var(--text-muted);font-size:.85rem}.profile-section-title{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.nav-links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.avatar-picker,.theme-picker{border:0;padding:0;margin:0}.avatar-picker legend,.theme-picker legend{color:var(--text-soft);margin-bottom:.5rem;padding:0}.avatar-options{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-option{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:.6rem;cursor:pointer;font-size:1.3rem}.avatar-option input{position:absolute;opacity:0;width:0;height:0}.avatar-option:has(input:checked){border-color:var(--accent);background:var(--surface-selected)}.avatar-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.avatar-custom{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}.avatar-custom-input{flex:1;min-width:0;max-width:12rem;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-input);border-radius:.45rem;padding:.5rem .7rem;font-size:1rem}.avatar-custom-preview{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;flex-shrink:0;background:var(--surface-alt);border:1px solid var(--border);border-radius:.6rem;font-size:1.3rem;color:var(--text-muted)}.avatar-custom-preview.is-selected{border-color:var(--accent);background:var(--surface-selected);color:var(--text)}.avatar-custom-hint{margin:.4rem 0 0;font-size:.78rem;color:var(--text-muted)}.theme-options{display:flex;flex-wrap:wrap;gap:.5rem}.theme-option{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;cursor:pointer;color:var(--text-soft);font-size:.9rem}.theme-option input{width:.8rem;height:.8rem;accent-color:var(--accent)}.theme-option:has(input:checked){border-color:var(--accent);background:var(--surface-selected);color:var(--text)}.theme-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.leaderboard-list{display:grid;gap:.6rem;list-style:none;margin:1rem 0 0;padding:0}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;color:var(--text)}.leaderboard-item-self{border-color:var(--accent);background:var(--surface-selected)}.leaderboard-rank{min-width:1.8rem;font-weight:800;color:var(--text-muted);text-align:center}.leaderboard-avatar{font-size:1.3rem}.leaderboard-main{flex:1;min-width:0;display:grid;gap:.15rem}.leaderboard-pseudo{font-weight:700}.leaderboard-details{color:var(--text-muted);font-size:.78rem}.leaderboard-score{font-size:1.1rem;font-weight:800;color:var(--ink);white-space:nowrap}@media (max-width: 550px){.app-shell{padding-top:1.5rem}header{display:grid}.file-input{justify-self:start}.header-actions{justify-content:space-between}.quiz-actions,.quiz-nav{flex-direction:column}.quiz-actions button{width:100%}}.week-heatmap{margin:0 0 2rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.2rem}.week-heatmap figcaption h3{margin-bottom:.8rem}.week-heatmap-scroll{overflow-x:auto}.week-heatmap table{border-collapse:separate;border-spacing:3px;width:100%;font-size:.78rem}.week-heatmap thead th{color:var(--text-muted);font-weight:600;white-space:nowrap;padding:0 .2rem .3rem}.week-heatmap tbody th{text-align:left;font-weight:600;color:var(--text-soft);padding-right:.6rem;white-space:nowrap;max-width:14rem;overflow:hidden;text-overflow:ellipsis;position:sticky;left:0;background:var(--surface-solid)}.week-heatmap td{min-width:3rem;text-align:center;padding:.45rem .3rem;border-radius:.35rem;color:#fff;font-weight:700}.week-heatmap td.week-heatmap-empty{background:var(--surface-alt);color:var(--text-muted);font-weight:400}.week-heatmap-legend{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;color:var(--text-muted);font-size:.75rem}.week-heatmap-legend-bar{flex:0 1 12rem;height:.6rem;border-radius:99px;background:linear-gradient(in oklch to right,var(--heat-low),var(--heat-mid),var(--heat-high))}.week-heatmap-note{margin:.6rem 0 0;color:var(--text-muted);font-size:.75rem}.result-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0 1rem}.blitz-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:min(100%,24rem);margin:1.2rem auto}.blitz-square{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.8rem;border:0;border-radius:.9rem;color:#fff;font-size:1rem;font-weight:700;line-height:1.25;text-align:center;text-wrap:balance;overflow-wrap:anywhere;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .08s ease,filter .12s ease}.blitz-square:hover,.blitz-square:focus-visible{filter:brightness(1.12)}.blitz-square:active{transform:scale(.96)}.blitz-key{position:absolute;top:.4rem;left:.55rem;font-size:.7rem;font-weight:800;opacity:.75}.blitz-card .question-body h2{text-align:center}.blitz-grid>.blitz-square:nth-child(1){--sq: 350 62% 52%}.blitz-grid>.blitz-square:nth-child(2){--sq: 215 62% 55%}.blitz-grid>.blitz-square:nth-child(3){--sq: 38 78% 52%}.blitz-grid>.blitz-square:nth-child(4){--sq: 145 55% 45%}.blitz-square{background:hsl(var(--sq) / .14);border:1.5px solid hsl(var(--sq) / .5);color:var(--text);text-shadow:none}.blitz-square:hover,.blitz-square:focus-visible{filter:none;background:hsl(var(--sq) / .28);border-color:hsl(var(--sq) / .9)}.blitz-square.has-visual{padding:.6rem}.blitz-image{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:3px;pointer-events:none}.blitz-square .blitz-shape{margin:0;width:100%;height:100%;color:var(--ink);pointer-events:none}.blitz-square .blitz-shape svg{width:100%;height:100%;margin:0;filter:none}.blitz-summary{margin:1rem 0;padding:.9rem 1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-alt)}.blitz-summary p{margin:.25rem 0}.blitz-summary-record.is-record{font-weight:700;color:var(--accent-text)}.blitz-streak{display:inline-block;font-weight:700;animation:blitz-pop .35s ease}.blitz-lives.is-hit{display:inline-block;animation:blitz-hit .45s ease}.quiz-progress-fill.is-urgent{animation:blitz-urgent .5s ease-in-out infinite alternate}@keyframes blitz-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes blitz-hit{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes blitz-urgent{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion: reduce){.blitz-streak,.blitz-lives.is-hit,.quiz-progress-fill.is-urgent{animation:none}}.daily-panel{margin-bottom:1.5rem;padding:1rem 1.2rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:1rem}.daily-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.daily-head h3{margin:0}.daily-streak{font-size:.85rem;font-weight:700;color:var(--accent-text)}.daily-note{color:var(--text-muted);font-size:.85rem}.daily-panel .stats-group-title{margin-top:1.2rem}.badges-panel{margin-bottom:1.5rem}.badges-count{font-size:.8rem;font-weight:500;color:var(--text-muted)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;list-style:none;margin:0;padding:0}.badge{display:grid;gap:.15rem;justify-items:center;text-align:center;padding:.8rem .6rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-alt)}.badge-icon{font-size:1.8rem;line-height:1}.badge-name{font-weight:700;font-size:.9rem}.badge-hint{font-size:.75rem;color:var(--text-muted)}.badge.is-locked{opacity:.55}.badge.is-locked .badge-icon{filter:grayscale(1)}.badge.is-earned{border-color:var(--accent)}.new-badges{margin-top:.8rem}.leaderboard-list{grid-template-columns:minmax(0,1fr)}.leaderboard-item{min-width:0}.leaderboard-pseudo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 550px){.leaderboard-item{gap:.5rem;padding:.6rem .7rem}.leaderboard-rank{min-width:1.2rem}.leaderboard-pseudo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:anywhere}.leaderboard-score{max-width:5rem;font-size:.9rem;line-height:1.15;text-align:right;white-space:normal}.daily-panel{padding:.9rem}}.blitz-gain{display:inline-block;font-weight:700;color:var(--success, #34d399);animation:blitz-gain .9s ease-out both}@keyframes blitz-gain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}to{opacity:.35;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.blitz-gain{animation:none}}.text-answer-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.text-answer-row .text-answer{flex:1;min-width:12rem;width:auto}.dictation-button{padding:.5rem .75rem;font-size:1.1rem;line-height:1;flex:none}.dictation-button[aria-pressed=true]{outline:2px solid var(--error)}.dictation-hint{color:var(--text-muted);font-size:.8rem}.cat-nonmetal{--cat: 145 55% 45%}.cat-noble{--cat: 275 55% 60%}.cat-alkali{--cat: 5 70% 58%}.cat-alkaline{--cat: 28 80% 55%}.cat-metalloid{--cat: 100 45% 45%}.cat-halogen{--cat: 52 80% 50%}.cat-post{--cat: 172 50% 45%}.cat-transition{--cat: 212 65% 58%}.cat-lanthanide{--cat: 320 55% 58%}.cat-actinide{--cat: 345 60% 58%}.cat-unknown{--cat: 0 0% 55%}.chart-bg{opacity:.07}:root[data-theme=carte] .chart-bg{opacity:.1}.periodic-scroll{overflow-x:auto;margin-top:1rem;padding-bottom:.5rem}.periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(3.3rem,1fr));grid-template-rows:repeat(7,auto) .7rem repeat(2,auto);gap:.25rem;min-width:64rem}.element-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;min-width:0;aspect-ratio:1 / 1.05;padding:.3rem .1rem .2rem;border-radius:.4rem;background:hsl(var(--cat) / .2);border:1px solid hsl(var(--cat) / .65);color:var(--ink);font:inherit;transition:opacity .15s ease,transform .1s ease,background-color .15s ease}button.element-tile{cursor:pointer}button.element-tile:hover,button.element-tile:focus-visible{transform:scale(1.1);z-index:2;background:hsl(var(--cat) / .4)}.element-tile.is-dimmed{opacity:.16}.element-number{position:absolute;top:.15rem;left:.28rem;font-size:.6rem;font-weight:600;color:var(--text-soft)}.element-symbol{font-size:1.2rem;font-weight:800;line-height:1.1}.element-name{max-width:100%;padding:0 .1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;font-weight:600;color:var(--text-soft)}.periodic-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:.4rem;font-size:.62rem;color:var(--text-muted)}.periodic-legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.periodic-legend-item{padding:.3rem .75rem;border-radius:999px;background:hsl(var(--cat) / .18);border:1px solid hsl(var(--cat) / .6);color:var(--text);font-size:.78rem;font-weight:700}.periodic-legend-item:hover{filter:none;background:hsl(var(--cat) / .32)}.periodic-legend-item.is-active{background:hsl(var(--cat) / .5);color:var(--ink)}.fiche-tile{width:3.6rem;height:3.8rem;flex-shrink:0;aspect-ratio:auto}.mini-table{display:block;width:100%;height:auto}.mini-table-cell{fill:var(--border);opacity:.55}.mini-table-current{fill:hsl(var(--cat));stroke:var(--ink);stroke-width:.5}.fiche-table{width:84px}.fiche-modal .fiche-table{width:140px}.hover-preview-pop .mini-table{width:228px}.mini-table-symbol{display:none;fill:#fff;stroke:#0000008c;stroke-width:.5;paint-order:stroke;font-size:3.3px;font-weight:800;text-anchor:middle;dominant-baseline:central}.fiche-modal .mini-table-symbol,.hover-preview-pop .mini-table-symbol{display:block}.periodic-pick{margin-top:1rem}.element-tile.is-picked{outline:3px solid var(--ink);outline-offset:1px;z-index:3;background:hsl(var(--cat) / .6)}.periodic-pick .periodic-scroll{overflow-x:visible}.periodic-pick .periodic-grid{grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(1px,.4vw,.25rem);min-width:0}.periodic-pick .element-tile{padding:0;border-radius:clamp(2px,.5vw,.4rem)}.periodic-pick .periodic-placeholder{overflow:hidden;border-radius:clamp(2px,.5vw,.4rem);font-size:clamp(.3rem,1.3vw,.62rem)}