@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/instrument-sans-latin-600-normal.woff2) format("woff2")}:root{--navy: #14263a;--navy-dark: #0e1b29;--navy-mid: #2b4763;--amber: #d99a4e;--amber-dark: #c4832f;--amber-ink: #8a5410;--bg: #f6f1e8;--paper: #fbf7f0;--card: #ffffff;--amber-tint: #fdf6ec;--ink: #14263a;--text: #22303f;--muted: #6a6459;--border: #e7ddcd;--radius: 14px;--maxw: 1080px;--font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;color-scheme:light dark}:root[data-theme=light]{color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--navy: #e8ecf2;--navy-dark: #0c1015;--navy-mid: #aeb9c8;--amber: #e0a35a;--amber-dark: #cf9346;--amber-ink: #e6b573;--bg: #12161c;--paper: #171d26;--card: #1b212b;--text: #e7ebf0;--muted: #9aa4b1;--border: #2b333e;--amber-tint: #2d2717;--ink: #10161d;color-scheme:dark}}:root[data-theme=dark]{--navy: #e8ecf2;--navy-dark: #0c1015;--navy-mid: #aeb9c8;--amber: #e0a35a;--amber-dark: #cf9346;--amber-ink: #e6b573;--bg: #12161c;--paper: #171d26;--card: #1b212b;--text: #e7ebf0;--muted: #9aa4b1;--border: #2b333e;--amber-tint: #2d2717;--ink: #10161d;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .footer{background:#0c1015}:root:not([data-theme=light]) .btn-outline:hover{background:var(--navy-mid);color:var(--navy-dark)}:root:not([data-theme=light]) .card{box-shadow:0 1px 2px #0000004d,0 10px 28px #00000059}}:root[data-theme=dark] .footer{background:#0c1015}:root[data-theme=dark] .btn-outline:hover{background:var(--navy-mid);color:var(--navy-dark)}:root[data-theme=dark] .card{box-shadow:0 1px 2px #0000004d,0 10px 28px #00000059}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--navy-mid);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:64px 0}.wrap,.tool,.calc{margin-inline:auto}h1,h2,h3{font-family:var(--font-display);color:var(--navy);line-height:1.12;margin:0 0 .5em;font-weight:600;letter-spacing:-.01em}h1{font-size:clamp(2.2rem,5.2vw,3.35rem);letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3vw,2.3rem)}.lead{font-size:1.2rem;color:var(--muted);line-height:1.55;max-width:62ch}.muted{color:var(--muted)}.data-note{margin-top:18px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--paper);font-size:.78rem;line-height:1.5;color:var(--muted)}.data-note strong{color:var(--navy);font-weight:600}.data-note b{color:var(--navy-mid);font-weight:600}.kicker{display:inline-block;font-family:var(--font-sans);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-ink);margin-bottom:14px}.kicker:before{content:"— ";opacity:.6}.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .15s;font-family:inherit;font-size:1rem}.btn-primary{background:var(--amber);color:var(--navy-dark)}.btn-primary:hover{background:var(--amber-dark);text-decoration:none}.btn-outline{background:transparent;border-color:var(--navy);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff;text-decoration:none}.btn:disabled{opacity:.6;cursor:progress}.tool-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.tool-actions>*{margin-top:0;margin-bottom:0}.burger{margin-left:auto;display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer}.burger span{display:block;width:20px;height:2px;margin:0 auto;background:var(--navy);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.theme-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;font-size:1.1rem;line-height:1}.theme-toggle:hover{border-color:var(--amber)}.burger{margin-left:8px}.site-header .brand-text{min-width:0;overflow:hidden}.site-header .brand-name,.site-header .brand-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.site-header .theme-toggle,.site-header .burger,.site-header .back{flex:0 0 auto}.msc-appbar{position:fixed;top:10px;right:10px;z-index:45;display:flex;gap:8px}.msc-appbar-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);cursor:pointer;font-size:1.05rem;line-height:1;box-shadow:0 4px 14px #14263a24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.msc-appbar-btn:hover{border-color:var(--amber)}.msc-appbar-burger{display:flex;flex-direction:column;gap:4px}.msc-appbar-burger span{display:block;width:17px;height:2px;background:var(--navy);border-radius:2px}.msc-appbar-menu{position:absolute;top:48px;right:0;min-width:224px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #14263a38;display:flex;flex-direction:column;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.msc-appbar-menu[hidden]{display:none}.msc-appbar-menu.open{opacity:1;transform:translateY(0)}.msc-appbar-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;color:var(--text);text-decoration:none;font-size:.92rem;font-weight:600}.msc-appbar-link:hover{background:var(--paper)}.msc-appbar-link[aria-current=page]{color:var(--amber-ink);background:var(--amber-tint)}button.msc-appbar-link{width:100%;background:none;border:0;cursor:pointer;font-family:inherit}.msc-appbar-seglbl{margin:4px 6px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.msc-appbar-seg{display:flex;gap:4px;padding:0 6px 6px}.msc-appbar-segbtn{flex:1;padding:8px 4px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;text-align:center}.msc-appbar-segbtn:hover{border-color:var(--amber)}.msc-appbar-segbtn[aria-pressed=true]{background:var(--amber);color:var(--navy-dark);border-color:var(--amber-dark)}.msc-appbar-ico{width:22px;text-align:center;font-size:1rem}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14263a6b;z-index:40;opacity:0;transition:opacity .2s ease}.nav-scrim.open{opacity:1}.nav-drawer{position:fixed;top:0;right:0;height:100%;width:min(86vw,340px);background:var(--card);border-left:1px solid var(--border);box-shadow:-12px 0 40px #14263a29;z-index:50;transform:translate(100%);transition:transform .24s ease;display:flex;flex-direction:column;padding:14px;overflow-y:auto}.nav-drawer.open{transform:translate(0)}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.nav-title{font-weight:800;color:var(--navy);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.nav-close{width:36px;height:36px;border:none;background:transparent;font-size:1.05rem;color:var(--muted);cursor:pointer;border-radius:10px}.nav-close:hover{background:#14263a0f}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--navy);font-weight:600;white-space:nowrap;overflow:hidden}.nav-link .nav-ico{flex:0 0 auto}.nav-link:hover{background:#14263a0d;text-decoration:none}.nav-ico{font-size:1.15rem;width:1.4em;text-align:center}.nav-sep{border:none;border-top:1px solid var(--border);margin:8px 4px}.nav-drawer.open .nav-link{animation:navLinkIn .32s both}.nav-drawer.open .nav-link:nth-child(1){animation-delay:.03s}.nav-drawer.open .nav-link:nth-child(2){animation-delay:.06s}.nav-drawer.open .nav-link:nth-child(3){animation-delay:.09s}.nav-drawer.open .nav-link:nth-child(4){animation-delay:.12s}.nav-drawer.open .nav-link:nth-child(5){animation-delay:.15s}.nav-drawer.open .nav-link:nth-child(6){animation-delay:.18s}.nav-drawer.open .nav-link:nth-child(n+7){animation-delay:.21s}@keyframes navLinkIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.nav-drawer.open .nav-link{animation:none}}.nav-search-form{margin-bottom:10px}.nav-search{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:.9rem}.nav-search:focus{outline:2px solid var(--amber);border-color:transparent}@media (max-width: 720px){.burger{display:flex}.site-header .back{display:none}}@media (min-width: 721px){.nav-drawer,.nav-scrim{display:none!important}}.to-top{position:fixed;right:16px;bottom:16px;z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--navy);font-size:1.2rem;line-height:1;cursor:pointer;box-shadow:0 6px 20px #14263a2e;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.app-share-btn{position:fixed;left:16px;bottom:16px;z-index:30;display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--navy);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #14263a29;opacity:.9}.app-share-btn:hover{opacity:1;border-color:var(--amber)}.app-share-toast{position:fixed;left:16px;bottom:62px;z-index:31;padding:8px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:.82rem;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.app-share-toast.show{opacity:1;transform:translateY(0)}:root[data-embed="1"] .app-share-btn,:root[data-embed="1"] .app-share-toast{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy);text-decoration:none}.brand img{width:40px;height:40px}.brand-text{display:flex;flex-direction:column;line-height:1.08}.brand-name{font-weight:700;font-size:1.05rem}.brand-tag{font-family:var(--font-sans);font-weight:500;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 1px 2px #14263a0a,0 10px 28px #14263a0b;transition:transform .18s ease,box-shadow .18s ease}.field{margin-bottom:16px}.field label,.field>span{display:block;font-weight:600;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:1rem;background:var(--card);color:var(--text)}.field input:focus{outline:2px solid var(--amber);border-color:transparent}.hero{position:relative;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--border)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 78% at 88% -12%,rgba(217,154,78,.2),transparent 60%),radial-gradient(48% 68% at 6% 116%,rgba(20,38,58,.07),transparent 60%)}.hero .container{position:relative;z-index:1}.hero h1{color:var(--navy)}.hero .lead{color:var(--muted)}.footer{background:var(--navy);color:#cdd6e0;margin-top:40px}.footer a{color:#cdd6e0}.footer h4{color:#fff;margin:0 0 10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12)}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 20px;font-size:.8rem;color:#9fb0c0}.center{text-align:center}.mt{margin-top:22px}.app-about{background:var(--paper);border-top:1px solid var(--border);margin-top:32px}.app-about>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;font-family:var(--font-sans);font-weight:600;font-size:.95rem;color:var(--navy-mid)}.app-about>summary::-webkit-details-marker{display:none}.app-about>summary:hover{color:var(--navy);text-decoration:underline}.app-about>summary svg{flex:0 0 auto;opacity:.85}.app-about[open]>summary{color:var(--navy);border-bottom:1px solid var(--border)}.app-about-body{max-width:820px;padding:32px 20px 48px}.app-about h2{margin:0 0 .5rem}.app-about h3{margin:0 0 .35rem;font-size:1.05rem;color:var(--navy)}.about-lead{margin:0 0 1.75rem}.about-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.75rem}.about-grid p{margin:0}.about-steps,.about-rules{margin:.5rem 0 1.75rem;padding-left:1.25rem;line-height:1.7}.about-steps li{margin-bottom:.45rem}.about-editor{margin:0 0 1.25rem;font-size:.92rem}.about-links{margin:0}.ce-bloc{max-width:820px;margin:28px auto 0;padding:16px 20px;border:1px solid var(--border);border-left:4px solid var(--amber);border-radius:var(--radius);background:var(--amber-tint)}.ce-bloc p{margin:0;color:var(--text);line-height:1.55;font-size:.95rem}.ce-bloc a{color:var(--amber-ink);font-weight:600;text-decoration:none;white-space:nowrap}.ce-bloc a:hover{text-decoration:underline}.head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.head img{width:40px;height:40px}.head-logo{display:inline-flex;line-height:0;border-radius:8px}.head-logo:focus-visible{outline:2px solid var(--amber);outline-offset:2px}html[data-standalone] .retour,html[data-standalone] .about-links .to-apps,html[data-standalone] .about-links .sep-apps{display:none}:root[data-embed="1"] .retour,:root[data-embed="1"] .head,:root[data-embed="1"] .tool-head,:root[data-embed="1"] .version-line,:root[data-embed="1"] .tool-version,:root[data-embed="1"] .calc-version,:root[data-embed="1"] .app-about,:root[data-embed="1"] .ce-bloc,:root[data-embed="1"] .msc-appbar{display:none!important}:root[data-embed="1"] body{background:transparent}:root[data-embed="1"] .wrap,:root[data-embed="1"] .tool{margin-top:0}:root[data-embed="1"] main>h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root[data-embed="1"] main>h1+p,:root[data-embed="1"] .intro{display:none!important}.embed-share{display:none}:root[data-embed="1"] .embed-share{display:inline-flex}:root[data-embed="1"] .embed-share.embed-shared{opacity:.7}:root[data-embed="1"] .wrap>.embed-share,:root[data-embed="1"] .tool>.embed-share{margin-top:.75rem}.skel{display:inline-block;border-radius:6px;vertical-align:middle;background:linear-gradient(90deg,var(--border) 25%,var(--paper) 37%,var(--border) 63%);background-size:400% 100%;animation:skelShimmer 1.4s ease infinite}@keyframes skelShimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.lb-skel{pointer-events:none}.lb-skel .skel-rank{width:1.1em;height:1em}.lb-skel .skel-line{width:55%;height:.85em}.lb-skel .skel-val{width:3em;height:.85em}.lb{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.lb-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:.6rem}.lb-head h3{margin:0;font-size:1.05rem;color:var(--navy)}.lb-variants{display:flex;gap:6px;flex-wrap:wrap}.lb-vtab{font:inherit;font-size:.78rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--navy-mid);cursor:pointer}.lb-vtab.on{border-color:var(--amber);background:var(--amber-tint);color:var(--navy);font-weight:600}.lb-list{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-direction:column;gap:2px}.lb-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:var(--card);border:1px solid var(--border);font-size:.9rem}.lb-row.me{border-color:var(--amber);background:var(--amber-tint);font-weight:600}.lb-rank{min-width:1.6rem;text-align:center;font-family:var(--font-display);font-weight:600;color:var(--navy-mid);font-variant-numeric:tabular-nums}.lb-row:nth-child(1) .lb-rank{color:#b8860b}.lb-date{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-val{font-variant-numeric:tabular-nums;font-weight:600;color:var(--navy)}.lb-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:.4rem}.lb-ask{display:flex;gap:8px;margin-bottom:.5rem}.lb-ask input{flex:1;min-width:0}.lb-you{margin:0 0 .5rem;font-size:.85rem}.lb-msg{font-size:.88rem;margin:.2rem 0}.lb-note{font-size:.72rem;margin:.3rem 0 0}.linklike{border:none;background:none;color:var(--navy-mid);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}:root[data-embed="1"] .lb{display:none!important}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#14263a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qr-modal{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #14263a47}.qr-title{margin:0 0 2px;font-family:var(--font-display);font-weight:600;color:var(--navy);font-size:1.1rem}.qr-code{margin:0 0 12px;font-size:.9rem;color:var(--muted)}.qr-code strong{color:var(--navy);letter-spacing:.08em}.qr-imgbox{display:flex;align-items:center;justify-content:center;min-height:256px;margin:0 auto 12px;border-radius:12px;background:#fff;padding:12px;border:1px solid var(--border)}.qr-imgbox img{width:100%;max-width:256px;height:auto;display:block;image-rendering:pixelated}.qr-hint{margin:0 0 16px;font-size:.82rem;color:var(--muted);line-height:1.35}.join-code{margin:0 0 1rem;padding:10px 14px;border-radius:10px;background:var(--amber-tint);border:1px solid var(--amber);color:var(--navy-mid);font-size:.92rem}.join-code strong{color:var(--navy);letter-spacing:.08em}.retour.xplay{margin-left:.6rem;padding:2px 9px;border:1px solid currentColor;border-radius:999px;opacity:.85;text-decoration:none;white-space:nowrap}.retour.xplay:hover{opacity:1}@media (prefers-reduced-motion: no-preference){.hero:before{animation:mscHeroDrift 22s ease-in-out infinite alternate;will-change:transform}@keyframes mscHeroDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2.5%,2%,0) scale(1.08)}}.hero .kicker{animation:mscFadeUp .7s cubic-bezier(.2,.7,.2,1) both}.hero h1{animation:mscFadeUp .7s cubic-bezier(.2,.7,.2,1) .07s both}.hero .lead,.hero .container>p{animation:mscFadeUp .7s cubic-bezier(.2,.7,.2,1) .14s both}@keyframes mscFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(20px)}.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}a.app-card{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease}a.app-card:hover{transform:translateY(-4px)}.rail-card{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease}.col-card{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease}.col-card:hover{box-shadow:0 1px 2px #14263a14,0 18px 40px #14263a29}.gtab{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.gtab:hover{transform:translateY(-1px)}.pf-chip{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.pf-chip:hover{transform:translateY(-1px)}}.gtabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}.gtab{font:inherit;font-size:.85rem;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--navy-mid);cursor:pointer}.gtab:hover{border-color:var(--amber)}.gtab.on{background:var(--amber);border-color:var(--amber-dark);color:var(--navy-dark)}.app-preview{position:fixed;z-index:60;width:300px;max-width:calc(100vw - 16px);background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 44px #14263a3d;overflow:hidden;display:block;text-decoration:none;color:inherit;cursor:pointer}.app-preview:hover{text-decoration:none}.app-preview:hover .apv-cta{text-decoration:underline}.app-preview .apv-thumb{aspect-ratio:1200 / 630;background:var(--paper)}.app-preview .apv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.app-preview .apv-body{padding:12px 14px 14px}.app-preview .apv-title{margin:0 0 4px;font-family:var(--font-display);font-weight:600;color:var(--navy);font-size:1.02rem}.app-preview .apv-obj{margin:0 0 10px;font-size:.85rem;color:var(--muted);line-height:1.45}.app-preview .apv-cta{font-size:.8rem;font-weight:600;color:var(--amber-ink)}@media (prefers-reduced-motion: no-preference){.app-preview{animation:apvIn .12s ease}@keyframes apvIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}.msc-share{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.msc-share__btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;border:1.5px solid var(--border);background:var(--card, #fff);color:var(--navy);font:inherit;font-size:.82rem;font-weight:600;line-height:1.1;cursor:pointer;transition:border-color .12s,background .12s}.msc-share__btn:hover{border-color:var(--amber);background:#fdf6ec}.msc-reconnect{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:10px;background:#fbecea;border:1px solid #e6b3ab;color:#a5342a;font-size:.85rem;font-weight:600}.msc-reconnect__dot{width:9px;height:9px;border-radius:50%;background:#c0392b;animation:msc-reconnect-pulse 1s infinite}@keyframes msc-reconnect-pulse{0%,to{opacity:1}50%{opacity:.3}}.pbackup{margin:10px 0}.pb-open{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border, #e2e0d8);border-radius:999px;background:var(--card, #fff);color:var(--navy, #14263a);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.pb-open:hover{border-color:var(--amber, #d69e2e)}.pb-panel{margin-top:10px;padding:12px;border:1px solid var(--border, #e2e0d8);border-radius:14px;background:var(--card, #fff);text-align:left}.pb-hint{margin:0 0 10px;font-size:.8rem;color:var(--muted, #5b6b7a);line-height:1.4}.pb-linkrow{display:flex;gap:6px}.pb-link{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border, #e2e0d8);border-radius:10px;background:var(--bg, #faf9f6);color:var(--muted, #5b6b7a);font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pb-copy{flex:0 0 auto;padding:8px 12px;border:1px solid var(--amber, #d69e2e);border-radius:10px;background:var(--amber, #d69e2e);color:#3a2b00;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pb-qr{display:block;margin:12px auto 2px;width:180px;height:180px;border-radius:12px;background:#fff}.pb-empty{margin:8px 0 0;font-size:.82rem;color:var(--muted, #5b6b7a)}.pbackup-restore{margin:12px 0;padding:14px 16px;border:1px solid var(--amber, #d69e2e);border-radius:14px;background:var(--card, var(--amber-tint));text-align:center}.pb-r-title{margin:0 0 4px;font-weight:800;color:var(--navy, #14263a)}.pb-r-sum{margin:0 0 12px;color:var(--muted, #5b6b7a);font-size:.9rem}.pb-r-actions{display:flex;gap:8px;justify-content:center}.pb-btn{padding:9px 18px;border:1px solid var(--border, #e2e0d8);border-radius:999px;background:var(--card, #fff);color:var(--navy, #14263a);font:inherit;font-weight:700;cursor:pointer}.pb-btn-primary{border-color:var(--amber, #d69e2e);background:var(--amber, #d69e2e);color:#3a2b00}.pb-r-ok{margin:6px 0 0;font-weight:700;color:#2e8b57}.pb-r-note{margin:10px 0 0;font-size:.76rem;color:var(--muted, #5b6b7a)}.notify-toggle{display:flex;align-items:center;gap:8px;width:100%;margin:10px 0;padding:9px 14px;border:1px solid var(--amber, #d99a4e);border-radius:12px;background:var(--amber-tint);color:var(--amber-ink, #8a5410);font:inherit;font-size:.85rem;font-weight:600;text-align:left;cursor:pointer}.notify-toggle:hover{background:#d99a4e2e}.celebration-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2147482000;pointer-events:none}.celebration-record{position:fixed;top:18px;left:50%;transform:translate(-50%,-160%);z-index:2147483000;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#f4c65a,#d99a4e);color:#14263a;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:.95rem;white-space:nowrap;box-shadow:0 10px 28px #14263a52;opacity:0;transition:transform .42s cubic-bezier(.2,1.2,.4,1),opacity .42s ease;pointer-events:none}.celebration-record.show{transform:translate(-50%);opacity:1}@media (prefers-reduced-motion: reduce){.celebration-record{transition:opacity .3s ease;transform:translate(-50%)}}.gfs:fullscreen{width:100vw;height:100vh;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 30% 10%,#24405c,#14273c 55%,#0b1622);overflow:auto;padding:max(env(safe-area-inset-top,0px),14px) 14px max(env(safe-area-inset-bottom,0px),14px);box-sizing:border-box}.gfs:-webkit-full-screen{width:100vw;height:100vh;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;background:#13273c;overflow:auto;box-sizing:border-box}.gfs:fullscreen>.board,.gfs:fullscreen>.grid,.gfs:fullscreen>.plateau,.gfs:fullscreen>*>.board,.gfs:fullscreen>*>.grid,.gfs:fullscreen>*>.plateau{max-width:min(96vw,94vh);max-height:94vh}.fb-toggle{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.fb-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.fb-btn.on{border-color:var(--amber);color:var(--navy);background:var(--amber-tint)}.fb-btn:hover{border-color:var(--amber)}body{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem}.calc{width:min(440px,100%)}.calc-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.calc-head img{width:40px;height:40px}.calc h1{font-size:1.7rem;margin:.4rem 0 .2rem}.calc .retour{display:inline-block;color:var(--muted);font-size:.85rem;margin-bottom:1rem}.calc .retour:hover{color:var(--amber-dark)}.resultats{margin:1.25rem 0;border-top:1px solid var(--border);padding-top:1rem}.ligne{display:flex;justify-content:space-between;padding:.35rem 0}.ligne.total strong{color:var(--navy);font-size:1.3rem;font-family:var(--font-display)}.seg{display:flex;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:1.1rem}.seg-btn{flex:1;border:none;background:transparent;padding:9px 10px;border-radius:9px;cursor:pointer;font:inherit;font-weight:600;color:var(--muted)}.seg-btn.on{background:var(--card);color:var(--navy);box-shadow:0 1px 2px #14263a14}.montant-input{position:relative}.montant-input input{padding-right:2rem}.montant-input .suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.taux-row{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0 .25rem}.taux-btn{flex:1 1 90px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;font:inherit}.taux-btn strong{font-size:1.15rem;color:var(--navy);font-family:var(--font-display)}.taux-btn span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.taux-btn.on{border-color:var(--amber);background:var(--amber-tint);box-shadow:0 0 0 2px #d99a4e40}.ligne.hl strong{color:var(--amber-dark)}.calc-version{margin-top:18px;padding-top:12px;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted);text-align:center}
