/* @license MIT https://github.com/necolas/normalize.css/blob/8.0.1/LICENSE.md */
html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.action-links{margin:1em 0;padding:0;list-style:none;}[dir="rtl"] .action-links{margin-right:0;}.action-links li{display:inline-block;margin:0 0.3em;}.action-links li:first-child{margin-left:0;}[dir="rtl"] .action-links li:first-child{margin-right:0;margin-left:0.3em;}.button-action{display:inline-block;padding:0.2em 0.5em 0.3em;text-decoration:none;line-height:160%;}.button-action::before{margin-left:-0.1em;padding-right:0.2em;content:"+";font-weight:900;}[dir="rtl"] .button-action::before{margin-right:-0.1em;margin-left:0;padding-right:0;padding-left:0.2em;}
.breadcrumb{padding-bottom:0.5em;}.breadcrumb ol{margin:0;padding:0;}[dir="rtl"] .breadcrumb ol{margin-right:0;}.breadcrumb li{display:inline;margin:0;padding:0;list-style-type:none;}.breadcrumb li::before{content:" \BB ";}.breadcrumb li:first-child::before{content:none;}
.button,.image-button{margin-right:1em;margin-left:1em;}.button:first-child,.image-button:first-child{margin-right:0;margin-left:0;}
.container-inline label::after,.container-inline .label::after{content:":";}.form-type-radios .container-inline label::after,.form-type-checkboxes .container-inline label::after{content:"";}.form-type-radios .container-inline .form-type-radio,.form-type-checkboxes .container-inline .form-type-checkbox{margin:0 1em;}.container-inline .form-actions,.container-inline.form-actions{margin-top:0;margin-bottom:0;}
details{margin-top:1em;margin-bottom:1em;border:1px solid #ccc;}details > .details-wrapper{padding:0.5em 1.5em;}summary{padding:0.2em 0.5em;cursor:pointer;}
.exposed-filters .filters{float:left;margin-right:1em;}[dir="rtl"] .exposed-filters .filters{float:right;margin-right:0;margin-left:1em;}.exposed-filters .form-item{margin:0 0 0.1em 0;padding:0;}.exposed-filters .form-item label{float:left;width:10em;font-weight:normal;}[dir="rtl"] .exposed-filters .form-item label{float:right;}.exposed-filters .form-select{width:14em;}.exposed-filters .current-filters{margin-bottom:1em;}.exposed-filters .current-filters .placeholder{font-weight:bold;font-style:normal;}.exposed-filters .additional-filters{float:left;margin-right:1em;}[dir="rtl"] .exposed-filters .additional-filters{float:right;margin-right:0;margin-left:1em;}
.field__label{font-weight:bold;}.field--label-inline .field__label,.field--label-inline .field__items{float:left;}.field--label-inline .field__label,.field--label-inline > .field__item,.field--label-inline .field__items{padding-right:0.5em;}[dir="rtl"] .field--label-inline .field__label,[dir="rtl"] .field--label-inline .field__items{padding-right:0;padding-left:0.5em;}.field--label-inline .field__label::after{content:":";}
form .field-multiple-table{margin:0;}form .field-multiple-table .field-multiple-drag{width:30px;padding-right:0;}[dir="rtl"] form .field-multiple-table .field-multiple-drag{padding-left:0;}form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:0.5em;}[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:0;padding-left:0.5em;}form .field-add-more-submit{margin:0.5em 0 0;}.form-item,.form-actions{margin-top:1em;margin-bottom:1em;}tr.odd .form-item,tr.even .form-item{margin-top:0;margin-bottom:0;}.form-composite > .fieldset-wrapper > .description,.form-item .description{font-size:0.85em;}label.option{display:inline;font-weight:normal;}.form-composite > legend,.label{display:inline;margin:0;padding:0;font-size:inherit;font-weight:bold;}.form-checkboxes .form-item,.form-radios .form-item{margin-top:0.4em;margin-bottom:0.4em;}.form-type-radio .description,.form-type-checkbox .description{margin-left:2.4em;}[dir="rtl"] .form-type-radio .description,[dir="rtl"] .form-type-checkbox .description{margin-right:2.4em;margin-left:0;}.marker{color:#e00;}.form-required::after{display:inline-block;width:6px;height:6px;margin:0 0.3em;content:"";vertical-align:super;background-image:url(/themes/glxth/images/icons/required.svg);background-repeat:no-repeat;background-size:6px 6px;}abbr.tabledrag-changed,abbr.ajax-changed{border-bottom:none;}.form-item input.error,.form-item textarea.error,.form-item select.error{border:2px solid red;}.form-item--error-message::before{display:inline-block;width:14px;height:14px;content:"";vertical-align:sub;background:url(/themes/glxth/images/icons/error.svg) no-repeat;background-size:contain;}
.icon-help{padding:1px 0 1px 20px;background:url(/themes/glxth/images/icons/help.png) 0 50% no-repeat;}[dir="rtl"] .icon-help{padding:1px 20px 1px 0;background-position:100% 50%;}.feed-icon{display:block;overflow:hidden;width:16px;height:16px;text-indent:-9999px;background:url(/themes/glxth/images/icons/feed.svg) no-repeat;}
.form--inline .form-item{float:left;margin-right:0.5em;}[dir="rtl"] .form--inline .form-item{float:right;margin-right:0;margin-left:0.5em;}[dir="rtl"] .views-filterable-options-controls .form-item{margin-right:2%;}.form--inline .form-item-separator{margin-top:2.3em;margin-right:1em;margin-left:0.5em;}[dir="rtl"] .form--inline .form-item-separator{margin-right:0.5em;margin-left:1em;}.form--inline .form-actions{clear:left;}[dir="rtl"] .form--inline .form-actions{clear:right;}
.item-list .title{font-weight:bold;}.item-list ul{margin:0 0 0.75em 0;padding:0;}.item-list li{margin:0 0 0.25em 1.5em;padding:0;}[dir="rtl"] .item-list li{margin:0 1.5em 0.25em 0;}.item-list--comma-list{display:inline;}.item-list--comma-list .item-list__comma-list,.item-list__comma-list li,[dir="rtl"] .item-list--comma-list .item-list__comma-list,[dir="rtl"] .item-list__comma-list li{margin:0;}
button.link{margin:0;padding:0;cursor:pointer;border:0;background:transparent;font-size:1em;}label button.link{font-weight:bold;}
ul.inline,ul.links.inline{display:inline;padding-left:0;}[dir="rtl"] ul.inline,[dir="rtl"] ul.links.inline{padding-right:0;padding-left:15px;}ul.inline li{display:inline;padding:0 0.5em;list-style-type:none;}ul.links a.is-active{color:#000;}
ul.menu{margin-left:1em;padding:0;list-style:none outside;text-align:left;}[dir="rtl"] ul.menu{margin-right:1em;margin-left:0;text-align:right;}.menu-item--expanded{list-style-type:circle;list-style-image:url(/themes/glxth/images/icons/menu-expanded.png);}.menu-item--collapsed{list-style-type:disc;list-style-image:url(/themes/glxth/images/icons/menu-collapsed.png);}[dir="rtl"] .menu-item--collapsed{list-style-image:url(/themes/glxth/images/icons/menu-collapsed-rtl.png);}.menu-item{margin:0;padding-top:0.2em;}ul.menu a.is-active{color:#000;}
.more-link{display:block;text-align:right;}[dir="rtl"] .more-link{text-align:left;}
.pager__items{clear:both;text-align:center;}.pager__item{display:inline;padding:0.5em;}.pager__item.is-active{font-weight:bold;}
tr.drag{background-color:#fffff0;}tr.drag-previous{background-color:#ffd;}body div.tabledrag-changed-warning{margin-bottom:0.5em;}
tr.selected td{background:#ffc;}td.checkbox,th.checkbox{text-align:center;}[dir="rtl"] td.checkbox,[dir="rtl"] th.checkbox{text-align:center;}
div.tabs{margin:1em 0;}ul.tabs{margin:0 0 0.5em;padding:0;list-style:none;}.tabs > li{display:inline-block;margin-right:0.3em;}[dir="rtl"] .tabs > li{margin-right:0;margin-left:0.3em;}.tabs a{display:block;padding:0.2em 1em;text-decoration:none;}.tabs a.is-active{background-color:#eee;}.tabs a:focus,.tabs a:hover{background-color:#f5f5f5;}
.form-textarea-wrapper textarea{display:block;box-sizing:border-box;width:100%;margin:0;}
.ui-dialog--narrow{max-width:500px;}@media screen and (max-width:600px){.ui-dialog--narrow{min-width:95%;max-width:95%;}}
.messages{padding:15px 20px 15px 35px;word-wrap:break-word;border:1px solid;border-width:1px 1px 1px 0;border-radius:2px;background:no-repeat 10px 17px;overflow-wrap:break-word;}[dir="rtl"] .messages{padding-right:35px;padding-left:20px;text-align:right;border-width:1px 0 1px 1px;background-position:right 10px top 17px;}.messages + .messages{margin-top:1.538em;}.messages__list{margin:0;padding:0;list-style:none;}.messages__item + .messages__item{margin-top:0.769em;}.messages--status{color:#325e1c;border-color:#c9e1bd #c9e1bd #c9e1bd transparent;background-color:#f3faef;background-image:url(/themes/glxth/images/icons/check.svg);box-shadow:-8px 0 0 #77b259;}[dir="rtl"] .messages--status{margin-left:0;border-color:#c9e1bd transparent #c9e1bd #c9e1bd;box-shadow:8px 0 0 #77b259;}.messages--warning{color:#734c00;border-color:#f4daa6 #f4daa6 #f4daa6 transparent;background-color:#fdf8ed;background-image:url(/themes/glxth/images/icons/warning.svg);box-shadow:-8px 0 0 #e09600;}[dir="rtl"] .messages--warning{border-color:#f4daa6 transparent #f4daa6 #f4daa6;box-shadow:8px 0 0 #e09600;}.messages--error{color:#a51b00;border-color:#f9c9bf #f9c9bf #f9c9bf transparent;background-color:#fcf4f2;background-image:url(/themes/glxth/images/icons/error.svg);box-shadow:-8px 0 0 #e62600;}[dir="rtl"] .messages--error{border-color:#f9c9bf transparent #f9c9bf #f9c9bf;box-shadow:8px 0 0 #e62600;}.messages--error p.error{color:#a51b00;}
:root{--color-bg:#0e0e1a;--color-text:#e0e0e0;--color-accent:#88c0d0;--color-primary:#88c0d0;--niveau1:#5e81ac;--niveau2:#a3be8c;--niveau3:#ebcb8b;--niveau4:#d08770;--niveau5:#bf616a;--niveau6:#b48ead;--niveau7:#4b4266;--niveau8:#2c2a44;--orbit-lecon:#88c0d0;--orbit-methode:#a3be8c;--orbit-activite:#d08770;--orbit-chat:#b48ead;}html{background-color:color-mix(in hsl,var(--color-bg),black 90%);}body{margin:0;font-family:'Arial',sans-serif;color:var(--color-text);overflow:scroll;font-size:1.2rem;}h1,h2,h3,h4{margin:0.5em 0;}h1{color:#fff;font-size:2.2rem;font-weight:bold;}h2{color:var(--color-primary);font-size:2rem;font-weight:bolder;}h3{color:var(--color-accent);font-size:1.5rem;font-weight:bold;font-family:Verdana;}h4{color:var(--current-color);font-family:monospace;font-style:italic;}a{color:#8fbcbb;text-decoration:underline;}a:hover{color:#24619e;text-decoration:none;}.visually-hidden{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;position:relative !important;width:1px !important;white-space:nowrap !important;}canvas{position:fixed;top:0;left:0;z-index:0;width:100%;min-height:120vh;}.colonne{display:flex;gap:3rem;flex-wrap:wrap;}.colonne .col1{flex:1;align-self:center;}.colonne .col2{flex:1;align-self:center;display:flex;flex-direction:column;}header.menu{position:sticky;top:0;z-index:200;display:flex;align-items:center;background:transparent;backdrop-filter:blur(5px) saturate(180%);border-bottom:1px solid rgba(136,192,208,0.2);box-shadow:0 1px 20px rgba(255,255,255,0.1);padding:0.5rem 1rem;height:5rem;max-height:85px;overflow-x:clip;}header.menu .site-branding{display:flex;align-items:center;margin-right:auto;}.logo-image,.alt-logo-image{height:3rem;width:auto;transition:all 0.5s ease;}.logo-image{animation:rotateglx 80s linear infinite;}.logo-image:hover{filter:brightness(1.2) drop-shadow(0 0 10px #88c0d0);}.alt-logo-image{animation:glowglx 10s ease-in-out infinite;}.alt-logo-image:hover{transform:scale(1.1);}header.menu ul.menu{display:flex;align-items:center;list-style:none;margin:0 auto;padding:0;gap:0.5rem;justify-content:center;margin-right:3rem;}header.menu ul.menu li{position:relative;}header.menu ul.menu li a{display:flex;align-items:center;padding:0.6rem 1.2rem;color:var(--color-text);text-decoration:none;border-radius:25px;font-size:0.95rem;font-weight:500;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;position:relative;overflow:hidden;}header.menu ul.menu li a:hover{color:var(--color-primary);background:rgba(136,192,208,0.08);border-color:rgba(136,192,208,0.3);box-shadow:0 4px 15px rgba(136,192,208,0.1),inset 0 1px 0 rgba(255,255,255,0.1);transform:translateY(-1px);}header.menu ul.menu li a.is-active{color:var(--color-primary);background:rgba(136,192,208,0.12);border-color:rgba(136,192,208,0.4);box-shadow:0 0 15px rgba(136,192,208,0.2),inset 0 1px 0 rgba(255,255,255,0.1);}header.menu .menu-toggle{display:none;margin-left:auto;background:none;border:none;cursor:pointer;width:40px;height:40px;position:relative;color:var(--color-text);margin-right:2rem;}header.menu .hamburger-lines{position:relative;width:20px;height:16px;margin:auto;}header.menu .hamburger-lines span{position:absolute;height:2px;width:100%;background:currentColor;border-radius:2px;left:0;transition:all 0.4s ease;}header.menu .hamburger-lines span:nth-child(1){top:0;}header.menu .hamburger-lines span:nth-child(2){top:7px;}header.menu .hamburger-lines span:nth-child(3){top:14px;}@media (max-width:880px){header.menu ul.menu{position:fixed;top:6rem;right:-100%;flex-direction:column;justify-content:flex-start;width:30%;max-width:280px;height:auto;border-radius:20px 0 0 20px;background:rgba(30,30,46,0.95);border-left:1px solid var(--color-accent);box-shadow:-2px 1px 3px color-mix(in hsl,var(--color-accent),black 30%);padding:2rem 1rem;gap:1rem;transition:right 0.3s cubic-bezier(0.4,0,0.2,1);z-index:150;}header .menu-item{width:90%;}header.menu ul.menu.active{right:-3rem;}header.menu .menu-toggle{display:block;position:fixed;right:0.2rem;top:1.8rem;z-index:151;}header.menu ul.menu li a{width:100%;justify-content:flex-start;border-radius:15px;}}@media (max-width:480px){.logo-image,.alt-logo-image{height:2.5rem;}body{font-size:1rem;}h1{font-size:1.8rem;}h2{font-size:1.6rem;}h3{font-size:1.3rem;}}@keyframes rotateglx{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}@keyframes glowglx{0%,100%{filter:brightness(0.9);}50%{filter:brightness(1.5) drop-shadow(0 0 4px #88c0d0);}}@media (max-width:768px){.logo-image{animation-duration:120s;}.alt-logo-image{animation-duration:15s;}}@media (max-width:480px),(prefers-reduced-motion:reduce){.logo-image,.alt-logo-image{animation:none !important;}}.animation-container{background:rgba(255,255,255,0.05);border-radius:20px;padding:25px;margin:30px 0;backdrop-filter:blur(10px);}@media (max-width:768px){.animation-container{margin:20px 0;padding:20px;border-radius:15px;}}@media (max-width:480px){.animation-container{margin:15px 0;padding:15px;border-radius:10px;}}.action-button{background:linear-gradient(135deg,var(--current-color) -100%,transparent 80%);padding:12px 20px;border-radius:10px;color:white;font-weight:bold;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;min-width:120px;border:solid 1px var(--current-color);margin-top:15px;width:100%;}.action-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.4);filter:brightness(1.5);}.action-button:active{transform:translateY(0);}@media (max-width:768px){.action-button{padding:10px 16px;font-size:0.85rem;min-width:100px;margin-top:12px;}}@media (max-width:480px){.action-button{padding:8px 12px;font-size:0.8rem;min-width:80px;margin-top:10px;}}.reset-btn{background:rgba(220,50,50,0.8);border:1px solid #dc3545;color:white;padding:8px 16px;margin:10px 0;border-radius:8px;cursor:pointer;transition:all 0.3s ease;}.reset-btn:hover{background:#dc3545;transform:scale(1.05);}@media (max-width:768px){.reset-btn{padding:6px 12px;font-size:0.85rem;margin:8px 0;}}@media (max-width:480px){.reset-btn{padding:5px 10px;font-size:0.8rem;margin:6px 0;}}
.lesson-header{top:5rem;z-index:100;background:linear-gradient(135deg,rgba(14,14,26,0.95) 0%,rgba(30,30,46,0.9) 100%);backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid rgba(136,192,208,0.3);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 20px rgba(0,0,0,0.3);margin-bottom:2rem;}.lesson-title{margin:0 !important;font-size:2.5rem !important;font-weight:bold !important;color:#fff !important;text-shadow:0 2px 10px rgba(136,192,208,0.3);}.print-actions{display:flex;gap:1rem;align-items:center;}.print-btn{background:rgba(136,192,208,0.1);border:1px solid rgba(136,192,208,0.3);color:var(--color-primary);padding:0.8rem;border-radius:12px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden;}.print-btn:hover{background:rgba(136,192,208,0.2);border-color:rgba(136,192,208,0.5);transform:translateY(-2px);box-shadow:0 5px 15px rgba(136,192,208,0.2);}.print-btn:active{transform:translateY(0);}.print-icon{width:20px;height:20px;stroke-width:2;}.audio-player-container{position:absolute;top:2rem;right:2rem;z-index:10;}.audio-trigger-btn{background:rgba(0,0,0,0.7);border:1px solid var(--current-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,0.3);}.audio-trigger-btn:hover{background:rgba(0,0,0,0.9);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,0.4);border-color:var(--current-color);filter:brightness(1.2);}.audio-trigger-btn svg{width:18px;height:18px;fill:var(--current-color);transition:fill 0.2s ease;}.mini-audio-player{background:rgba(0,0,0,0.9);border:1px solid var(--current-color);border-radius:25px;padding:8px 12px;display:none;align-items:center;gap:8px;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.4);min-width:200px;transition:all 0.3s ease;position:absolute;top:0;right:0;white-space:nowrap;}.mini-audio-player.active{display:flex;animation:slideInFromRight 0.3s ease;}.audio-play-btn{background:var(--current-color);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:white;font-size:10px;}.audio-play-btn:hover{transform:scale(1.1);filter:brightness(1.2);}.audio-progress{flex:1;height:3px;background:rgba(255,255,255,0.2);border-radius:2px;overflow:hidden;cursor:pointer;}.audio-progress-bar{height:100%;background:var(--current-color);border-radius:2px;width:0%;transition:width 0.1s ease;}.audio-time{font-size:0.7rem;color:rgba(255,255,255,0.8);min-width:35px;text-align:center;}.audio-volume-btn{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;padding:2px;transition:color 0.2s ease;}.audio-volume-btn:hover{color:white;}.audio-close-btn{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;padding:2px;margin-left:5px;transition:color 0.2s ease;font-size:14px;}.audio-close-btn:hover{color:#ff6b6b;}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}section{min-height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2rem 2rem 2rem 8rem;position:relative;transition:padding-left 0.3s ease;}.content{width:100%;background:rgba(255,255,255,0.1);padding:2rem;border-radius:1.5rem;backdrop-filter:blur(1.7px);box-shadow:0 0 20px rgba(255,255,255,0.1);position:relative;border-left:6px solid var(--color-accent);overflow:hidden;z-index:1;}.content img{width:100%;opacity:0.9;animation:fadeInUp 1s forwards;height:auto;}.content h3{color:color-mix(in srgb,var(--current-color) 80%,white) !important;font-size:1.8rem;font-weight:bold;border-bottom:2px solid color-mix(in srgb,var(--current-color) 50%,black);padding-bottom:0.5rem;margin-top:2rem;margin-bottom:1rem;}.content strong{color:#88c0d0;font-weight:700;position:relative;cursor:default;}.content strong:hover{color:var(--current-color) !important;text-shadow:0 0 10px rgba(199,230,246,0.5);transform:scale(1.05);}.retenir{background:linear-gradient(135deg,color-mix(in hsl,var(--current-color),rgba(100,100,100,0.1) 90%),color-mix(in hsl,var(--current-color),transparent 90%));border:1px solid color-mix(in hsl,var(--current-color),black 60%);border-radius:15px;margin:30px 0;overflow:hidden;backdrop-filter:blur(15px);box-shadow:0 8px 25px rgba(136,192,208,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}.retenir:hover{box-shadow:0 12px 35px color-mix(in srgb,var(--current-color),white,60%);border-color:var(--current-color);}.retenir h4{background:rgba(10,10,10,0.1);margin:0;padding:20px 25px;cursor:pointer;border-bottom:1px solid rgba(100,100,100,0.2);position:relative;transition:all 0.3s ease;}.retenir h4:hover{background:rgba(100,100,100,0.1);}.retenir h4::after{content:"▼";position:absolute;right:25px;top:50%;transform:translateY(-50%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);font-size:0.9em;color:white;}.retenir.expanded h4::after{transform:translateY(-50%) rotate(180deg);}.content-to-toggle{background:rgba(10,10,10,0.6);color:var(--color-text);padding:0 25px;max-height:0;overflow:hidden;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);}.retenir.expanded .content-to-toggle{max-height:500px;padding:25px;}#niveau1{--current-color:var(--niveau1);}#niveau2{--current-color:var(--niveau2);}#niveau3{--current-color:var(--niveau3);}#niveau4{--current-color:var(--niveau4);}#niveau5{--current-color:var(--niveau5);}#niveau6{--current-color:var(--niveau6);}#niveau7{--current-color:var(--niveau7);}#niveau8{--current-color:var(--niveau8);}#niveau1 .content{border-left-color:var(--current-color);background:radial-gradient(circle at 20% 30%,#1b1f2b,rgba(14,14,26,0.1));}#niveau2 .content{border-left-color:var(--current-color);background:radial-gradient(circle at 20% 30%,#1b2b1f,rgba(14,14,26,0.1));}#niveau3 .content{border-left-color:var(--current-color);background:radial-gradient(circle at 20% 30%,#2b271b,rgba(14,14,26,0.1));}#niveau4 .content{border-left-color:var(--current-color);background:radial-gradient(circle at 20% 30%,#2b1e1b,rgba(14,14,26,0.1));}#niveau5 .content{border-left-color:var(--current-color);background:radial-gradient(circle at 20% 30%,#271b2b,rgba(14,14,26,0.1));}#niveau6 .content{border-left-color:var(--current-color);background:radial-gradient(circle at 20% 30%,#2b1b1e,rgba(14,14,26,0.1));}#niveau7{--current-color:var(--niveau7);}#niveau8{--current-color:var(--niveau8);}.rotary-menu{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:40px;height:200px;background:rgba(255,255,255,0.05);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0.5rem;z-index:1000;backdrop-filter:blur(4px);color:white;font-weight:bold;font-size:1.3rem;box-shadow:0 0 15px rgba(255,255,255,0.1);transition:background-color 0.3s ease;}.rotary-menu button{background:none;border:none;color:white;font-size:1rem;cursor:pointer;transition:transform 0.2s;flex:1;}.rotary-menu button:hover{transform:scale(1.2);}#rotary-display{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;transition:transform 0.5s ease-in-out;flex:5;}.mobile-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);border-radius:25px;padding:10px 20px;box-shadow:0 8px 25px rgba(0,0,0,0.3);display:none;}.nav-container{display:flex;align-items:center;gap:15px;min-width:200px;}.nav-btn{background:rgba(255,255,255,0.1);border:none;color:white;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}.nav-btn:hover:not(:disabled){background:rgba(255,255,255,0.2);transform:scale(1.1);}.nav-btn:disabled{opacity:0.5;cursor:not-allowed;}.nav-indicator{flex:1;text-align:center;color:white;}.current-level{display:block;font-weight:bold;font-size:0.9rem;margin-bottom:5px;}.level-dots{display:flex;justify-content:center;gap:6px;}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);transition:all 0.3s ease;}.dot.active{background:var(--current-color,white);transform:scale(1.3);}.desktop-only{display:flex;}.mobile-only{display:none;}@media (max-width:768px){.lesson-header{top:5rem;padding:1rem;flex-direction:column;gap:1rem;text-align:center;}.lesson-title{font-size:1.8rem !important;}.print-actions{justify-content:center;}.audio-player-container{position:absolute;margin-bottom:1rem;display:flex;justify-content:center;top:0px;left:3rem;}.audio-trigger-btn{position:relative;}.mini-audio-player{position:relative;width:100%;max-width:300px;justify-content:space-between;}.desktop-only{display:none;}.mobile-only{display:block;}section{padding:1rem;min-height:100vh;align-items:flex-start;padding-top:2rem;}.content{padding:1.5rem;border-radius:1rem;margin-bottom:80px;border-left-width:4px;}.content h3{font-size:1.5rem;margin-top:1rem;}.retenir{margin:20px 0;border-radius:10px;}.retenir h4{padding:15px 20px;font-size:1rem;}.retenir h4::after{right:20px;}.content-to-toggle{padding:0 20px;}.retenir.expanded .content-to-toggle{padding:20px;}.content img{border-radius:0.5rem;margin:1rem 0;}}@media (max-width:480px){.lesson-header{padding:0.8rem;}.lesson-title{font-size:1.5rem !important;}.print-btn{padding:0.6rem;}.print-icon{width:16px;height:16px;}section{padding:0.5rem;padding-top:1.5rem;}.content{padding:1rem;border-radius:0.8rem;margin-bottom:90px;}.content h3{font-size:1.3rem;}.mobile-nav{bottom:15px;padding:8px 15px;}.nav-container{min-width:180px;gap:10px;}.nav-btn{width:35px;height:35px;font-size:1rem;}.current-level{font-size:0.8rem;}.retenir h4{padding:12px 15px;font-size:0.9rem;}.retenir h4::after{right:15px;}.content-to-toggle{padding:0 15px;}.retenir.expanded .content-to-toggle{padding:15px;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media (prefers-reduced-motion:no-preference){section,.content,.mobile-nav,.nav-btn{transition:all 0.3s ease;}}@media (orientation:landscape) and (max-height:600px){.lesson-header{padding:0.5rem 1rem;}.lesson-title{font-size:1.4rem !important;}section{min-height:auto;padding-top:1rem;padding-bottom:1rem;}.mobile-nav{bottom:10px;}.content{margin-bottom:70px;}}
