/* ÆL-SIRIL V0.31 — Navigation experte, accessibilité, sans dépendance. */
:root {--x31-ink:#dfeaf4;--x31-sea:#8fd9e7;--x31-gold:#eacb94;--x31-edge:rgba(175,204,225,.24)}
.x31-skip{position:fixed;left:14px;top:-110px;z-index:2147483647;padding:12px 18px;border-radius:8px;background:#e7c690;color:#06101c!important;font:700 15px system-ui!important;text-decoration:none}
.x31-skip:focus{top:12px}
.x31-trigger{position:fixed;z-index:2147483100;bottom:max(20px, env(safe-area-inset-bottom));left:18px;border:1px solid rgba(231,203,151,.65);border-radius:14px;padding:11px 13px;background:linear-gradient(125deg,rgba(13,33,53,.96),rgba(27,41,64,.96));color:#f4e7cd;font:600 12px system-ui;box-shadow:0 12px 48px #000a,0 0 35px #2a90ad14;display:flex;align-items:center;gap:11px;cursor:pointer;backdrop-filter:blur(12px);max-width:calc(100vw - 40px)}
.x31-trigger .x31-kbd{border:1px solid #91a7ba77;padding:3px 6px;border-radius:5px;color:#cee1ed;font:11px system-ui}
.x31-trigger:hover,.x31-trigger:focus-visible{background:linear-gradient(125deg,#213d59,#334565);border-color:#f7d9ab;transform:translateY(-1px)}
.x31-trigger:focus-visible,.x31-dialog :focus-visible{outline:2px solid #f8d594!important;outline-offset:3px!important}
.x31-backdrop[hidden],.x31-dialog[hidden],.x31-tip[hidden]{display:none!important}
.x31-backdrop{position:fixed;z-index:2147483101;inset:0;background:rgba(0,5,13,.81);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:flex-start;padding:clamp(12px,7vh,65px) 14px 18px;overflow:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.x31-dialog{width:min(690px,100%);max-height:min(86vh,780px);display:flex;flex-direction:column;color:#eaf2f8;background:linear-gradient(153deg,#0e2034 0%,#091827 65%,#121b2f 100%);border:1px solid #b5d3dd66;border-radius:18px;box-shadow:0 18px 95px #000d,0 0 0 1px #b5d3dd13 inset;overflow:hidden}
.x31-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--x31-edge);padding:14px 17px}
.x31-logo{font-size:24px;color:var(--x31-gold)}.x31-heading{flex:1;min-width:0}.x31-heading strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:21px;color:#f0dcc0}.x31-heading small{font-size:11px;color:#acc6d3}
.x31-iconbutton{background:transparent;border:1px solid #c0d1d44d;color:#eaf3fa;border-radius:8px;width:33px;height:33px;cursor:pointer;font-size:18px}
.x31-search{padding:15px 17px 8px;display:flex;align-items:center;gap:9px}.x31-search input{flex:1;min-width:0;border:1px solid #93b3c471;background:#07111e;color:#fff;border-radius:10px;padding:12px 14px;font:15px system-ui;outline-offset:2px}.x31-search input:focus{border-color:var(--x31-gold)}
.x31-filters{display:flex;gap:5px;flex-wrap:wrap;padding:6px 17px 12px;border-bottom:1px solid var(--x31-edge)}.x31-filters button,.x31-toolbar button{color:#bcd5e2;border:1px solid #758ea64b;border-radius:100px;background:#142b3a;padding:6px 12px;cursor:pointer;font:12px system-ui}.x31-filters button[aria-pressed="true"],.x31-toolbar button[aria-pressed="true"]{color:#181e29;background:var(--x31-gold);border-color:var(--x31-gold);font-weight:700}
.x31-list{overflow:auto;padding:7px 10px;min-height:110px;max-height:370px}.x31-group{font-size:10px;color:#93b9c9;letter-spacing:1.3px;text-transform:uppercase;padding:11px 12px 5px}
.x31-item{display:flex;align-items:center;gap:8px;border-radius:10px;min-height:56px;margin:2px 0}.x31-item[aria-selected="true"],.x31-item:hover{background:#17415a}
.x31-item-main{flex:1;min-width:0;border:0;background:transparent;color:#f2f5f8;padding:9px 10px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:11px}.x31-symbol{display:flex;align-items:center;justify-content:center;color:var(--x31-gold);font-size:19px;width:27px;flex:none}.x31-item-copy{min-width:0}.x31-item-copy b{display:block;font-size:13px}.x31-item-copy small{display:block;color:#a8c2ce;font:11px/1.6 system-ui}.x31-star{background:transparent;color:#bfd5de;border:1px solid transparent;border-radius:7px;font-size:19px;padding:7px 9px;cursor:pointer}.x31-star:hover,.x31-star[aria-pressed="true"]{color:#f1d4a1}
.x31-bottom{border-top:1px solid var(--x31-edge);padding:10px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#081829}.x31-bottom small{font:11px/1.4 system-ui;color:#a9c0ce}.x31-toolbar{display:flex;gap:6px;flex-wrap:wrap}
.x31-status{min-height:20px;padding:4px 17px 11px;font-size:11px;color:#c4d5dc}.x31-note{color:#e4d0a4}.x31-empty{padding:16px;color:#bed0d9;font-size:13px}
.x31-tip{position:fixed;bottom:78px;left:18px;z-index:2147483001;background:#132d40;border:1px solid #eacb9477;border-radius:10px;max-width:315px;color:#dce8ee;padding:12px;font:12px/1.6 system-ui;box-shadow:0 5px 30px #0009}.x31-tip button{float:right;background:none;border:none;color:#eacb94;cursor:pointer}
body.x31-large-text .x31-item-copy b{font-size:16px}body.x31-large-text .x31-item-copy small{font-size:13px}body.x31-large-text .x31-heading strong{font-size:24px}
body.x31-reduced-motion .x31-trigger, body.x31-reduced-motion .x31-dialog, body.x31-reduced-motion .x31-backdrop{animation:none!important;transition:none!important}
@media (max-width:630px){.x31-trigger{left:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:10px 12px}.x31-trigger .x31-kbd{display:none}.x31-backdrop{padding:9px 7px}.x31-dialog{max-height:calc(100dvh - 18px);border-radius:13px}.x31-heading strong{font-size:18px}.x31-list{max-height:45vh}.x31-search input{font-size:16px}.x31-bottom{gap:6px}.x31-toolbar button{font-size:11px}}
@media (prefers-reduced-motion:reduce){.x31-trigger,.x31-backdrop,.x31-dialog{animation:none!important;transition:none!important}}