:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--vert:#1f3d2e;--vert-sauge:#7c9885;--vert-clair:#e7ede8;--fond:#f7f5f0;--blanc:#fff;--texte:#1f3d2e;--texte-doux:#5b6b62;--danger:#b3543f;--ombre:#1f3d2e1f;--radius:1rem;--radius-sm:.6rem;--tabbar-height:4rem;background-color:var(--fond);color:var(--texte);font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.app{background-color:var(--fond);max-width:480px;min-height:100vh;margin:0 auto;position:relative}main{max-width:480px;padding:1.5rem 1rem calc(var(--tabbar-height) + 1.5rem);margin:0 auto}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem 1.5rem;display:flex}.btn-primary{background-color:var(--vert);color:var(--blanc);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-primary:active{opacity:.85}.card{background-color:var(--blanc);border-radius:var(--radius);box-shadow:0 2px 8px var(--ombre);margin-bottom:1rem;padding:1rem}.bar{background-color:var(--vert-clair);border-radius:999px;width:100%;height:.5rem;overflow:hidden}.bar-fill{background-color:var(--vert-sauge);border-radius:999px;height:100%;transition:width .2s}.badge-silent{color:var(--texte-doux);background-color:var(--vert-clair);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.why{color:var(--texte-doux);margin-top:.25rem;font-size:.8rem}.sheet{background-color:var(--blanc);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:90vh;box-shadow:0 -2px 16px var(--ombre);padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:30;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet-actions{gap:.75rem;margin-top:1rem;display:flex}.sheet-actions>*{flex:1}.seg{background-color:var(--vert-clair);border-radius:var(--radius-sm);gap:.25rem;padding:.25rem;display:flex}.seg button{color:var(--texte);border-radius:calc(var(--radius-sm) - .25rem);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem;font-size:.9rem}.seg button.on{background-color:var(--vert);color:var(--blanc);font-weight:600}.tabbar{width:100%;max-width:480px;height:var(--tabbar-height);background-color:var(--blanc);border-top:1px solid var(--vert-clair);padding-bottom:env(safe-area-inset-bottom,0px);z-index:20;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{color:var(--texte-doux);flex:1;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.tabbar a.active{color:var(--vert);font-weight:700}.toast{background-color:var(--vert);width:calc(100% - 2rem);max-width:440px;color:var(--blanc);border-radius:var(--radius-sm);text-align:center;box-shadow:0 4px 12px var(--ombre);z-index:40;padding:.75rem 1rem;font-size:.9rem;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}