.fr-page{--fr-ink:#302945;--fr-muted:#686178;--fr-purple:#5842b4;--fr-soft:#f1edfb;--fr-line:#e2dced;--fr-card:#fff;--primary-color:#5842b4;color:var(--fr-ink);max-width:1480px;padding:28px 24px 32px}.fr-page [hidden]{display:none!important}.fr-page a,.fr-page button,.fr-page input,.fr-page select,.fr-page summary{min-height:44px}.fr-page button{min-width:44px}.fr-page button,.fr-page select,.fr-page summary{cursor:pointer}.fr-page :focus-visible{outline:3px solid var(--fr-purple);outline-offset:3px}.fr-page .mn-header{padding:0 0 24px;margin:0;align-items:center;gap:28px}.fr-intro{flex:1;min-width:0}.fr-back{display:inline-flex;align-items:center;color:var(--fr-muted);text-decoration:none;font-size:.78rem}.fr-back:hover{color:var(--fr-purple)}.fr-eyebrow{color:var(--fr-purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin:16px 0 10px}.fr-page .mn-title{font-size:clamp(1.8rem, 3.3vw, 2.55rem);line-height:1.2;letter-spacing:-.04em}.fr-lead{color:var(--fr-purple);font-size:clamp(1.05rem, 2vw, 1.3rem);font-weight:800;margin:8px 0 14px}.fr-page .mn-subtitle{font-size:.9rem;line-height:1.7;color:var(--fr-muted);max-width:670px}.fr-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.fr-tags span{font-size:.68rem;padding:6px 9px;border:1px solid var(--fr-line);border-radius:6px;background:var(--fr-card);color:var(--fr-muted)}.fr-hero{width:310px;padding:25px;background:var(--fr-card);border:1px solid var(--fr-line);border-radius:24px;box-shadow:0 18px 40px #4030670b;transform:rotate(2deg)}.fr-hero>div{display:flex;gap:3px;margin-bottom:6px}.fr-hero span{flex:1;border:1px solid var(--fr-stroke);border-radius:5px;padding:7px 0;text-align:center;font-size:.74rem;font-weight:800;background:var(--fr-color);color:var(--fr-band-ink,#302945)}.fr-hero p{text-align:center;font-size:.73rem;color:var(--fr-muted);margin:14px 0 0}.fr-hero strong{color:var(--fr-purple)}.fr-workshop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 16px}.fr-workshop-heading>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.82rem}.fr-workshop-heading>div>span:first-child{color:#168068}#fr-mode-label{color:var(--fr-muted);font-size:.74rem}.fr-page .mn-fs-btn{background:var(--fr-purple);border:0;color:#fff;font-size:.78rem;font-weight:700}.fr-page .mn-main{grid-template-columns:270px minmax(0,1fr);gap:18px}.fr-page .mn-card{border:1px solid var(--fr-line);background:var(--fr-card);border-radius:18px;padding:16px}.fr-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fr-card-heading h2{margin:0;font-size:.9rem}.fr-card-heading>span{border-radius:7px;background:var(--fr-soft);color:var(--fr-purple);padding:5px;font-size:.7rem;font-weight:800}.fr-page .mn-niveau-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--fr-soft);border:1px solid var(--fr-line);border-radius:12px;padding:4px}.fr-page .mn-chip{padding:6px;border:0;border-radius:9px;font-size:.77rem;font-weight:700;color:var(--fr-ink)}.fr-page .mn-chip.active{background:var(--fr-purple);color:#fff}.fr-page .mn-hint{color:var(--fr-muted);font-size:.74rem;line-height:1.65}.fr-page .mn-palette{gap:7px}.fr-page .mn-add-btn{position:relative;background:var(--fr-card);border:1px solid var(--fr-line);border-radius:12px;min-height:80px;padding:14px 5px 8px;gap:10px;color:var(--fr-ink)}.fr-page .mn-add-btn:hover{border-color:var(--fr-purple);background:var(--fr-soft)}.fr-page .mn-add-btn strong{font-size:.75rem}.fr-add-sign{position:absolute;right:7px;top:1px;color:var(--fr-purple);font-size:.9rem}.fr-palette-track{display:block;width:48px;height:16px;border-bottom:1px dashed var(--fr-line)}.fr-swatch{display:block;height:13px;background:var(--fr-color);border:1px solid var(--fr-stroke);border-radius:3px}.fr-swatch-1{width:100%}.fr-swatch-2{width:50%}.fr-swatch-3{width:33.333%}.fr-swatch-4{width:25%}.fr-swatch-5{width:20%}.fr-swatch-6{width:16.667%}.fr-swatch-8{width:12.5%}.fr-swatch-10{width:10%}.fr-swatch-12{width:8.333%}.fr-d1{--fr-color:#6552b6;--fr-stroke:#4b3999;--fr-band-ink:#fff}.fr-d2{--fr-color:#f4afa2;--fr-stroke:#b95948}.fr-d3{--fr-color:#f5ce81;--fr-stroke:#ad7b24}.fr-d4{--fr-color:#9fdbd2;--fr-stroke:#448a80}.fr-d5{--fr-color:#d1b6ea;--fr-stroke:#8a60ac}.fr-d6{--fr-color:#c0dc93;--fr-stroke:#6b8d3b}.fr-d8{--fr-color:#e8a6c5;--fr-stroke:#a84f7e}.fr-d10{--fr-color:#a0cbe6;--fr-stroke:#4684ad}.fr-d12{--fr-color:#d4c6b4;--fr-stroke:#8a7354}.fr-page .mn-btn{border:1px solid var(--fr-line);background:var(--fr-card);color:var(--fr-ink);font-size:.78rem;border-radius:9px;padding:8px 11px}.fr-page .mn-btn:hover:not(:disabled){border-color:var(--fr-purple);background:var(--fr-soft)}.fr-page .mn-btn-primary{background:var(--fr-purple);color:#fff;border-color:var(--fr-purple)}.fr-page .mn-btn-primary:hover:not(:disabled){background:#46328f;color:#fff}.fr-page .mn-btn-danger{color:#a23d35}.fr-page button:disabled{cursor:default;opacity:.43}.fr-page .mn-actions{gap:7px}.fr-prepare summary{display:flex;align-items:center;font-weight:700;font-size:.83rem;list-style:revert}.fr-prepare summary::before{content:'▸';margin-right:7px}.fr-prepare[open] summary::before{content:'▾'}.fr-page details.fr-prepare{padding:4px 16px}.fr-prepare form{padding:0 0 8px}.fr-number-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;margin:12px 0}.fr-number-fields>span{align-self:center;padding-top:20px}.fr-page label{display:block;font-size:.73rem;margin-bottom:6px;color:var(--fr-ink)}.fr-page input,.fr-page select{width:100%;min-width:0;border:1px solid var(--fr-line);background:var(--fr-card);color:var(--fr-ink);border-radius:8px;font:inherit;font-size:.82rem;padding:8px;box-sizing:border-box}.fr-page .mn-defi-target{min-height:54px;margin:10px 0}.fr-page .mn-defi-number{color:var(--fr-purple);font-size:2rem}.fr-page .mn-defi-feedback{font-size:.78rem}.fr-page .mn-defi-feedback:empty{display:none}.fr-page .mn-board-wrap{min-width:0;gap:0!important;border:1px solid var(--fr-line);border-radius:18px;overflow:hidden;background:var(--fr-card);box-shadow:0 10px 35px #32225208}.fr-board-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--fr-line)}.fr-board-toolbar h2{margin:0;font-size:.9rem}.fr-board-toolbar>div{display:flex;flex-wrap:wrap;gap:4px}.fr-board-toolbar .mn-btn{border-color:transparent;background:0 0;padding:8px;font-size:.72rem}#fr-undo:not(:disabled){border-color:var(--fr-purple);color:var(--fr-purple)}.fr-page[data-tableau-responsive=true] .mn-counter{justify-content:flex-start;gap:14px;padding:14px 18px;border:0;border-bottom:1px solid var(--fr-line);border-radius:0;box-shadow:none;background:var(--fr-card)}.fr-counter-label{display:block;color:var(--fr-muted);font-size:.65rem}.fr-page .mn-counter-total{display:block;text-align:left;font-size:2rem;line-height:1.3;color:var(--fr-purple)}.fr-counter-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.fr-page .mn-counter-decomp{white-space:normal;font-size:.78rem;color:var(--fr-ink);font-weight:700;overflow-wrap:anywhere}#fr-mixed{color:var(--fr-muted);font-size:.73rem}.fr-page .mn-eye-btn{flex-shrink:0;min-width:44px;min-height:44px;font-size:1.15rem}.fr-page[data-tableau-responsive=true] .mn-defi-banner{order:0;justify-content:space-between;gap:8px;padding:8px 16px;border:0;border-bottom:1px solid var(--fr-line);border-radius:0;background:var(--fr-soft);box-shadow:none;font-size:.8rem}.fr-page .mn-defi-banner strong{color:var(--fr-purple);font-size:1.3rem}#fr-banner-feedback{width:100%;font-size:.77rem}#fr-banner-feedback:empty{display:none}.fr-canvas-shell{position:relative;min-height:0}.fr-scroll{max-height:520px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.fr-page .mn-workspace{min-height:450px;border:0;border-radius:0;background-color:#fdfbf6;background-image:linear-gradient(transparent 53px,#ddd6c780 54px);background-size:100% 54px;overflow:hidden;touch-action:pan-y}.fr-ref{position:absolute;top:18px;left:16px;width:var(--fr-unit,480px);height:38px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:var(--fr-soft);border:1px dashed var(--fr-purple);color:var(--fr-purple);font-size:.7rem;border-radius:7px;pointer-events:none}.fr-page .mn-piece.fr-bar{height:44px;display:flex;justify-content:center;align-items:center;background:var(--fr-color);border:1px solid var(--fr-stroke);color:var(--fr-band-ink,#302945);border-radius:5px;font-size:.9rem;font-weight:800;touch-action:none;user-select:none}.fr-fraction{display:flex;flex-direction:column;align-items:center;line-height:1.15;font-size:.72rem;pointer-events:none}.fr-fraction>span:first-child{border-bottom:1px solid currentColor;min-width:100%;text-align:center;padding:0 2px 1px}.fr-fraction>span:last-child{padding-top:1px}.fr-page .mn-piece.fr-selected{outline:3px solid var(--fr-purple);outline-offset:2px;z-index:5}.fr-page .mn-trash{width:46px;height:46px;right:12px;bottom:12px;border:2px dashed var(--fr-line);background:var(--fr-card);color:var(--fr-muted);border-radius:12px;font-size:.95rem;pointer-events:none}.fr-empty{position:absolute;inset:85px 12px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.fr-empty-symbol{font-size:2rem;letter-spacing:.04em;color:var(--fr-purple);opacity:.65}.fr-empty>strong{margin-top:8px;font-size:1rem}.fr-empty p{color:var(--fr-muted);font-size:.8rem;line-height:1.8;margin:0 0 4px}.fr-selection{padding:12px 16px;border-top:1px solid var(--fr-line)}.fr-selection>p{margin:0 0 8px;color:var(--fr-muted);font-size:.75rem}.fr-selection>div{display:flex;flex-wrap:wrap;gap:6px}.fr-selection select{flex:1 1 180px;width:auto;font-size:.77rem}.fr-selection .mn-btn{font-size:.73rem}.fr-board-tip{margin:0;padding:10px 16px;background:var(--fr-soft);color:var(--fr-muted);font-size:.72rem;line-height:1.7}.fr-board-tip i{color:var(--fr-purple);margin-right:5px}.fr-live{min-height:24px;margin:16px 0;font-size:.78rem;color:var(--fr-purple)}.fr-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fr-guide details{background:var(--fr-card);border:1px solid var(--fr-line);border-radius:12px;padding:4px 16px}.fr-guide summary{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700}.fr-guide summary::before{content:'▸'}.fr-guide details[open] summary::before{content:'▾'}.fr-guide p{font-size:.8rem;line-height:1.8;color:var(--fr-muted)}.fr-guide a{display:inline-flex;align-items:center;margin-right:12px;font-size:.78rem;color:var(--fr-purple)}.fr-privacy{color:var(--fr-muted);text-align:center;font-size:.7rem;line-height:1.7;margin:20px 0 0}.fr-privacy i{color:#197c65;margin-right:5px}[data-theme=dark] .fr-page{--fr-ink:#eee9fb;--fr-muted:#c7bfd7;--fr-purple:#c7b5ff;--fr-soft:#302941;--fr-line:#4b415e;--fr-card:#231f30}[data-theme=dark] .fr-page .mn-btn-primary,[data-theme=dark] .fr-page .mn-chip.active,[data-theme=dark] .fr-page .mn-fs-btn{background:#7e65c9;color:#fff}[data-theme=dark] .fr-page .mn-workspace{background-color:#24232a;background-image:linear-gradient(transparent 53px,#51475680 54px)}[data-theme=dark] .fr-page .mn-btn-danger{color:#ffb2a8}.fr-page.mn-tableau .fr-board-tip,.fr-page.mn-tableau .fr-guide,.fr-page.mn-tableau .fr-privacy,.fr-page.mn-tableau .fr-workshop-heading{display:none}.fr-page.mn-tableau .fr-canvas-shell{flex:1;display:flex;min-height:0}.fr-page.mn-tableau .fr-scroll{flex:1;max-height:none;min-height:0}.fr-page.mn-tableau .mn-workspace{height:auto;min-height:350px}.fr-page.mn-tableau .fr-board-toolbar,.fr-page.mn-tableau .fr-selection{flex-shrink:0;padding:5px 12px}.fr-page.mn-tableau .mn-counter{padding:5px 12px}.fr-page.mn-tableau .mn-counter-total{font-size:1.5rem}.fr-page.mn-tableau .fr-live{margin:0;min-height:18px;font-size:.7rem}.fr-page.mn-tableau .mn-tableau-toolbar strong{font-size:.8rem}@media (max-width:1050px){.fr-hero{width:250px}.fr-page .mn-main{grid-template-columns:240px minmax(0,1fr);gap:12px}}@media (max-width:700px){.fr-page{padding:16px 12px 24px}.fr-hero{display:none}.fr-eyebrow{font-size:.64rem;margin-top:10px}.fr-page .mn-header{padding-bottom:16px}.fr-workshop-heading>div{gap:5px;font-size:.73rem}#fr-mode-label{width:100%;margin-left:15px}.fr-page .mn-fs-btn{font-size:.7rem;padding:8px 10px}.fr-page:not(.mn-tableau) .mn-main{display:flex;flex-direction:column}.fr-page:not(.mn-tableau) .mn-panel{display:contents}.fr-page:not(.mn-tableau) .mn-main>*{width:100%;box-sizing:border-box}.fr-material-card{order:0;width:100%;box-sizing:border-box}.fr-page:not(.mn-tableau) .mn-board-wrap{order:1}.fr-prepare{order:2}.fr-challenge{order:3;width:100%;box-sizing:border-box}.fr-page .mn-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.fr-page .mn-add-btn{padding-inline:2px;min-height:69px}.fr-palette-track{width:38px}.fr-page .mn-card{padding:14px}.fr-page details.fr-prepare{padding:4px 14px;width:100%}.fr-guide{grid-template-columns:1fr;gap:10px}.fr-board-toolbar{padding:8px}.fr-board-toolbar>div{gap:0}.fr-board-toolbar .mn-btn{padding:6px;font-size:.69rem}.fr-page .mn-workspace{min-height:390px}.fr-page[data-tableau-responsive=true] .mn-counter{padding:10px 12px;gap:8px}.fr-page .mn-counter-total{font-size:1.7rem}.fr-counter-label{font-size:.61rem}.fr-page .mn-counter-decomp{font-size:.7rem}.fr-selection{padding:10px}.fr-page.mn-tableau .mn-panel{display:flex}.fr-page.mn-tableau .mn-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}.fr-page.mn-tableau-panel-closed .mn-panel{display:none}@media (max-height:500px){.fr-page.mn-tableau .fr-selection>p{display:none}.fr-page.mn-tableau .fr-board-toolbar h2,.fr-page.mn-tableau .fr-counter-label{display:none}.fr-page.mn-tableau .mn-workspace{min-height:300px}}@media (prefers-reduced-motion:reduce){.fr-page .mn-defi-banner,.fr-page .mn-piece{animation:none!important;transition:none!important}}.fr-page .fr-board-toolbar h2,.fr-page .fr-card-heading h2,.fr-page .mn-title{color:var(--fr-ink)}