@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--washi:#f4edde;--washi-clair:#fbf7ee;--papier:#fffdf8;--sumi:#2b2622;--sumi-doux:#6b6055;--sumi-pale:#9a8f80;--shu:#c7381f;--shu-fonce:#8f2413;--shu-pale:#f7e4de;--koji:#c99b4c;--koji-pale:#f6ead2;--ai:#2e5c8a;--ai-pale:#e2ebf3;--vert:#4a7c59;--bord:#e3d9c5;--bord-fort:#cdbfa4;--rayon:12px;--nav-hauteur:62px;--police-titre:"Bricolage Grotesque Variable", Georgia, serif;--police-texte:"Instrument Sans Variable", system-ui, -apple-system, sans-serif;--police-ja:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--washi);color:var(--sumi);font-family:var(--police-texte);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.55}button,input{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--shu);outline-offset:2px}.ja{font-family:var(--police-ja)}.app{max-width:560px;padding-bottom:calc(var(--nav-hauteur) + env(safe-area-inset-bottom) + 16px);margin:0 auto}.page{flex-direction:column;gap:18px;padding:16px 16px 8px;display:flex}.onglets{background:var(--papier);border-top:1px solid var(--bord);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.onglet{height:var(--nav-hauteur);color:var(--sumi-pale);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.onglet--actif{color:var(--shu)}.onglet__ja{font-size:20px;line-height:1}.onglet__libelle{font-size:11px}.bouton{border:1px solid var(--bord-fort);background:var(--papier);border-radius:var(--rayon);cursor:pointer;padding:10px 16px;transition:transform 80ms}.bouton:active{transform:scale(.98)}.bouton--principal{background:var(--shu);border-color:var(--shu);color:var(--shu-pale);font-weight:600}.bouton--geant{font-size:20px;font-family:var(--police-titre);padding:18px}.bouton--mini{padding:6px 12px;font-size:14px}.bouton--fin{text-align:center;margin-top:8px;padding:8px 14px;font-size:15px;text-decoration:none;display:inline-block}.puce{border:1px solid var(--bord-fort);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:14px}.puce--active{background:var(--sumi);border-color:var(--sumi);color:var(--washi)}.lien-suppr{color:var(--sumi-pale);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.flamme__exterieur{fill:var(--bord-fort)}.flamme__interieur{fill:var(--washi-clair)}.flamme--braise .flamme__exterieur{fill:var(--koji)}.flamme--braise .flamme__interieur{fill:var(--koji-pale)}.flamme--flamme .flamme__exterieur{fill:var(--shu)}.flamme--flamme .flamme__interieur{fill:var(--koji)}.flamme--bleue .flamme__exterieur{fill:var(--ai)}.flamme--bleue .flamme__interieur{fill:#8fb6d8}.carte-flamme{background:var(--papier);border:1px solid var(--bord);border-radius:var(--rayon);padding:14px}.carte-flamme--braise{background:var(--koji-pale);border-color:#e6d3a8}.carte-flamme--flamme{background:var(--shu-pale);border-color:#eccabd}.carte-flamme--bleue{background:var(--ai-pale);border-color:#c3d6e6}.carte-flamme__haut{align-items:center;gap:12px;display:flex}.carte-flamme__serie{font-family:var(--police-titre);font-size:30px;line-height:1}.carte-flamme__legende{color:var(--sumi-doux);font-size:12px}.carte-flamme__niveau{text-align:right;flex-direction:column;margin-left:auto;display:flex}.carte-flamme__niveau span{color:var(--sumi-doux);font-size:12px}.carte-flamme__pied{color:var(--sumi-doux);margin:8px 0 0;font-size:13px}.carte-flamme__joker{color:var(--shu-fonce);margin:4px 0 0;font-size:12px}.jauge{gap:4px;margin-top:12px;display:flex}.jauge__segment{background:#2b26221f;border-radius:4px;flex:1;height:8px}.jauge__segment--plein{background:var(--koji)}.jauge__segment--bonus{background:var(--koji);opacity:.5;flex:0 0 20px}.jauge--flamme .jauge__segment--plein,.jauge--flamme .jauge__segment--bonus{background:var(--shu)}.jauge--bleue .jauge__segment--plein,.jauge--bleue .jauge__segment--bonus{background:var(--ai)}.frise__titre,.ruban__titre,.projection__titre,.bloc__titre{font-family:var(--police-titre);color:var(--sumi-doux);margin:0 0 8px;font-size:15px;font-weight:500}.frise__pastilles{gap:6px;display:flex}.pastille{width:30px;height:30px;color:var(--sumi-doux);background:#2b26221a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.pastille--braise{background:var(--koji);color:#4a3505}.pastille--flamme{background:var(--shu);color:var(--shu-pale)}.pastille--bleue{background:var(--ai);color:#e2ebf3}.pastille--encours{box-shadow:0 0 0 2px var(--sumi)}.saisie,.bloc,.frise,.rappels,.stock,.test-du-jour,.progression,.projection,.ruban{background:var(--papier);border:1px solid var(--bord);border-radius:var(--rayon);padding:14px}.saisie__raccourcis,.filtres{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.champ{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.champ span{color:var(--sumi-doux);font-size:13px}.champ input{border:1px solid var(--bord-fort);background:var(--washi-clair);border-radius:8px;width:100%;padding:10px 12px}.saisie__km{color:var(--sumi-doux);margin:0 0 12px;font-size:15px}.saisie__km strong{font-family:var(--police-titre);color:var(--shu);font-size:20px}.saisie__actions{flex-wrap:wrap;gap:8px;display:flex}.saisie__actions .bouton{flex:1}.aide{color:var(--sumi-pale);margin:-6px 0 12px;font-size:13px}.message{color:var(--shu-fonce);margin:10px 0 0;font-size:14px}.rappels{flex-direction:column;gap:2px;padding:6px 14px;display:flex}.rappel{color:var(--sumi);border-bottom:1px solid var(--bord);align-items:center;gap:10px;padding:10px 0;font-size:15px;text-decoration:none;display:flex}.rappel:last-child{border-bottom:none}.rappel__icone{background:var(--washi);width:26px;height:26px;color:var(--sumi-doux);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.rappel--poids input{border:1px solid var(--bord-fort);border-radius:8px;flex:1;min-width:0;padding:6px 10px}.page--bilan{text-align:center;padding-top:40px}.bilan__titre{font-family:var(--police-titre);color:var(--shu);margin:0;font-size:34px}.bilan__total{color:var(--sumi-doux);margin:0}.bilan__bloc{background:var(--papier);border:1px solid var(--bord);border-radius:var(--rayon);text-align:left;padding:14px}.bilan__bloc--fort{border-color:var(--shu);background:var(--shu-pale)}.bilan__etiquette{text-transform:uppercase;letter-spacing:.05em;color:var(--sumi-doux);margin-bottom:4px;font-size:12px;display:block}.bilan__mots{margin:0;padding:0;list-style:none}.bilan__mots li{border-bottom:1px solid var(--bord);align-items:baseline;gap:8px;padding:5px 0;display:flex}.bilan__mots li:last-child{border-bottom:none}.bilan__mots .ja{min-width:46px;font-size:18px}.bilan__mots .romaji{color:var(--sumi-doux);min-width:72px;font-size:14px}.bilan__mots .fr{text-align:right;margin-left:auto;font-size:14px}.carte{width:100%;max-height:300px;display:block}.carte__terre{fill:#e8e0cd;stroke:var(--bord-fort);stroke-width:1.2px}.carte__reste{fill:none;stroke:var(--sumi-pale);stroke-width:3px;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round}.carte__fait{fill:none;stroke:var(--shu);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.carte__borne{fill:none;stroke:var(--sumi-doux);stroke-width:2px}.carte__halo{fill:var(--shu);opacity:.22}.carte__ici{fill:var(--shu);stroke:var(--papier);stroke-width:2px}.progression{flex-direction:column;gap:14px;display:flex}.barre__ligne{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.barre--etape .barre__titre{font-family:var(--police-titre);font-size:19px}.barre--etape .barre__detail{color:var(--shu);font-weight:600}.barre--prefecture .barre__titre,.barre--prefecture .barre__detail{color:var(--sumi-doux);font-size:13px}.barre__piste{background:#2b26221a;border-radius:6px;overflow:hidden}.barre--etape .barre__piste{height:11px}.barre--prefecture .barre__piste{height:6px}.barre__remplissage{background:var(--shu);border-radius:6px;height:100%;transition:width .4s}.barre--prefecture .barre__remplissage{background:var(--vert)}.traversee{border-top:1px solid var(--bord);padding-top:12px}.traversee__chiffre{font-family:var(--police-titre);font-size:24px;line-height:1.2}.traversee__chiffre span{font-family:var(--police-texte);color:var(--sumi-doux);font-size:13px}.traversee__km{color:var(--sumi-pale);font-size:12px}.progression__arrivee{font-family:var(--police-titre);color:var(--shu);margin:0;font-size:20px}.progression__avance{color:var(--sumi-doux);flex-direction:column;gap:4px;font-size:14px;display:flex}.progression__avance strong{color:var(--sumi);font-family:var(--police-titre);font-size:17px}.projection__date{font-family:var(--police-titre);margin:0;font-size:22px}.projection__date--vide{color:var(--sumi-pale);font-size:15px}.projection__depart,.projection__requis{color:var(--sumi-doux);margin:4px 0 0;font-size:13px}.projection__requis{color:var(--shu-fonce)}.projection__requis--ok{color:var(--vert)}.ruban__ligne{padding-bottom:12px;padding-left:22px;position:relative}.ruban__ligne:before{content:"";background:var(--bord);width:2px;position:absolute;top:12px;bottom:0;left:5px}.ruban__ligne:last-child:before{display:none}.ruban__point{background:var(--bord-fort);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:0}.ruban__ligne--ici .ruban__point{background:var(--shu);box-shadow:0 0 0 4px var(--shu-pale)}.ruban__ligne--avenir{opacity:.55;align-items:baseline;gap:8px;display:flex}.ruban__ligne--avenir .ruban__point{border:2px solid var(--bord-fort);background:0 0}.ruban__bouton{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:0;display:flex}.ruban__nom{font-family:var(--police-titre);font-size:17px}.ruban__nom .ja{font-family:var(--police-ja);color:var(--sumi-pale);margin-left:4px;font-size:13px}.ruban__km{color:var(--sumi-pale);white-space:nowrap;font-size:13px}.ruban__neuf{background:var(--shu);color:var(--shu-pale);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.fiche{background:var(--washi-clair);border-radius:var(--rayon);margin-top:10px;padding:12px 14px;font-size:15px}.fiche p{margin:0 0 10px}.fiche__image{margin:0 0 12px}.fiche__image img{border-radius:8px;width:100%;display:block}.fiche__image figcaption{color:var(--sumi-pale);margin-top:4px;font-size:11px}.fiche__image a{color:inherit}.fiche__gouter{background:var(--koji-pale);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.fiche__gouter-titre{text-transform:uppercase;letter-spacing:.06em;color:#7a5a12;margin-bottom:3px;font-size:11px;display:block}.test-du-jour__titre{font-family:var(--police-titre);margin:0;font-size:22px}.test-du-jour__detail{color:var(--sumi-doux);margin:2px 0 12px;font-size:14px}.test-du-jour__actions{flex-wrap:wrap;gap:8px;display:flex}.test-du-jour--vide .test-du-jour__titre{color:var(--vert)}.stock__ligne{font-size:15px}.stock__boites{gap:6px;margin-top:10px;display:flex}.stock__boite{background:var(--washi);text-align:center;color:var(--sumi-pale);border-radius:8px;flex-direction:column;flex:1;padding:6px 2px;font-size:11px;display:flex}.stock__boite em{font-style:normal;font-family:var(--police-titre);color:var(--sumi);font-size:16px}.stock__epuise{color:var(--sumi-doux);margin:10px 0 0;font-size:13px}.mots{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mot{background:var(--papier);border:1px solid var(--bord);border-radius:var(--rayon);padding:10px 12px}.mot__haut{align-items:baseline;gap:8px;display:flex}.mot__ja{font-size:20px}.mot__kana{color:var(--sumi-doux);font-size:14px}.mot__romaji{color:var(--sumi-pale);font-size:13px}.mot__bas{color:var(--sumi-doux);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.mot__niveau{color:var(--sumi-pale);font-size:11px}.mot__boites{gap:3px;margin-top:6px;display:flex}.mot__boite{background:var(--bord);border-radius:2px;width:16px;height:4px}.mot__boite--plein{background:var(--koji)}.page--test{padding-top:24px}.test__avancement{color:var(--sumi-pale);text-align:center;font-size:13px}.test__question{text-align:center;flex-direction:column;gap:6px;padding:24px 0;display:flex}.test__fr{font-family:var(--police-titre);font-size:26px}.test__ja{font-size:42px;line-height:1.2}.test__romaji{color:var(--sumi-doux);font-size:15px}.test__choix{flex-direction:column;gap:8px;display:flex}.choix{background:var(--papier);border:1px solid var(--bord-fort);border-radius:var(--rayon);text-align:left;cursor:pointer;align-items:baseline;gap:10px;padding:14px;display:flex}.choix .ja{font-size:19px}.choix__romaji{color:var(--sumi-pale);font-size:13px}.choix--juste{border-color:var(--vert);background:#e6f0e6}.choix--faux{background:var(--shu-pale);border-color:var(--shu)}.choix--pale{opacity:.45}.poids__resume{gap:24px;margin-bottom:12px;display:flex}.poids__resume strong{font-family:var(--police-titre);font-size:24px;display:block}.poids__resume span{color:var(--sumi-doux);font-size:12px}.courbe{margin:0 0 12px}.courbe svg{width:100%;height:auto;overflow:visible}.courbe figcaption{color:var(--sumi-pale);margin-top:4px;font-size:11px}.courbe__brute{fill:none;stroke:var(--bord-fort);stroke-width:1.5px}.courbe__lisse{fill:none;stroke:var(--shu);stroke-width:3px;stroke-linejoin:round}.courbe__cible{stroke:var(--vert);stroke-width:1.5px;stroke-dasharray:4 4}.poids__saisie{gap:8px;display:flex}.poids__saisie input{border:1px solid var(--bord-fort);border-radius:8px;flex:1;min-width:0;padding:8px 10px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--washi);text-align:center;border-radius:8px;padding:10px 8px}.stat strong{font-family:var(--police-titre);font-size:20px;display:block}.stat span{color:var(--sumi-doux);font-size:11px;line-height:1.3}.liste{margin:10px 0 0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--bord);align-items:baseline;gap:10px;padding:8px 0;font-size:14px;display:flex}.liste li:last-child{border-bottom:none}.liste li span:nth-child(2){color:var(--sumi-doux);margin-right:auto}.vide{color:var(--sumi-pale);margin:0;font-size:14px}