:root{--carte: rgba(10, 61, 68, .72);--texte: #eafdfb;--sub: #93c6c4;--accent: #1fd1c6;--danger: #ff6b5e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(170deg,#04303f,#0a6a8c 52%,#14a6c4);background-attachment:fixed;min-height:100vh;color:var(--texte)}#app{padding:16px;max-width:720px;margin:0 auto}header h1{margin:0 0 4px;font-size:1.4rem}.sub{color:var(--sub);margin:0;font-size:.85rem}.danger{background:var(--danger);color:#fff;padding:12px 14px;border-radius:10px;margin:16px 0;font-weight:600}.carte{background:var(--carte);border:1px solid rgba(31,209,198,.18);border-radius:14px;padding:14px 16px;margin:12px 0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}header h1{background:linear-gradient(90deg,#2fe6c0,#58d3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.carte h2{margin:0 0 8px;font-size:1.05rem}.ligne{display:flex;justify-content:space-between;padding:3px 0}.ligne .k{color:var(--sub)}.ligne .v{font-weight:600}.badge{padding:2px 8px;border-radius:8px;font-size:.8rem}.badge.faible{background:#1f4d33;color:#9be7b4}.badge.ok{background:#234a6b;color:#9cd1ff}.badge.eleve{background:#6b2424;color:#ff9c9c}.badge.indetermine{background:#3a3a3a;color:#c9c9c9}.stale{color:#e0a24a;font-size:.8rem}.horo{color:var(--sub);font-size:.75rem;margin-top:6px}.notes{color:#e0a24a;font-size:.8rem;margin:8px 0}.jauge{margin:12px 0 6px}.jauge-bar{position:relative;height:14px;border-radius:7px}.curseur{position:absolute;top:-3px;width:3px;height:20px;background:#fff;border-radius:2px;box-shadow:0 0 4px #000;transform:translate(-50%)}.jauge-labels{display:flex;justify-content:space-between;color:var(--sub);font-size:.72rem;margin-top:4px}.nav-badge{padding:2px 8px;border-radius:8px;font-size:.8rem}.nav-badge.tranquille{background:#1f4d33;color:#9be7b4}.nav-badge.moyen{background:#5a4a1f;color:#f0d68a}.nav-badge.soutenu{background:#6b4423;color:#f0b27a}.nav-badge.fort{background:#6b2424;color:#ff9c9c}.planif{border:1px solid #2a3c5a}.orage-ligne .v{color:#ff9c9c;font-weight:700}.tbar{border:1px solid #2a3c5a;position:sticky;top:6px;z-index:5}.tbar-head{display:flex;align-items:center;justify-content:space-between}.tbar-label{font-size:1.3rem;font-weight:700;color:var(--accent)}.tbar-hint{color:var(--sub);font-size:.72rem;margin-top:4px}.grise{opacity:.5;filter:grayscale(.85)}.tag-prev{font-size:.7rem;background:#234a6b;color:#9cd1ff;padding:2px 7px;border-radius:7px;font-weight:400;vertical-align:middle}.tag-nonprev{font-size:.7rem;background:#5a3a1f;color:#f0c98a;padding:2px 7px;border-radius:7px;font-weight:400;vertical-align:middle}.note-nonprev{color:#e0a24a;font-size:.75rem;margin-top:8px}.cj-sel{outline:2px solid var(--accent)}.planif-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.planif-heure{font-size:1.7rem;font-weight:700;color:var(--accent)}.btn-now{background:var(--accent);color:#06243f;border:none;border-radius:8px;padding:6px 12px;font-weight:600;cursor:pointer}.tbar-actions{display:flex;align-items:center;gap:6px;position:relative}.btn-cal{background:#1fd1c626;border:1px solid var(--accent);border-radius:8px;padding:5px 10px;font-size:1rem;line-height:1;cursor:pointer}.dt-hidden{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;pointer-events:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;margin:14px 0 16px;cursor:pointer;outline:none;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,#4ff0e4 var(--pct, 0%),#16344a var(--pct, 0%),#143047 100%);box-shadow:inset 0 1px 3px #00000073}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f2fffe,var(--accent) 72%);border:2px solid #042b30;box-shadow:0 2px 6px #00000080,0 0 0 5px #1fd1c62e;transition:transform .12s ease,box-shadow .12s ease}.slider::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 2px 8px #0000008c,0 0 0 8px #1fd1c642}.slider::-moz-range-track{height:8px;border-radius:999px;background:#16344a}.slider::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#4ff0e4)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:2px solid #042b30;background:radial-gradient(circle at 34% 30%,#f2fffe,var(--accent) 72%);box-shadow:0 2px 6px #00000080}.slider::-moz-range-thumb:active{transform:scale(1.2)}.tide-graph{width:100%;height:88px;display:block;margin:4px 0 10px}.tg-line{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke}.tg-area{fill:#1fd1c62e;stroke:none}.tg-cursor{stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.8}.tg-dot{fill:#fff}.cf-src{color:var(--sub);font-weight:400;font-size:.75rem}.rev-fleche{color:var(--accent);font-weight:700;font-size:1.05rem}.install-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--accent);color:#042b30;font-weight:600;padding:10px 12px;border-radius:12px;margin-bottom:12px;font-size:.9rem}.install-bar .ib-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.install-bar .ib-go{background:#042b30;color:var(--accent);border:0;border-radius:8px;padding:7px 14px;font-weight:700;cursor:pointer}.install-bar .ib-x{background:transparent;border:0;color:#042b30;font-size:1rem;cursor:pointer;opacity:.7;padding:4px 6px}.coef7{display:flex;gap:4px;margin:10px 0 4px}.cj{flex:1;text-align:center;background:#1b2a44;border-radius:8px;padding:5px 2px}.cj-d{display:block;font-size:.62rem;color:var(--sub)}.cj-c{display:block;font-weight:700;font-size:.95rem}.cam{opacity:.92}.cam-tag{font-size:.7rem;color:var(--sub);font-weight:400}.cam-img{width:100%;border-radius:10px;display:block}.methode{margin-top:10px}.methode summary{color:var(--accent);font-size:.78rem;cursor:pointer}.methode p{color:var(--sub);font-size:.76rem;line-height:1.4;margin:6px 0 0}footer{margin-top:24px}.sources{color:var(--sub);font-size:.75rem}.disclaimer{color:var(--sub);font-size:.72rem;font-style:italic}