@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";:root{--color-surface:#fff8f6;--color-surface-dim:#e5d7d3;--color-surface-bright:#fff8f6;--color-surface-container-lowest:#fff;--color-surface-container-low:#fff1ec;--color-surface-container:#f9ebe7;--color-surface-container-high:#f3e5e1;--color-surface-container-highest:#ede0db;--color-on-surface:#211a18;--color-on-surface-variant:#53433e;--color-inverse-surface:#362f2c;--color-inverse-on-surface:#fceee9;--color-outline:#86736d;--color-outline-variant:#d8c2ba;--color-surface-tint:#8d4d33;--color-primary:#461602;--color-on-primary:#fff;--color-primary-container:#622b14;--color-on-primary-container:#e19273;--color-inverse-primary:#ffb59a;--color-primary-fixed:#ffdbce;--color-primary-fixed-dim:#ffb59a;--color-on-primary-fixed:#370e00;--color-on-primary-fixed-variant:#71361e;--color-secondary:#885122;--color-on-secondary:#fff;--color-secondary-container:#fdb47c;--color-on-secondary-container:#784416;--color-secondary-fixed:#ffdcc4;--color-secondary-fixed-dim:#ffb780;--color-on-secondary-fixed:#2f1400;--color-on-secondary-fixed-variant:#6c3a0c;--color-tertiary:#655f3a;--color-on-tertiary:#fff;--color-tertiary-container:#b5ac81;--color-on-tertiary-container:#46401e;--color-tertiary-fixed:#ede3b4;--color-tertiary-fixed-dim:#d0c79a;--color-on-tertiary-fixed:#201c01;--color-on-tertiary-fixed-variant:#4d4725;--colo-set-placeholder:#6b7280;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#fdedeb;--color-on-error-container:#93000a;--color-background:#fff8f6;--color-on-background:#211a18;--color-surface-variant:#ede0db;--button-shadow:0 5px 0 #622b1444;--font-family-body:"IBM Plex Sans Arabic", sans-serif;--font-display-lg-size:48px;--font-display-lg-weight:700;--font-display-lg-line-height:56px;--font-display-lg-letter-spacing:-.02em;--font-display-lg-mobile-size:36px;--font-display-lg-mobile-weight:700;--font-display-lg-mobile-line-height:42px;--font-headline-md-size:32px;--font-headline-md-weight:600;--font-headline-md-line-height:40px;--font-headline-sm-size:24px;--font-headline-sm-weight:600;--font-headline-sm-line-height:32px;--font-body-lg-size:18px;--font-body-lg-weight:500;--font-body-lg-line-height:28px;--font-body-md-size:16px;--font-body-md-weight:400;--font-body-md-line-height:24px;--font-label-lg-size:16px;--font-label-lg-weight:600;--font-label-lg-line-height:20px;--font-label-sm-size:12px;--font-label-sm-weight:500;--font-label-sm-line-height:16px;--rounded-sm:.5rem;--rounded-default:1rem;--rounded-md:1.5rem;--rounded-lg:2rem;--rounded-xl:3rem;--rounded-full:9999px;--spacing-base:8px;--spacing-container-padding-mobile:20px;--spacing-container-padding-desktop:40px;--spacing-gutter:16px;--spacing-card-gap:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);color:var(--color-primary);direction:rtl;background-color:#fff}.container{width:95%;margin:0 auto}.button{align-items:center;gap:var(--spacing-base);border-radius:var(--rounded-full);background-color:var(--color-primary-container);color:var(--color-on-primary);font-family:var(--font-family-body);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);box-shadow:var(--button-shadow);cursor:pointer;border:0;padding:14px 24px;transition:all .2s ease-in-out;display:inline-flex}.button:active{box-shadow:none;transform:translateY(4px)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;pointer-events:none}.header{background-color:var(--color-surface);box-shadow:0px 4px 1px var(--color-surface-variant)}.header .header__container{padding-block:var(--spacing-card-gap);justify-content:space-between;display:flex}.header .header__container .header__logo{align-items:center;gap:var(--spacing-base);-webkit-user-select:none;user-select:none;font-weight:700;display:flex}.header .header__container .header__logo-icon{order:-1;font-size:2rem;rotate:20deg}.header .header__container .header__return{text-decoration:none}@media screen and (width<=786px){.header .header__container .header__return .header__return-text{display:none}}.home__set-card{border:2px solid var(--color-outline-variant);border-radius:var(--rounded-md);background-color:var(--color-surface-container-lowest);padding:26px;position:relative;overflow:hidden}.home__set-corner{border-bottom-right-radius:var(--rounded-full);opacity:.5;width:96px;height:96px;position:absolute;top:0;left:0}.home__set-corner--weak-soft{background-color:var(--home-light-red)}.home__set-corner--medium-soft{background-color:var(--home-light-orange);opacity:.3}.home__set-corner--strong-soft{background-color:var(--home-light-green)}.home__set-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.home__set-buttons{align-items:center;gap:var(--spacing-base);display:flex}.home__set-button{border-radius:var(--rounded-full);box-shadow:var(--button-shadow);cursor:pointer;color:var(--color-on-primary);border:0;transition:all .2s ease-in-out}.home__set-button .home__set-button-icon{font-size:1.25rem}.home__set-button:active{box-shadow:none;transform:translateY(4px)}.home__set-button--edit{background-color:var(--color-outline);width:30px;height:30px}.home__set-button--delete{background-color:var(--color-error);width:30px;height:30px}.home__set-button--play{background-color:var(--color-primary-container);width:40px;height:40px}.home__set-source{border:2px solid var(--color-outline-variant);border-radius:var(--rounded-full);background-color:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);align-items:center;padding:6px 14px;display:inline-flex}.home__set-title{color:var(--color-primary);font-size:var(--font-headline-sm-size);font-weight:var(--font-headline-sm-weight);line-height:var(--font-headline-sm-line-height);text-align:right;margin-top:18px}.home__set-description{min-height:48px;color:var(--color-on-surface-variant);font-size:var(--font-body-md-size);line-height:var(--font-body-md-line-height);text-align:right;margin-top:8px}.home__set-footer{border-top:2px solid var(--color-surface-container-highest);justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;display:flex}.home__set-meta{align-items:center;gap:12px;display:inline-flex}.home__set-texts{text-align:right}.home__set-count{color:var(--color-primary);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height)}.home__set-status{font-size:var(--font-label-sm-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-sm-line-height)}.home__set-status--weak{color:var(--home-red)}.home__set-status--medium{color:var(--home-orange)}.home__set-status--strong{color:var(--home-green)}.home__progress{--ring-size:48px;--ring-thickness:6px;--ring-color:var(--home-red);width:var(--ring-size);height:var(--ring-size);border-radius:var(--rounded-full);background:conic-gradient(var(--ring-color) var(--progress), var(--color-surface-container-highest) 0);justify-content:center;align-items:center;display:flex;position:relative}.home__progress:before{content:"";inset:var(--ring-thickness);border-radius:var(--rounded-full);background-color:var(--color-surface-container-lowest);position:absolute}.home__progress span{z-index:1;color:var(--color-primary);font-size:var(--font-label-sm-size);font-weight:700;line-height:var(--font-label-sm-line-height);position:relative}.home__progress--weak{--ring-color:var(--home-red)}.home__progress--medium{--ring-color:var(--home-orange)}.home__progress--strong{--ring-color:var(--home-green)}.wrapper{z-index:9999;pointer-events:none;width:min(340px,100vw - 40px);padding:10px;position:fixed;bottom:5px;left:20px;overflow:hidden}.wrapper .error-msg{align-items:center;gap:var(--spacing-gutter);padding:var(--spacing-gutter);background-color:var(--color-error-container);border-radius:var(--rounded-full);box-shadow:4px 0px 0px var(--color-error), 0px 2px 6px #622b1444;pointer-events:auto;flex-direction:row-reverse;display:flex;transform:translateY(120%)}.wrapper .error-msg .error-msg__wraning{border-radius:var(--rounded-full);background-color:var(--color-error);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.wrapper .error-msg .error-msg__wraning .error-msg__wraning-icon{color:var(--color-on-error);font-size:22px}.wrapper .error-msg .error-msg__info{text-align:right;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wrapper .error-msg .error-msg__info .error-msg__title{font-family:var(--font-family-body);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);color:var(--color-on-error-container)}.wrapper .error-msg .error-msg__info .error-msg__descritp{font-family:var(--font-family-body);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);color:var(--color-on-surface-variant)}.wrapper .error-msg .error-msg__icon-wrapper{cursor:pointer;color:var(--color-error);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s ease-in-out,transform .2s ease-in-out;display:inline-flex}.wrapper .error-msg .error-msg__icon-wrapper:hover{transform:scale(1.15)}.wrapper .error-msg .error-msg__icon-wrapper .error-msg__icon{font-size:20px}.wrapper.active .error-msg{animation:.5s cubic-bezier(.22,1,.36,1) forwards error-bounce-in}@keyframes error-bounce-in{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-110%)}55%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:translateY(0%)}70%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-18%)}83%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:translateY(0%)}91%{animation-timing-function:ease-out;transform:translateY(-7%)}to{transform:translateY(0%)}}@media (width<=768px){.wrapper{width:min(300px,100vw - 32px);bottom:16px;left:16px}.wrapper .error-msg{gap:var(--spacing-base);padding:var(--spacing-base) var(--spacing-gutter)}.wrapper .error-msg .error-msg__wraning{width:34px;height:34px}.wrapper .error-msg .error-msg__wraning .error-msg__wraning-icon{font-size:18px}.wrapper .error-msg .error-msg__icon-wrapper .error-msg__icon{font-size:18px}}:root{--home-green:#9ad872;--home-orange:#e87f24;--home-red:#ff3737;--home-light-green:#e6f4df;--home-light-orange:#fdb47c;--home-light-red:#ffdad6}.home{flex-direction:column;gap:32px;padding:12px 0;display:flex}.home .home__header-container{justify-content:space-between;align-items:center;gap:var(--spacing-card-gap);margin-top:48px;display:flex}.home .home__title{text-align:right;gap:var(--spacing-gutter);flex-direction:column;display:flex}.home .home__main-title{color:var(--color-primary);font-size:var(--font-display-lg-size);font-weight:var(--font-headline-md-weight);line-height:var(--font-headline-md-line-height)}.home .home__subtitle{color:var(--color-on-surface-variant);font-size:var(--font-body-md-size);line-height:var(--font-body-md-line-height);margin-top:8px}.home .home__filters{border-bottom:2px solid var(--color-outline-variant);padding-bottom:16px}.home .home__filters-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.home .home__filters-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.home .home__filters-label{color:var(--color-on-surface-variant);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height)}.home .home__filters-desktop{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.home .home__filters-mobile{display:none;position:relative}.home .home__filter-button{border:2px solid var(--color-outline-variant);border-radius:var(--rounded-full);background-color:var(--color-surface-container);color:var(--color-on-surface-variant);font-family:var(--font-family-body);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);box-shadow:0px 6px 0 var(--color-outline-variant);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;transition:all .2s ease-in-out;display:inline-flex}.home .home__filter-button.active{box-shadow:none;background-color:#d8c2ba8e;transform:translateY(6px)}.home .home__filter-dot{border-radius:var(--rounded-full);width:12px;height:12px}.home .home__filter-dot--weak{background-color:var(--home-red)}.home .home__filter-dot--medium{background-color:var(--home-orange)}.home .home__filter-dot--strong{background-color:var(--home-green)}.home .home__create-link{text-decoration:none}.home .home__create-icon{font-size:1.4rem}.home .home__dropdown-trigger{border:2px solid var(--color-outline-variant);border-radius:var(--rounded-full);background-color:var(--color-surface-container);width:100%;color:var(--color-on-surface);font-family:var(--font-family-body);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.home .home__dropdown-icon{font-size:18px;transition:transform .2s}.home .home__dropdown-icon--open{transform:rotate(180deg)}.home .home__dropdown-menu{inset-inline-start:0;z-index:20;border:1px solid var(--color-outline-variant);border-radius:var(--rounded-xl);background-color:var(--color-surface);width:100%;box-shadow:var(--button-shadow);padding:var(--spacing-gutter);gap:6px;display:grid;position:absolute;top:calc(100% + 8px)}.home .home__dropdown-item{border-radius:var(--rounded-lg);color:var(--color-on-surface);font-family:var(--font-family-body);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);cursor:pointer;background-color:#0000;border:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.home .home__dropdown-item.active{border-color:var(--color-outline-variant);background-color:var(--color-surface-container)}.home .home__sets{gap:var(--spacing-card-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1024px){.home .home__sets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.home{padding:12px var(--spacing-container-padding-mobile) 32px;gap:24px}.home .home__header-container{margin-top:24px}.home .home__main-title{font-size:var(--font-headline-md-size);text-align:start;line-height:34px}.home .home__subtitle{font-size:14px;line-height:22px}.home .home__filters-actions{flex-direction:column;align-items:stretch;gap:12px}.home .home__filters-group{flex-direction:column;align-items:stretch;gap:10px;width:100%}.home .home__filters-label{text-align:right}.home .home__filters-desktop{display:none}.home .home__filters-mobile{width:100%;display:block}.home .home__create-link{width:100%}.home .home__create-button{justify-content:center;width:100%}.home .home__sets{grid-template-columns:1fr;gap:16px}.home .home__set-card{padding:20px}.home .home__set-title{font-size:22px;line-height:30px}}.manual-mode{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.manual-mode .manual-mode__cards{flex-direction:column;gap:14px;width:min(100%,1040px);display:flex}.manual-mode .manual-mode__card{border:2px solid var(--color-primary-container);border-radius:var(--rounded-md);background-color:var(--color-surface-container-lowest);border-bottom-width:6px;align-items:flex-start;width:100%;min-height:162px;padding:34px 28px 24px;display:flex;position:relative}.manual-mode .manual-mode__card-number{top:-16px;border:2px solid var(--color-primary-container);border-radius:var(--rounded-full);background-color:var(--color-secondary-container);width:34px;height:34px;color:var(--color-primary);font-size:var(--font-label-lg-size);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-inline-start:-16px}.manual-mode .manual-mode__delete-button{top:16px;border-radius:var(--rounded-sm);width:22px;height:22px;color:var(--color-primary-container);cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s ease-in-out;display:inline-flex;position:absolute;inset-inline-end:16px}.manual-mode .manual-mode__delete-button:focus-visible{outline:2px solid var(--color-outline-variant);outline-offset:3px}.manual-mode .manual-mode__delete-button:hover{background-color:var(--color-error-container);color:var(--color-error)}.manual-mode .manual-mode__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;display:grid}.manual-mode .manual-mode__field{flex-direction:column;gap:8px;display:flex}.manual-mode .manual-mode__label{color:var(--color-primary);font-size:var(--font-label-sm-size);font-weight:700;line-height:var(--font-label-sm-line-height);text-align:right}.manual-mode .manual-mode__input{border:2px solid var(--color-outline-variant);border-radius:var(--rounded-sm);background-color:var(--color-surface-container-lowest);width:100%;height:84px;color:var(--color-on-surface);font-family:var(--font-family-body);font-size:var(--font-body-md-size);font-weight:var(--font-body-md-weight);line-height:var(--font-body-md-line-height);text-align:right;outline:0;padding:14px 18px;transition:all .2s ease-in-out}.manual-mode .manual-mode__input::placeholder{color:var(--color-outline)}.manual-mode .manual-mode__input:focus{border-color:var(--color-primary-container);box-shadow:0 0 0 3px #622b141a}.manual-mode .manual-mode__empty-message{border:3px dashed var(--color-outline-variant);border-radius:var(--rounded-default);width:100%;color:var(--color-outline);font-size:var(--font-body-md-size);line-height:var(--font-body-md-line-height);text-align:center;background-color:#0000;padding:32px 20px}.manual-mode .manual-mode__add-button{border:3px dashed var(--color-outline-variant);border-radius:var(--rounded-default);width:min(100%,1040px);min-height:86px;color:var(--color-outline);font-family:var(--font-family-body);font-size:var(--font-body-lg-size);font-weight:600;line-height:var(--font-body-lg-line-height);cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .2s ease-in-out;display:inline-flex}.manual-mode .manual-mode__add-button svg{font-size:24px}.manual-mode .manual-mode__add-button:focus-visible{outline:3px solid var(--color-outline-variant);outline-offset:3px}.manual-mode .manual-mode__add-button:hover{border-color:var(--color-primary-container);color:var(--color-primary-container);background-color:#622b140a}@media (width<=768px){.manual-mode{gap:12px}.manual-mode .manual-mode__cards{width:100%}.manual-mode .manual-mode__card{min-height:auto;padding:34px 16px 18px}.manual-mode .manual-mode__card-number{top:-14px;width:30px;height:30px;inset-inline-start:-10px}.manual-mode .manual-mode__fields{grid-template-columns:1fr;gap:14px}.manual-mode .manual-mode__input{height:76px;padding:12px 14px}.manual-mode .manual-mode__add-button{width:100%;min-height:76px;font-size:var(--font-label-lg-size)}}.flashcard-loader-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background-color:#fff8f6d9;justify-content:center;align-items:center;animation:.35s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.flashcard-loader-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:90%;max-width:420px;padding:40px;display:flex}.flashcard-loader-stack{perspective:1000px;justify-content:center;align-items:center;width:220px;height:260px;margin-bottom:12px;display:flex;position:relative}.loader-card{border-radius:var(--rounded-md);background-color:var(--color-surface-container-lowest);border:2px solid var(--color-outline-variant);width:160px;height:220px;box-shadow:0 4px 0 var(--color-primary-container), 0 6px 24px #46160214;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 18px;animation:3.6s cubic-bezier(.4,0,.2,1) infinite cardCycle;display:flex;position:absolute}.loader-card--1{animation-delay:0s}.loader-card--2{animation-delay:-1.2s}.loader-card--3{animation-delay:-2.4s}@keyframes cardCycle{0%,to{z-index:3;opacity:1;filter:drop-shadow(0 12px 24px #46160226);transform:translateZ(30px)scale(1)rotate(0)}30%{z-index:3;opacity:.9;transform:translate3d(-120px,-10px,30px)scale(.95)rotate(-10deg)}35%{z-index:1}60%{z-index:1;opacity:.45;filter:drop-shadow(0 4px 8px #4616020a);transform:translate3d(0,-18px,-30px)scale(.82)rotate(4deg)}65%{z-index:2}82%{z-index:2;opacity:.8;filter:drop-shadow(0 8px 16px #46160214);transform:translateY(-9px)scale(.91)rotate(-3deg)}}.loader-card-badge{border-radius:var(--rounded-full);background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);align-items:center;padding:3px 12px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.loader-card-badge--definition{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.loader-card-content{flex-direction:column;align-items:center;gap:8px;width:100%;margin:auto 0;display:flex}.loader-card-line{background-color:var(--color-surface-variant);border-radius:var(--rounded-full);opacity:.75;width:80%;height:6px}.loader-card-line--long{width:100%}.loader-card-line--medium{width:70%}.loader-card-line--short{width:50%}.loader-card-stars{color:var(--color-secondary);font-size:16px;animation:1.5s ease-in-out infinite alternate starBlink}@keyframes starBlink{0%{opacity:.6;transform:scale(.85)rotate(0)}to{opacity:1;transform:scale(1.15)rotate(15deg)}}.flashcard-loader-text-wrapper{flex-direction:column;gap:10px;display:flex}.flashcard-loader-text{font-size:var(--font-body-lg-size);font-weight:var(--font-body-lg-weight);line-height:var(--font-body-lg-line-height);color:var(--color-primary);min-height:56px;margin:0;transition:opacity .4s,transform .4s}.flashcard-loader-text.fade-in{opacity:1;transform:translateY(0)}.flashcard-loader-text.fade-out{opacity:0;transform:translateY(-8px)}.flashcard-loader-subtext{font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);color:var(--color-on-surface-variant);opacity:.75;letter-spacing:.05em;animation:2s ease-in-out infinite pulseSubtext}@keyframes pulseSubtext{0%,to{opacity:.5}50%{opacity:.9}}.ai-mode{--color-set-placeholder:#6b7280;gap:var(--spacing-gutter);flex-direction:column;width:min(100%,1040px);display:flex}.ai-mode .ai-mode__title{color:var(--color-primary);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);text-align:right}.ai-mode .ai-mode__source-fields{gap:var(--spacing-card-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.ai-mode .ai-mode__field{gap:var(--spacing-base);flex-direction:column;display:flex}.ai-mode .ai-mode__field--instructions{width:100%}.ai-mode .ai-mode__label,.ai-mode .ai-mode__optional-label{color:var(--color-on-surface-variant);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);text-align:right}.ai-mode .ai-mode__optional-label{margin-top:calc(var(--spacing-base) * -.5)}.ai-mode .ai-mode__control,.ai-mode .ai-mode__textarea{border:2px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);width:100%;color:var(--color-on-surface);outline:0;transition:all .2s ease-in-out}:is(.ai-mode .ai-mode__control,.ai-mode .ai-mode__textarea):focus,:is(.ai-mode .ai-mode__control,.ai-mode .ai-mode__textarea):focus-within{border-color:var(--color-primary-container);box-shadow:0 0 0 3px #622b141a}.ai-mode .ai-mode__control{align-items:center;gap:var(--spacing-base);border-radius:var(--rounded-full);min-height:56px;padding-inline:var(--spacing-gutter);display:flex;position:relative;overflow:hidden}.ai-mode .ai-mode__control svg{color:var(--color-set-placeholder);flex:none;font-size:18px}.ai-mode .ai-mode__control--file{cursor:pointer;border-style:dashed;justify-content:space-between}.ai-mode .ai-mode__control--active{border-color:var(--color-primary-container);background-color:var(--color-primary-fixed);border-style:solid;box-shadow:0 0 0 3px #622b141a}.ai-mode .ai-mode__control--active .ai-mode__control-value,.ai-mode .ai-mode__control--active svg{color:var(--color-primary-container)}.ai-mode .ai-mode__control-field,.ai-mode .ai-mode__control-value,.ai-mode .ai-mode__textarea{font-family:var(--font-family-body);font-size:var(--font-body-md-size);font-weight:var(--font-body-md-weight);line-height:var(--font-body-md-line-height);text-align:right}.ai-mode .ai-mode__control-field{width:100%;min-height:52px;color:var(--color-on-surface);background-color:#0000;border:0;outline:0}.ai-mode .ai-mode__control-field::placeholder{color:var(--color-set-placeholder);opacity:1}.ai-mode .ai-mode__control-value{align-items:center;gap:var(--spacing-base);min-width:0;color:var(--color-set-placeholder);display:inline-flex}.ai-mode .ai-mode__native-file{opacity:0;cursor:pointer;position:absolute;inset:0}.ai-mode .ai-mode__textarea{resize:vertical;border-radius:var(--rounded-lg);min-height:86px;padding:18px 20px}.ai-mode .ai-mode__textarea::placeholder{color:var(--color-set-placeholder);opacity:1}.ai-mode .ai-mode__field-header{justify-content:space-between;align-items:center;width:100%;display:flex}.ai-mode .ai-mode__url-header-actions{align-items:center;gap:var(--spacing-gutter);display:flex}.ai-mode .ai-mode__url-list{gap:calc(var(--spacing-base) * .75);flex-direction:column;display:flex}.ai-mode .ai-mode__url-row{align-items:center;gap:var(--spacing-base);display:flex}.ai-mode .ai-mode__control--url{flex:1}.ai-mode .ai-mode__url-remove{border:2px solid var(--color-outline-variant);border-radius:var(--rounded-full);width:36px;height:36px;color:var(--color-on-surface-variant);cursor:pointer;background-color:#0000;flex:none;justify-content:center;align-items:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;display:inline-flex}.ai-mode .ai-mode__url-remove svg{font-size:16px}.ai-mode .ai-mode__url-remove:hover:not(:disabled){color:#c8321ed9;background-color:#c8321e14;border-color:#c8321e80}.ai-mode .ai-mode__url-remove:disabled{opacity:.4;cursor:not-allowed}.ai-mode .ai-mode__url-add{color:var(--color-primary-container);font-family:var(--font-family-body);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);cursor:pointer;border-radius:var(--rounded-sm);background-color:#0000;border:0;align-items:center;gap:6px;padding:2px 6px;transition:background-color .2s ease-in-out;display:inline-flex}.ai-mode .ai-mode__url-add svg{font-size:16px}.ai-mode .ai-mode__url-add:hover:not(:disabled){background-color:#622b1414}.ai-mode .ai-mode__url-add:disabled{opacity:.4;cursor:not-allowed}.ai-mode .ai-mode__url-counter{color:var(--color-set-placeholder);font-family:var(--font-family-body);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);letter-spacing:.04em;-webkit-user-select:none;user-select:none}.ai-mode .ai-mode__generate-button{justify-content:center;align-items:center;gap:var(--spacing-base);border-radius:var(--rounded-sm);background-color:var(--color-primary-container);width:100%;min-height:76px;color:var(--color-on-primary);font-family:var(--font-family-body);font-size:var(--font-body-lg-size);font-weight:700;line-height:var(--font-body-lg-line-height);box-shadow:var(--button-shadow);cursor:pointer;border:0;transition:all .2s ease-in-out;display:inline-flex}.ai-mode .ai-mode__generate-button svg{font-size:20px}.ai-mode .ai-mode__generate-button:focus-visible{outline:3px solid var(--color-outline-variant);outline-offset:4px}.ai-mode .ai-mode__generate-button:active{box-shadow:none;transform:translateY(4px)}@media (width<=768px){.ai-mode{width:100%}.ai-mode .ai-mode__source-fields{gap:var(--spacing-gutter);grid-template-columns:1fr}.ai-mode .ai-mode__control{min-height:52px}.ai-mode .ai-mode__textarea{min-height:112px}.ai-mode .ai-mode__generate-button{min-height:68px;font-size:var(--font-label-lg-size);line-height:var(--font-label-lg-line-height)}}.create-set .create-set__container{gap:var(--spacing-container-padding-desktop);flex-direction:column;display:flex}.create-set .create-set__header{margin-top:48px;justify-content:space-between;gap:32px;width:100%;margin-inline:auto 0;display:flex}.create-set .create-set__title{color:var(--color-primary);font-size:var(--font-headline-md-size);font-weight:var(--font-headline-md-weight);line-height:var(--font-headline-md-line-height);text-align:right}.create-set .create-set__header-nav{order:1}.create-set .create-set__header-fields{flex-direction:column;justify-content:space-between;gap:16px;width:500px;display:flex}.create-set .create-set__field{flex-direction:column;gap:8px;display:flex}.create-set .create-set__field-label{color:var(--color-on-surface-variant);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);text-align:right}.create-set .create-set__field-input{border:2px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);width:100%;box-shadow:0px 4px 0px var(--color-outline-variant);border-radius:var(--rounded-full);min-height:56px;color:var(--create-set-placeholder);font-size:var(--font-body-md-size);font-weight:var(--font-body-md-weight);line-height:var(--font-body-md-line-height);text-align:right;font-family:var(--font-family-body);outline:0;padding-block:12px;padding-inline:20px;transition:all .2s ease-in-out}.create-set .create-set__field-input:focus{box-shadow:0px 0px 15px var(--color-outline-variant) inset;transform:translateY(4px)}.create-set .create-set__field-input::placeholder{color:var(--create-set-placeholder)}.create-set .create-set__field-input--textarea{resize:none;border-radius:var(--rounded-md);min-height:104px;padding-top:14px;padding-bottom:44px}.create-set .create-set__create-cards{border-radius:var(--rounded-lg);background-color:var(--color-surface-container);border:2px solid var(--color-outline-variant);width:100%;box-shadow:0px 4px 0px var(--color-outline-variant);padding:var(--spacing-container-padding-desktop);gap:var(--spacing-container-padding-desktop);flex-direction:column;align-items:center;display:flex}.create-set .create-set__switch-buttons{padding:var(--spacing-base);border-radius:var(--rounded-xl);background-color:var(--color-surface-container-high);width:420px;box-shadow:0px 0px 10px var(--color-outline-variant) inset;justify-content:space-between;align-items:center;display:flex}.create-set .create-set__switch-button{font-size:var(--font-body-lg-size);font-family:var(--font-family-body);align-items:center;gap:var(--spacing-base);color:var(--color-on-surface-variant);border-radius:var(--rounded-md);cursor:pointer;padding:12px var(--spacing-card-gap);background-color:#0000;border:none;transition:all .2s ease-in-out;display:flex}.create-set .create-set__switch-button.create-set__switch-button--active{background-color:var(--color-primary-container);color:var(--color-on-primary)}.create-set .create-set__footer{padding-block:var(--spacing-card-gap)}.create-set .create-set__save-button{position:fixed;bottom:20px;right:20px}@media (width<=768px){.create-set .create-set__header{gap:24px;width:100%;margin-top:24px}.create-set .create-set__title{font-size:var(--font-headline-sm-size);font-weight:var(--font-headline-sm-weight);line-height:var(--font-headline-sm-line-height)}.create-set .create-set__header-fields{gap:14px}.create-set .create-set__field-input{min-height:52px;font-size:var(--font-body-md-size);line-height:var(--font-body-md-line-height);width:100%;padding-block:10px;padding-inline:16px}.create-set .create-set__field-input--textarea{min-height:96px;font-size:var(--font-label-lg-size);line-height:var(--font-label-lg-line-height);padding-top:12px;padding-bottom:36px}.create-set .create-set__create-cards{padding:var(--spacing-container-padding-mobile)}.create-set .create-set__switch-buttons{border-radius:var(--rounded-lg);gap:var(--spacing-base);flex-direction:column;width:100%}.create-set .create-set__switch-button{width:100%;font-size:var(--font-body-sm-size);justify-content:center}}@keyframes slideExitLeft{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-60px)scale(.97)}}@keyframes slideExitRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.97)}}@keyframes slideEnterRight{0%{opacity:0;transform:translate(60px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideEnterLeft{0%{opacity:0;transform:translate(-60px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.cards{padding:36px 0 48px}.cards .cards__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cards .cards__header .cards__title{font-size:var(--font-headline-sm-size);font-weight:var(--font-headline-sm-weight);line-height:var(--font-headline-sm-line-height);color:var(--color-primary)}.cards .cards__header .cards__counter{font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);color:var(--color-on-surface-variant)}.cards .cards__progress-bar{background-color:var(--color-surface-container-high);border-radius:var(--rounded-full);width:100%;height:8px;margin-bottom:36px;overflow:hidden}.cards .cards__progress-bar .cards__progress-fill{--color-progress-fill:#5a6e3f;background-color:var(--color-progress-fill);border-radius:var(--rounded-full);height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}.cards .cards__viewer{justify-content:center;align-items:center;gap:14px;margin-bottom:44px;display:flex}.cards .cards__card-wrapper{perspective:1400px;flex:1;max-width:500px}.cards .cards__card-wrapper.cards__card-wrapper--exit-left{animation:.28s forwards slideExitLeft}.cards .cards__card-wrapper.cards__card-wrapper--exit-right{animation:.28s forwards slideExitRight}.cards .cards__card-wrapper.cards__card-wrapper--enter-right{animation:.35s cubic-bezier(.22,1,.36,1) forwards slideEnterRight}.cards .cards__card-wrapper.cards__card-wrapper--enter-left{animation:.35s cubic-bezier(.22,1,.36,1) forwards slideEnterLeft}.cards .cards__card{cursor:pointer;width:100%;height:400px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.4,0,.2,1);position:relative}.cards .cards__card:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px;border-radius:var(--rounded-md)}.cards .cards__card.cards__card--flipped{transform:rotateY(180deg)}.cards .cards__card .cards__card-front,.cards .cards__card .cards__card-back{backface-visibility:hidden;background-color:var(--color-surface-container-lowest);border-radius:var(--rounded-md);border:2px solid var(--color-outline-variant);box-shadow:0 4px 0 var(--color-primary-container), 0 6px 24px #4616021a;flex-direction:column;justify-content:space-between;align-items:center;gap:14px;padding:32px 28px;display:flex;position:absolute;inset:0}.cards .cards__card .cards__card-back{transform:rotateY(180deg)}.cards .cards__card .cards__card-text{font-size:var(--font-headline-md-size);font-weight:var(--font-headline-md-weight);line-height:var(--font-headline-md-line-height);color:var(--color-primary);text-align:center;margin:auto 0}.cards .cards__card .cards__card-hint{font-size:var(--font-body-md-size);font-weight:var(--font-body-md-weight);line-height:var(--font-body-md-line-height);color:var(--color-on-surface-variant);text-align:center}.cards .cards__badge{border-radius:var(--rounded-full);font-size:var(--font-label-sm-size);font-weight:600;line-height:var(--font-label-sm-line-height);background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);align-items:center;padding:3px 14px;display:inline-flex}.cards .cards__badge.cards__badge--definition{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.cards .cards__nav-btn{border-radius:var(--rounded-full);border:1.5px solid var(--color-outline-variant);background-color:var(--color-surface-container-lowest);width:42px;height:42px;color:var(--color-on-surface-variant);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s,color .18s,transform .12s;display:flex}.cards .cards__nav-btn:hover:not(:disabled){background-color:var(--color-surface-container);border-color:var(--color-outline);color:var(--color-primary)}.cards .cards__nav-btn:active:not(:disabled){transform:scale(.9)}.cards .cards__nav-btn:disabled{opacity:.3;cursor:not-allowed}.cards .cards__actions{justify-content:center;align-items:center;gap:14px;display:flex}.cards .cards__action-btn{align-items:center;gap:var(--spacing-base);border-radius:var(--rounded-full);font-family:var(--font-family-body);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);line-height:var(--font-label-lg-line-height);cursor:pointer;border:0;padding:14px 36px;transition:transform .15s,box-shadow .15s;display:inline-flex}.cards .cards__action-btn:active{transform:translateY(4px);box-shadow:none!important}.cards .cards__action-btn.cards__action-btn--understood{--color-btn-understood:#4d6b41;--shadow-btn-understood:0 5px 0 #2d3e2359;background-color:var(--color-btn-understood);color:#fff;box-shadow:var(--shadow-btn-understood)}.cards .cards__action-btn.cards__action-btn--not-understood{background-color:var(--color-error);color:var(--color-on-error);box-shadow:0 5px #ba1a1a59}@media (width<=600px){.cards{padding:24px 0 36px}.cards .cards__header{margin-bottom:8px}.cards .cards__header .cards__title{font-size:var(--font-body-lg-size)}.cards .cards__progress-bar{margin-bottom:24px}.cards .cards__viewer{grid-template-columns:1fr auto auto 1fr;gap:16px;margin-bottom:32px;display:grid}.cards .cards__card-wrapper{grid-area:1/1/auto/-1;justify-self:center;width:100%}.cards .cards__card{height:380px}.cards .cards__card .cards__card-front,.cards .cards__card .cards__card-back{gap:10px;padding:24px 20px}.cards .cards__card .cards__card-text{font-size:var(--font-headline-sm-size);line-height:var(--font-headline-sm-line-height)}.cards .cards__card .cards__card-hint{font-size:var(--font-label-sm-size)}.cards .cards__nav-btn{grid-row:2;justify-self:center;width:48px;height:48px}.cards .cards__nav-btn:first-of-type{grid-column:2}.cards .cards__nav-btn:last-of-type{grid-column:3}.cards .cards__nav-btn svg{width:20px;height:20px}.cards .cards__actions{gap:10px}.cards .cards__action-btn{padding:12px 22px;font-size:14px}}