:root{--bg:#000;--bg-elevated:#000;--bg-panel:#000;--bg-panel-strong:#000;--bg-soft:#ffffff0a;--ink:#f5f7fb;--muted:#9ba7ba;--line:#ffffff1a;--line-strong:#ffffff29;--accent:#7c9cff;--accent-strong:#a7bbff;--accent-soft:#7c9cff24;--accent-2:#69e0c8;--type-active:#69e0c8;--type-active-soft:#69e0c814;--type-active-ring:#69e0c82e;--danger-soft:#ffffff14;--shadow:0 28px 90px #00000073;--radius:26px;--radius-sm:18px;--mono:"Source Code Pro", monospace;--ui-font:"Source Code Pro", monospace;--sans:"DM Sans", system-ui, sans-serif}.sidebar-provider[data-active-type=all]{--type-active:#69e0c8;--type-active-soft:#69e0c814;--type-active-ring:#69e0c82e}.sidebar-provider[data-active-type=css]{--type-active:#ff5fa2;--type-active-soft:#ff5fa21a;--type-active-ring:#ff5fa233}.sidebar-provider[data-active-type=examen]{--type-active:#4f8cff;--type-active-soft:#4f8cff1a;--type-active-ring:#4f8cff38}.sidebar-provider[data-active-type=divers]{--type-active:#a66bff;--type-active-soft:#a66bff1a;--type-active-ring:#a66bff38}.sidebar-provider[data-active-type=marmitouille]{--type-active:#ff9a3d;--type-active-soft:#ff9a3d1a;--type-active-ring:#ff9a3d38}.sidebar-provider[data-active-type=spotlified]{--type-active:#66d7ff;--type-active-soft:#66d7ff1a;--type-active-ring:#66d7ff38}*{box-sizing:border-box}html{width:100%}body{width:100%;min-height:100vh;font-family:var(--sans);color:var(--ink);background:var(--bg);margin:0}body:before{content:"";pointer-events:none;opacity:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 100%);mask-image:radial-gradient(circle,#000 55%,#0000 100%)}button,input{font:inherit}button{color:inherit}.sidebar,.sidebar-rail,.sidebar-overlay,.floating-sidebar-trigger,.search,.menu-filter,.menu-filter select,.menu-filter__label,.sidebar-group__label,.sidebar-group__count,.sidebar-link-card,.sidebar-link-card__body strong,.sidebar-link-card__body small,.hero,.hero h2,.hero__meta,.stat,.stat span,.stat small,.topbar,.topbar__label,.eyebrow,.file-card__eyebrow,.file-card__header,.file-card__title,.ghost-button,.copy-button,.icon-button,.code-panel__toolbar,.empty-state,.modal,.modal__header,.modal__header h3,.quiz-game__label,.quiz-game__stats span,.quiz-face__tag,.quiz-end__eyebrow,.quiz-action{font-family:var(--ui-font)}.sidebar-menu__button,.sidebar-menu__text,.sidebar-menu__text span,.sidebar-menu__text small,.sidebar-menu__badge,.text-block,.text-block h4,.text-block p,.text-block li,.quiz-face h4,.quiz-face p:not(.quiz-face__tag){font-family:var(--sans)}#root{width:100%;max-width:100%;min-height:100vh}.sidebar-provider{grid-template-columns:var(--sidebar-width,20rem) minmax(0, 1fr);gap:24px;width:100%;max-width:100%;min-height:100vh;padding:24px;display:grid;position:relative;overflow-x:visible}.sidebar-provider[data-state=collapsed]{grid-template-columns:0 minmax(0,1fr);gap:0}.sidebar-provider[data-state=collapsed] .sidebar{opacity:0;pointer-events:none;transform:translate(calc(-100% - 24px))}.sidebar-inset{width:100%;min-width:0}.sidebar-rail{top:50%;left:calc(24px + var(--sidebar-width,20rem) - 17px);z-index:45;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:left .22s,transform .22s,opacity .18s,background-color .18s;display:inline-flex;position:fixed;transform:translateY(-50%)}.sidebar-overlay{display:none}.sidebar-provider[data-state=collapsed] .sidebar-rail{left:-5px}.sidebar-rail__surface{background:#000;border:2px solid #8ab8ff38;border-radius:10000px;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 12px 24px #00000047,inset 0 1px #ffffff08}.sidebar-rail__icon{z-index:1;width:18px;height:18px;position:relative}.sidebar-rail__chevron{fill:none;stroke:#f2f7ff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.sidebar-rail__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-rail:hover .sidebar-rail__surface,.sidebar-rail:focus-visible .sidebar-rail__surface{border-color:#8ab8ff5c;transform:scale(1.04);box-shadow:0 14px 28px #00000057,inset 0 1px #ffffff0d}.sidebar-rail:focus-visible{outline:none}.sidebar-rail:focus-visible .sidebar-rail__surface{box-shadow:0 14px 28px #00000057,0 0 0 4px #7c9cff24,inset 0 1px #ffffff0d}.sidebar,.hero,.file-card,.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar{z-index:20;border-radius:calc(var(--radius) + 2px);background:var(--bg-panel);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border:2px solid #8ab8ff38;grid-template-rows:auto minmax(0,1fr) auto;align-self:start;padding:20px;transition:transform .22s,opacity .22s,border-color .22s;display:grid;position:sticky;top:24px;overflow:visible}.sidebar__header{justify-content:space-between;align-items:start;gap:14px;padding-bottom:16px;display:flex}.sidebar__brand{gap:8px;display:grid}.sidebar__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-height:0;padding-right:4px;overflow:visible auto}.sidebar__content::-webkit-scrollbar{width:0;height:0}.code-panel__pre::-webkit-scrollbar{width:0;height:0}.modal__body::-webkit-scrollbar{width:0;height:0}.sidebar__footer{border-top:2px solid #7c9cff33;padding-top:16px}.eyebrow,.file-card__eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent-2);margin:0 0 10px;font-size:.72rem;font-weight:800}.label-with-icon{align-items:center;gap:8px;display:inline-flex}.ui-icon{color:#e9f2ffeb;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ui-icon svg,.ui-icon img{width:100%;height:100%}.ui-icon--accent{color:var(--accent-2)}.button-with-icon{justify-content:center;align-items:center;gap:10px;display:inline-flex}.sidebar h1,.hero h2,.file-card__title{letter-spacing:-.04em;margin:0;line-height:.96}.sidebar h1{max-width:11ch;font-size:clamp(1.85rem,4vw,2.55rem)}.sidebar__intro{color:var(--muted);margin:14px 0 0;line-height:1.65}.sidebar__close{flex:none}.search{color:#dbe4f5;gap:6px;margin:0 0 4px;font-size:.92rem;font-weight:700;display:grid}.sidebar__sticky-header{z-index:999;isolation:isolate;border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 18px 18px;margin:-16px -14px 0;padding:0 14px;position:sticky;top:0;overflow:visible}.sidebar__sticky-header:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(36px);background:#0009;position:absolute;inset:0;box-shadow:0 14px 30px #0000002e,inset 0 -1px #ffffff0a}.sidebar__sticky-header>*{z-index:1;position:relative}.sidebar-group--sticky{margin-top:0}.sidebar__sticky-header+.sidebar-group{margin-top:-22px}.sidebar__menu-title{z-index:1000;color:#fff;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:22px;line-height:1.2;display:inline-flex;position:relative;overflow:visible}.sidebar__home-button{z-index:1001;width:48px;height:48px;color:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;margin:-6px -4px -6px -6px;padding:6px;transition:transform .18s,color .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex;position:relative}.sidebar__home-button:hover,.sidebar__home-button:focus-visible{color:var(--type-active);border-color:var(--type-active-ring);background:var(--type-active-soft);box-shadow:0 0 0 4px var(--type-active-ring);outline:none;transform:translateY(-1px)}.sidebar__menu-title-text{word-break:break-word;max-width:100%}.sidebar__menu-title-icon{z-index:1002;width:36px;height:36px;color:var(--type-active);flex:none;display:inline-flex;position:relative}.sidebar__menu-title-icon svg{transform-origin:50%;width:100%;height:100%}.sidebar__home-button:hover .sidebar__menu-title-icon svg,.sidebar__home-button:focus-visible .sidebar__menu-title-icon svg{animation:.72s cubic-bezier(.22,1,.36,1) sidebar-atom-spin}@keyframes sidebar-atom-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar__menu-title-tag{color:#fff;letter-spacing:.08em;background:#fff3;border-radius:999px;align-items:center;padding:5px 10px;font-size:.62em;font-weight:800;line-height:1;display:inline-flex}.search__field{position:relative}.search__icon{width:18px;height:18px;color:var(--type-active);opacity:.6;pointer-events:none;justify-content:center;align-items:center;transition:opacity .18s,color .18s;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search__icon svg{width:100%;height:100%}.search__field:focus-within .search__icon{opacity:1}.search input{width:100%;color:var(--ink);appearance:none;background:#000;border:2px solid #8ab8ff38;border-radius:16px;outline:none;padding:14px 132px 14px 42px;transition:border-color .18s,box-shadow .18s,background .18s}.search input::-webkit-search-cancel-button{appearance:none}.search input::-webkit-search-decoration{appearance:none}.search input::-webkit-search-results-button{appearance:none}.search input::-webkit-search-results-decoration{appearance:none}.search input::placeholder{color:#758197}.search input:focus{border-color:var(--type-active);box-shadow:0 0 0 4px var(--type-active-ring);background:#ffffff0f}.search__meta{min-height:20px;color:var(--muted);font-size:.84rem;font-family:var(--sans);justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.search__result-count{color:#dfe7fb}.search__nav--inside{align-items:center;gap:6px;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search__status{color:var(--muted);margin:0;font-size:.82rem}.search__nav-button{width:28px;height:28px;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#7c9cff14;border:1px solid #7c9cff2e;border-radius:999px;outline:none;padding:0}.search__nav-button:focus{outline:none}.search__nav-button:hover,.search__nav-button:focus-visible{color:var(--ink);box-shadow:none;background:#7c9cff14;border-color:#7c9cff2e;transform:none}.file-nav{gap:10px;display:grid}.sidebar-group{margin-top:18px}.sidebar-group--menu{padding-top:4px}.sidebar-group__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sidebar-group__count{color:#dbe7ff;background:#7c9cff1a;border:2px solid #7c9cff3d;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:28px;padding:0 10px;font-size:.84rem;font-weight:800;display:inline-flex}.sidebar-links__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sidebar-link-card{min-width:0;min-height:108px;color:inherit;text-align:center;cursor:pointer;background:#000;border:2px solid #7c9cff3d;border-radius:20px;align-content:center;justify-items:center;gap:8px;padding:6px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.sidebar-link-card:hover,.sidebar-link-card:focus-visible{background:#7c9cff14;border-color:#8ab8ff66;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #7c9cff1f}.sidebar-link-card__icon{color:#fff;background:#ffffff14;border-radius:10000px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.sidebar-link-card__icon svg,.sidebar-link-card__icon img{object-fit:cover;width:100%;height:100%;transition:filter .18s,box-shadow .18s}.sidebar-link-card:hover .sidebar-link-card__icon svg,.sidebar-link-card:hover .sidebar-link-card__icon img,.sidebar-link-card:focus-visible .sidebar-link-card__icon svg,.sidebar-link-card:focus-visible .sidebar-link-card__icon img{box-shadow:0 10px 22px #69e0c838}.sidebar-link-card__body{justify-items:center;min-width:0;margin-top:4px;display:grid}.sidebar-link-card__body strong{overflow-wrap:anywhere;word-break:break-word;font-size:.76rem;line-height:1.2;display:block}.sidebar-link-card--quizlet .sidebar-link-card__icon,.sidebar-link-card--cours .sidebar-link-card__icon,.sidebar-link-card--camilo .sidebar-link-card__icon,.sidebar-link-card--notebook .sidebar-link-card__icon{background:#000}.menu-filter{background:#ffffff0a;border:2px solid #7c9cff3d;border-radius:20px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.menu-filter__tab{min-width:0;color:var(--muted);font-family:var(--sans);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex:calc(50% - 4px);padding:9px 12px;font-size:.84rem;font-weight:700;line-height:1.2;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.menu-filter__tab:hover{color:var(--ink);background:#ffffff0d}.menu-filter__tab:focus-visible{border-color:#7c9cff80;outline:none;box-shadow:0 0 0 4px #7c9cff1f}.menu-filter__tab.is-active{color:var(--type-active);border-color:var(--type-active);background:var(--type-active-soft);box-shadow:inset 0 0 0 1px var(--type-active-ring);transform:translateY(-1px)}.sidebar-group__label{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-2);margin:0 0 12px;font-size:.74rem;font-weight:800}.sidebar-group__label.sidebar-group__label--annexes{margin:0 0 12px}.sidebar-group__content{gap:12px;display:grid}.sidebar-menu{gap:10px;display:grid}.sidebar-menu__item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.sidebar-menu__button{width:100%;min-width:0;color:inherit;cursor:pointer;background:#000;border:2px solid #7c9cff33;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.sidebar-menu__button:hover{background:#7c9cff14;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #7c9cff1f}.sidebar-menu__button:focus-visible,.sidebar-menu__button[data-active=true]{border-color:var(--type-active);background:var(--type-active-soft);box-shadow:inset 0 0 0 1px var(--type-active-ring);color:var(--type-active);transform:translateY(-1px)}.sidebar-menu__button[data-active=true] .sidebar-menu__text span,.sidebar-menu__button:focus-visible .sidebar-menu__text span,.sidebar-menu__button[data-active=true] .sidebar-menu__text small,.sidebar-menu__button:focus-visible .sidebar-menu__text small{color:var(--type-active)}.sidebar-menu__button a{color:inherit;text-decoration:none}.sidebar-menu__text{min-width:0;max-width:100%;display:grid}.sidebar-menu__text span{overflow-wrap:anywhere;word-break:break-word;font-size:.95rem;font-weight:700;display:block}.sidebar-menu__text small{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin-top:4px;font-size:.8rem;display:block}.sidebar-menu__action{display:inline-flex}.sidebar-menu__badge{color:#dbe7ff;background:#7c9cff1a;border:2px solid #7c9cff3d;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:26px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.file-link{color:inherit;background:#000;border:2px solid #7c9cff33;border-radius:18px;padding:14px 16px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:block}.file-link:hover,.file-link:focus-visible{background:#7c9cff14;border-color:#8ab8ff61;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #7c9cff1f}.file-link strong,.file-link span{display:block}.file-link__row{align-items:center;gap:10px;display:flex}.ui-icon--nav{color:#9dd8ff;width:19px;height:19px}.file-link strong{overflow-wrap:anywhere;word-break:break-word;font-size:.96rem;font-weight:700}.file-link span{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin-top:5px;font-size:.82rem}.sidebar-overlay{z-index:15;opacity:0;pointer-events:none;background:#03050a9e;border:0;transition:opacity .18s;position:fixed;inset:0}.content{min-width:0}.topbar{background:var(--bg-panel);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:12px 14px;display:flex;box-shadow:0 18px 40px #0000003d}.topbar__label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem}.topbar__toggle{min-width:110px}.hero{border-radius:calc(var(--radius) + 8px);background:var(--bg-panel);box-shadow:var(--shadow);border:0;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;padding:30px;display:flex}.hero h2{max-width:11ch;font-size:clamp(2.4rem,5vw,4.8rem)}.hero__meta{gap:14px;display:flex}.stat{border:1px solid var(--line);text-align:center;background:#000;border-radius:22px;min-width:116px;padding:18px 16px}.stat__icon{color:#a6d8ff;width:22px;height:22px;margin-bottom:8px;display:inline-flex}.stat__icon svg{width:100%;height:100%}.stat span{letter-spacing:-.04em;font-size:2.1rem;font-weight:800;display:block}.stat small{color:var(--muted)}.cards{gap:22px;display:grid}.file-card{--card-type-active:var(--type-active);border-radius:calc(var(--radius) + 2px);background:var(--bg-panel);box-shadow:var(--shadow);border:0;padding:22px}.sidebar-provider:not([data-active-type=all]) .file-card[data-type=css]{--card-type-active:#ff5fa2}.sidebar-provider:not([data-active-type=all]) .file-card[data-type=examen]{--card-type-active:#4f8cff}.sidebar-provider:not([data-active-type=all]) .file-card[data-type=divers]{--card-type-active:#a66bff}.sidebar-provider:not([data-active-type=all]) .file-card[data-type=marmitouille]{--card-type-active:#ff9a3d}.sidebar-provider:not([data-active-type=all]) .file-card[data-type=spotlified]{--card-type-active:#66d7ff}.file-card__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.file-card__header>div{min-width:0}.file-card__title{color:var(--ink);overflow-wrap:anywhere;word-break:break-word;font-size:clamp(1.65rem,3vw,2.3rem)}.file-card__eyebrow{font-family:var(--sans);letter-spacing:.08em;color:var(--card-type-active);font-size:.84rem}.file-card__body{gap:16px;display:grid}.text-block{overflow-wrap:anywhere;word-break:break-word;background:#ffffff0d;border:2px solid #7c9cff47;border-left:5px solid #8aa8ff;border-radius:18px;min-width:0;max-width:100%;padding:20px}.text-block h4{color:var(--card-type-active);white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:0 0 12px;font-size:1.02rem;font-weight:800}.text-block p,.text-block li{color:#edf2fb;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;line-height:1.84}.text-block *{min-width:0;max-width:100%}.text-block p+p,.text-block ul{margin-top:10px}.text-block ul{padding-left:18px}.text-block .text-block__spaced{margin-top:var(--text-block-gap,18px)}.search-highlight{background:#ffd666e0;border-radius:.32em;padding:.08em .2em;box-shadow:0 0 0 1px #10131a14;color:#000!important}.search-highlight *{color:inherit!important}.search-highlight[data-active-hit]{box-shadow:none;background-color:#ffd666e0;background-image:none;animation:2.4s ease-in-out infinite alternate active-search-highlight-shift;color:#000!important}.text-block .search-highlight[data-active-hit]{font-weight:700}@keyframes active-search-highlight-shift{0%{background-color:#ffd666e0}55%{background-color:#4aa8ff}to{background-color:#1f5fae}}.code-panel{background:var(--bg-panel);border:2px solid #7c9cff3d;border-radius:22px;overflow:hidden;box-shadow:0 22px 44px #0a0b1038}.code-panel__toolbar{background:#000;border-bottom:2px solid #7c9cff33;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.code-dots{gap:8px;display:flex}.code-dots span{background:#ff8b5e;border-radius:50%;width:11px;height:11px}.code-dots span:nth-child(2){background:#ffd16b}.code-dots span:nth-child(3){background:#5fcf80}.code-panel__pre{scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:12px 0;overflow:auto hidden}.code-panel__code{font-family:var(--mono);color:#f7f2e9;font-size:.92rem;line-height:1.75;display:block}.code-line{grid-template-columns:4.75rem minmax(0,1fr);align-items:stretch;display:grid}.code-line:hover{background:#ffffff06}.code-line__number{z-index:1;font-variant-numeric:tabular-nums;color:#95a6c8b8;text-align:right;-webkit-user-select:none;user-select:none;background:#070a10f5;border-right:1px solid #8ab8ff1f;padding:0 12px 0 18px;position:sticky;left:0}.code-line__content{--indent-size:1.5rem;white-space:pre;background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--indent-size) - 1px), #8ab8ff47 calc(var(--indent-size) - 1px), #8ab8ff47 var(--indent-size));background-repeat:no-repeat;background-size:calc(var(--indent-depth,0) * var(--indent-size)) 100%;background-position:0 0;min-width:0;padding:0 18px 0 16px;display:block}.token-comment{color:#95a6c8}.token-string{color:#f9c86f}.token-keyword{color:#ff8b5e}.token-number{color:#73daca}.token-function{color:#a8c1ff}.token-operator{color:#f4f0e6}.ghost-button,.copy-button,.icon-button{border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:10px 14px;font-weight:700;transition:transform .16s,opacity .16s,background .16s,border-color .16s}.ghost-button{background:var(--accent-soft);color:var(--accent-strong);border-color:#7c9cff33}.copy-button{color:#fff3df;background:#ffffff0f}.icon-button{color:#eaf0ff;background:#ffffff0a;justify-content:center;align-items:center;gap:10px;display:inline-flex}.icon-button span[aria-hidden=true]{font-size:1.1rem;line-height:1}.ghost-button:hover,.copy-button:hover,.icon-button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.file-card[hidden]{display:none}.empty-state{border-radius:var(--radius);color:var(--muted);text-align:center;background:#ffffff08;border:1px dashed #7c9cff52;padding:32px}.modal{z-index:200;opacity:0;pointer-events:none;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:fixed;inset:0}.scroll-top-button{z-index:80;color:#69e0c867;opacity:1;cursor:pointer;background:#000;border:1.5px solid #69e0c867;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 30px #00000057,inset 0 1px #ffffff0a}.scroll-top-button svg{width:16px;height:16px}.scroll-top-button path{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.scroll-top-button:hover,.scroll-top-button:focus-visible{border-color:var(--accent-2);color:var(--accent-2);outline:none;transform:translateY(-1px);box-shadow:0 16px 34px #0006,0 0 0 4px #69e0c81f,inset 0 1px #ffffff0d}.modal--open{opacity:1;pointer-events:auto}.modal--open .modal__panel{transform:translateY(0)scale(1)}.modal__backdrop{z-index:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03050a8f;border:0;position:absolute;inset:0}.modal__panel{z-index:1;background:var(--bg-panel);border:1px solid #ffffff1f;border-radius:28px;width:min(1160px,100%);max-height:min(92vh,980px);transition:transform .2s;position:relative;overflow:hidden;transform:translateY(18px)scale(.98);box-shadow:0 36px 100px #0000007a}.modal__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:22px 22px 16px;display:flex}.modal__header h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,2vw,2.1rem)}.modal__body{padding:16px 18px 18px}.quiz-game{gap:16px;display:grid;position:relative}.quiz-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:18px;display:grid}.quiz-game__hud{gap:10px;display:grid}.quiz-game__menu{flex-wrap:wrap;gap:10px;display:flex}.quiz-game__label{text-transform:uppercase;letter-spacing:.16em;color:#dfe8ffc2;margin:0;font-size:.76rem}.quiz-chip{color:#e4edffeb;background:#121b31b8;border:1px solid #7eadff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.84rem;display:inline-flex}.quiz-chip--filter{cursor:pointer;color:#ffd2d2;border-color:#ff5c5c6b;gap:10px;transition:border-color .16s,background .16s,transform .16s}.quiz-chip--filter.is-active{background:linear-gradient(#420e0ef0,#1f0a12d1);border-color:#ff66669e;box-shadow:0 0 0 1px #ff666629,0 14px 30px #58000029}.quiz-chip--filter:hover,.quiz-chip--filter:focus-visible{border-color:#ff7e7e9e;transform:translateY(-1px)}.quiz-chip__icon{color:#ff6a6a;flex:none;width:16px;height:16px}.quiz-chip__pill{color:#ff4f4f;text-transform:lowercase;letter-spacing:.04em;background:#ff53531a;border:1px solid #ff53536b;border-radius:999px;justify-content:center;align-items:center;min-height:24px;margin-left:2px;padding:0 8px;font-size:.64rem;font-weight:800;line-height:1;display:inline-flex}.quiz-chip--streak{background:linear-gradient(#2b2108eb,#121b31c7);border-color:#ffda7057}.quiz-chip--streak.is-pulsing{animation:.52s quiz-streak-pulse}.quiz-game__stats{flex-wrap:wrap;gap:8px;display:flex}.quiz-game__stats span{color:#e4edffeb;background:#121b31b8;border:1px solid #7eadff3d;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;display:inline-flex}.quiz-progress{background:#151d2df2;border:1px solid #8ab8ff33;border-radius:999px;height:8px;overflow:hidden}.quiz-progress__bar{background:linear-gradient(90deg,#47b0ff,#7ef7c5);width:0%;height:100%}.quiz-stage{perspective:1500px;place-items:center;gap:18px;min-height:min(62vh,680px);display:grid;position:relative}.quiz-flip-card{cursor:pointer;width:min(820px,100%);height:min(48vh,500px);min-height:min(48vh,500px);transform-style:preserve-3d;z-index:2;background:0 0;border:0;outline:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s,filter .32s;position:relative}.quiz-flip-card__inner{width:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.22,1,.36,1);position:relative}.quiz-flip-card.is-flipped .quiz-flip-card__inner{transform:rotateY(180deg)}.quiz-flip-card.is-swiping-right{opacity:0;transform:translate(22%)}.quiz-flip-card.is-swiping-left{opacity:0;transform:translate(-22%)}.quiz-face{text-align:center;backface-visibility:hidden;border:1px solid #8fc6ff47;border-radius:22px;grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:stretch;gap:18px;padding:clamp(24px,4vw,42px);display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 26px 60px #0006}.quiz-face--front{background:linear-gradient(160deg,#091b30fa,#110a2afa),radial-gradient(circle at 90% 10%,#5a92ff4d,#0000 45%)}.quiz-face--back{background:linear-gradient(160deg,#062428fa,#08132bfa),radial-gradient(circle at 10% 18%,#72f6d042,#0000 42%);transform:rotateY(180deg)}.quiz-face--back .quiz-face__content{place-content:safe center;justify-items:center;overflow:hidden auto}.quiz-face__tag{text-transform:uppercase;letter-spacing:.18em;color:#c6d8ffc2;margin:0;padding-top:12px;font-size:.74rem}.quiz-face__badge{z-index:1;color:#ff5c5c;background:0 0;border:1px solid #ff6060d1;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 0 0 1px #ff606029,0 0 22px #ff464652,0 8px 24px #6600002e}.quiz-face__badge-icon{width:18px;height:18px}.quiz-face__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-content:center;justify-items:center;width:100%;min-height:0;padding-right:6px;display:grid;overflow:auto}.quiz-face__content h4,.quiz-face__content p{color:#e8f3ff;margin:0;line-height:1.56}.quiz-face__content h4{max-width:28ch;font-size:clamp(1.58rem,3.1vw,2.32rem)}.quiz-face__content p{white-space:pre-line;max-width:34ch;font-size:clamp(1.28rem,2.35vw,1.68rem)}.quiz-face--back .quiz-face__content p{max-width:34ch}.quiz-empty-state{color:#dfe8ffc2;text-align:center;background:#0a101ccc;border:1px dashed #ffffff29;border-radius:22px;place-items:center;width:min(820px,100%);min-height:180px;padding:24px;display:grid}.quiz-empty-state p{margin:0}.quiz-success-glow{--quiz-glow-primary:#7ef6c885;--quiz-glow-secondary:#48cf9461;--quiz-glow-outline:#7ef6c82e;--quiz-glow-shadow-a:#7ef6c857;--quiz-glow-shadow-b:#48cf9447;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%, var(--quiz-glow-primary), #fff0 58%), radial-gradient(circle at 50% 70%, var(--quiz-glow-secondary), #fff0 72%);box-shadow:0 0 0 1px var(--quiz-glow-outline), 0 0 34px var(--quiz-glow-shadow-a), 0 0 72px var(--quiz-glow-shadow-b);filter:blur(20px);border-radius:34px;animation:.52s ease-out forwards quiz-success-glow;position:absolute;inset:-22px}.quiz-success-glow--bad{--quiz-glow-primary:#ff5c5c8a;--quiz-glow-secondary:#ff3d3d66;--quiz-glow-outline:#ff5c5c33;--quiz-glow-shadow-a:#ff5c5c5c;--quiz-glow-shadow-b:#ff3d3d4d}.quiz-nav{z-index:4;justify-content:center;align-items:center;gap:12px;display:flex}.quiz-nav__button{color:#eff5ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.quiz-nav__button:hover,.quiz-nav__button:focus-visible{background:#7c9cff1f;border-color:#8ab8ff61;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #7c9cff1f}.quiz-nav__button span{font-size:1.15rem;line-height:1}.quiz-controls{flex-direction:column;justify-content:center;gap:10px;display:flex}.quiz-controls .ghost-button{border-color:#83bbff42;border-radius:20px;min-height:72px;padding:18px 20px;font-size:1.08rem;font-weight:800}.quiz-action{cursor:pointer;color:#08111f;text-align:center;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:72px;padding:18px 20px;font-size:1.08rem;font-weight:800;display:inline-flex}.quiz-action--good{background:linear-gradient(135deg,#7ef6c8,#46d6ac)}.quiz-action--bad{background:linear-gradient(135deg,#ffb486,#ff8a73)}.quiz-action--restart{background:linear-gradient(135deg,#8fd8ff,#6fb7ff);margin-top:6px}.quiz-end{background:linear-gradient(160deg,#081c2ee6,#100f24f0);border:1px solid #97cdff4d;border-radius:18px;margin-top:6px;padding:16px}.quiz-end__eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#a9dbffbf;margin:0 0 6px;font-size:.76rem}.quiz-end h4{margin:0;font-size:1.2rem}.quiz-end p{color:#e1f0ffeb;margin:8px 0 0;line-height:1.45}@keyframes quiz-streak-pulse{0%{transform:scale(1);box-shadow:0 0 #ffd85d00}35%{transform:scale(1.06);box-shadow:0 0 0 10px #ffd85d1f}to{transform:scale(1);box-shadow:0 0 #ffd85d00}}@keyframes quiz-success-glow{0%{opacity:.95;transform:scale(.94)}to{opacity:0;transform:scale(1.05)}}@media (width<=980px){.sidebar-provider{grid-template-columns:1fr;gap:16px;padding:14px;overflow-x:visible}.sidebar{z-index:60;opacity:0;pointer-events:none;overscroll-behavior:contain;width:min(88vw,360px);max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);transition:transform .22s,opacity .22s,border-color .22s;position:fixed;top:16px;bottom:16px;left:16px;overflow:hidden;transform:translate(calc(-100% - 24px))}.sidebar-provider[data-mobile-open=true] .sidebar{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-overlay{z-index:50;opacity:0;pointer-events:none;background:0 0;border:0;padding:0;transition:opacity .22s,background-color .22s;display:block;position:fixed;inset:0}.sidebar-provider[data-mobile-open=true] .sidebar-overlay{opacity:1;pointer-events:auto;background:#0000008f}.sidebar-rail{z-index:70;top:20px;left:14px;transform:translateY(-50%)}.sidebar-provider[data-state=collapsed] .sidebar-rail{left:14px}.sidebar-provider[data-mobile-open=true] .sidebar-rail{left:min(min(88vw,360px) - 3px,100vw - 33px)}.sidebar-rail__surface{width:34px;height:34px}.sidebar__content{touch-action:pan-y;padding-bottom:12px;padding-right:2px}.sidebar__sticky-header{margin:-16px -10px 0;padding:0 10px}.hero{flex-direction:column;align-items:start}}@media (width>=981px){.sidebar__close{display:none}.sidebar-group__label.sidebar-group__label--annexes{margin:-14px 0 12px!important}}@media (width<=640px){.scroll-top-button{width:34px;height:34px;bottom:14px;right:14px}.scroll-top-button svg{width:16px;height:16px}.topbar{border-radius:20px;padding:10px 12px}.topbar__label{display:none}.sidebar,.hero,.file-card{padding:18px}.sidebar-links__grid,.menu-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:0}.modal__panel{border-radius:0;grid-template-rows:auto minmax(0,1fr);width:100vw;max-width:100vw;min-height:100dvh;max-height:100dvh;display:grid}.modal__header{gap:12px;padding:25px 25px 12px}.modal__header h3{font-size:clamp(1.15rem,5.8vw,1.45rem);line-height:1.05}.modal__body{min-height:0;padding:12px 18px calc(18px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex;overflow:auto}.quiz-game{gap:14px;min-height:100%}.quiz-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:14px;min-height:calc(100dvh - 180px)}.quiz-controls{bottom:max(10px, env(safe-area-inset-bottom,0px));z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e19eb;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;display:grid;position:sticky;box-shadow:0 16px 40px #00000047}.quiz-controls .ghost-button{grid-column:auto}.quiz-action--bad{order:1}.quiz-action--good{order:2}.quiz-game__menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-chip{text-align:center;justify-content:center;width:100%;min-width:0;min-height:54px;padding:10px 12px;font-size:.88rem;line-height:1.2}.quiz-chip--high-score{display:none}.quiz-chip--filter{grid-column:1/-1;width:100%}.quiz-stage{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:5px;height:100%;min-height:0;padding-bottom:0}.quiz-flip-card{width:100%;height:clamp(320px,100dvh - 390px,520px);min-height:clamp(320px,100dvh - 390px,520px)}.quiz-face{border-radius:18px;gap:14px;padding:22px 18px}.quiz-face__badge{width:34px;height:34px;top:12px;left:12px}.quiz-face__content h4{max-width:16ch;font-size:clamp(1.38rem,6.2vw,1.72rem)}.quiz-face__content p{max-width:22ch;font-size:clamp(1.15rem,5vw,1.34rem)}.quiz-nav__button{width:48px;height:48px}.quiz-action,.quiz-controls .ghost-button{white-space:nowrap;border-radius:18px;width:100%;min-height:68px;padding:14px 10px;font-size:.95rem}.quiz-chip__pill{min-height:22px;padding:0 7px;font-size:.58rem}.file-card__header{flex-direction:column;align-items:start}.hero__meta{width:100%}.stat{flex:1}}