@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600;700&display=swap");:root{--foret:#24312F;--foret2:#334743;--feuille:#55705D;--route:#C85F2D;--route2:#d97f54;--ciel:#F4E9D8;--ciel2:#e9dcc6;--blanc:#fbf4e8;--encre:#24312F;--gris:#5f6b62;--ligne:#dbcfb8;--ok:#55705D;--alerte:#b23b2e;--r:18px;--rs:11px;--sh:0 1px 2px rgba(36,49,47,.06),0 10px 28px rgba(36,49,47,.07);--shlg:0 16px 44px rgba(36,49,47,.18)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--ciel2);color:var(--encre);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-.015em}:focus-visible{outline:3px solid var(--route);outline-offset:2px;border-radius:6px}#app-root{max-width:430px;margin:0 auto;min-height:100dvh;background:var(--ciel);display:flex;flex-direction:column;box-shadow:0 0 60px rgba(0,0,0,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--route);color:#fff}.btn-dark{background:var(--foret);color:#fff}.btn-ghost{background:transparent;color:var(--foret);border:1.5px solid var(--ligne)}.btn-full{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--gris);text-transform:uppercase;letter-spacing:.04em}.field input{padding:13px 16px;border:1.5px solid var(--ligne);border-radius:12px;font-size:15px;font-family:inherit;background:var(--blanc);color:var(--encre);transition:border-color .15s}.field input:focus{outline:none;border-color:var(--feuille)}.field .hint{font-size:12px;color:var(--gris)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--ciel);padding:16px 18px 10px;border-bottom:1px solid var(--ligne)}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:var(--blanc);border-top:1px solid var(--ligne);padding:6px 4px calc(6px + env(safe-area-inset-bottom));gap:2px;z-index:100;box-shadow:0 -2px 12px rgba(36,49,47,.07)}.tabbar,.tabbar button{display:flex;align-items:center}.tabbar button{flex:1 1;flex-direction:column;gap:3px;padding:6px 4px;border:none;background:none;color:var(--gris);font-family:Inter,sans-serif;font-size:11px;font-weight:500;cursor:pointer;border-radius:10px;transition:color .15s}.tabbar button.active{color:var(--foret);font-weight:700}.tabbar button svg{stroke:currentColor}.brandmark{display:inline-flex;flex-direction:column;align-items:center;line-height:.9;text-decoration:none}.bm-word{font-family:Fraunces,serif;font-weight:700;font-size:30px;letter-spacing:.02em;color:var(--foret)}.bm-sub{font-family:Inter,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.62em;text-indent:.62em;color:var(--feuille);margin-top:1px}.main-content{min-height:0}.fil-page,.main-content{flex:1 1;display:flex;flex-direction:column}.fil-page{padding-bottom:86px}.fil-list{flex:1 1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.tabbar .fab{flex:0 0 auto}.tabbar .fab .fab-label{display:none}#viewToggle{position:fixed;top:14px;right:14px;z-index:300;display:flex;gap:2px;background:var(--blanc);border:1px solid var(--ligne);border-radius:999px;padding:3px;box-shadow:var(--sh)}#viewToggle button{border:none;background:none;padding:7px 12px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;color:var(--gris);cursor:pointer;display:flex;align-items:center;gap:5px}#viewToggle button.on{background:var(--foret);color:#fff}@media (max-width:760px){#viewToggle{display:none}}body.desktop{background:#d8d3c4}body.desktop #app-root{max-width:1100px;display:flex;flex-direction:column;min-height:100dvh;box-shadow:0 0 80px rgba(0,0,0,.18)}body.desktop .main-content{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.desktop-topbar,body.desktop #viewToggle{display:none}body.desktop .desktop-topbar{display:flex;align-items:center;gap:16px;height:64px;padding:0 28px;background:var(--blanc);border-bottom:1px solid var(--ligne);position:-webkit-sticky;position:sticky;top:0;z-index:100;flex-shrink:0}.dt-nav{flex:1 1;display:flex;justify-content:center;gap:4px}.dt-nav button{border:none;background:none;padding:8px 18px;border-radius:10px;font-weight:600;font-size:15px;color:var(--gris);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.dt-nav button.active{background:var(--ciel2);color:var(--foret);font-weight:700}.dt-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dt-toggle{display:flex;gap:2px;background:var(--ciel2);border-radius:999px;padding:3px}.dt-toggle button{border:none;background:none;padding:5px 9px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;color:var(--gris);cursor:pointer;transition:background .15s,color .15s}.dt-toggle button.on{background:var(--foret);color:#fff}body.desktop .fil-page{padding-bottom:0}body.desktop .fil-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:start;overflow-y:auto;flex:none}body.desktop .fil-list .fil-empty,body.desktop .fil-list .fil-loading{grid-column:1/-1}.card{background:var(--blanc);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);cursor:pointer;border:1px solid var(--ligne);transition:transform .12s}.card:active{transform:scale(.985)}.card .band{height:74px;position:relative;display:flex;align-items:flex-end;padding:10px 12px}.card .sport-tag{background:rgba(253,252,248,.94);color:var(--foret);font-size:11px;font-weight:700;padding:4px 10px 4px 4px;border-radius:999px;gap:6px}.card .sport-tag,.sport-dot{display:inline-flex;align-items:center}.sport-dot{width:22px;height:22px;border-radius:50%;justify-content:center;line-height:0;flex:0 0 auto;color:#fff}.card .lvl{right:10px;font-size:11px;background:rgba(26,38,32,.5)}.card .lvl,.card .when{position:absolute;top:10px;font-weight:700;color:#fff;padding:4px 9px;border-radius:999px}.card .when{left:10px;font-size:10.5px;background:var(--route)}.card .when.soon{background:var(--alerte)}.card .recur{position:absolute;bottom:10px;right:10px;font-size:10px;font-weight:700;color:var(--foret);background:rgba(253,252,248,.94);padding:3px 8px;border-radius:999px}.card .body{padding:12px 14px 14px}.card .body h3{font-size:17px;color:var(--encre)}.card .meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:7px;font-size:13px;color:var(--gris)}.card .meta b{color:var(--encre);font-weight:600}.fill{margin-top:11px}.fill .bar{height:6px;background:var(--ciel2);border-radius:99px;overflow:hidden}.fill .bar i{display:block;height:100%;border-radius:99px;background:var(--feuille);transition:width .3s}.fill .bar i.warm{background:var(--chaud,#C85F2D)}.fill .bar i.full{background:var(--alerte)}.fill .lbl{justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.fill .lbl,.fill .lbl .av-row{display:flex}.fill .lbl .txt{font-weight:600;color:var(--gris)}.fill .lbl .txt.last{color:var(--alerte)}.av{width:22px;height:22px;border-radius:50%;background:var(--feuille);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-left:-7px;border:2px solid var(--blanc)}.av:first-child{margin-left:0}.pill.car{background:#f6e9df;color:var(--route);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px}.chip{flex:0 0 auto;border:1px solid var(--ligne);background:var(--blanc);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--gris);cursor:pointer;transition:.15s;white-space:nowrap;display:inline-flex;align-items:center}.chip.on{background:var(--foret);color:#fff;border-color:var(--foret)}.vtoggle{display:flex;gap:4px;background:var(--ciel2);border-radius:999px;padding:3px;margin:0 18px 4px}.vtoggle button{flex:1 1;border:none;background:none;padding:8px;border-radius:999px;font-weight:600;font-size:13px;color:var(--gris);cursor:pointer;font-family:inherit}.vtoggle button.on{background:var(--blanc);color:var(--foret);box-shadow:var(--sh)}.searchbar{display:flex;gap:8px;margin-top:12px}.searchbar input{flex:1 1;border:1px solid var(--ligne);border-radius:999px;padding:10px 16px;font-size:14px;font-family:inherit;background:var(--blanc)}.searchbar input:focus{outline:none;border-color:var(--feuille)}.sortbtn{border:1px solid var(--ligne);background:var(--blanc);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600;color:var(--foret);font-family:inherit;cursor:pointer;white-space:nowrap}.detail-body{padding:18px}.detail-body h2{font-size:23px;color:var(--foret);line-height:1.15}.stat-row{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.stat{flex:1 1;min-width:88px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--rs);padding:11px 12px}.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--gris);font-weight:700}.stat .v{font-size:15px;font-weight:700;color:var(--encre);margin-top:3px;font-family:Fraunces,serif}.block{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r);padding:15px;margin-top:14px}.block.route{background:linear-gradient(135deg,#fbf2ea,#f9ece1);border-color:#eccdb8}.block h3{font-size:15px;color:var(--foret);margin-bottom:10px;display:flex;align-items:center;gap:8px}.block.route h3{color:var(--route)}.note{font-size:14px;color:#3a423a;line-height:1.6}.fill-big{margin:4px 0 2px}.fill-big .bar{height:9px;background:var(--ciel2);border-radius:99px;overflow:hidden}.fill-big .bar i{display:block;height:100%;border-radius:99px;background:var(--feuille)}.fill-big .bar i.warm{background:var(--chaud,#C85F2D)}.fill-big .bar i.full{background:var(--alerte)}.fill-big .cap{font-size:13px;font-weight:600;color:var(--gris);margin-top:8px}.parts{display:flex;flex-wrap:wrap;gap:8px}.part{display:inline-flex;align-items:center;gap:8px;background:var(--ciel);border:none;border-radius:999px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--encre)}.part.org{background:#e7f1ea;color:var(--foret2)}.car-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #eccdb8;font-size:14px}.car-row:last-of-type{border-bottom:none}.car-row .from{color:var(--gris);font-size:12.5px}.car-row .name{font-weight:600}.seat{font-size:12px;font-weight:700;color:var(--route);white-space:nowrap}.seat.none{color:var(--gris)}.car-actions{display:flex;gap:8px;margin-top:12px}.car-actions button{flex:1 1}.btn-sm{padding:10px;font-size:13px;border-radius:9px}.empty{text-align:center;padding:44px 28px}.empty .ic{font-size:42px}.empty h3{font-size:19px;color:var(--foret);margin:14px 0 8px}.empty p{font-size:14px;color:var(--gris);line-height:1.55;max-width:32ch;margin:0 auto 20px}.empty .acts{display:flex;flex-direction:column;gap:10px}.nudge{display:flex}.fb-map{position:relative;width:100%;height:100%;background:radial-gradient(160px 130px at 24% 26%,#cdd9c0 0 58%,transparent 60%),radial-gradient(200px 160px at 74% 60%,#dfd4b6 0 58%,transparent 60%),linear-gradient(160deg,#e9eddf,#e3dcc8)}.fb-contour{position:absolute;inset:0;background-image:repeating-radial-gradient(120px 120px at 24% 26%,transparent 0 14px,rgba(85,112,93,.12) 14px 15px);pointer-events:none}.fb-river{position:absolute;top:-10%;bottom:-10%;left:44%;width:16px;background:#a9c6cf;transform:rotate(10deg);opacity:.7;border-radius:10px}.fb-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:var(--shlg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2;transition:transform .12s;color:#fff}.fb-pin:active{transform:translate(-50%,-50%) scale(.9)}.fb-me{transform:translate(-50%,-100%);line-height:0;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.fb-me,.fb-note{position:absolute}.fb-note{bottom:10px;left:50%;transform:translateX(-50%);background:rgba(253,252,248,.92);color:var(--gris);font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap}.maplayer{position:absolute;top:10px;right:10px;z-index:400;display:flex;gap:2px;background:var(--blanc);border:1px solid var(--ligne);border-radius:10px;padding:3px;box-shadow:var(--sh)}.maplayer button{border:none;background:none;padding:7px 12px;border-radius:7px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--gris);cursor:pointer}.maplayer button.on{background:var(--foret);color:#fff}.overlay{position:fixed;inset:0;background:rgba(26,38,32,.5);z-index:100;display:none;align-items:flex-end;justify-content:center}.overlay.on{display:flex}.sheet{background:var(--ciel);width:100%;max-width:430px;border-radius:22px 22px 0 0;padding:8px 18px 26px;animation:up .25s ease;max-height:88dvh;overflow-y:auto}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet .grab{width:38px;height:4px;background:var(--ligne);border-radius:99px;margin:8px auto 16px}.sheet h3{font-size:19px;color:var(--foret);margin-bottom:6px}.sheet p{font-size:14px;color:var(--gris);margin-bottom:16px;line-height:1.5}.msgs{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--ciel)}.msg{max-width:78%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4}.msg .nm{font-size:11px;font-weight:700;margin-bottom:2px;color:var(--route)}.msg.them{background:var(--blanc);border:1px solid var(--ligne);align-self:flex-start;border-bottom-left-radius:4px}.msg.me{background:var(--foret);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg.sys{align-self:center;background:var(--ciel2);color:var(--gris);font-size:12px;padding:6px 12px;border-radius:999px;text-align:center}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--ligne);background:var(--ciel)}.composer input{flex:1 1;border:1px solid var(--ligne);border-radius:999px;padding:11px 16px;font-size:14px;font-family:inherit;background:var(--blanc)}.composer input:focus{outline:none;border-color:var(--feuille)}.composer button{border:none;background:var(--route);color:#fff;width:44px;border-radius:50%;font-size:18px;cursor:pointer;flex-shrink:0}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--foret);color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:500;z-index:500;pointer-events:none;white-space:nowrap;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}}