.temporary-species-launcher{position:fixed;right:18px;bottom:18px;z-index:3000020;padding:12px 20px;border:1px solid #a9cabb;border-radius:30px;background:linear-gradient(120deg,#214f5b,#347d80);color:#fffdf5;font:650 16px/1.4 system-ui;box-shadow:0 6px 24px #08313f33;cursor:pointer;min-height:48px}
#modalFiche .temporary-species-keep{flex:0 1 auto;margin-right:auto;min-height:44px;padding:9px 16px;border-radius:25px;border:1px solid #adcebe;background:#e1eee5;color:#244e58;font:650 15px/1.3 system-ui;cursor:pointer}
#modalFiche .temporary-species-keep:disabled{opacity:.8;cursor:default}
.temporary-species-dialog{box-sizing:border-box;width:min(850px,94vw);max-height:85dvh;margin:auto;padding:30px;border:1px solid #bdd8cc;border-radius:24px;background:linear-gradient(145deg,#f9faf0,#e1eee5);color:#244e58;box-shadow:0 25px 100px #062d4266}
.temporary-species-dialog::backdrop{background:#082f3d88;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.temporary-species-dialog h2{font:750 30px/1.2 system-ui;margin:0 45px 12px 0;color:#244e58}
.temporary-species-intro{font:16px/1.5 system-ui;margin:0 0 24px}
.temporary-species-close,.temporary-species-remove{position:absolute;right:12px;top:10px;width:44px;height:44px;border:1px solid #a7c5b9;border-radius:50%;background:#f9faf0;color:#285f68;font:26px system-ui;cursor:pointer}
.temporary-species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.temporary-species-card{position:relative;overflow:hidden;border:1px solid #b9d1c5;border-radius:18px;background:#fffdf5;box-shadow:0 4px 15px #285f6812;transition:transform .2s,box-shadow .2s}
.temporary-species-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #285f6826}
.temporary-species-card a{display:flex;flex-direction:column;text-decoration:none;color:#244e58;font-family:system-ui}
.temporary-species-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#faf9f1}
.temporary-species-card strong{padding:14px 14px 4px;font-size:19px}
.temporary-species-card small{padding:0 14px;color:#527575}
.temporary-species-open{padding:14px;font-weight:650;font-size:14px}
.temporary-species-remove{width:36px;height:36px;min-height:36px;right:6px;top:6px;font-size:22px}
.temporary-species-empty{grid-column:1/-1;padding:28px;border:1px dashed #9bbfb0;border-radius:16px;font:18px/1.6 system-ui;text-align:center}
.temporary-species-status{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);z-index:3000021;pointer-events:none;width:max-content;max-width:85vw;border-radius:14px;background:#244e58;color:#fffdf5;font:15px/1.5 system-ui;padding:10px 18px}
.temporary-species-status:empty{display:none}
.temporary-species-added{animation:collection-pulse .8s ease}
.temporary-species-sparkle{position:fixed;z-index:3000022;color:#c6f2d7;font:55px system-ui;pointer-events:none;animation:collection-flight .8s ease-in forwards;text-shadow:0 0 15px #fff}
@keyframes collection-flight{to{transform:translate(var(--collection-x),var(--collection-y)) scale(.15);opacity:0}}
@keyframes collection-pulse{45%{transform:scale(1.12);box-shadow:0 0 0 16px #79c5ad44}}
@media(max-width:767px){.temporary-species-launcher{right:12px;bottom:12px;font-size:14px;padding:10px 15px}.temporary-species-dialog{padding:22px 16px}.temporary-species-dialog h2{font-size:26px}.temporary-species-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.temporary-species-card strong{font-size:16px}#modalFiche .temporary-species-keep{font-size:13px;padding:8px 10px}.temporary-species-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){.temporary-species-added,.temporary-species-sparkle{animation:none}.temporary-species-card{transition:none}}

/* A normal reader control, kept in the playback bar rather than floating on the page. */
.temporary-species-dock{display:flex;justify-content:flex-end;padding:10px 16px;box-sizing:border-box}
.temporary-species-reader-dock{flex:0 0 auto;padding:0;align-items:center}
.temporary-species-dock .temporary-species-launcher{position:static;right:auto;bottom:auto;z-index:auto;box-shadow:none;white-space:nowrap;min-height:44px;font-size:14px;padding:10px 15px}
@media(max-width:767px){
  #playerContainer .controls-zone:has(.temporary-species-reader-dock){flex-wrap:wrap}
  .temporary-species-reader-dock{flex-basis:100%;justify-content:flex-end;padding-top:6px}
  .temporary-species-dock .temporary-species-launcher{font-size:14px}
}

/* Keep the save action next to the reading-level selector. */
#modalFiche .express-modal-toolbar .temporary-species-keep{margin-left:auto;margin-right:0;flex:0 0 auto}
#modalFiche .express-modal-toolbar:has(.temporary-species-keep) .species-level-select{margin-left:0!important}
@media(max-width:767px){
  #modalFiche .express-modal-toolbar .temporary-species-keep{flex:0 1 auto;min-width:0}
}

/* Shared basket entry in the normal site header. */
.pub-actions .temporary-species-header-button,.site-header-inner .temporary-species-header-button{position:static;inset:auto;z-index:auto;flex:0 0 auto;white-space:nowrap;box-shadow:none;min-height:44px;padding:10px 16px;font-size:14px}
@media(max-width:767px){.pub-actions .temporary-species-header-button,.site-header-inner .temporary-species-header-button{font-size:13px;padding:8px 12px}}

.temporary-species-empty h3{margin:0 0 20px;font:700 23px/1.35 system-ui;color:#285f68}
.temporary-aquarium-steps{max-width:580px;margin:0 auto 24px;padding-left:1.6em;text-align:left;font:16px/1.6 system-ui}
.temporary-aquarium-steps li{padding:6px 0 6px 8px}
.temporary-aquarium-steps li::marker{color:#347d80;font-weight:750}
.temporary-aquarium-start{display:inline-block;padding:12px 20px;border:1px solid #a9cabb;border-radius:24px;background:#285f68;color:#fffdf5!important;text-decoration:none;font:650 16px/1.4 system-ui}
.temporary-species-intro[hidden]{display:none}

/* Aquarium follows Admirer in the section navigation. */
#pub-rubric-links .temporary-species-header-button,#main-nav .temporary-species-header-button{position:static;inset:auto;z-index:auto;flex:0 0 auto;white-space:nowrap;box-shadow:none;min-height:44px;padding:10px 18px;font:650 15px/1.4 system-ui}
@media(max-width:767px){#pub-rubric-links .temporary-species-header-button,#main-nav .temporary-species-header-button{justify-self:start;margin:6px 0;font-size:14px}}

.temporary-species-dock[hidden],.temporary-species-header-button[hidden]{display:none!important}

/* An illustrated aquarium entry, with a separate readable species count. */
.temporary-species-launcher{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#244e58,#327d80);border-color:#97c7b7}
.temporary-species-launcher .aquarium-button-icon{display:block;flex:0 0 42px;width:42px;height:36px;overflow:visible;filter:drop-shadow(0 2px 2px #123d3e33)}
.temporary-species-launcher .aquarium-button-caption{font-weight:650}
.temporary-species-launcher .aquarium-button-count{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:50px;box-sizing:border-box;background:#e1eee5;color:#244e58;font:750 14px/1 system-ui}
.temporary-species-launcher:hover{background:linear-gradient(135deg,#285f68,#3b9290)}
.temporary-species-launcher:focus-visible{outline:3px solid #71bcb6;outline-offset:3px}
@media(max-width:767px){.temporary-species-launcher .aquarium-button-icon{width:34px;height:30px;flex-basis:34px}}

/* Airy watercolor navigation, visually aligned with the six main sections. */
#pub-rubric-links .temporary-species-header-button,#main-nav .temporary-species-header-button,.temporary-species-dock .temporary-species-launcher{background:transparent;color:#285f68;border:1px solid transparent;box-shadow:none;border-radius:14px;padding:6px 10px;gap:8px}
#pub-rubric-links .temporary-species-header-button:hover,#main-nav .temporary-species-header-button:hover,.temporary-species-dock .temporary-species-launcher:hover{background:#e1eee57a;border-color:#b9d1c580}
.temporary-species-launcher .aquarium-button-icon{width:60px;height:54px;flex-basis:60px;object-fit:contain;filter:none}
.temporary-species-launcher .aquarium-button-caption{font-weight:600}
.temporary-species-launcher .aquarium-button-count{min-width:32px;height:24px;padding:0 6px;border-radius:8px;background:#e1eee5;color:#285f68;font:600 12px/1 system-ui}
.temporary-species-card .temporary-species-remove{position:static;display:block;width:calc(100% - 28px);height:auto;min-height:44px;margin:0 14px 14px;padding:7px 12px;border-radius:10px;font:600 14px/1.4 system-ui;background:transparent;border-color:#b9d1c5;color:#285f68}
.temporary-species-card .temporary-species-remove:hover{background:#e1eee5}
@media(max-width:767px){.temporary-species-launcher .aquarium-button-icon{width:46px;height:42px;flex-basis:46px}}

.temporary-species-flying-thumbnail{position:fixed!important;width:84px!important;height:64px!important;max-width:none!important;object-fit:cover;border:2px solid #f9faf0;border-radius:15px;box-shadow:0 8px 24px #08313f44;z-index:2147483647;pointer-events:none;opacity:0;will-change:transform,opacity}

.temporary-species-card a{position:relative}
.temporary-species-viewed{display:inline-flex;align-items:center;gap:.3em;margin:8px 10px 0;padding:4px 10px;border-radius:20px;background:#dceee4;color:#245964;font-size:.85em;font-weight:700}