:root{--text-xs: clamp(.72rem, .68rem + .2vw, .82rem);--text-sm: clamp(.85rem, .8rem + .3vw, .95rem);--text-base: clamp(.98rem, .93rem + .3vw, 1.12rem);--text-lg: clamp(1.2rem, 1.05rem + .7vw, 1.55rem);--text-xl: clamp(1.7rem, 1.3rem + 1.6vw, 2.6rem);--text-2xl: clamp(3.25rem, 2rem + 4.6vw, 6.9rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--ink: #08191b;--ink-deep: #050f11;--card: #0f2a2d;--field: #12383c;--nav-bg: rgba(8, 25, 27, .86);--teal-brand: #01696f;--teal-soft: #4d9a92;--teal-ridge-1: #0f4a50;--teal-ridge-2: #0c3b40;--teal-ridge-3: #0d3b3f;--amber: #e0863c;--amber-hover: #f2a95f;--amber-shadow: #a85f24;--on-amber: #0b1416;--sand: #d9c9a8;--sun-1: #fff5df;--sun-2: #f3d9a4;--color-bg: var(--ink);--color-surface: var(--card);--color-surface-2: var(--field);--color-surface-offset: #0c2427;--color-border: rgba(244, 239, 230, .16);--color-text: #f4efe6;--color-text-muted: #8fa9aa;--color-text-faint: #7f9799;--color-text-inverse: var(--on-amber);--color-primary: var(--amber);--color-primary-hover: var(--amber-hover);--color-primary-highlight: rgba(224, 134, 60, .16);--color-success: var(--teal-soft);--color-warning: #e0863c;--color-danger: #d9603f;--color-blue: var(--teal-soft);--color-purple: var(--teal-soft);--border-soft: rgba(244, 239, 230, .1);--border-soft-2: rgba(244, 239, 230, .09);--border-soft-strong: rgba(244, 239, 230, .18);--sep: rgba(244, 239, 230, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 18px 40px rgba(4, 20, 22, .4);--shadow-lg: 0 28px 56px rgba(4, 20, 22, .5);--shadow-hero-title: 0 2px 0 #0d4a4e, 0 6px 0 #0a3c40, 0 14px 34px rgba(4, 20, 22, .55);--shadow-btn: 0 10px 0 -2px var(--amber-shadow), 0 20px 34px rgba(4, 20, 22, .4);--shadow-btn-active: 0 7px 0 -2px var(--amber-shadow), 0 12px 22px rgba(4, 20, 22, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-body: "Satoshi", Inter, system-ui, sans-serif;--font-display: "Zodiak", Georgia, serif;--transition: .18s cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;background:var(--ink);color:var(--color-text)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 90% at 70% 0%,#14444a,var(--ink) 55%,var(--ink-deep));pointer-events:none}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.05}.shell{min-height:100dvh;display:flex;flex-direction:column}.topnav{position:sticky;top:0;z-index:60;display:flex;flex-direction:column;gap:var(--space-3);padding:14px clamp(20px,4vw,56px);background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.topnav-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.topnav-brand{display:flex;align-items:center;gap:.7rem}.brand-logo{width:40px;height:40px;border-radius:11px;object-fit:contain;flex:0 0 auto}.topnav-titles{display:grid;line-height:1.15}.topnav-titles strong{font-family:var(--font-display);font-size:clamp(1.05rem,.9rem + .5vw,1.35rem);font-weight:700;color:var(--color-text)}.topnav-titles small{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-faint)}.topnav-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.tab{display:inline-flex;align-items:center;gap:.4rem;padding:9px 13px;border-radius:10px;font-size:.84rem;font-weight:700;color:#9fb5b6;white-space:nowrap;transition:background var(--transition),color var(--transition)}.tab:hover{background:#f4efe61a;color:var(--color-text)}.tab.active{background:#e0863c29;color:var(--color-text)}.main{--main-pad: clamp(1rem, 4vw, 2.75rem);flex:1;padding:var(--main-pad);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-content:start;max-width:1240px;width:100%;margin-inline:auto;padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom));animation:riseIn .45s ease-out}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.panel{background:var(--card);border:1px solid var(--border-soft-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.section{padding:clamp(var(--space-5),3vw,var(--space-8))}.section h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.section p.lead{color:var(--color-text-muted);margin-bottom:var(--space-4)}.card{padding:var(--space-4);background:var(--field);border-radius:var(--radius-lg);border:1px solid var(--border-soft-2)}.stack{display:grid;gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-6);align-items:start}.eyebrow{display:inline-flex;gap:var(--space-2);align-items:center;padding:.45rem .8rem;border-radius:var(--radius-full);background:var(--color-primary-highlight);color:var(--amber);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;background:var(--field);border:1px solid var(--border-soft-2);color:var(--color-text)}.chip.success{background:#4d9a9229;color:var(--teal-soft);border-color:transparent}.chip.info{background:#4d9a9224;color:var(--teal-soft);border-color:transparent}.chip.warning{background:#e0863c29;color:var(--amber);border-color:transparent}.badge{display:inline-flex;padding:.35rem .6rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--color-text-faint);border:1px solid var(--border-soft-strong)}.badge.badge-done{background:var(--amber);color:var(--on-amber);border-color:transparent}.meta,.mini{font-size:var(--text-sm);color:var(--color-text-muted)}.btn{padding:.85rem 1.3rem;border-radius:var(--radius-full);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--amber);color:var(--on-amber);box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--amber-hover)}.btn-primary:active{transform:translateY(3px);box-shadow:var(--shadow-btn-active)}.btn-secondary{background:#f4efe60f;border:1px solid var(--border-soft-strong);color:var(--color-text)}.btn-secondary:hover{background:#f4efe61f}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.field{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-faint)}.field input,.field textarea,.field select{padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--field);width:100%}.field textarea{min-height:90px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@keyframes auroraDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-5%,3%,0) scale(1.12)}}@keyframes gridDrift{to{background-position:0 400px,400px 0}}.page-hero{position:relative;overflow:hidden;isolation:isolate;margin:calc(-1 * var(--main-pad)) calc(-1 * var(--main-pad)) 0;border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,4vw,3.5rem);min-height:clamp(240px,34vh,360px);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-3)}.page-hero-bg{position:absolute;inset:-3%;z-index:-3;background-size:cover;background-position:center;animation:auroraDrift 30s ease-in-out infinite}.page-hero-veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#08191bcc,#08191beb 44%,#08191bf5)}.page-hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(77,154,146,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(77,154,146,.14) 1px,transparent 1px);background-size:80px 80px;animation:gridDrift 16s linear infinite;-webkit-mask-image:radial-gradient(80% 80% at 70% 40%,#000 10%,transparent 80%);mask-image:radial-gradient(80% 80% at 70% 40%,#000 10%,transparent 80%)}.page-hero .eyebrow{align-self:flex-start}.page-hero-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1;letter-spacing:-.01em;color:var(--color-text);text-shadow:0 2px 10px rgba(4,20,22,.5)}.page-hero-sub{color:#c6dcd8;max-width:56ch}.topnav-row .topnav-tabs{flex:1}.page-hero-bg{background:linear-gradient(180deg,#0d3b3f,#16656a 42%,#4d9a92 72%,#d9c9a8)}.hero-sun{position:absolute;left:74%;top:11%;width:clamp(90px,14vw,180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--sun-1),var(--sun-2) 60%,transparent 71%);opacity:.85}.hero-ridge{position:absolute;inset:auto 0 0;height:62%}.hero-ridge.r1{background:var(--teal-ridge-1);opacity:.55;clip-path:polygon(0 62%,16% 40%,33% 55%,52% 30%,70% 50%,86% 34%,100% 48%,100% 100%,0 100%)}.hero-ridge.r2{background:var(--teal-ridge-2);opacity:.8;clip-path:polygon(0 74%,20% 54%,38% 68%,58% 46%,76% 64%,100% 52%,100% 100%,0 100%)}.hero-ridge.r3{background:linear-gradient(var(--teal-brand),#013b40);clip-path:polygon(0 84%,24% 66%,46% 80%,66% 62%,84% 78%,100% 68%,100% 100%,0 100%)}.page-hero-veil{background:linear-gradient(105deg,#08191be6,#08191bb3 46%,#0d3b3f4d)}.page-hero .btn-row{margin-top:var(--space-2)}.carnet-list{list-style:none;display:grid;gap:var(--space-3);margin-top:var(--space-3)}.carnet-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--field);border:1px solid var(--border-soft-2);border-radius:var(--radius-lg);transition:border-color var(--transition),transform var(--transition)}.carnet-card:hover{border-color:#e0863c73;transform:translateY(-2px)}.carnet-card-main{display:grid;gap:.15rem;min-width:0}.carnet-card-main strong{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.15;overflow-wrap:anywhere}.carnet-card-side{display:grid;gap:var(--space-2);justify-items:end;flex:0 0 auto}.etape-list{list-style:none;display:grid;gap:var(--space-3);margin-top:var(--space-3)}.day{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:start;padding:var(--space-5);background:var(--field);border:1px solid var(--border-soft-2);border-radius:var(--radius-lg)}.day-index{width:44px;height:44px;border-radius:50%;background:var(--card);color:var(--amber);display:grid;place-items:center;font-family:var(--font-display);font-size:1.15rem;font-weight:700;flex:0 0 auto}.day h4{font-size:var(--text-lg);margin:.15rem 0 .4rem;overflow-wrap:anywhere}.etape-body{min-width:0}.etape-body .chip{max-width:100%;overflow-wrap:anywhere;border-radius:var(--radius-lg)}.etape-note{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);white-space:pre-wrap;overflow-wrap:anywhere}.etape-actions{display:grid;gap:var(--space-1);justify-items:end}.etape-edit{grid-column:2 / -1;min-width:0}.btn-sm{padding:.45rem .85rem;font-size:var(--text-sm)}.btn:disabled{opacity:.6;cursor:progress}.info-link{color:var(--amber);font-weight:500;text-decoration:underline;text-underline-offset:2px}.field.has-error input,.field.has-error textarea{border-color:var(--color-danger)}.field-error,.form-error{font-size:var(--text-sm);color:#f0a38c}.form-error{margin-bottom:var(--space-4)}.field input[type=date]{min-height:2.9rem}.field{align-content:start}.field-row{align-items:start}.topnav .chip{white-space:nowrap}.topnav-session{display:flex;align-items:center;gap:var(--space-2);min-width:0}.org-select{max-width:14rem;min-height:2.4rem;padding:.4rem .6rem;border-radius:10px;border:1px solid var(--border-soft);background:#f4efe614;color:var(--color-text);font:inherit;font-size:.84rem;font-weight:700;text-overflow:ellipsis}.org-select option{color:#10282a}.auth-panel{max-width:34rem;width:100%}.auth-tabs{display:flex;gap:.35rem;margin-bottom:var(--space-4)}.auth-tabs .tab{border:0;background:transparent;cursor:pointer;font:inherit;font-size:.84rem;font-weight:700}.auth-tabs .tab.active{background:#e0863c29}.auth-notice{display:block;margin-bottom:var(--space-3);white-space:normal}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1024px){.grid-2{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.topnav{padding:12px 16px calc(12px + env(safe-area-inset-top))}.topnav-row{gap:var(--space-2)}.topnav-titles small{display:none}.topnav-row .topnav-tabs{order:3;flex:1 0 100%}.topnav-session{margin-left:auto}.org-select{max-width:9.5rem}.field-row{grid-template-columns:1fr}.carnet-card{flex-direction:column;align-items:stretch}.carnet-card-side{display:flex;justify-items:start}.day{grid-template-columns:auto minmax(0,1fr);padding:var(--space-4);gap:var(--space-3)}.etape-actions{grid-column:2;display:flex;flex-wrap:wrap;min-width:0;justify-items:start}.btn{padding:.75rem 1rem}.btn-sm{padding:.45rem .6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}