.canard-sel{--paper:#fbf2e2;--paper-2:#fff6e9;--ink:#1f1711;--red:#eb3b28;--line:rgba(80,45,14,0.15);--shadow:0 8px 18px rgba(80,45,14,0.16);--pad-x:clamp(18px,5vw,32px);min-height:100svh;display:flex;justify-content:center;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.9),rgba(246,232,208,.86) 62%,rgba(238,224,204,.92))}.canard-sel *{box-sizing:border-box}.canard-sel button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}.canard-sel a{text-decoration:none;color:inherit}.canard-sel img{max-width:100%;display:block}.canard-sel .screen{width:min(100%,640px);min-height:100svh;display:flex;flex-direction:column;gap:18px;padding:clamp(26px,6vw,40px) var(--pad-x) calc(104px + env(safe-area-inset-bottom));background:radial-gradient(circle at 60% 10%,rgba(255,255,255,.35),transparent 40%),var(--paper)}.canard-sel .topbar{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:14px}.canard-sel .icon-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;position:relative;color:var(--ink)}.canard-sel .menu{flex-direction:column;gap:5px}.canard-sel .menu span{display:block;width:28px;height:3px;border-radius:99px;background:var(--ink)}.canard-sel .brand{display:flex;justify-content:center;min-width:0}.canard-sel .brand img{width:100%;max-width:230px;height:auto}.canard-sel .bell svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.canard-sel .notification-dot{position:absolute;top:7px;right:7px;width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--paper)}.canard-sel .page-title{display:flex;align-items:center;gap:14px}.canard-sel .salt-hero{width:clamp(58px,16vw,78px);height:auto;flex:0 0 auto;filter:drop-shadow(0 5px 3px rgba(0,0,0,.09))}.canard-sel .title-copy{min-width:0}.canard-sel .title-copy h1{margin:0;color:var(--red);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(28px,8vw,44px);line-height:.95;font-weight:900;font-family:Trebuchet MS,Arial Black,Arial,sans-serif;font-style:italic;text-shadow:0 1px 0 rgba(255,255,255,.6)}.canard-sel .title-copy p{margin:5px 0 0;font-size:clamp(14px,3.6vw,18px);line-height:1.12;color:#16120e;font-weight:500}.canard-sel .quote-card{border-radius:20px;border:1px solid rgba(107,66,21,.13);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;isolation:isolate}.canard-sel .quote-card--yellow{background:linear-gradient(112deg,#ffe18f,#ffe9a8 52%,#fff2bf)}.canard-sel .quote-card--blue{background:linear-gradient(112deg,#d4ece8,#cce7e2 56%,#b7ded7)}.canard-sel .quote-card--peach{background:linear-gradient(112deg,#ffd2c1,#ffd9c8 60%,#ffc6ad)}.canard-sel .quote-text{padding:20px 8px 18px 22px;display:flex;flex-direction:column;justify-content:center;z-index:2}.canard-sel .quote-mark{font-family:Georgia,serif;font-size:3rem;font-weight:900;line-height:.42;margin-left:-4px;color:#0c0a08}.canard-sel .quote-text p{margin:8px 0 0;font-family:Trebuchet MS,Arial Black,Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(18px,5.4vw,28px);line-height:1.12;color:#080706;letter-spacing:.01em}.canard-sel .quote-art{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;mix-blend-mode:multiply}.canard-sel .engagement{display:flex;flex-direction:column;gap:10px}.canard-sel .action-row,.canard-sel .reaction-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.canard-sel .action-row{gap:12px}.canard-sel .pill{border:1px solid rgba(88,54,18,.15);background:rgba(255,247,231,.78);color:#1c1714;min-height:40px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 10px rgba(83,53,20,.1);transition:transform .2s,background .2s,border-color .2s;font-size:clamp(13px,3.4vw,16px);white-space:nowrap}.canard-sel .pill.is-active,.canard-sel .pill:hover{transform:translateY(-1px);background:#fff3d9;border-color:rgba(235,59,40,.36)}.canard-sel .reaction span{font-size:1.3em;line-height:1}.canard-sel .action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.canard-sel .verse-card{border-radius:16px;overflow:hidden;background:linear-gradient(110deg,#d9eee9,#e4f2ee 63%,#c7e4dd);border:1px solid rgba(50,113,104,.17);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr clamp(120px,32vw,170px);align-items:stretch}.canard-sel .verse-copy{padding:18px 12px 16px 20px;display:flex;flex-direction:column;justify-content:center}.canard-sel .verse-copy h2{margin:0 0 6px;color:#087d78;text-transform:uppercase;font-size:clamp(14px,3.8vw,19px);line-height:1;font-family:Trebuchet MS,Arial,sans-serif;font-weight:900;font-style:italic}.canard-sel .verse-copy p{margin:0;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(13px,3.4vw,16px);line-height:1.25;color:#1e1712}.canard-sel .verse-copy strong{margin-top:5px;color:#087d78;font-size:clamp(13px,3.4vw,16px);line-height:1.1}.canard-sel .verse-art{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply}.canard-sel .bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,640px);z-index:50;padding:14px var(--pad-x) calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(120,90,50,.2);background:var(--paper-2);box-shadow:0 -8px 20px rgba(78,48,20,.06);display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.canard-sel .nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:#4e453f;font-size:14px;font-weight:600}.canard-sel .nav-item.active{color:var(--red);font-weight:800}.canard-sel .nav-item svg{width:30px;height:30px;fill:currentColor}.canard-sel .nav-item .nav-ico{width:30px;height:30px;background:currentColor;-webkit-mask:var(--icon-url) no-repeat center /contain;mask:var(--icon-url) no-repeat center /contain}.canard-sel .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,24px);opacity:0;pointer-events:none;background:#17120e;color:#fff;padding:11px 18px;border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.22);transition:.25s;z-index:1000;font-weight:700;font-size:14px}.canard-sel .toast.show{opacity:1;transform:translate(-50%)}@media (max-width:380px){.canard-sel .action-row{gap:8px}.canard-sel .quote-text{padding:16px 6px 14px 16px}}.canard-sel .verse-mot{margin-top:10px;font-size:.92rem;font-style:italic;opacity:.8}