@font-face{font-family:sora;src:url(../media/Sora-s.p.0vjzc6q4e7shn.ttf)format("truetype");font-display:swap;font-weight:100 800}@font-face{font-family:sora Fallback;src:local(Arial);ascent-override:85.11%;descent-override:25.44%;line-gap-override:0.0%;size-adjust:113.97%}.sora_6c199695-module__lkZ3qa__className{font-family:sora,sora Fallback}.sora_6c199695-module__lkZ3qa__variable{--font-sora:"sora", "sora Fallback"}
:root{--encre:#0b0b0f;--ardoise:#3c4456;--gris:#6b7280;--brume:#9aa0ac;--filet:#e4e5ea;--nuage:#f5f5f7;--blanc:#fff;--session:#038dff;--semaine:#a866ff;--fg:var(--encre);--fg-2:var(--ardoise);--fg-3:var(--gris);--bg:var(--blanc);--line:var(--filet);--max:1180px;--gutter:clamp(20px, 5vw, 48px);--radius:28px;--space:clamp(88px, 12vw, 160px);--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sora), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;margin:0;font-size:17px;font-weight:400;line-height:26px}img,video{max-width:100%;height:auto;display:block}a{color:inherit}p{margin:0}:focus-visible{outline:2px solid var(--session);outline-offset:3px;border-radius:8px}::selection{background:var(--encre);color:var(--blanc)}.display{white-space:pre-line;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(44px,7.4vw,88px);font-weight:600;line-height:1.02}.display.small{font-size:clamp(40px,5.6vw,64px)}.t1{white-space:pre-line;letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,48px);font-weight:600;line-height:1.08}.t2{white-space:pre-line;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:600;line-height:1.16}.t3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:26px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin:0 0 16px;font-size:12px;font-weight:600;line-height:16px}.lead{color:var(--fg-2);text-wrap:pretty;max-width:36em;margin:20px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.muted{color:var(--fg-3)}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.wrap.narrow{max-width:860px}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}section{padding:var(--space) 0}.nuage{background:var(--nuage)}.nuage .eyebrow{color:var(--ardoise)}.encre{--fg:var(--blanc);--fg-2:var(--brume);--fg-3:var(--brume);--line:#26262c;background:var(--encre);color:var(--fg)}.motion [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(18px)}.motion [data-reveal].in{opacity:1;transform:none}.header{z-index:10;-webkit-backdrop-filter:saturate(1.6)blur(20px);background:#ffffffdb;border-bottom:1px solid #0b0b0f0f;position:sticky;top:0}.header .wrap{align-items:center;gap:28px;height:60px;display:flex}.header .logo{flex:none;display:block}.header .logo img{width:auto;height:22px}.header nav{gap:28px;margin-left:auto;font-size:14px;display:flex}.header nav a{color:var(--fg-2);text-decoration:none;transition:color .2s}.header nav a:hover{color:var(--fg)}.header .lang{color:var(--fg-3);border-radius:8px;padding:4px 8px;font-size:13px;text-decoration:none}.header .lang:hover{color:var(--fg);background:var(--nuage)}.header .cta{background:var(--encre);color:var(--blanc);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.header .cta:hover{background:var(--ardoise)}@media (max-width:860px){.header nav{display:none}.header .lang{margin-left:auto}}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;margin-top:36px;display:flex}.btn{background:var(--encre);min-height:52px;color:var(--blanc);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:8px 28px;font-size:16px;font-weight:600;line-height:20px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn small{color:var(--brume);font-size:12px;font-weight:400;line-height:16px}.btn:hover{background:var(--ardoise)}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--encre);border:1px solid var(--filet);background:0 0;min-height:48px}.btn.ghost:hover{border-color:var(--encre);background:0 0}.encre .btn{background:var(--blanc);color:var(--encre)}.encre .btn small{color:var(--gris)}.badge{margin:-12px;padding:12px;line-height:0;transition:opacity .2s;display:block}.badge:hover{opacity:.85}.badge img{width:auto;height:48px}.soon{border:1px solid var(--line);min-height:52px;color:var(--fg);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:8px 28px;font-size:16px;font-weight:600;line-height:20px;display:inline-flex}.soon small{color:var(--fg-3);font-size:12px;font-weight:400;line-height:16px}.plan.pro .soon{color:var(--blanc);border-color:#26262c}.plan.pro .soon small{color:var(--brume)}.textlink{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--filet);text-decoration-color:var(--filet);text-underline-offset:5px;font-weight:600;text-decoration-thickness:2px;transition:text-decoration-color .2s}.textlink:hover{text-decoration-color:currentColor}.hero{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,8vw,112px);overflow:hidden}.hero .lead{font-size:clamp(18px,1.7vw,22px)}.hero .note{color:var(--fg-3);margin-top:24px;font-size:13px;line-height:20px}.stage{max-width:1320px;padding:0 var(--gutter);justify-content:center;align-items:flex-end;gap:clamp(12px,2.4vw,36px);margin:clamp(56px,7vw,96px) auto 0;display:flex}.stage .s-mac{width:min(760px,58%)}.stage .s-phone{width:min(230px,17%)}.stage .s-watch{width:min(150px,11%);margin-bottom:4%}@media (max-width:760px){.stage{flex-wrap:wrap}.stage .s-mac{order:-1;width:100%}.stage .s-phone{width:44%}.stage .s-watch{width:30%;margin-bottom:8%}}.band{margin:0 0 var(--space);grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.band img,.band video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);width:100%;height:auto}.band p{color:var(--ardoise);margin-top:16px;font-size:18px;line-height:1.55}@media (max-width:760px){.band{grid-template-columns:1fr}}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;margin:clamp(48px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.step{background:var(--blanc);border-radius:var(--radius);padding:32px}.step:before{counter-increment:step;content:counter(step);letter-spacing:-.03em;color:var(--filet);margin-bottom:24px;font-size:48px;font-weight:600;line-height:1;display:block}.step p{color:var(--fg-2);margin-top:10px}@media (max-width:760px){.steps{grid-template-columns:1fr}}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,120px);display:grid}.feature+.feature{margin-top:var(--space)}.feature.flip .shot{order:-1}.feature .shot{justify-content:center;display:flex}.feature .shot img{width:min(360px,82%)}.legend{color:var(--fg-2);flex-wrap:wrap;gap:10px 24px;margin-top:28px;padding:0;font-size:15px;list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}@media (max-width:760px){.feature{grid-template-columns:1fr}.feature.flip .shot{order:0}}.night{border-radius:var(--radius);width:100%;height:auto;margin-top:clamp(48px,6vw,80px)}.pair{justify-content:center;gap:clamp(16px,4vw,56px);margin-top:clamp(48px,6vw,80px);display:flex}.pair img{width:min(330px,44%)}.watchrow{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.duo{justify-content:center;align-items:center;gap:clamp(16px,3vw,40px);display:flex}.duo>.portrait{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);width:min(300px,55%);display:block}.watchrow .duo img:last-child{width:min(200px,40%);margin:0}@media (max-width:760px){.watchrow{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(48px,6vw,72px);display:grid}.tile{background:var(--nuage);border-radius:var(--radius);flex-direction:column;padding:clamp(28px,3vw,36px) clamp(24px,2.6vw,32px) 0;display:flex;overflow:hidden}.tile .t2{font-size:clamp(22px,2.2vw,26px)}.tile-copy p:last-child{color:var(--fg-2);margin-top:12px;font-size:16px;line-height:24px}.tile-window{aspect-ratio:1276/1150;flex:none;margin-top:auto;overflow:hidden}.tile-copy{margin-bottom:32px}.tile-ui{border:1px solid var(--filet);border-bottom:0;border-radius:18px 18px 0 0;width:100%;height:auto}@media (max-width:860px){.bento{grid-template-columns:1fr}}.moments{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(48px,6vw,72px);display:grid}.moments figure{margin:0}.moments img,.moments video{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);width:100%}.moments figcaption{letter-spacing:-.01em;margin-top:18px;font-size:17px;font-weight:600;line-height:24px}@media (max-width:760px){.moments{grid-template-columns:1fr}}.plans{grid-template-columns:1fr 1fr;gap:16px;max-width:920px;margin:clamp(48px,6vw,72px) auto 0;display:grid}.plan{border-radius:var(--radius);background:var(--blanc);border:1px solid var(--filet);flex-direction:column;align-items:flex-start;padding:40px;display:flex}.plan.pro{background:var(--encre);color:var(--blanc);border-color:var(--encre)}.plan .price{letter-spacing:-.035em;margin-top:20px;font-size:56px;font-weight:600;line-height:1}.plan .pricenote{color:var(--gris);min-height:40px;margin:12px 0 28px;font-size:14px;line-height:20px}.plan.pro .pricenote{color:var(--brume)}.plan .btn,.plan .badge{margin-top:auto}.plan ul{border-top:1px solid var(--filet);gap:14px;width:100%;margin:28px 0 0;padding:28px 0 0;list-style:none;display:grid}.plan.pro ul{border-top-color:#26262c}.plan li{color:var(--fg-2);grid-template-columns:22px 1fr;gap:6px;font-size:15px;line-height:22px;display:grid}.plan.pro li{color:var(--brume)}.plan li:before{content:"";width:12px;height:7px;color:var(--encre);border-bottom:2px solid;border-left:2px solid;transform:translateY(6px)rotate(-45deg)}.plan.pro li:before{color:var(--blanc)}@media (max-width:760px){.plans{grid-template-columns:1fr}}.points{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:clamp(48px,6vw,64px);display:grid}.points p{color:var(--fg-2);margin-top:10px}.more{margin-top:48px}@media (max-width:760px){.points{grid-template-columns:1fr;gap:28px}}.faq{border-top:1px solid var(--line);margin-top:48px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding:24px 0;font-size:18px;font-weight:600;line-height:26px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--fg-3);transition:transform .25s var(--ease);font-size:24px;font-weight:400;line-height:26px}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--fg-2);max-width:44em;padding:0 0 24px}.contact{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:48px;display:flex}.final .mark{width:56px;height:56px;margin:0 auto 32px}.footer{color:var(--gris);border-top:1px solid var(--filet);padding:56px 0 72px;font-size:13px;line-height:20px}.footer .row{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-bottom:24px;display:flex}.footer .row img{width:auto;height:20px}.footer a{color:var(--ardoise);text-decoration:none}.footer a:hover{color:var(--encre)}.footer p{max-width:72em}.doc{max-width:760px;padding:clamp(64px, 9vw, 120px) var(--gutter);margin:0 auto}.doc h1{margin-bottom:8px}.doc h2{letter-spacing:-.01em;margin:48px 0 10px;font-size:20px;font-weight:600;line-height:26px}.doc p,.doc li{color:var(--ardoise)}.doc p+p{margin-top:12px}.doc ul{padding-left:20px}.doc li+li{margin-top:8px}.doc .updated{color:var(--gris);margin-top:12px;font-size:14px}.actions.start{justify-content:flex-start;margin-top:32px}.doc .small{color:var(--gris);margin-top:16px;font-size:14px;line-height:22px}.idealist{border-top:1px solid var(--filet);margin:0;padding:0;list-style:none}.idealist li{border-bottom:1px solid var(--filet);justify-content:space-between;align-items:baseline;gap:24px;padding:16px 0;display:flex}.doc .idealist li+li{margin-top:0}.idealist a{color:var(--encre);font-weight:600;text-decoration:none}.idealist a:hover{text-underline-offset:4px;text-decoration:underline}.idealist .count{color:var(--gris);flex:none;font-size:14px}.idealist .count.done:before{content:"";border-left:2px solid var(--encre);border-bottom:2px solid var(--encre);width:12px;height:7px;display:inline-block;transform:translateY(-3px)rotate(-45deg)}.lost{flex-direction:column;justify-content:center;min-height:62vh;display:flex}.lost .actions{margin-top:36px}.compare{-webkit-overflow-scrolling:touch;max-width:920px;margin:24px auto 0;overflow-x:auto}.compare table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px;line-height:22px}.compare caption{caption-side:bottom;text-align:left;color:var(--gris);padding-top:16px;font-size:14px;line-height:20px}.compare th,.compare td{border-bottom:1px solid var(--filet);text-align:center;vertical-align:middle;padding:12px 8px}.compare thead th{letter-spacing:.02em;color:var(--gris);text-transform:uppercase;padding:14px 8px;font-size:13px;font-weight:600;line-height:18px}.compare tbody th{text-align:left;padding-left:0;font-weight:400}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}.compare th.pro,.compare td.pro{background:var(--encre);color:var(--blanc);border-bottom:0;min-width:96px;box-shadow:inset 0 -1px #26262c}.compare thead th.pro{color:var(--brume);border-radius:12px 12px 0 0}.compare tbody tr:last-child td.pro{box-shadow:none;border-radius:0 0 12px 12px}.compare .check{vertical-align:middle;color:var(--encre);display:inline-block}.compare td.pro .check{color:var(--blanc)}.compare .no{color:var(--gris)}.compare td.pro .no{color:var(--brume)}.compare .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:720px){.compare table{font-size:14px;line-height:20px}.compare th,.compare td{padding:10px 6px}.compare thead th{padding:12px 6px;font-size:11px}.compare th.pro,.compare td.pro{min-width:64px}.compare tbody th{min-width:120px}}.guide .tablewrap{-webkit-overflow-scrolling:touch;margin-top:8px;overflow-x:auto}.guide .spec{border-collapse:collapse;width:100%;font-size:15px;line-height:22px}.guide .spec th,.guide .spec td{text-align:left;vertical-align:top;border-bottom:1px solid var(--filet);color:var(--ardoise);padding:12px 12px 12px 0}.guide .spec thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--gris);padding-top:0;font-size:12px;font-weight:600;line-height:16px}.guide .spec tbody th{color:var(--encre);white-space:nowrap;font-weight:600}.guide .spec.two tbody th{white-space:normal;width:55%;font-weight:500}.guide .spec .nowrap{white-space:nowrap}.guide .spec .num{font-variant-numeric:tabular-nums}.guide .qa h3{margin:20px 0 4px;font-size:16px;font-weight:600;line-height:22px}.guide .sources{padding-left:20px}@media (max-width:720px){.guide .spec{font-size:14px;line-height:20px}.guide .spec.cards thead{display:none}.guide .spec.cards tr{border-bottom:1px solid var(--filet);padding:14px 0;display:block}.guide .spec.cards th,.guide .spec.cards td{border:0;padding:2px 0;display:block}.guide .spec.cards tbody th{margin-bottom:4px;font-size:16px}.guide .spec.cards td[data-label]:not(:first-of-type):before{content:attr(data-label) " · ";color:var(--gris)}}.guidebox{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.guidebox .lead{margin:16px 0 28px}.guidelist{border-top:1px solid var(--filet);margin:0;padding:0;list-style:none}.guidelist li{border-bottom:1px solid var(--filet);grid-template-columns:110px 1fr auto;align-items:baseline;gap:16px;padding:16px 0;display:grid}.guidelist .name{font-weight:600}.guidelist .for{color:var(--ardoise)}.guidelist .rel{font-variant-numeric:tabular-nums;color:var(--gris)}@media (max-width:820px){.guidebox{grid-template-columns:1fr}}.guide .crumbs{letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:600}.guide .crumbs a{color:var(--gris)}.guide .tldr{border-radius:var(--radius);background:var(--nuage);margin-top:32px;padding:20px 24px}.guide .tldr .eyebrow{margin-bottom:8px}.guide .tldr ul{margin:0;padding-left:20px}.guide .tldr li{color:var(--encre)}.guide .steps{margin:8px 0 0;padding-left:22px;list-style:decimal;display:block}.guide .steps li{background:0 0;border:0;min-height:0;padding:0;display:list-item}.guide .steps li:before{content:none}.guide .steps li+li{margin-top:8px}.guide .appbox{border-radius:var(--radius);background:var(--encre);color:var(--blanc);margin-top:56px;padding:28px}.guide .appbox h2{color:var(--blanc);margin-top:0}.guide .appbox li,.guide .appbox .small{color:var(--brume)}.guide .appbox .btn{background:var(--blanc);color:var(--encre)}.guide .appbox .soon{color:var(--blanc);border-color:#26262c}.guide .appbox .soon small{color:var(--brume)}.guide .appbox .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.guide .related{padding-left:20px}.guide .hublist{border-top:1px solid var(--filet);margin:40px 0 0;padding:0;list-style:none}.guide .hublist li{border-bottom:1px solid var(--filet);margin:0}.guide .hublist a{padding:20px 0;display:block}.guide .hublist .title{color:var(--encre);font-size:18px;font-weight:600;line-height:24px;display:block}.guide .hublist .short{color:var(--ardoise);margin-top:4px;display:block}.guide section{padding:0}.guide .hublist a,.guide .crumbs a{text-decoration:none}.guide .hublist a:hover .title{text-underline-offset:3px;text-decoration:underline}.macro{margin:0 0 var(--space)}.macro img,.macro video{aspect-ratio:1600/734;object-fit:cover;border-radius:var(--radius);background:#0b0b0f;width:100%;height:auto;display:block}.macro figcaption{text-align:center;max-width:640px;margin:28px auto 0}.macro p{color:var(--ardoise);margin-top:12px;font-size:18px;line-height:1.55}.device{line-height:0;display:block;position:relative}.device>img{height:auto;width:100%!important;margin:0!important}.feature .shot .device{width:min(360px,82%)}.watchrow .duo .device{width:min(200px,40%)}.rings{pointer-events:none;height:auto;position:absolute}.rings-fill{animation:1.1s cubic-bezier(.33,1,.68,1) both rings-fill}.rings[data-wait] .rings-fill{opacity:0;animation:none;stroke-dasharray:0 100!important}@keyframes rings-fill{0%{stroke-dasharray:0 100;opacity:0}8%{opacity:1}}@media (prefers-reduced-motion:reduce){.rings-fill{animation:none}}.device{container-type:inline-size}.pair .device{width:min(330px,44%)}.live{pointer-events:none;position:absolute;inset:0}.live>*,.live .compact>*{position:absolute}.live .ticker{display:flex}.live .ticker img{width:auto;max-width:none;height:100%}.live .under{opacity:1;overflow:hidden}.live .under img{max-width:none;height:auto;position:absolute}.live .morph{opacity:1;background:#000;transition:left .55s cubic-bezier(.3,1.3,.45,1),top .55s cubic-bezier(.3,1.3,.45,1),width .55s cubic-bezier(.3,1.3,.45,1),height .55s cubic-bezier(.3,1.3,.45,1),border-radius .55s cubic-bezier(.3,1.3,.45,1),opacity .3s}.live .compact{transition:opacity .15s;position:absolute;inset:0}.live[data-phase=open] .under,.live[data-phase=open] .morph,.live[data-phase=open] .compact,.live[data-phase=growing] .compact,.live[data-phase=covering] .compact,.live[data-phase=shrinking] .compact{opacity:0}.live[data-phase=growing] .under{opacity:0;transition:opacity 0s .55s}.live[data-phase=covering] .under{opacity:0}.guide .tool{border-radius:var(--radius);border:1px solid var(--filet);margin-top:40px;padding:clamp(20px,4vw,32px)}.guide .tool h2{margin-top:0}.tool .fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 20px;margin-top:16px;display:grid}.tool .fields.four{grid-template-columns:repeat(4,1fr);margin-top:8px}@media (max-width:640px){.tool .fields.four{grid-template-columns:1fr 1fr}}.tool label,.tool .field{color:var(--ardoise);flex-direction:column;gap:6px;font-size:14px;line-height:20px;display:flex}.tool label small,.tool .field small{color:var(--gris);font-size:12px;line-height:16px}.tool select,.tool input{font:inherit;color:var(--encre);background:var(--nuage);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.tool select:focus,.tool input:focus{border-color:var(--encre);background:var(--blanc);outline:none}.tool .pair{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.tool button{font:inherit;cursor:pointer;font-weight:600}.tool .fieldsnote{color:var(--gris);margin:20px 0 0;font-size:13px}.tool .result{border-top:1px solid var(--filet);margin-top:28px;padding-top:24px}.tool .result .eyebrow{margin:16px 0 4px}.tool .result .eyebrow:first-child{margin-top:0}.tool .big{letter-spacing:-.03em;color:var(--encre);margin:0;font-size:clamp(40px,7vw,64px);font-weight:600;line-height:1.05}.tool .big small{letter-spacing:0;color:var(--gris);font-size:16px;font-weight:400}.tool .num{font-variant-numeric:tabular-nums}.tool .verdict{color:var(--encre);margin:0;font-size:18px;font-weight:500;line-height:26px}.tool .price{color:var(--ardoise);margin:6px 0 0}.tool .gauge{background:var(--nuage);border-radius:999px;height:10px;margin:18px 0 48px;position:relative}.tool .gauge .fill{background:var(--session);transition:width .7s var(--ease);border-radius:999px;position:absolute;inset:0 auto 0 0}.tool .gauge .tick{background:var(--brume);width:2px;height:18px;margin-left:-1px;position:absolute;top:-4px}.tool .gauge .tick em{white-space:nowrap;color:var(--gris);font-size:12px;font-style:normal;transition:color .3s;position:absolute;top:22px;left:50%;transform:translate(-50%)}.tool .gauge .tick:first-of-type em{left:-4px;transform:none}.tool .gauge .tick:last-child em{left:4px;transform:translate(-100%)}.tool .gauge .tick.on{background:var(--encre)}.tool .gauge .tick.on em{color:var(--encre);font-weight:600}.tool .stack{background:var(--nuage);border-radius:999px;gap:2px;height:10px;margin:16px 0 12px;display:flex;overflow:hidden}.tool .stack .seg{transition:flex-grow .7s var(--ease);flex-basis:0}.tool .s0{background:var(--encre)}.tool .s1{background:var(--session)}.tool .s2{background:var(--semaine)}.tool .s3{background:var(--brume)}.tool .legend{color:var(--ardoise);flex-wrap:wrap;gap:6px 20px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:flex}.tool .legend i{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.tool .legend b{color:var(--encre);margin-left:4px;font-weight:600}.tool .timers{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:16px;display:grid}.tool .timer{flex-direction:column;gap:20px;display:flex}.tool .countdown{align-items:center;gap:20px;display:flex}.tool .countdown svg{flex:none;width:96px;height:96px}.tool .countdown .track{fill:none;stroke:var(--nuage);stroke-width:10px}.tool .countdown .arc{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.tool .countdown.session .arc{stroke:var(--session)}.tool .countdown.semaine .arc{stroke:var(--semaine)}.tool .countdown p{flex-direction:column;margin:0;display:flex}.tool .countdown .num{letter-spacing:-.01em;color:var(--encre);font-size:28px;font-weight:600;line-height:34px}.tool .countdown small{color:var(--gris);font-size:13px}.tool .btn:disabled{opacity:.4;pointer-events:none}@media (prefers-reduced-motion:reduce){.tool .gauge .fill,.tool .stack .seg,.tool .countdown .arc{transition:none}}.guide .defs{margin:8px 0 0}.guide .defs div{border-bottom:1px solid var(--filet);grid-template-columns:minmax(140px,30%) 1fr;gap:16px;padding:14px 0;display:grid}.guide .defs dt{color:var(--encre);font-weight:600}.guide .defs dd{color:var(--ardoise);margin:0}@media (max-width:640px){.guide .defs div{grid-template-columns:1fr;gap:4px}}.guide .timeline{border-left:2px solid var(--filet);margin:8px 0 0;padding:0;list-style:none}.guide .timeline li{padding:0 0 20px 24px;position:relative}.guide .timeline li:before{content:"";background:var(--blanc);border:2px solid var(--encre);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-6px}.guide .timeline time{letter-spacing:.02em;color:var(--gris);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;display:block}.guide .timeline p{margin:2px 0 0}