:root{--ink:#151a34;--coral:#ff7058;--cream:#fff9ef;--paper:#f6f3ed;--white:#fff;--muted:#687083;--line:#e1ded8;--popover:#fff;--popover-foreground:#151a34;--input:#d8d5ce;--ring:#ff7058;--accent:#fff0ec;--accent-foreground:#151a34;--primary:#151a34;--primary-foreground:#fff;--border:#e1ded8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{width:min(1160px,calc(100% - 36px));margin-inline:auto}.topbar{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}.topbar-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:1.42rem;font-weight:500;text-decoration:none}.logo-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--ink);color:var(--coral);font-size:1.5rem;font-weight:900;transform:rotate(-4deg)}.brand b{color:var(--coral)}.home-button{min-height:44px;border-color:#c9c5bd!important;background:#fff!important;color:var(--ink)!important;font-weight:800}.home-button svg{width:17px}
.intro{min-height:385px;display:grid;grid-template-columns:1fr .55fr;align-items:center;gap:60px;padding-block:60px}.eyebrow{margin:0 0 12px;color:#c44c39;font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(3.4rem,8vw,7rem);line-height:.88;letter-spacing:-.07em}h1 em{color:var(--coral);font-style:normal}.intro>div>p:last-child{max-width:610px;margin:27px 0 0;color:var(--muted);font-size:1.15rem;line-height:1.65}.hero-symbol{justify-self:end;width:min(290px,28vw);aspect-ratio:1;border:2px solid #ffc9bd;border-radius:50%;display:grid;place-items:center;background:var(--cream);box-shadow:20px 20px 0 #ffd8ce;transform:rotate(7deg)}.hero-symbol span{font-size:clamp(6rem,14vw,11rem);font-weight:900;color:var(--ink);letter-spacing:-.1em}
.calculator{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:20px;align-items:stretch;margin-bottom:90px}.calc-card,.result-card{border-radius:26px}.calc-card{background:#fff;border:1px solid var(--line);padding:clamp(24px,4vw,42px);box-shadow:0 16px 42px rgba(21,26,52,.07)}.calc-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.calc-heading h2,.explain h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}.currency{display:flex;align-items:center;gap:9px}.currency>span{font-size:.78rem;font-weight:800;color:var(--muted)}.currency button{min-width:126px;height:44px;background:#fff!important;border-color:#cfcac0!important}.tab-list{width:100%;height:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;background:#f1eee8!important;padding:7px!important;border-radius:16px!important}.tab-list button{min-height:49px;gap:7px;border-radius:11px!important;font-weight:800}.tab-list button[data-state=active]{background:var(--ink)!important;color:#fff!important}.tab-list svg{width:17px}.panel{margin-top:24px}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.mode-options.two{grid-template-columns:repeat(2,1fr)}.mode-options button{min-height:46px;padding:9px 12px;border:1px solid #d7d3cb;border-radius:12px;background:#fff;color:var(--muted);font-weight:700;cursor:pointer}.mode-options button.active{border-color:var(--coral);background:#fff0ec;color:#a93f2f;box-shadow:0 0 0 2px #ffd8ce}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fields label{display:flex;flex-direction:column;gap:8px}.fields label>span{font-size:.82rem;font-weight:800;color:#525a6d}.fields input{width:100%;height:58px;padding:0 16px;border:1px solid #cfcac0;border-radius:13px;background:#fff;color:var(--ink);font-size:1.25rem;font-weight:800;outline:none}.fields input:focus{border-color:var(--coral);box-shadow:0 0 0 4px #ffe1da}.money-input,.suffix-input{position:relative}.money-input i,.suffix-input i{position:absolute;top:50%;transform:translateY(-50%);color:#7b8190;font-style:normal;font-weight:800}.money-input i{left:16px}.money-input input{padding-left:48px}.suffix-input i{right:17px}.suffix-input input{padding-right:45px}
.result-card{background:var(--ink);color:#fff;padding:clamp(28px,4vw,42px);display:flex;flex-direction:column;justify-content:center;min-height:360px;position:relative;overflow:hidden}.result-card:after{content:"%";position:absolute;right:-25px;bottom:-75px;color:#ffffff0c;font-size:16rem;font-weight:900}.result-card .eyebrow{color:#ff9c8c}.result-card>strong{position:relative;z-index:1;font-size:clamp(3rem,6vw,5.3rem);line-height:1;letter-spacing:-.06em;overflow-wrap:anywhere}.result-card>span{position:relative;z-index:1;margin-top:14px;color:#c9cbd8;line-height:1.5}.result-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.result-actions button{min-height:44px}.result-actions button:first-child{background:var(--coral);color:var(--ink);font-weight:900}.result-actions button:nth-child(2){border-color:#555a73;background:transparent;color:#fff}.result-actions button:nth-child(3){color:#d7d9e3}
.explain{padding-block:20px 90px}.explain>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.explain article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.explain article>span{color:var(--coral);font-size:.72rem;font-weight:900;letter-spacing:.14em}.explain h3{margin:16px 0 8px;font-size:1.25rem}.explain p{margin:0;color:var(--muted);line-height:1.6}footer{background:#0e1229;color:#d7d9e3}.footer-inner{min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:13px;text-align:center}.footer-inner p{margin:0;padding-top:13px;border-top:1px solid #292e4c;color:#aeb2c3}.footer-inner a{color:#ff9c8c;font-weight:800}
@media(max-width:800px){.intro{min-height:0;grid-template-columns:1fr;padding-block:55px}.hero-symbol{display:none}.calculator{grid-template-columns:1fr}.result-card{min-height:300px}.calc-heading{align-items:start;flex-direction:column}.currency{width:100%;justify-content:space-between}.tab-list{grid-template-columns:1fr}.mode-options{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.explain>div{grid-template-columns:1fr}.footer-inner{text-align:left;padding-block:26px}}@media(max-width:430px){.shell{width:calc(100% - 24px)}.brand{font-size:1.18rem}.logo-mark{width:42px;height:42px}.home-button{padding-inline:12px!important}.calc-card,.result-card{border-radius:20px}.result-actions{flex-direction:column}.result-actions button{width:100%}}
@media print{.topbar,.intro,.calc-card,.explain,footer{display:none!important}body{background:#fff}.calculator{display:block;margin:0}.result-card{min-height:0;background:#fff;color:#000;border:2px solid #000}.result-card .eyebrow,.result-card>span{color:#000}.result-actions{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[data-slot="select-trigger"]{background:#fff!important;color:#151a34!important;opacity:1!important}[data-slot="select-content"],[data-slot="select-content"] [data-slot="select-viewport"]{background:#fff!important;color:#151a34!important;opacity:1!important}[data-slot="select-item"]{background:#fff!important;color:#151a34!important}[data-slot="select-item"]:focus,[data-slot="select-item"][data-highlighted]{background:#fff0ec!important;color:#151a34!important}

.currency-select{min-width:126px;height:44px;padding:0 38px 0 12px;border:1px solid #cfcac0;border-radius:8px;background:#fff;color:#151a34;font-weight:700;opacity:1}.currency-select option{background:#fff;color:#151a34}.hidden{display:none!important}
.button-link{min-height:44px;padding:10px 16px;border:1px solid #c9c5bd;border-radius:8px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}.content-page{max-width:850px;padding-block:60px;min-height:65vh}.content-page h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.content-page h2{margin-top:32px}.content-page p,.content-page li{color:var(--muted);line-height:1.7}.content-card{margin-top:25px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.content-page a{color:#b54231;font-weight:700}.footer-inner nav a{color:#fff;font-weight:700}.not-found{max-width:720px;text-align:center}.not-found .libraire-logo{width:min(390px,85%);margin:0 auto 35px}.not-found .big-404{font-size:clamp(6rem,18vw,11rem);font-weight:900;color:#ffd8ce;line-height:.8}
.tab-list button{border:0;cursor:pointer}.tab-list button.active{background:var(--ink)!important;color:#fff!important}.result-actions button{border:1px solid transparent;border-radius:8px;padding:10px 14px;cursor:pointer}.result-actions button:first-child{background:var(--coral);color:var(--ink)}
.result-actions #reset{border-color:#fff;background:#fff;color:var(--ink);font-weight:800}.result-actions #reset:hover{background:#fff0ec;border-color:var(--coral)}.result-actions #reset:focus-visible{outline:3px solid #ff9c8c;outline-offset:2px}