@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap";:root{--primary-color: #2c3e50;--accent-color: #e74c3c;--bg-color: #f4f6f7;--text-color: #333;--card-bg: #fff;--font-family: "Outfit", sans-serif;--menu-button-clearance: 60px;--rocket-hide-offset: 100px;--menu-pill-opacity: .85;--mobile-menu-opacity: .92;--button-opacity: .95;--menu-blur: 6px;--mobile-blur: 4px;--border-radius-default: 15px;--border-radius-pill: 50px;--box-shadow-light: 0 5px 15px rgba(0, 0, 0, .05);--box-shadow-medium: 0 15px 30px rgba(0, 0, 0, .1);--transition-default: .3s ease;--gap-default: 1.5rem;--panel-border-color: #cbd5e0;--muted-text-color: #4a5568;--stats-ring-track: #fed7aa;--stats-ring-progress: #fb923c;--z-header: 100;--z-nav-menu: 99;--z-nav-rocket: 101;--z-nav-toggle: 2000;--z-modal: 1000;--z-dropdown: 900;--z-overlay: 800;--z-confetti: 9999;--z-pill-select: 10;--z-pill-select-open: 1000;--z-timer: 2;--z-modal-header: 15;--z-modal-close: 20;--z-modal-summary: 10;--z-card-surface: 1}html{background-color:var(--bg-color)}body{font-family:var(--font-family);background-color:transparent;color:var(--text-color);margin:0;padding:0;line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column;min-height:100%}header:not(.practice__header){background-color:transparent;padding:.5rem 2rem;box-shadow:none;display:flex;justify-content:flex-end;align-items:center;position:fixed;width:100%;top:0;left:0;z-index:var(--z-header);box-sizing:border-box}nav{width:100%}.menu-container{display:flex;justify-content:flex-end;align-items:center;width:100%;gap:1rem}.menu-right-group{display:flex;align-items:center;gap:0;margin-left:auto;position:relative}.rocket-wrapper{display:block;position:absolute;left:-100px;top:50%;transform:translateY(-50%) rotate(0);transform-origin:center;width:90px;height:auto;aspect-ratio:90 / 42;pointer-events:none;z-index:var(--z-nav-rocket);animation:closeRocket 2.5s forwards}@keyframes closeRocket{0%{transform:translateY(-50%) rotate(0)}30%{transform:translateY(-50%) rotate(180deg)}80%{transform:translateY(-50%) rotate(180deg)}to{transform:translateY(-50%) rotate(0)}}.rocket-icon{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0 2rem;position:absolute;top:50%;right:0;margin-right:var(--menu-button-clearance);left:auto;width:auto;height:auto;align-items:center;background-color:rgba(255,255,255,var(--menu-pill-opacity));-webkit-backdrop-filter:blur(var(--menu-blur));backdrop-filter:blur(var(--menu-blur));border-radius:var(--border-radius-pill);border:1px solid rgba(255,255,255,.3);flex-direction:row;justify-content:center;box-shadow:var(--box-shadow-medium);z-index:var(--z-nav-menu);transform:translateY(-50%) translate(calc(100% + 250px));transition:transform 1.2s cubic-bezier(.9,0,.1,1);transition-delay:1s}.nav-links.show{transform:translateY(-50%) translate(0);transition:transform 2.4s cubic-bezier(.3,0,.1,1);transition-delay:0s}.nav-links.show .rocket-wrapper{animation:none;transform:translateY(-50%) rotate(0);transition:transform 2s cubic-bezier(.68,-.55,.265,1.55)}.nav-links.show .rocket-icon{animation:rocketWiggle 2s infinite ease-in-out}.nav-links a{text-decoration:none;color:var(--primary-color);font-weight:700;font-size:1.1rem;transition:all var(--transition-default);position:relative;padding-bottom:5px;white-space:nowrap}.short-text{display:none}@media(min-width:769px)and (max-width:1250px){.full-text{display:none}.short-text{display:inline}}@media(max-width:768px){.full-text{display:none}.short-text{display:inline}}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);transition:width var(--transition-default)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--accent-color)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,var(--button-opacity));border:none;font-size:1.4rem;cursor:pointer;color:var(--primary-color);width:2.75rem;height:2.75rem;padding:0;position:relative;z-index:var(--z-nav-toggle);border-radius:5px;box-shadow:var(--box-shadow-light);transition:background-color var(--transition-default)}.mobile-menu-btn:hover{background-color:#f0f0f0}.back-button{display:flex;align-items:center;gap:.5rem;background-color:#f4f6f780;border:1px solid rgba(255,255,255,.3);padding:.5rem 1.25rem;border-radius:var(--border-radius-pill);cursor:pointer;color:var(--primary-color);font-family:var(--font-family);font-weight:700;font-size:1.1rem;box-shadow:var(--box-shadow-light);transition:all var(--transition-default);position:relative;z-index:var(--z-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background-color:#f4f6f7b3;transform:translateY(-2px);box-shadow:var(--box-shadow-medium)}.back-button__icon{width:45px;height:auto;display:block}.back-button__text{font-weight:700}@media(max-width:768px){.nav-links{display:flex;flex-direction:column;width:100%;height:auto;position:fixed;top:0;left:0;right:auto;background-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 5px 15px #0003;padding:3rem 1.5rem 3.5rem;border-radius:0 0 20px 20px;margin-top:0;margin-right:0;text-align:center;z-index:var(--z-modal);transform:translateY(calc(-100% - var(--rocket-hide-offset)));transition:transform 1.2s cubic-bezier(.9,0,.1,1);transition-delay:1s;justify-content:flex-start;align-items:center;gap:.35rem;overflow:visible}.nav-links.show{transform:translateY(0);transition:transform 1.2s cubic-bezier(.3,0,.1,1);transition-delay:0s}.nav-links li{margin:0 auto;width:50%}.nav-links a{display:block;padding:.5rem 1rem;background:linear-gradient(135deg,#ffffffd9,#ffffffb3);border-radius:var(--border-radius-pill);border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 6px #00000014;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1rem;width:100%;text-align:center}.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,#fff,#ffffffe6);transform:scale(1.02);box-shadow:0 3px 10px #0000001f}.nav-links a:after{display:none}.rocket-wrapper{position:absolute;left:53%;top:auto;bottom:-55px;width:80px;height:38px;min-width:80px;max-width:80px;min-height:38px;max-height:38px;transform:translate(-50%) translateY(0) rotate(90deg);transform-origin:center;animation:none}.nav-links.show .rocket-wrapper{animation:mobileRocketOpen 2.4s cubic-bezier(.9,0,.1,1) forwards}@keyframes mobileRocketOpen{0%{transform:translate(-50%) translateY(0) rotate(90deg)}0.01%{transform:translate(-50%) translateY(0) rotate(-90deg)}79%{transform:translate(-50%) translateY(0) rotate(-90deg)}to{transform:translate(-50%) translateY(0) rotate(90deg)}}.back-button{font-size:1rem;padding:.4rem 1rem}}@keyframes rocketWiggle{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}main{padding:0;width:100%;margin:0;flex:1}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem;background-color:#f4f6f780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px 15px 0 0;position:relative;z-index:var(--z-card-surface);contain:layout style}.hero{text-align:center;padding:0;position:relative;height:100vh;overflow:hidden;animation:shrinkHero .8s ease-out forwards}.hero:after{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#ffffff80;pointer-events:none;z-index:-1}@keyframes shrinkHero{0%{height:100vh}to{height:6rem}}.hero-image{width:100%;height:100vh;object-fit:cover;position:fixed;top:0;left:0;z-index:-2}.container h1{text-align:center;font-size:3rem;color:var(--primary-color);margin-top:0;margin-bottom:3rem;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.home__intro{text-align:center;font-size:1.2rem;color:#555;max-width:900px;margin:0 auto 1.5rem}.home-panel{background:transparent;border-radius:var(--border-radius-default);box-shadow:none;padding:2.5rem 2rem 2rem;margin:0 auto;max-width:1180px}.home-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap-default);margin:2rem 0}.home-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:var(--border-radius-default);padding:1.25rem 1.5rem;box-shadow:var(--box-shadow-light)}.home-ticker-wide{max-width:100%;text-align:center}.home-ticker--wide{justify-content:flex-start;margin:.75rem auto 0;max-width:90%;width:100%}.home-section h2{margin-top:0;margin-bottom:.75rem;color:var(--primary-color);font-size:1.25rem}.home-section p{margin:0 0 .75rem;color:#444;line-height:1.5}.home-section ul{margin:.5rem 0 0;padding-left:1.25rem;color:#444;line-height:1.5}.home-section blockquote{margin:0;padding-left:1rem;border-left:4px solid var(--accent-color);color:#333}.home-ticker{display:block;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:var(--border-radius-default);background:#fff;box-shadow:var(--box-shadow-light)}.home-ticker--wide{display:flex;align-items:center;max-width:90%}.home-ticker__text{display:inline-block;font-weight:400;color:#2c3e50;line-height:1.4;min-height:1.4em;padding-left:15%;position:relative;text-align:left}.home-joke{margin-top:2rem}.home-section cite{display:block;margin-top:.5rem;font-style:normal;color:#666}.home-image-credit{text-align:center;font-size:.75rem;color:#888;margin-top:1rem;margin-bottom:0}.home-levels-heading{text-align:center;margin:1rem 0 2rem}.home-levels-heading h2{margin:0 0 .25rem;color:var(--primary-color)}.home-levels-heading p{margin:0;color:#555}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-default);max-width:1200px;margin:0 auto}.card{background:var(--card-bg);padding:var(--gap-default);border-radius:var(--border-radius-default);text-align:center;box-shadow:var(--box-shadow-light);transition:transform var(--transition-default),box-shadow var(--transition-default),border-color var(--transition-default);border:1px solid #e5e7eb;position:relative;text-decoration:none;color:inherit;contain:layout style paint}.level-card{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:var(--border-radius-default);border:1px solid #e5e7eb;box-shadow:var(--box-shadow-light);transition:transform var(--transition-default),box-shadow var(--transition-default),border-color var(--transition-default);padding:.5rem 1rem 1.25rem;text-decoration:none}.level-card__image-wrapper{width:100%;margin-bottom:1rem;padding:.75rem 1.5rem}.level-card__image{width:100%;max-width:300px;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--border-radius-pill);margin:0 auto;box-shadow:var(--box-shadow-light);display:block}.level-card__content{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-grow:1}.level-card__stars-wrapper{width:100%;text-align:center;margin-bottom:.5rem}.level-card__title{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin:0}.level-card__stars{font-size:1.5rem;color:gold}.level-card__badge{font-size:1rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.level-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-medium);border-color:var(--accent-color)}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.book-card{padding:2rem}.book-card__link{text-decoration:none;color:inherit;display:block}.book-card__cover{width:100%;max-width:250px;height:350px;object-fit:cover;object-position:center;border-radius:10px;margin:0 auto var(--gap-default);display:block;box-shadow:var(--box-shadow-light)}.book-card__title{font-size:1.5rem;margin:.5rem 0;color:var(--primary-color);text-align:center}.book-card__description{font-size:1rem;color:#666;text-align:center}.about-content{max-width:800px;margin:0 auto}.about-content .book-card{font-size:2.8rem;line-height:1.8}.about-content .book-card h2{font-size:4rem;margin-top:1.5rem;color:var(--primary-color)}.about-content .book-card p{font-size:1.8rem;margin-bottom:1rem}footer{position:relative;text-align:center;padding:2rem;margin-top:auto;background:linear-gradient(135deg,#e57373,#ffb74d,#fff176,#81c784,#64b5f6,#9575cd 80%,#ba68c8);color:#fff;overflow:hidden;box-shadow:0 -5px 20px #0000001a}footer:before{content:"";position:absolute;inset:0;background:#ffffff14;z-index:0}footer:after{content:"✦ ✦ ✦ ✦ ✦";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:2rem;color:#ffffff26;letter-spacing:5rem;text-align:center;z-index:0;pointer-events:none;opacity:.4}footer p{position:relative;z-index:1;font-size:1.1rem;font-weight:400;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}footer p:before{content:"🚀";display:inline-block;margin-right:.5rem}@media(max-width:480px){.level-grid{grid-template-columns:1fr}}@media(min-width:481px)and (max-width:768px){.level-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){@keyframes shrinkHero{0%{height:100vh}to{height:3rem}}header:not(.practice__header){flex-direction:column;gap:1rem}.container h1{font-size:1.5rem;margin:.5rem 0}.container{padding:.5rem 1rem 2rem;margin-top:0}}@media(min-width:769px)and (max-width:1100px){.level-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1101px){.level-grid{grid-template-columns:repeat(3,1fr)}}.practice-page{width:100%;--practice-controls-max-width: 800px;--practice-controls-padding: 0rem}.practice-page h1{text-align:center;margin:.75rem 0 1rem}.practice__container{max-width:1200px;margin:0 auto;width:100%;padding-top:.5rem}.controls{max-width:var(--practice-controls-max-width);margin:0 auto .5rem}.controls__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.mode-switch-practice{display:flex;align-items:center;gap:.75rem}.mode-switch-practice__label{font-size:.875rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.mode-switch-practice__control{display:flex;background:#e2e8f0;border-radius:2rem;padding:.25rem}.mode-switch-practice__option{position:relative;cursor:pointer}.mode-switch-practice__option input{position:absolute;opacity:0;pointer-events:none}.mode-switch-practice__option .pill-option{display:block;padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:600;color:#64748b;background:transparent;transition:all .2s;white-space:nowrap}.mode-switch-practice__option input:checked+.pill-option{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.pill-option__short{display:none}.settings-toggle{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;width:2.75rem;height:2.75rem;border:2px solid #cbd5e0;border-radius:.5rem;background:#fff;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s;flex-shrink:0}.settings-toggle:hover,.settings-toggle:focus-visible{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#667eea;outline:none}.settings-toggle--open{background:#f7fafc;border-color:#667eea;box-shadow:0 4px 10px #667eea40}.settings-toggle__bar{width:20px;height:3px;border-radius:2rem;background:#667eea;transition:all .2s}.settings-toggle[aria-expanded=true] .settings-toggle__bar:nth-of-type(1){transform:translateY(6px) rotate(45deg)}.settings-toggle[aria-expanded=true] .settings-toggle__bar:nth-of-type(2){opacity:0}.settings-toggle[aria-expanded=true] .settings-toggle__bar:nth-of-type(3){transform:translateY(-6px) rotate(-45deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.stats-badge{position:relative}.stats-badge__toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #cbd5e0;border-radius:2rem;cursor:pointer;font-family:inherit;transition:all .2s}.stats-badge__toggle:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.stats-badge__section{display:flex;align-items:center;gap:.375rem}.stats-badge__emoji{font-size:1.25rem}.stats-badge__value{font-size:1rem;font-weight:700;color:#2d3748;min-width:1.5rem;text-align:center}.stats-badge__divider{width:1px;height:1.5rem;background:#e2e8f0}.stats-badge__section--streak{position:relative}.stats-badge__ring-container{position:relative;width:40px;height:40px}.stats-badge__ring{display:block}.stats-badge__ring-progress{transition:stroke-dashoffset .3s ease}.stats-badge__ring-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem}.stats-badge__chevron{color:#94a3b8;transition:transform .2s}.stats-badge__toggle[aria-expanded=true] .stats-badge__chevron{transform:rotate(180deg)}.stats-badge__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:300px;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000026;z-index:var(--z-dropdown);animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.stats-badge__dropdown-content{padding:1.5rem}.stats-badge__dropdown-title{font-size:1.25rem;color:#2d3748;margin:0 0 1rem;font-weight:700}.stats-badge__dropdown-grid{display:flex;flex-direction:column;gap:1rem}.stats-badge__dropdown-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:.75rem}.stats-badge__dropdown-emoji{font-size:2rem}.stats-badge__dropdown-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.stats-badge__dropdown-value{font-size:1.5rem;font-weight:700;color:#2d3748}.flashcard{background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003;padding:2rem 1.5rem;margin-bottom:.75rem;position:relative;max-height:calc(100vh - 200px);overflow:hidden}.flashcard__question{text-align:center;margin-bottom:2rem;position:relative;background:linear-gradient(135deg,#d8ccff,#b38cf2);color:#1f2937;border-radius:1rem;padding:0;box-shadow:0 8px 20px #667eea33;overflow:hidden;width:100%}.flashcard__streak{position:absolute;top:-1rem;right:0;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:700;font-size:1.2rem;box-shadow:0 4px 6px #0000001a}.flashcard__question-text{font-weight:700;color:#2d3748;line-height:1.2;min-height:100px;display:flex;align-items:center;justify-content:center;width:98%;max-width:99%;margin:0 auto;text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:hidden;transition:font-size .2s ease}.flashcard__question-text--clickable{cursor:pointer;transition:transform .2s,opacity .2s;-webkit-user-select:none;user-select:none}.flashcard__question-text--clickable:hover{transform:scale(1.05);opacity:.8}.flashcard__question-text--clickable:active{transform:scale(.98)}.flashcard__timer{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#718096}.flashcard__timer--running{color:#f56565;font-weight:700}.flashcard__timer-icon{margin-right:.5rem}.flashcard__answer{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;border:2px solid #cbd5e0;border-radius:1rem;padding:1.25rem;overflow:hidden;box-sizing:border-box}@media(min-width:954px){.practice__container{max-width:1200px;width:100%}.flashcard{display:grid;grid-template-columns:.7fr .3fr;grid-template-rows:1fr;column-gap:1.5rem;row-gap:0;align-items:stretch}.flashcard__question{grid-column:1;grid-row:1;margin:0;height:100%;aspect-ratio:4 / 2;display:flex;align-items:center;justify-content:center;overflow:hidden}.flashcard__question-text{width:98%;max-width:99%}.flashcard__answer{grid-column:2;grid-row:1;margin-top:0;align-self:stretch;height:100%;display:flex;flex-direction:column;justify-content:center}.flashcard__timer{position:absolute;top:1rem;right:1rem;margin:0;z-index:var(--z-timer)}}.flashcard__form{display:flex;flex-direction:column;gap:1rem}.flashcard__label{font-size:1.2rem;font-weight:600;color:#4a5568;text-align:center}.flashcard__input{width:100%;max-width:100%;padding:1rem;font-size:2rem;text-align:center;border:3px solid #cbd5e0;border-radius:.5rem;transition:border-color .2s;box-sizing:border-box}.flashcard__input:focus{outline:none;border-color:#667eea}.flashcard__button-group{display:flex;gap:.75rem;width:100%}.flashcard__button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.2rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.flashcard__button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1;min-width:0}.flashcard__button--primary-wide{flex:0 0 70%}.flashcard__button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.flashcard__button--listening{width:100%;aspect-ratio:1 / .75;font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.flashcard__button--primary:disabled{opacity:.5;cursor:not-allowed}.flashcard__button--skip{background:#e2e8f0;color:#4a5568;flex:0 0 30%;min-width:0}.flashcard__button--skip:hover:not(:disabled){background:#cbd5e0;transform:translateY(-1px)}.flashcard__button--skip:disabled{opacity:.5;cursor:not-allowed}.flashcard__button--thin{width:100%;padding:.6rem 1rem;font-size:1rem}.flashcard__button--skip-inline{flex:0 0 30%}.flashcard__button--skip{padding:.35rem 1rem;font-size:1rem}.flashcard__button--active{background:#e2e8f0;color:#4a5568}.flashcard__listening--compact{margin-top:.5rem}.flashcard__button--secondary{background:#e2e8f0;color:#4a5568}.flashcard__button--secondary:hover{background:#cbd5e0}.flashcard__options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;width:100%;max-width:100%}.flashcard__option{padding:1.5rem;font-size:2rem;font-weight:600;background:#f7fafc;border:3px solid #cbd5e0;border-radius:.5rem;cursor:pointer;transition:all .2s;min-width:0;word-break:break-word}.flashcard__option:hover:not(:disabled){background:#edf2f7;border-color:#667eea;transform:translateY(-2px)}.flashcard__option:disabled{opacity:.5;cursor:not-allowed}.flashcard__feedback{text-align:center;padding:1rem;border-radius:.5rem;font-size:1.5rem;font-weight:700;margin-top:1rem}.flashcard__feedback--correct{background:#c6f6d5;color:#22543d}.flashcard__feedback--incorrect{background:#fed7d7;color:#742a2a}.flashcard__actions{margin-top:1.5rem;text-align:center}.practice__stats{display:flex;justify-content:center;gap:2rem;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.stat{text-align:center}.stat__label{font-size:.9rem;color:#718096;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.stat__value{font-size:2rem;font-weight:700;color:#2d3748}@media(max-width:640px){.practice-page{padding:1rem .5rem}.flashcard{padding:2rem 1rem}.flashcard__question-text{font-size:3rem}.flashcard__listening-stack{flex-direction:row;align-items:center;gap:.5rem}.flashcard__button--primary-wide{flex:0 0 70%}.flashcard__button--skip-inline{flex:0 0 30%}.flashcard__input,.flashcard__option{font-size:1.5rem}.practice__stats{gap:1rem}.stat__value{font-size:1.5rem}}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-confetti)}.settings-panel{position:relative}.settings-panel__toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #cbd5e0;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;color:#2d3748;transition:all .2s}.settings-panel__toggle:hover{background:#f7fafc;border-color:#667eea;transform:translateY(-2px)}.settings-panel__toggle-icon{font-size:1.2rem}.settings-panel__content{position:absolute;top:calc(100% + .5rem);right:0;min-width:400px;max-width:500px;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003;z-index:var(--z-dropdown);max-height:80vh;overflow-y:auto}.settings-panel__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e2e8f0}.settings-panel__title{font-size:1.5rem;color:#2d3748;margin:0}.settings-panel__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#718096;padding:.25rem .5rem;transition:color .2s}.settings-panel__close:hover{color:#2d3748}.settings-panel__sections{padding:1rem}.settings__section{padding:1.5rem;border-bottom:1px solid #e2e8f0}.settings__section:last-child{border-bottom:none}.settings__section-title{font-size:1.1rem;color:#2d3748;margin:0 0 1rem;font-weight:600}.settings__controls{display:flex;flex-direction:column;gap:1rem}.settings__control{display:flex;flex-direction:column;gap:.5rem}.settings__label{font-size:.9rem;font-weight:500;color:#4a5568}.settings__slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.settings__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;transition:background .2s}.settings__slider::-webkit-slider-thumb:hover{background:#5568d3}.settings__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:background .2s}.settings__slider::-moz-range-thumb:hover{background:#5568d3}.settings__select{padding:.5rem;border:2px solid #cbd5e0;border-radius:.375rem;background:#fff;font-size:.9rem;color:#2d3748;cursor:pointer;transition:border-color .2s}.settings__select:focus{outline:none;border-color:#667eea}.settings__checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none}.settings__checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.mode-switch{display:flex;gap:.5rem}.mode-switch__button{flex:1;padding:.75rem 1rem;border:2px solid #cbd5e0;background:#fff;border-radius:.5rem;font-size:.95rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.mode-switch__button:hover{border-color:#667eea;background:#f7fafc}.mode-switch__button--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.mode-switch__button--active:hover{background:linear-gradient(135deg,#5568d3,#6a3d91)}.config-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;justify-content:flex-start;align-items:flex-start;padding:clamp(1.25rem,3vw,2rem) clamp(.5rem,3vw,1.5rem);background:#0f172a59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.config{position:relative;width:min(100%,360px);max-width:calc(100vw - 2rem);margin-left:auto;margin-right:var( --practice-settings-offset, calc( (100vw - var(--practice-controls-max-width, 800px)) / 2 + var(--practice-controls-padding, 0rem) ) );background:#fffffff0;border-radius:1rem;padding:.85rem;box-sizing:border-box;box-shadow:0 16px 48px #0003;display:grid;gap:.65rem;animation:configIn .22s ease}@keyframes configIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.config h2{margin:-.85rem -.85rem .5rem;font-size:1.25rem;color:#2d3748;position:sticky;top:-1rem;background:#fff;padding:1.35rem .85rem .5rem;z-index:var(--z-modal-header);grid-row:1;grid-column:1;border-radius:1rem 1rem 0 0}.config__close{position:sticky;top:.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #cbd5e0;background:#fff;color:#2d3748;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #0000001f;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;z-index:var(--z-modal-close);grid-row:1;grid-column:1;justify-self:end;align-self:start}.config__close:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000029}.config__grid{display:grid;gap:.5rem;grid-template-columns:1fr}.config__section{background:#fff;border-radius:.75rem;display:block;box-shadow:0 2px 8px #0000001a;overflow:visible}.config__section+.config__section{margin-top:.2rem}.config__section-summary{list-style:none;cursor:pointer;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:sticky;top:2rem;background:#fff;z-index:var(--z-modal-summary)}.config__section-summary::-webkit-details-marker,.config__section-summary::marker{display:none}.config__section-summary:hover{background-color:#f7fafc}.config__section-summary:after{content:"›";font-size:1.5rem;font-weight:300;color:#a0aec0;transform:rotate(90deg);transition:transform .2s ease;display:inline-block;width:1.25rem;text-align:center}.config__section[open] .config__section-summary:after{transform:rotate(270deg)}.config__section-title{font-size:1rem;font-weight:600;color:var(--primary-color)}.config__group{display:grid;gap:.6rem;border:none;margin:0;padding:0}.config__card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.config__card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;align-items:start}.config__card{display:grid;gap:.4rem;padding:.85rem;border:2px solid var(--panel-border-color);border-radius:.5rem;background:#f7fafc;overflow:visible}.config__card--center{align-items:center}.config__card--toggle{align-items:flex-start}.config__card-toggle{display:flex;align-items:flex-start;gap:.65rem}.config__card-toggle input[type=checkbox]{margin-top:.15rem;accent-color:#667eea}.config__card-text{display:grid;gap:.1rem}.config__word-preview{margin-top:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;padding:.35rem .5rem;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.config__word-preview-list{margin:.35rem 0 0;padding-left:1.1rem;list-style:disc;display:grid;gap:.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.config__word-preview-list li{font-weight:600;color:#4a5568;word-break:break-word;font-size:.95rem}.config__word-preview-summary{display:flex;align-items:baseline;justify-content:space-between;cursor:pointer;gap:.5rem;padding:.25rem .35rem;border-radius:.35rem;transition:background .2s ease}.config__word-preview[open]{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000f}.config__word-preview-summary:hover{background:#edf2f7}.config__word-preview-summary::marker{color:#4c51bf}.pill-select{position:relative;width:100%;max-width:100%;z-index:var(--z-pill-select);overflow:visible}.pill-select--open{z-index:var(--z-pill-select-open)}.config__group--framed{padding:0 .75rem .75rem;border-top:1px solid var(--panel-border-color)}.config__hint--spaced{margin-bottom:.75rem}.config__hint--tight{margin-bottom:.5rem}.config__hint--inline{margin:.5rem 0}.config__hint--center{text-align:center}.config__hint--top-gap{margin-top:.5rem}.config__button-stack{display:flex;flex-direction:column;gap:.5rem}.config__status--spaced{margin-top:.5rem}.config__operation-body--stacked{display:flex;flex-direction:column;gap:.5rem}.config__operation-input--spaced{margin-bottom:.5rem}.config__operation-content--static{cursor:default}.config__file-input{display:none}.pill-select__trigger{width:100%;display:flex;align-items:center;gap:.5rem;justify-content:space-between;background:#fff;border:2px solid #cbd5e0;border-radius:999px;padding:.5rem .8rem;font-weight:600;color:#2d3748;box-shadow:0 1px #ffffffb3}.pill-select__icon{width:2rem;height:2rem;border-radius:999px;background:#edf2f7;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#4c51bf;flex-shrink:0}.pill-select__label{font-size:.9rem;color:#4a5568}.pill-select__value{margin-left:auto;font-weight:700;color:#2d3748}.pill-select__chevron{margin-left:.35rem;color:#718096;font-size:.9rem}.pill-select__list{position:absolute;left:0;right:0;top:calc(100% + .35rem);display:grid;gap:.35rem;padding:.5rem;background:#fff;border:2px solid #cbd5e0;border-radius:.75rem;box-shadow:0 8px 20px #0000001f;max-height:15rem;overflow-y:auto;z-index:var(--z-pill-select-open);box-sizing:border-box}.pill-select__option{border:1px solid #cbd5e0;border-radius:999px;padding:.55rem .85rem;background:#f7fafc;font-weight:600;color:#2d3748;text-align:center}.pill-select__option.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 6px 16px #667eea40}.pill-select__option:focus-visible{outline:2px solid #667eea;outline-offset:2px}.pill-select--open .pill-select__trigger{border-color:#667eea}.pill-select__list[hidden]{display:none}.config__field{display:grid;gap:.25rem}.config__field--toggle{gap:.3rem}.config__field label{font-weight:600;color:#4a5568;font-size:.95rem}.config__field select,.config__field input[type=number]{padding:.45rem .65rem;border:2px solid var(--panel-border-color);border-radius:.5rem;font-size:.95rem;font-family:inherit;background:#fff;color:var(--primary-color)}.config__field select:focus,.config__field input[type=number]:focus{outline:none;border-color:var(--accent-color)}.config__hint{font-size:.8rem;color:var(--muted-text-color);margin:0}.config__toggle{display:flex;flex-direction:column;gap:.25rem}.config__toggle--inline{flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem}.config__quick-tile .config__toggle{flex-direction:row;align-items:center;justify-content:center;margin-left:auto}.config__toggle input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#667eea}.config__operations{display:grid;gap:.8rem}.config__operations-grid{display:grid;grid-template-columns:1fr;gap:.75rem;max-width:100%;overflow:hidden}.config__operation-tile{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:.75rem;overflow:visible;position:relative}.config__operation-tile:has(.pill-select--open){margin-bottom:10rem}.config__operation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.config__operation-header input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:#667eea;margin:0}.config__operation-label{font-weight:600;font-size:.875rem;color:#2d3748;margin:0}.config__operation-body{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.config__operation-input-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.config__operation-copy{min-width:0}.config__operation-subtitle{display:block;margin:0 0 .15rem;font-weight:600;font-size:.85rem;color:#2d3748}.config__operation-hint{margin:0;font-size:.75rem;color:#4a5568}.config__operation-input-wrap{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;background:#fff;border:1px solid #cbd5e0;border-radius:.5rem;box-shadow:inset 0 1px #fffc}.config__operation-input-wrap--compact{padding:.35rem .5rem}.config__operation-symbol{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.4rem;background:#edf2f7;color:#4c51bf;font-weight:700;font-size:1rem}.config__operation-input{width:5.75rem;max-width:100%;min-width:0;padding:.35rem .45rem;border:none;border-radius:.35rem;font-size:1rem;background:transparent;text-align:center;font-variant-numeric:tabular-nums}.config__operation-input:focus{outline:2px solid #667eea;outline-offset:2px}.config__operation-input:disabled{color:#a0aec0;background:transparent;cursor:not-allowed}.config__section-divider{border-top:1px dashed #cbd5e0;margin:.75rem 0 0}.config__quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.config__quick-tile{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border:2px solid #cbd5e0;border-radius:.5rem;background:#fff}.config__quick-copy{min-width:0}.config__quick-tile--toggle{justify-content:flex-start}.config__quick-toggle{display:flex;align-items:flex-start;gap:.65rem}.config__quick-toggle input[type=checkbox]{margin-top:.15rem;accent-color:#667eea}.config__compact-select{border:none;background:transparent;font-size:.95rem;color:#2d3748;padding:.35rem .25rem}.config__compact-select:focus{outline:2px solid #667eea;outline-offset:2px}.config__operation{display:grid;gap:.5rem;padding:.85rem;border:2px solid #cbd5e0;border-radius:.75rem;background:#f7fafc}.config__operation--selected{border-color:#667eea;background:#edf2f7}.config__operation-toggle{display:flex;align-items:center;gap:.65rem;font-weight:600;color:#2d3748}.config__operation-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:#667eea}@media(max-width:768px){.settings-panel__content{position:fixed;inset:0;min-width:auto;max-width:none;max-height:none;border-radius:0}.practice-page{--practice-controls-padding: .5rem}.controls__bar{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;width:100%}.controls__bar>*{min-width:0}.mode-switch-practice__label{display:none}.mode-switch-practice{flex-shrink:0}.mode-switch-practice__control{padding:.125rem}.mode-switch-practice__option .pill-option{padding:.375rem .75rem;font-size:.8125rem}.stats-badge{flex:0 1 auto;min-width:0}.stats-badge__toggle{padding:.5rem .75rem;gap:.375rem;min-height:2.75rem;width:auto;justify-content:center}.stats-badge__section{gap:.25rem}.stats-badge__emoji{font-size:1rem}.stats-badge__value{font-size:.875rem;font-weight:600;min-width:1.25rem}.stats-badge__ring-container,.stats-badge__ring{width:32px;height:32px}.stats-badge__ring-emoji{font-size:.875rem}.stats-badge__divider{height:1.25rem}.stats-badge__chevron{width:10px;height:10px}.stats-badge__dropdown{left:.5rem;right:.5rem;min-width:auto}.pill-option__full{display:none}.pill-option__short{display:inline}.flashcard{padding:2rem 1rem}.practice-page h1{font-size:1.75rem}.config{padding:1rem}.settings-toggle{width:2.5rem;height:2.5rem;flex-shrink:0}.settings-toggle__bar{width:18px}}@media(max-width:433px){.stats-badge__toggle>.stats-badge__section:nth-child(1),.stats-badge__toggle>.stats-badge__divider:nth-child(2){display:none}.stats-badge__toggle{padding:.5rem .625rem}}@media(max-width:390px){.stats-badge__toggle>.stats-badge__section:nth-child(5),.stats-badge__toggle>.stats-badge__divider:nth-child(4){display:none}.stats-badge__toggle{padding:.5rem;gap:.25rem}.stats-badge__chevron{margin-left:.125rem}}.flashcard__listening-stack{display:flex;flex-direction:column;gap:.75rem;justify-content:center;width:100%}.flashcard__listening-content{display:grid;gap:.35rem;justify-items:center}.flashcard__mic-icon{width:3rem;height:3rem;color:#f5f7ff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.flashcard__listening-text{display:grid;gap:.1rem;text-align:center}.flashcard__listening-primary{font-weight:700}.flashcard__listening-secondary{font-size:.95rem;color:#e6e8f5}.flashcard__button-group--stacked{gap:.75rem}.config__button-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.config__ghost-button{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#ffffffe6,#ffffffbf);border:1px solid rgba(255,255,255,.5);border-radius:50px;color:var(--primary-color);font-family:var(--font-family);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.config__ghost-button:hover{background:linear-gradient(135deg,#fff,#fffffff2);transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.config__ghost-button:active{transform:scale(.98)}.config__number-picker{display:flex;align-items:center;gap:.5rem;justify-content:center}.config__number-picker-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ffffffe6,#ffffffbf);border:1px solid rgba(255,255,255,.5);border-radius:50%;color:var(--primary-color);font-family:var(--font-family);font-weight:700;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);line-height:1;padding:0}.config__number-picker-btn:hover{background:linear-gradient(135deg,#fff,#fffffff2);transform:scale(1.1);box-shadow:0 4px 12px #0000001f}.config__number-picker-btn:active{transform:scale(.95)}.config__number-picker-value{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid rgba(255,255,255,.6);border-radius:50px;min-width:5rem;justify-content:center;box-shadow:0 2px 6px #00000014;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.config__number-picker-number{font-family:var(--font-family);font-weight:700;font-size:1.25rem;color:var(--primary-color);border:none;background:transparent;width:3rem;text-align:center;padding:0;outline:none}.config__number-picker-number::-webkit-outer-spin-button,.config__number-picker-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config__number-picker-number[type=number]{-moz-appearance:textfield}.config__number-picker-number:focus{outline:2px solid rgba(46,62,80,.3);outline-offset:2px;border-radius:4px}.config__operation-collapsed{display:inline-flex;align-items:center;gap:.65rem;width:auto;padding:.5rem .85rem;background:linear-gradient(135deg,#ffffffe6,#ffffffbf);border:1px solid rgba(255,255,255,.5);border-radius:50px;box-shadow:0 2px 6px #00000014;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:var(--font-family)}.config__operation-collapsed--disabled{opacity:.6;background:linear-gradient(135deg,#c8c8c880,#b4b4b466)}.config__operation-toggle{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0;cursor:pointer}.config__operation-toggle-input{opacity:0;width:0;height:0;position:absolute}.config__operation-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e0;transition:.3s;border-radius:20px;box-shadow:inset 0 1px 3px #0000001a}.config__operation-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.config__operation-toggle-input:checked+.config__operation-toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.config__operation-toggle-input:checked+.config__operation-toggle-slider:before{transform:translate(18px)}.config__operation-collapsed-content{flex:1;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit;text-align:left;transition:transform .2s ease;min-width:0}.config__operation-collapsed-label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.875rem;color:var(--primary-color)}.config__operation-collapsed-value{flex-shrink:0;margin-left:auto;font-weight:600;font-size:.8rem;color:var(--accent-color);padding:.2rem .6rem;background:#e74c3c1a;border-radius:50px}.config__operation-collapsed-content:disabled{cursor:not-allowed;opacity:.7}.config__operation-collapsed-content:not(:disabled):hover{transform:translate(3px)}.config__operation-collapsed:not(.config__operation-collapsed--disabled):hover{background:linear-gradient(135deg,#fff,#fffffff2);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.config__operation-collapsed--disabled .config__operation-collapsed-label,.config__operation-collapsed--disabled .config__operation-collapsed-value{color:#94a3b8}.config__operation-expanded{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;padding:.75rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:2px solid #667eea;border-radius:.75rem;box-shadow:0 4px 12px #667eea26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:expandIn .2s ease;overflow:visible;box-sizing:border-box;position:relative;z-index:var(--z-card-surface)}@keyframes expandIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.config__operation-expanded .config__operation-header{margin-bottom:0}.config__operation-expanded .config__operation-body{overflow:visible}.config__operation-collapse-btn{width:100%;max-width:100%;margin-top:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,#ffffffe6,#ffffffbf);border:1px solid rgba(255,255,255,.5);border-radius:50px;color:var(--primary-color);font-family:var(--font-family);font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box}.config__operation-collapse-btn:hover{background:linear-gradient(135deg,#fff,#fffffff2);transform:scale(1.02);box-shadow:0 4px 12px #0000001f}