/* Hucial Clips — surface vidéo verticale. Aucun numéro de version n'est rendu dans l'interface. */
:root{--clips-ink:#071511;--clips-teal:#14b89a;--clips-teal-soft:#92f3df;--clips-gold:#ffd26a;--clips-glass:rgba(4,14,12,.68);--clips-line:rgba(255,255,255,.16);--clips-bottom:78px}
body[data-route^="clips/"]{background:#020807;overflow:hidden;color:#fff}
body[data-route^="clips/"] .site-header,body[data-route^="clips/"] .site-footer,body[data-route^="clips/"] .ambient-layer,body[data-route^="clips/"] .hucial-emotion-intro{display:none!important}
body[data-route^="clips/"] main#contenu{margin:0!important;max-width:none!important;padding:0!important}
body[data-route^="clips/"] .hucial-flow-bar{z-index:1200;background:rgba(3,13,11,.88)!important;border-top:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-route^="clips/"] .hucial-flow-item{color:#e8fff9!important}
body[data-route^="clips/"] .hucial-flow-item.is-active{color:var(--clips-teal-soft)!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.clips-app{height:100dvh;position:relative;background:radial-gradient(circle at 50% 20%,#0b2922 0,#020807 48%,#010303 100%);overflow:hidden;color:#fff}
.clips-topbar{position:absolute;z-index:80;left:0;right:0;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:max(10px,env(safe-area-inset-top)) 16px 8px;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0));pointer-events:none}
.clips-topbar>*{pointer-events:auto}.clips-brand{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.02em}.clips-brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(145deg,var(--clips-teal),#0e7b69);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 6px 20px rgba(20,184,154,.28);font-size:16px}
.clips-tabs{justify-self:center;display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(10px)}.clips-tabs a{color:rgba(255,255,255,.68);text-decoration:none;font-weight:750;font-size:.82rem;padding:7px 10px;border-radius:999px}.clips-tabs a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.clips-top-actions{display:flex;gap:7px}.clips-icon-button{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(0,0,0,.32);color:#fff;font:inherit;cursor:pointer}.clips-icon-button:focus-visible,.clip-card:focus-visible,.clip-actions button:focus-visible,.clip-actions a:focus-visible{outline:3px solid var(--clips-gold);outline-offset:2px}
.clips-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-padding:0}.clips-feed::-webkit-scrollbar{display:none}
.clip-card{height:100dvh;min-height:560px;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:grid;place-items:center;background:#000;isolation:isolate;overflow:hidden}
.clip-stage{position:absolute;inset:0;background:#000;display:grid;place-items:center;overflow:hidden}.clip-video,.clip-external-player,.clip-external-player iframe{width:100%;height:100%;object-fit:contain;border:0;background:#000}.clip-external-player{position:relative}.clip-external-player img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}.clip-external-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:28px;backdrop-filter:blur(8px);cursor:pointer}
.clip-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 49%,rgba(0,0,0,.13) 63%,rgba(0,0,0,.88) 100%)}.clip-source-badge{position:absolute;top:82px;left:14px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.16);color:#f4fffc;font-size:.72rem;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(8px)}
.clip-center-pause{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:transparent;cursor:pointer;z-index:1}.clip-card.is-paused .clip-center-pause{color:#fff;font-size:0}.clip-card.is-paused .clip-center-pause:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;font-size:28px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}
.clip-info{position:absolute;z-index:8;left:max(16px,env(safe-area-inset-left));right:86px;bottom:calc(var(--clips-bottom) + 18px);text-shadow:0 1px 6px rgba(0,0,0,.7)}.clip-creator-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}.clip-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--clips-teal),#0b6053);color:#fff;font-weight:900;text-decoration:none;border:2px solid rgba(255,255,255,.75)}.clip-avatar img{width:100%;height:100%;object-fit:cover}.clip-creator-copy{min-width:0;flex:1}.clip-creator-copy>a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:6px;min-width:0}.clip-creator-copy strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-creator-copy small{display:block;color:rgba(255,255,255,.72);font-size:.72rem;margin-top:2px}.clip-real{font-size:.62rem;padding:3px 5px;border-radius:999px;color:#06110d;background:var(--clips-gold);text-shadow:none;font-weight:950}.clip-follow{border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.26);color:#fff;border-radius:999px;padding:7px 10px;font-weight:850;cursor:pointer}.clip-follow[aria-pressed="true"]{background:rgba(20,184,154,.25);border-color:var(--clips-teal-soft)}
.clip-info h2{margin:0 0 6px;font-size:1.03rem;line-height:1.25}.clip-caption{margin:0;color:#fff;line-height:1.35;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clip-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;color:var(--clips-teal-soft);font-size:.75rem;font-weight:800}.clip-why{margin-top:8px;max-width:520px;font-size:.75rem}.clip-why summary{cursor:pointer;color:rgba(255,255,255,.75);font-weight:800}.clip-why[open]{background:rgba(4,17,14,.79);border:1px solid rgba(255,255,255,.13);padding:9px;border-radius:12px;text-shadow:none;backdrop-filter:blur(12px)}.clip-why p{margin:5px 0 7px;color:#e9fffa;line-height:1.35}.clip-why div{display:flex;gap:5px;flex-wrap:wrap}.clip-why button,.clip-external-context button,.clip-external-context a{font:inherit;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 8px;color:#fff;background:rgba(255,255,255,.08);text-decoration:none;cursor:pointer}.clip-external-context{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:.74rem}.clip-external-context form{margin:0}
.clip-actions{position:absolute;z-index:10;right:max(11px,env(safe-area-inset-right));bottom:calc(var(--clips-bottom) + 16px);display:flex;flex-direction:column;align-items:center;gap:11px}.clip-actions>button,.clip-action-link,.clip-more>summary{width:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.11);border-radius:50%;font:700 .67rem/1 system-ui;text-decoration:none;text-shadow:0 1px 4px #000;backdrop-filter:blur(8px);cursor:pointer}.clip-actions>button[aria-pressed="true"]{background:rgba(20,184,154,.42);border-color:var(--clips-teal-soft)}.clip-action-icon{font-size:1.25rem;line-height:1}.clip-more{position:relative}.clip-more>summary{list-style:none;font-size:1rem}.clip-more>summary::-webkit-details-marker{display:none}.clip-more>div{position:absolute;right:54px;bottom:0;width:180px;background:rgba(4,14,12,.94);border:1px solid var(--clips-line);border-radius:14px;padding:6px;box-shadow:0 15px 40px rgba(0,0,0,.4)}.clip-more button{display:block;width:100%;text-align:left;padding:9px;border:0;background:transparent;color:#fff;border-radius:8px}.clip-more button:hover{background:rgba(255,255,255,.08)}
.clips-floating-actions{position:absolute;z-index:75;left:14px;bottom:calc(var(--clips-bottom) + 13px);display:flex;align-items:center;gap:7px}.clips-create-fab,.clips-studio-link{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;text-decoration:none;font-size:.78rem;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.28)}.clips-create-fab{background:linear-gradient(145deg,var(--clips-teal),#0d7e6b);color:#03100d}.clips-studio-link{background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px)}
.clips-loader{position:absolute;bottom:calc(var(--clips-bottom) + 18px);left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.58);font-size:.76rem;color:#fff;z-index:90}.clip-empty{scroll-snap-align:start;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 24px calc(var(--clips-bottom) + 30px);background:radial-gradient(circle at 50% 36%,rgba(20,184,154,.2),transparent 38%)}.clip-empty-mark{width:94px;height:132px;border-radius:32px;border:2px solid rgba(146,243,223,.45);display:grid;place-items:center;margin-bottom:18px;box-shadow:inset 0 0 40px rgba(20,184,154,.12),0 20px 70px rgba(0,0,0,.3)}.clip-empty-mark span{font-size:34px;color:var(--clips-teal-soft)}.clip-empty h1{margin:8px 0;font-size:clamp(1.8rem,6vw,3.2rem)}.clip-empty p{max-width:520px;color:rgba(255,255,255,.72);line-height:1.6}
.clips-kicker{font-size:.7rem;letter-spacing:.16em;font-weight:950;color:#15917d}.clips-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(145deg,#16b99b,#109078);color:#04110d;text-decoration:none;font:850 .9rem/1.2 system-ui;cursor:pointer;box-shadow:0 8px 24px rgba(20,184,154,.2)}.clips-button-secondary{background:#eef4f2;color:#10211d;box-shadow:none}
.clips-dialog{width:min(680px,calc(100vw - 24px));max-height:min(78dvh,720px);border:1px solid #dfe9e5;border-radius:22px;background:#fbfdfc;color:#12231f;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.45)}.clips-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}.clips-dialog>form{padding:0 18px 18px}.clips-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;background:rgba(251,253,252,.94);border-bottom:1px solid #e5ece9;backdrop-filter:blur(10px)}.clips-dialog-head h2{margin:2px 0 0;font-size:1.25rem}.clips-dialog-head>button{width:34px;height:34px;border:0;border-radius:50%;background:#e9f0ed;font-size:1.3rem;cursor:pointer}.clips-comments-list{padding:12px 18px;overflow:auto;max-height:45dvh}.clips-comment{display:grid;grid-template-columns:35px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #edf2f0}.clips-comment-avatar{width:35px;height:35px;border-radius:50%;background:#d9eee8;display:grid;place-items:center;font-weight:850;overflow:hidden}.clips-comment-avatar img{width:100%;height:100%;object-fit:cover}.clips-comment p{margin:4px 0;white-space:pre-wrap}.clips-comment small{color:#65736f}.clips-comment-form{padding:12px 18px 18px;border-top:1px solid #e5ece9}.clips-comment-form label{display:block;font-weight:800;margin-bottom:5px}.clips-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #b9c8c4;border-radius:12px;padding:10px;font:inherit;resize:vertical;margin-bottom:8px}.clips-settings-intro{color:#576a64;line-height:1.5}.clips-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e8efec}.clips-switch span{display:grid;gap:3px}.clips-switch small{color:#697974;line-height:1.35}.clips-switch input{width:22px;height:22px;accent-color:#11947d}.clips-field{display:grid;gap:6px;margin:12px 0;font-weight:750}.clips-field input,.clips-field textarea,.clips-field select{width:100%;box-sizing:border-box;border:1px solid #bccac6;border-radius:12px;padding:11px;background:#fff;color:#15221f;font:inherit}.clips-field small{font-weight:500;color:#65756f}.clips-settings .clips-button{margin-top:13px}.clips-conscious-pause{position:absolute;inset:0;z-index:1300;background:rgba(0,0,0,.74);display:grid;place-items:center;padding:22px;backdrop-filter:blur(8px)}.clips-conscious-pause[hidden]{display:none}.clips-conscious-pause>div{width:min(480px,100%);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:24px;background:#f7fcfa;color:#13241f;text-align:center}.clips-conscious-pause h2{font-size:1.8rem;margin:7px 0}.clips-conscious-pause p{color:#5b6e68;line-height:1.5}.clips-conscious-pause>div>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.clips-toast{position:absolute;z-index:1400;left:50%;bottom:calc(var(--clips-bottom) + 20px);transform:translateX(-50%);max-width:min(520px,calc(100vw - 30px));padding:10px 14px;background:#f6fffc;color:#11211d;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.35);font-weight:750;text-align:center}
/* Pages création / studio / admin */
.clips-create-page,.clips-studio,.clips-admin,.clips-unavailable{min-height:100vh;background:#f5f9f7;color:#13221e;padding:22px max(16px,calc((100vw - 1050px)/2)) 110px!important}.clips-page-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:20px 0 24px}.clips-page-header>a:first-child{color:#315b51;text-decoration:none;font-weight:800}.clips-page-header h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:4px 0 8px;letter-spacing:-.04em}.clips-page-header p{margin:0;color:#5d6e69;line-height:1.55;max-width:720px}.clips-create-form{max-width:760px;margin:auto}.clips-create-primary,.clips-create-advanced,.clips-remix-banner,.clips-studio-section,.clips-admin-grid>form,.clips-admin-grid>div{background:#fff;border:1px solid #dce6e2;border-radius:22px;box-shadow:0 10px 35px rgba(17,61,51,.06);padding:18px}.clips-video-picker{min-height:210px;border:2px dashed #8db9ad;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;background:linear-gradient(145deg,#f8fffc,#edf8f4);cursor:pointer}.clips-video-picker-icon{display:grid;place-items:center;width:72px;height:90px;border-radius:24px;background:#0e806d;color:#fff;font-size:1.5rem;box-shadow:0 10px 30px rgba(14,128,109,.2)}.clips-video-picker input{position:absolute;opacity:0;width:1px;height:1px}.clips-video-picker small{color:#637772}.clips-create-preview{position:relative;border-radius:18px;overflow:hidden;background:#000;margin-bottom:14px}.clips-create-preview video{width:100%;max-height:65vh;display:block}.clips-create-preview button{position:absolute;right:10px;top:10px;border:0;border-radius:999px;background:rgba(0,0,0,.66);color:#fff;padding:8px 11px}.clips-accessibility-field{background:#f2fbf8;border:1px solid #cfe9e1;border-radius:15px;padding:12px}.clips-publish-button{width:100%;font-size:1rem;padding:14px;margin-top:5px}.clips-create-advanced{margin-top:14px}.clips-create-advanced>summary{font-weight:900;cursor:pointer}.clips-create-advanced>div{padding-top:10px}.clips-remix-banner{max-width:760px;margin:0 auto 14px;display:flex;gap:8px;flex-direction:column;border-color:#b8ddd2;background:#edf9f5}
.clips-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 24px}.clips-metric-grid article{background:#fff;border:1px solid #dce6e2;border-radius:16px;padding:14px;display:grid;gap:5px}.clips-metric-grid span{font-size:.78rem;color:#63736e}.clips-metric-grid strong{font-size:1.35rem}.clips-studio-section{margin:14px 0}.clips-section-title h2{margin:4px 0}.clips-section-title p{color:#64756f;line-height:1.5}.clips-gap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clips-gap-grid article{border:1px solid #dfe8e5;border-radius:15px;padding:13px;display:grid;gap:6px;background:#f9fcfb}.clips-gap-grid strong{color:#0d7c68}.clips-gap-grid span{font-size:.82rem;color:#687973}.clips-gap-grid a{font-size:.82rem;font-weight:850;color:#0d7c68}.clips-studio-list{display:grid;gap:8px}.clips-studio-list article{display:flex;justify-content:space-between;gap:16px;border:1px solid #e2eae7;border-radius:14px;padding:12px}.clips-studio-list article>div{display:flex;gap:10px;flex-wrap:wrap}.clips-studio-list article>div:first-child{display:grid;gap:3px}.clips-studio-list small,.clips-studio-list span{color:#63746e;font-size:.78rem}.clips-empty-note{color:#6b7b76}
.clips-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.clips-admin-grid h2{margin-top:0}.clips-sync-form{margin-top:15px}.clips-admin-table{display:grid;gap:5px}.clips-admin-table [role="row"]{display:grid;grid-template-columns:1fr .5fr .8fr 1.2fr;gap:8px;padding:9px;border-bottom:1px solid #e4ebe9;font-size:.82rem}.clips-unavailable{display:grid;place-items:center}.clips-unavailable section{text-align:center;max-width:520px}.clips-unavailable h1{font-size:2.3rem;margin:.3em 0}.clips-unavailable p{color:#61726c;line-height:1.6}
/* Carte d'entrée Clips directement dans l'accueil */
.hucial-clips-home-entry{margin:0 0 18px;border:1px solid #cfe4de;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(20,184,154,.23),transparent 36%),linear-gradient(145deg,#f9fffd,#edf8f4);box-shadow:0 12px 35px rgba(20,80,65,.07)}.hucial-clips-home-inner{padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.hucial-clips-home-entry h2{margin:4px 0 6px;font-size:1.45rem;letter-spacing:-.03em}.hucial-clips-home-entry p{margin:0;color:#566b64;line-height:1.5}.hucial-clips-home-actions{display:flex;gap:7px;flex-wrap:wrap}.hucial-clips-home-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 18px 18px}.hucial-clips-home-preview a{position:relative;min-height:125px;border-radius:15px;overflow:hidden;background:#0a1a16;text-decoration:none;color:#fff}.hucial-clips-home-preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hucial-clips-home-preview span{position:absolute;left:9px;bottom:8px;right:8px;z-index:2;font-size:.72rem;font-weight:850;text-shadow:0 1px 5px #000}.hucial-clips-home-preview a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.76))}

/* Les cartes externes gardent le lecteur tiers entièrement dégagé : aucun contrôle Hucial ne le recouvre. */
.clip-card[data-clip-source="youtube"]{background:linear-gradient(180deg,#020807,#071713 68%,#0b1d18)}
.clip-card[data-clip-source="youtube"] .clip-stage{top:max(62px,env(safe-area-inset-top));bottom:39%;inset-inline:0}
.clip-card[data-clip-source="youtube"] .clip-info{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(var(--clips-bottom) + 72px);text-shadow:none;max-height:calc(39% - var(--clips-bottom) - 60px);overflow:auto;padding-right:4px}
.clip-card[data-clip-source="youtube"] .clip-actions{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(var(--clips-bottom) + 10px);flex-direction:row;justify-content:flex-start;gap:7px}
.clip-card[data-clip-source="youtube"] .clip-actions>button,.clip-card[data-clip-source="youtube"] .clip-action-link,.clip-card[data-clip-source="youtube"] .clip-more>summary{width:44px;min-height:44px;background:rgba(255,255,255,.08)}
.clip-card[data-clip-source="youtube"] .clip-more>div{right:auto;left:50px;bottom:0}
.clip-external-label{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.72rem}.clip-external-label strong{padding:4px 7px;border-radius:7px;background:#fff;color:#111;text-shadow:none}.clip-external-label span{color:rgba(255,255,255,.68)}
.clips-report-body{padding:14px 18px 20px}.clips-report-note{color:#60716c;font-size:.86rem;line-height:1.45}

.clip-external-linked{color:var(--clips-teal-soft);font-weight:800;text-decoration:none}.clip-external-linked:hover{text-decoration:underline}
.clips-admin-queue{display:grid;gap:10px}.clips-admin-queue article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #e0e9e6;border-radius:15px;padding:13px;background:#fbfdfc}.clips-admin-queue article>div{display:grid;gap:4px}.clips-admin-queue span{font-size:.8rem;color:#63746e}.clips-admin-queue p{margin:2px 0;color:#4f625c;line-height:1.45}.clips-admin-queue form{display:flex;gap:7px;flex-wrap:wrap}.clips-button-danger{background:#9e3030!important;color:#fff!important;border-color:#9e3030!important}

.clips-external-choice{position:fixed;inset:0;z-index:1350;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:22px;background:rgba(0,0,0,.76);backdrop-filter:blur(10px);place-items:center}.clips-external-choice[open]{display:grid}.clips-external-choice::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}.clips-external-choice>section{width:min(560px,100%);padding:25px;border-radius:24px;background:#f8fffc;color:#13241f;border:1px solid #d7e8e2;box-shadow:0 25px 80px rgba(0,0,0,.35)}.clips-external-choice h2{font-size:clamp(1.65rem,5vw,2.25rem);margin:6px 0 10px;letter-spacing:-.035em}.clips-external-choice p{line-height:1.55;color:#51655e}.clips-external-choice-privacy{padding:10px 12px;border-radius:12px;background:#eaf8f3;color:#28554a!important;font-weight:700}.clips-external-choice>section>div{display:flex;gap:8px;flex-wrap:wrap}.clips-external-choice form{margin:0}
@media(min-width:760px){.clip-card{width:min(100%,620px);margin:auto;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07)}.clips-feed{background:#020807}.clips-floating-actions{left:calc(50% - 300px)}.clips-topbar{padding-left:max(18px,calc((100vw - 620px)/2 - 170px));padding-right:max(18px,calc((100vw - 620px)/2 - 170px))}}
@media(max-width:760px){:root{--clips-bottom:72px}.clips-admin-queue article{grid-template-columns:1fr}.clip-card[data-clip-source="youtube"] .clip-stage{top:max(56px,env(safe-area-inset-top));bottom:42%}.clip-card[data-clip-source="youtube"] .clip-info{bottom:calc(var(--clips-bottom) + 66px);max-height:calc(42% - var(--clips-bottom) - 52px)}.clips-topbar{grid-template-columns:auto 1fr auto;padding-left:10px;padding-right:10px}.clips-brand>span:last-child{display:none}.clips-tabs{gap:0}.clips-tabs a{font-size:.72rem;padding:7px 7px}.clips-tabs a:nth-child(4){display:none}.clips-top-actions .clips-icon-button:first-child{display:none}.clip-info{right:77px;left:12px;bottom:calc(var(--clips-bottom) + 13px)}.clip-actions{right:8px;bottom:calc(var(--clips-bottom) + 12px);gap:8px}.clip-actions>button,.clip-action-link,.clip-more>summary{width:44px;min-height:44px}.clips-floating-actions{bottom:calc(var(--clips-bottom) + 10px);left:9px}.clips-studio-link{display:none}.clip-source-badge{top:64px}.clips-page-header{grid-template-columns:1fr}.clips-page-header>a:first-child{order:-1}.clips-metric-grid{grid-template-columns:repeat(2,1fr)}.clips-gap-grid{grid-template-columns:1fr}.clips-admin-grid{grid-template-columns:1fr}.clips-admin-table [role="row"]{grid-template-columns:1fr}.clips-studio-list article{flex-direction:column}.hucial-clips-home-inner{grid-template-columns:1fr}.hucial-clips-home-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.clips-tabs a{padding:6px 6px}.clips-tabs a:nth-child(3){display:none}.clip-caption{-webkit-line-clamp:2}.clip-topics span:nth-child(n+4){display:none}.hucial-clips-home-preview a{min-height:100px}.clips-create-page,.clips-studio,.clips-admin{padding-left:12px!important;padding-right:12px!important}}
@media(prefers-reduced-motion:reduce){.clips-feed{scroll-behavior:auto}.clip-card,.clips-button,.clips-create-fab{transition:none!important;animation:none!important}}
/* Clips intelligence — contrôle de session, découverte et création native */
.clips-intent-button{max-width:116px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(0,0,0,.32);color:#fff;padding:0 10px;font:800 .72rem/1 system-ui;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clips-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.clips-intent-grid a{display:grid;gap:3px;padding:12px;border:1px solid #dce9e5;border-radius:14px;text-decoration:none;color:#17302a;background:#f8fcfb}.clips-intent-grid a[aria-current="true"]{border-color:#0f8f78;background:#e7f7f2}.clips-intent-grid span{font-size:.78rem;color:#60736d;line-height:1.35}.clip-topic-controls{margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.clip-topic-controls>span{width:100%;font-weight:850;color:#d8fff4}.clips-context-body{display:grid;gap:15px;padding:4px 18px 20px}.clips-context-body section{display:grid;gap:7px}.clips-context-body h3{margin:0;font-size:.95rem}.clips-context-body a{display:block;padding:10px 12px;border-radius:11px;background:#f4faf8;border:1px solid #dceae5;color:#164c40;text-decoration:none;font-weight:750}.clips-discover-page{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;background:#f5faf8!important;color:#13231f!important;padding:22px!important}.clips-discover-header{max-width:1100px;margin:0 auto}.clips-discover-search,.clips-discover-section{max-width:1100px;margin:18px auto}.clips-discover-search label{display:block;font-weight:850;margin-bottom:7px}.clips-discover-search>div{display:flex;gap:8px}.clips-discover-search input{flex:1;min-width:0;border:1px solid #cfded9;border-radius:14px;padding:12px 14px;font:inherit;background:#fff}.clips-trend-chips{display:flex;flex-wrap:wrap;gap:7px}.clips-trend-chips a{padding:8px 11px;border-radius:999px;background:#e8f6f1;color:#126a59;text-decoration:none;font-weight:800;font-size:.82rem}.clips-discover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.clips-discover-card{display:grid;gap:5px;color:#172824;text-decoration:none;min-width:0}.clips-discover-card>div{aspect-ratio:9/14;border-radius:15px;overflow:hidden;position:relative;background:#0b1a16;display:grid;place-items:center;color:#fff;font-size:1.7rem}.clips-discover-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.clips-discover-source{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:.64rem;font-weight:850}.clips-discover-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clips-discover-card small{color:#65766f}.clips-camera-button{width:100%;margin:10px 0;border:1px solid #b9d8cf;border-radius:15px;background:#eef9f5;color:#116b59;padding:12px;font:850 .9rem/1.2 system-ui;cursor:pointer}.clips-camera-stage{position:relative;min-height:280px;max-height:60vh;border-radius:18px;background:#000;overflow:hidden;display:grid;place-items:center}.clips-camera-stage video{width:100%;height:100%;max-height:60vh;object-fit:contain}.clips-camera-stage span{position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-weight:850}.clips-camera-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.clips-camera-status{min-height:1.4em;color:#60716c}.clips-studio-intelligence article{display:grid!important;gap:10px!important}.clips-studio-clip-head{display:flex!important;justify-content:space-between;align-items:center;width:100%}.clips-stage-pill{padding:5px 8px;border-radius:999px;background:#e9f7f2;color:#126a59!important;font-weight:850!important}.clips-insight-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;width:100%}.clips-insight-metrics span{display:grid;gap:2px;padding:8px;border-radius:10px;background:#f6faf9}.clips-insight-metrics strong{color:#18342d;font-size:.92rem}.clips-studio-advice{margin:0;padding:10px 12px;border-left:3px solid #15977e;background:#eff9f6;color:#3c5650;line-height:1.45}.clips-studio-intelligence article>a{color:#0c7562;font-weight:850;text-decoration:none}
@media(max-width:760px){.clips-intent-button{max-width:82px}.clips-intent-grid{grid-template-columns:1fr}.clips-discover-page{padding:14px!important}.clips-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-insight-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-discover-search>div{align-items:stretch}.clips-discover-search .clips-button{padding-inline:10px}}

body[data-route="clips/create"] .clips-create-page,body[data-route="clips/studio"] .clips-studio,body[data-route="clips/admin"] .clips-admin{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain}

/* Hucial Clips — confort, Launchpad et création assistée */
.clip-progress{position:absolute;z-index:14;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16);pointer-events:none}.clip-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--clips-teal-soft),#fff);transition:transform .18s linear;box-shadow:0 0 12px rgba(146,243,223,.35)}
.clips-resume-pill{position:absolute;z-index:72;top:max(70px,calc(env(safe-area-inset-top) + 56px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,18,15,.74);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 34px rgba(0,0,0,.28);color:#fff;text-decoration:none;white-space:nowrap}.clips-resume-pill>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(146,243,223,.15);color:var(--clips-teal-soft);font-size:1rem}.clips-resume-pill>span:last-child{display:grid;line-height:1.05}.clips-resume-pill strong{font-size:.76rem}.clips-resume-pill small{font-size:.64rem;color:rgba(255,255,255,.68);margin-top:3px}
.clip-more-label{display:block;padding:5px 8px 3px;color:rgba(255,255,255,.62);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.clip-reaction-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px 5px 8px}.clip-reaction-choices button{display:grid!important;place-items:center!important;text-align:center!important;padding:0!important;height:36px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;font-size:1.05rem!important}.clip-reaction-choices button[aria-pressed="true"],.clip-reaction-choices button:hover{background:rgba(20,184,154,.28)!important;border-color:rgba(146,243,223,.55)!important}
.clips-draft-status{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:#527069;font-size:.76rem;font-weight:750}.clips-draft-status:before{content:'●';color:#16a184;font-size:.65rem}.clips-creator-readiness{margin:14px 0 6px;padding:14px;border:1px solid #d9e8e3;border-radius:17px;background:linear-gradient(145deg,#f8fdfb,#eef9f5);color:#17342d}.clips-creator-readiness>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.clips-creator-readiness strong{font-size:.94rem}.clips-creator-readiness [data-clips-readiness-label]{font-size:.76rem;color:#527069;text-align:right}.clips-readiness-track{height:7px;overflow:hidden;border-radius:999px;background:#dbe9e5;margin:9px 0}.clips-readiness-track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#168f78,#3cc9ad);transition:width .28s ease}.clips-creator-readiness ul{margin:8px 0 0;padding-left:18px;color:#516861;font-size:.76rem;line-height:1.55}.clips-create-preview video{max-height:58vh}.clips-create-advanced input[type="range"]{width:100%;accent-color:#168f78}
.clips-launchpad{background:linear-gradient(145deg,#f7fdfb,#eef9f5)!important;border-color:#cae5dc!important}.clips-launchpad-grid article strong{color:#0d725f}.clips-creator-radar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clips-creator-radar-grid article{display:grid;align-content:start;gap:5px;padding:14px;border:1px solid #dfeae6;border-radius:15px;background:#fbfdfc}.clips-creator-radar-grid span{font-size:.75rem;color:#60716c;font-weight:750}.clips-creator-radar-grid strong{font-size:1.12rem;color:#17342d}.clips-creator-radar-grid small{font-size:.73rem;line-height:1.45;color:#64766f}.clips-launch-progress{width:100%;display:grid;gap:3px;padding:9px 10px;border-radius:12px;background:#f2f9f6}.clips-launch-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.73rem;color:#536b64}.clips-launch-progress strong{font-size:.73rem;color:#1a4a3f}.clips-launch-progress .clips-readiness-track{margin:4px 0 0}
@media(max-width:760px){.clips-resume-pill{top:max(58px,calc(env(safe-area-inset-top) + 48px));max-width:calc(100vw - 28px)}.clips-creator-radar-grid{grid-template-columns:1fr}.clips-creator-readiness>div:first-child{display:grid;gap:3px}.clips-creator-readiness [data-clips-readiness-label]{text-align:left}.clip-progress{bottom:var(--clips-bottom)}}
@media(prefers-reduced-motion:reduce){.clip-progress>span,.clips-readiness-track>span{transition:none!important}}

/* Hucial Clips — immersion verticale, son de session et caméra plein écran */
body[data-route="clips/index"]{padding-bottom:0!important;background:#000!important;overflow:hidden!important}
body[data-route="clips/index"] .site-footer{display:none!important}
body[data-route="clips/index"] .hucial-flow-bar{
  --flow-bar-height:56px;
  width:min(calc(100% - 20px),620px)!important;height:56px!important;
  bottom:max(7px,env(safe-area-inset-bottom))!important;padding:4px 7px!important;
  border-radius:22px!important;background:rgba(2,12,10,.62)!important;
  border-color:rgba(255,255,255,.18)!important;box-shadow:0 10px 34px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease,background .2s ease!important
}
body[data-route="clips/index"] .hucial-flow-item{height:46px!important;min-height:46px!important;padding:0!important}
body[data-route="clips/index"] .hucial-flow-item .hucial-flow-label{display:none!important}
body[data-route="clips/index"] .hucial-flow-item svg{width:24px!important;height:24px!important}
body[data-route="clips/index"].clips-is-swiping .hucial-flow-bar{transform:translate(-50%,calc(100% + 28px))!important;opacity:0!important;pointer-events:none}
body[data-route="clips/index"].clips-is-swiping .clips-topbar{transform:translateY(-115%);opacity:.15}
body[data-route="clips/index"].clips-is-swiping .clips-floating-actions{opacity:0;transform:translateY(12px);pointer-events:none}
body[data-route="clips/index"].clips-is-swiping .clip-swipe-cue{opacity:0}

.clips-app{height:100svh;height:100dvh;background:#000}
.clips-topbar{padding:max(8px,env(safe-area-inset-top)) 12px 7px;gap:8px;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
.clips-brand>span:last-child{display:none}.clips-brand-mark{width:34px;height:34px;border-radius:12px}
.clips-tabs{gap:0;padding:3px;background:rgba(0,0,0,.46)}.clips-tabs a{font-size:.78rem;padding:7px 9px}
.clips-top-actions{gap:5px}.clips-icon-button{width:34px;height:34px;background:rgba(0,0,0,.48)}.clips-intent-button{height:34px;max-width:92px}
.clips-feed{height:100%;scroll-snap-type:y mandatory;scroll-padding:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.clip-card{height:100svh;height:100dvh;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint style}
.clip-stage{inset:0}.clip-video{object-fit:cover;background:#000}
.clip-info{right:78px;bottom:calc(64px + env(safe-area-inset-bottom));max-width:min(620px,calc(100vw - 104px));pointer-events:none}
.clip-info a,.clip-info button{pointer-events:auto}
.clip-creator-row{margin-bottom:6px}.clip-avatar{width:36px;height:36px}.clip-creator-copy strong{font-size:.9rem}.clip-follow{padding:6px 9px}
.clip-info h2{margin:0 0 4px;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clip-caption{font-size:.84rem;-webkit-line-clamp:2}.clip-topics{margin-top:5px;font-size:.7rem;gap:5px}.clip-topics span:nth-child(n+4){display:none}
.clip-actions{right:max(10px,env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom));gap:8px}
.clip-actions>button,.clip-action-link,.clip-more>summary{width:44px;min-height:44px;background:rgba(0,0,0,.46);border-color:rgba(255,255,255,.16)}
.clip-more>div{width:min(280px,calc(100vw - 84px));max-height:60vh;overflow:auto;padding:8px;background:rgba(3,14,11,.97)}
.clip-more-copy{margin:4px 8px 7px;color:#e9fff9;font-size:.76rem;line-height:1.4}.clip-more-link{display:block;margin:3px 4px;padding:9px;border-radius:9px;color:#b9fff0;text-decoration:none;background:rgba(255,255,255,.06);font-size:.76rem;font-weight:800}
.clip-more-topic-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px 4px 8px}.clip-more-topic-controls button{text-align:center!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important}
.clip-youtube-chip{display:inline-block;padding:2px 5px;border-radius:5px;background:#fff;color:#111;text-shadow:none;font-weight:900}
.clip-swipe-cue{position:absolute;z-index:9;left:50%;bottom:calc(65px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.76);font-size:1rem;pointer-events:none;animation:clips-swipe-cue 2.2s ease-in-out infinite;transition:opacity .2s ease}
.clip-card:not(.is-active) .clip-swipe-cue{opacity:0}.clip-card[data-clip-source="youtube"] .clip-swipe-cue{display:none}
@keyframes clips-swipe-cue{0%,100%{transform:translate(-50%,2px);opacity:.38}50%{transform:translate(-50%,-5px);opacity:.85}}

/* YouTube : lecteur officiel intact, Hucial reste autour et jamais par-dessus. */
.clip-card[data-clip-source="youtube"]{display:block;background:linear-gradient(180deg,#000 0,#010504 70%,#061511 100%)}
.clip-card[data-clip-source="youtube"] .clip-stage{top:calc(env(safe-area-inset-top) + 55px);bottom:calc(154px + env(safe-area-inset-bottom));left:44px;right:44px;background:#000}
.clips-app:has(.clips-sound-gate:not([hidden])) .clip-card[data-clip-source="youtube"] .clip-stage{top:calc(env(safe-area-inset-top) + 103px)}
.clip-external-player,.clip-external-player iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;background:#000}
.clip-external-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}.clip-external-player.has-player img,.clip-external-player.has-player .clip-external-start{opacity:0;visibility:hidden;pointer-events:none}
.clip-external-start{z-index:3;width:70px;height:70px;background:rgba(6,20,16,.72);border-color:rgba(146,243,223,.42);box-shadow:0 0 0 8px rgba(20,184,154,.08)}
.clip-card[data-clip-source="youtube"] .clip-info{left:max(14px,env(safe-area-inset-left));right:14px;bottom:calc(91px + env(safe-area-inset-bottom));max-width:none;max-height:62px;overflow:hidden;padding:0;text-shadow:none}
.clip-card[data-clip-source="youtube"] .clip-creator-row{margin:0 0 3px}.clip-card[data-clip-source="youtube"] .clip-info h2{font-size:.9rem;margin:0}.clip-card[data-clip-source="youtube"] .clip-caption{font-size:.76rem;-webkit-line-clamp:1;color:rgba(255,255,255,.78)}.clip-card[data-clip-source="youtube"] .clip-topics{display:none}
.clip-card[data-clip-source="youtube"] .clip-actions{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(58px + env(safe-area-inset-bottom));height:42px;flex-direction:row;justify-content:flex-end;gap:6px}
.clip-card[data-clip-source="youtube"] .clip-actions>button,.clip-card[data-clip-source="youtube"] .clip-action-link,.clip-card[data-clip-source="youtube"] .clip-more>summary{width:40px;min-height:40px;background:rgba(255,255,255,.07)}
.clip-card[data-clip-source="youtube"] .clip-more>div{right:0;left:auto;bottom:48px}
.clip-card[data-clip-source="youtube"] .clip-progress{bottom:calc(154px + env(safe-area-inset-bottom));z-index:20}

.clips-floating-actions{left:12px;bottom:calc(66px + env(safe-area-inset-bottom));transition:opacity .18s ease,transform .2s ease}.clips-create-fab{width:42px;height:42px;padding:0;justify-content:center;border-radius:50%;font-size:0}.clips-create-fab span:first-child{font-size:1.25rem}.clips-studio-link{display:none}
.clips-sound-gate{position:absolute;z-index:95;top:calc(env(safe-area-inset-top) + 52px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:8px 12px;border:1px solid rgba(146,243,223,.32);border-radius:999px;background:rgba(2,16,13,.86);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.32);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;white-space:nowrap}
.clips-sound-gate[hidden]{display:none!important}.clips-sound-gate-icon{font-size:1.05rem}.clips-sound-gate>span:last-child{display:grid;text-align:left;line-height:1.05}.clips-sound-gate strong{font-size:.75rem}.clips-sound-gate small{margin-top:3px;color:rgba(255,255,255,.66);font-size:.62rem}
.clips-swipe-hint{position:absolute;z-index:94;left:50%;bottom:calc(118px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.42);color:rgba(255,255,255,.86);font-size:.7rem;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:clips-hint-in .45s ease both}.clips-swipe-hint[hidden]{display:none}.clips-swipe-hint span{color:var(--clips-teal-soft);font-size:1rem}.clips-swipe-hint strong{font-weight:800}
@keyframes clips-hint-in{from{opacity:0;transform:translate(-50%,9px)}to{opacity:1;transform:translate(-50%,0)}}

/* Caméra Hucial : expérience appareil, pas formulaire web. */
.clips-camera-dialog{padding:0!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100svh!important;height:100dvh!important;max-height:none!important;background:#000!important;color:#fff!important;overflow:hidden!important}
.clips-camera-dialog::backdrop{background:#000!important}.clips-camera-shell{position:relative;width:100%;height:100%;background:#000;display:grid;grid-template-rows:1fr auto}.clips-camera-stage{position:absolute!important;inset:0!important;max-height:none!important;min-height:0!important;border-radius:0!important;background:#000}.clips-camera-stage video{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}.clips-camera-top{position:absolute;z-index:4;left:0;right:0;top:0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;background:linear-gradient(180deg,rgba(0,0,0,.68),transparent)}
.clips-camera-title{text-align:center;text-shadow:0 1px 8px #000}.clips-camera-title h2{margin:1px 0 0;font-size:1.05rem;color:#fff}.clips-camera-title .clips-kicker{color:#9ff5e3}.clips-camera-round{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(0,0,0,.44);color:#fff;font-size:1.35rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.clips-camera-timer{position:absolute!important;top:calc(env(safe-area-inset-top) + 66px)!important;right:auto!important;left:50%!important;transform:translateX(-50%);padding:5px 9px!important;border-radius:999px!important;background:rgba(0,0,0,.5)!important;font-variant-numeric:tabular-nums;font-size:.78rem!important}.clips-camera-rec-dot{position:absolute!important;top:calc(env(safe-area-inset-top) + 73px)!important;left:calc(50% - 39px)!important;width:7px;height:7px;border-radius:50%;background:#ff4058;opacity:0}.clips-camera-dialog:has(.clips-camera-record-button.is-recording) .clips-camera-rec-dot{opacity:1;animation:clips-rec 1s infinite}@keyframes clips-rec{50%{opacity:.25}}
.clips-camera-bottom{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:12px 18px max(18px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.28),transparent);text-align:center}.clips-camera-record-row{display:grid;grid-template-columns:1fr 82px 1fr;align-items:center;gap:14px;max-width:520px;margin:8px auto}.clips-camera-record-button{justify-self:center;width:76px;height:76px;border-radius:50%;border:5px solid rgba(255,255,255,.92);background:transparent;padding:5px;display:grid;place-items:center}.clips-camera-record-button>span:first-child{display:block;width:54px;height:54px;border-radius:50%;background:#ff3d55;transition:.18s ease}.clips-camera-record-button.is-recording>span:first-child{width:30px;height:30px;border-radius:9px}.clips-camera-use,.clips-camera-retake{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:10px 13px;background:rgba(0,0,0,.42);color:#fff;font:800 .8rem/1 system-ui}.clips-camera-use{justify-self:end;background:#9ff5e3;color:#062018;border-color:transparent}.clips-camera-use:disabled{opacity:.35}.clips-camera-retake{justify-self:start}.clips-camera-status{margin:0;color:#fff!important;min-height:1.2em;font-size:.75rem;text-shadow:0 1px 6px #000}.clips-camera-bottom small{display:block;color:rgba(255,255,255,.62);font-size:.65rem}

body[data-route="clips/create"] .clips-create-page{padding-bottom:calc(var(--flow-bar-height,64px) + env(safe-area-inset-bottom) + 78px)!important}
@media(max-width:430px){.clips-tabs a:nth-child(3){display:inline-flex}.clips-intent-button{display:none}.clips-top-actions{gap:4px}.clips-icon-button{width:33px;height:33px}.clip-card[data-clip-source="youtube"] .clip-stage{bottom:calc(148px + env(safe-area-inset-bottom))}.clip-card[data-clip-source="youtube"] .clip-progress{bottom:calc(148px + env(safe-area-inset-bottom))}.clip-card[data-clip-source="youtube"] .clip-info{bottom:calc(88px + env(safe-area-inset-bottom))}.clips-swipe-hint{bottom:calc(111px + env(safe-area-inset-bottom))}.clips-sound-gate small{display:none}}
@media(prefers-reduced-motion:reduce){.clip-swipe-cue,.clips-swipe-hint,.clips-camera-rec-dot{animation:none!important}body[data-route="clips/index"] .hucial-flow-bar,.clips-topbar,.clips-floating-actions{transition:none!important}}
.clips-camera-stage .clips-camera-rec-dot{right:auto!important;padding:0!important;background:#ff4058!important;font-weight:400!important}

/* V55 — pager tactile déterministe. Les rails YouTube sont hors de l’iframe : aucun overlay sur le lecteur officiel. */
.clip-card[data-clip-source="native"] .clip-stage{touch-action:none}
.clip-youtube-swipe-rail{position:absolute;z-index:16;top:calc(env(safe-area-inset-top) + 55px);bottom:calc(154px + env(safe-area-inset-bottom));width:44px;display:grid;place-items:center;color:rgba(146,243,223,.7);background:linear-gradient(90deg,rgba(20,184,154,.12),rgba(20,184,154,0));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.clip-youtube-swipe-rail-left{left:0}.clip-youtube-swipe-rail-right{right:0;transform:scaleX(-1)}
.clip-youtube-swipe-rail span{font-size:1rem;opacity:.72;transform:scaleX(1);text-shadow:0 1px 6px #000}
body.clips-is-swiping .clip-youtube-swipe-rail{background:rgba(20,184,154,.18);color:#cafff4}
.clip-card[data-clip-source="youtube"] .clip-info,.clip-card[data-clip-source="youtube"] .clip-actions{touch-action:none}
@media(max-width:430px){.clip-card[data-clip-source="youtube"] .clip-stage{left:40px;right:40px}.clip-youtube-swipe-rail{width:40px}}

.clips-app.clips-swipe-learned .clip-youtube-swipe-rail span{opacity:0}.clips-app.clips-swipe-learned .clip-youtube-swipe-rail{background:transparent;color:transparent}


/* Couche accessibilité gestes — sans changement visuel pour les utilisateurs qui n’en ont pas besoin.
   VoiceOver peut faire défiler le feed avec son geste système à trois doigts ; chaque page reste exactement un Clip. */
.clips-feed[role="feed"]{scroll-snap-type:y mandatory;scroll-behavior:auto}
.clip-card[aria-current="true"]{scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){.clips-feed[role="feed"]{scroll-behavior:auto!important}}

/* Creator Growth & Delight — surfaces créateur compactes et cohérentes avec Hucial. */
.clips-lab-create{margin:18px 0;padding:18px;border:1px solid rgba(93,210,196,.38);border-radius:22px;background:linear-gradient(145deg,rgba(93,210,196,.10),rgba(255,255,255,.72));display:grid;gap:14px}
.clips-lab-create p,.clips-passport-card span,.clips-passport-card small,.clips-copilot-answer p{margin:.35rem 0 0;color:var(--muted,#526d69);line-height:1.5}
.clips-lab-variant{display:grid;gap:12px;padding-top:8px;border-top:1px solid rgba(13,92,84,.12)}
.clips-mission-banner{border-color:rgba(244,167,69,.42);background:linear-gradient(135deg,rgba(255,244,225,.96),rgba(237,255,251,.96))}
.clips-passport-banner{border-color:rgba(68,178,220,.38)}
.clips-copilot-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.clips-copilot-prompts a{padding:10px 13px;border-radius:999px;border:1px solid rgba(16,83,77,.16);text-decoration:none;font-weight:750;color:inherit;background:rgba(255,255,255,.78)}
.clips-copilot-prompts a[aria-current="true"]{box-shadow:inset 0 0 0 2px rgba(13,145,129,.28);background:rgba(103,218,204,.18)}
.clips-copilot-answer{padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(10,72,66,.96),rgba(14,93,84,.92));color:#fff}
.clips-copilot-answer p{color:rgba(255,255,255,.9);font-size:1.02rem}.clips-copilot-answer .clips-button{display:inline-flex;margin-top:10px;background:#fff;color:#0a4c45}
.clips-passport-card{display:grid;gap:4px;padding:17px;border-radius:20px;border:1px solid rgba(15,98,89,.18);background:rgba(255,255,255,.74);margin-bottom:12px}.clips-passport-card.is-verified{box-shadow:inset 4px 0 0 rgba(18,171,148,.72)}
.clips-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.clips-mission-grid article{padding:16px;border-radius:20px;border:1px solid rgba(16,83,77,.14);background:rgba(255,255,255,.8);display:grid;gap:5px}.clips-mission-grid article>span{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5d7773}.clips-mission-grid article>strong{font-size:1.15rem}.clips-mission-grid a{font-weight:800;color:#09796d;text-decoration:none;margin-top:5px}
.clips-lab-list{display:grid;gap:11px}.clips-lab-list article{padding:16px;border-radius:18px;border:1px solid rgba(16,83,77,.14);background:rgba(255,255,255,.78)}.clips-lab-list article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.clip-actions [data-clip-propulse][aria-pressed="true"] .clip-action-icon{transform:scale(1.08)}.clip-actions [data-clip-propulse]:disabled{opacity:.72}
@media(max-width:600px){.clips-mission-grid{grid-template-columns:1fr}.clips-copilot-prompts{display:grid;grid-template-columns:1fr 1fr}.clips-copilot-prompts a{text-align:center;font-size:.9rem}.clips-lab-create{padding:15px}}

/* Hucial Clips — navigation verticale déterministe (correctif sans changement de version) */
.clips-feed{scroll-behavior:auto!important;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}
.clip-card{scroll-snap-align:start;scroll-snap-stop:always}
.clip-card[data-clip-source="native"]{touch-action:pan-x}
.clip-card[data-clip-source="youtube"] .clip-stage{left:56px;right:56px}
.clip-youtube-swipe-rail{width:56px;z-index:40;touch-action:none;background:linear-gradient(90deg,rgba(20,184,154,.16),rgba(20,184,154,.025));pointer-events:auto}
.clip-youtube-swipe-rail::after{content:'';width:3px;height:42px;border-radius:999px;background:rgba(146,243,223,.56);box-shadow:0 0 12px rgba(20,184,154,.32)}
.clip-youtube-swipe-rail-right::after{transform:scaleX(-1)}
.clips-app.clips-swipe-learned .clip-youtube-swipe-rail{background:linear-gradient(90deg,rgba(20,184,154,.05),transparent);color:transparent}
.clips-app.clips-swipe-learned .clip-youtube-swipe-rail::after{opacity:.26}
.clip-card[data-clip-source="youtube"] .clip-info,.clip-card[data-clip-source="youtube"] .clip-actions,.clip-card[data-clip-source="youtube"] .clip-swipe-cue{touch-action:none}
@media(max-width:430px){.clip-card[data-clip-source="youtube"] .clip-stage{left:52px;right:52px}.clip-youtube-swipe-rail{width:52px}}


/* HUCIAL_CLIPS_UNIVERSAL_SWIPE_LOOP_V2
   Le Clip actif est piloté par un pager Hucial explicite, pas par le scroll natif du navigateur. */
.clips-feed{overflow-y:hidden!important;overflow-x:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:auto!important}
.clip-card{scroll-snap-align:none!important;scroll-snap-stop:normal!important;touch-action:none!important}
.clip-card .clip-stage{touch-action:none!important}
.clip-card[data-clip-source="youtube"] .clip-stage{left:0!important;right:0!important}
.clip-youtube-swipe-rail{display:none!important}
.clip-external-player.is-gesture-player iframe{pointer-events:none!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
.clip-external-player.is-direct iframe{pointer-events:auto!important;touch-action:auto!important}
.clip-external-player.is-gesture-player{cursor:pointer;touch-action:none!important}
.clip-card[data-clip-source="youtube"] .clip-progress{display:none!important}