@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;color:#173431;background:#f6f2e9;font-synthesis:none;--ink: #173431;--muted: #667975;--teal: #087f78;--teal-dark: #06645f;--teal-soft: #dff2ee;--cream: #f6f2e9;--paper: #fffdf8;--yellow: #ffc93d;--yellow-soft: #fff3c8;--red: #eb5948;--red-soft: #fde5df;--line: #d9dfd9;--shadow: 0 14px 34px rgba(35, 70, 64, .09)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-width:0;min-height:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;background:var(--cream)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,127,120,.25);outline-offset:2px}.button{border:0;border-radius:13px;min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{color:#fff;background:var(--teal);box-shadow:0 7px 16px #087f782e}.button--primary:hover:not(:disabled){background:var(--teal-dark)}.button--soft{background:#fff;border:1px solid var(--line)}.button--soft:hover:not(:disabled),.button--active{background:var(--teal-soft);border-color:#a7d6ce}.button--wide{width:100%}.button--icon{width:44px;padding:0}.icon-button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center;color:#879591}.icon-button:hover{background:#f1f2ec}.icon-button.favorite{color:var(--red)}.text-button{border:0;background:transparent;color:var(--teal);font-weight:700;cursor:pointer;padding:8px}.eyebrow{margin:0 0 8px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.13em}.back-button{border:0;background:transparent;padding:8px 0;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:700;cursor:pointer}.brand{display:flex;align-items:center;gap:14px}.brand img{width:62px;height:62px;border-radius:18px;box-shadow:0 8px 18px #0000001c}.brand div{display:flex;flex-direction:column}.brand strong{color:var(--ink);font-size:20px;font-weight:800}.brand span{color:var(--muted);font-size:12px;margin-top:2px}.brand--compact img{width:46px;height:46px;border-radius:14px}.brand--compact strong{color:#fff;font-size:17px}.login-screen{min-height:100vh;min-height:100dvh;padding:32px;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#cdece6 0,transparent 35%),radial-gradient(circle at 85% 85%,#fff0b7 0,transparent 34%),var(--cream)}.login-card{width:min(480px,100%);padding:34px;background:#fffdf8f5;border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 24px 70px #244a4326}.login-card__welcome{margin:32px 0 20px}.login-card__welcome h1{margin:0 0 8px;font-size:30px;line-height:1.15}.login-card__welcome p:last-child{margin:0;color:var(--muted);line-height:1.55}.profile-list{display:grid;gap:9px;margin-bottom:19px;max-height:300px;overflow-y:auto}.profile-option{width:100%;padding:11px 13px;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;font-weight:700}.profile-option--selected{background:var(--teal-soft);border-color:#76bdb4}.profile-option__avatar{width:38px;height:38px;background:#edf1ed;border-radius:50%;display:grid;place-items:center;color:var(--teal)}.profile-option__check{width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center}.login-card__hint{color:var(--muted);text-align:center;font-size:11px;margin:14px 0 0}.login-card__manage{margin-top:10px}.app-shell{width:100%;max-width:100vw;min-width:0;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr);overflow-x:hidden}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;padding:24px 18px 20px;background:#123f3b;color:#e9f7f4;display:flex;flex-direction:column;z-index:20}.sidebar__profile{margin:27px 0 22px;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.09);border-radius:14px;display:flex;align-items:center;gap:10px}.sidebar__profile>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#5b4200;font-weight:800}.sidebar__profile div{display:flex;flex-direction:column;min-width:0}.sidebar__profile small{color:#9ac0ba;font-size:10px}.sidebar__profile strong{overflow:hidden;text-overflow:ellipsis}.sidebar nav{display:grid;gap:5px}.nav-item{min-height:45px;width:100%;border:0;border-radius:12px;background:transparent;color:#c9dfdb;padding:0 12px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;cursor:pointer;text-align:left}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item--active{background:#fff!important;color:#115e58!important}.sync-state{margin-top:auto;padding:0 7px 10px;display:flex;align-items:center;gap:7px;color:#a9c8c2;font-size:9px}.sync-state>span{width:7px;height:7px;border-radius:50%;background:#e2a83c}.sync-state--synced>span{background:#58c49d}.sync-state--offline>span{background:#e67a6b}.sidebar__tip{padding:13px;border-radius:14px;background:#ffc93d21;color:#fae49e;display:flex;gap:9px;font-size:11px;line-height:1.45}.nav-item--logout{margin-top:12px}.main-area{width:100%;max-width:100%;min-width:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}.mobile-nav{display:none}.page{width:min(1180px,100%);max-width:100%;min-width:0;margin:0 auto;padding:42px 46px 60px;overflow-x:hidden}.page-header{margin-bottom:27px}.page-header h1{margin:0;font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.04em}.page-header>p:last-child,.page-header>div>p:last-child{color:var(--muted);margin:8px 0 0}.page-header--with-stats,.page-header--admin{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.page-header--settings{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-header--settings>div{min-width:0}.settings-auto-launch{flex:0 0 auto}.mini-stat{min-width:132px;padding:12px 17px;border-radius:15px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;gap:10px}.mini-stat strong{font-size:25px;color:var(--teal)}.mini-stat span{color:var(--muted);font-size:10px;line-height:1.25}.module-header-actions{display:flex;align-items:stretch;gap:10px}.module-settings-button{min-height:56px;font-size:12px}.toolbar,.editor-toolbar{min-width:0;margin-bottom:20px;display:flex;gap:10px;align-items:center}.search-box,.select-box{min-height:44px;padding:0 13px;border:1px solid var(--line);background:var(--paper);border-radius:13px;display:flex;align-items:center;gap:8px;color:var(--muted)}.search-box{flex:1;min-width:0}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.select-box select{min-width:0;max-width:100%;border:0;background:transparent;outline:0;color:var(--ink);cursor:pointer}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.module-card{position:relative;min-width:0;padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 15px #23464009;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.module-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.language-pair{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.module-card__title{border:0;background:transparent;cursor:pointer;text-align:left;padding:15px 0 12px;width:100%}.module-card__title h2{margin:0 0 5px;font-size:21px}.module-card__title span{color:var(--muted);font-size:11px}.progress-row{display:grid;grid-template-columns:1fr 36px;gap:10px;align-items:center}.progress-track{height:7px;background:#e6e9e4;border-radius:99px;overflow:hidden}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,var(--teal),#43b29f);border-radius:inherit}.progress-row strong{color:var(--teal);font-size:11px}.module-card__actions{display:flex;gap:8px;align-items:center;margin-top:17px}.module-auto-button{padding-inline:13px;font-size:11px}.study-action-wrap{position:relative}.popover-menu{position:absolute;left:0;top:calc(100% + 7px);width:185px;padding:7px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);z-index:10}.popover-menu button{border:0;background:transparent;width:100%;padding:9px;border-radius:8px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:12px}.popover-menu button:hover{background:var(--teal-soft)}.module-card__footer{min-height:28px;padding-top:13px;margin-top:14px;border-top:1px solid #e9ece7;display:flex;justify-content:space-between;gap:8px}.module-card__footer button{border:0;background:transparent;color:var(--muted);font-size:10px;display:flex;gap:5px;align-items:center;cursor:pointer}.empty-state{min-height:300px;padding:50px 25px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);background:#ffffff80;border:1px dashed #becac3;border-radius:20px}.empty-state__icon{width:74px;height:74px;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);border-radius:50%}.empty-state h2{margin:15px 0 5px;color:var(--ink)}.tabs{display:flex;padding:4px;background:#e8ebe6;border-radius:12px}.tabs button{min-height:36px;border:0;background:transparent;border-radius:9px;padding:0 13px;cursor:pointer;font-size:12px;font-weight:700}.tabs button.active{background:#fff;box-shadow:0 2px 7px #00000012}.tabs span{color:var(--muted);margin-left:4px}.card-table{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.card-table__head,.card-table__row{display:grid;grid-template-columns:1fr 1fr 120px;gap:15px;align-items:center}.card-table__head{min-height:44px;padding:0 18px;background:#e9eee8;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card-table__row{min-height:69px;padding:10px 18px;border-top:1px solid #e8ebe6}.card-table__row>div:not(.card-table__actions){min-width:0;display:flex;flex-direction:column;gap:3px}.card-table__row small{color:var(--muted);font-size:9px}.card-table__row strong{font-size:13px;overflow-wrap:anywhere}.card-table__actions{display:flex;justify-content:flex-end}.card-table__actions button{width:35px;height:35px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:var(--muted)}.card-table__actions button:hover{background:var(--teal-soft);color:var(--teal)}.card-table__actions button.danger:hover{background:var(--red-soft);color:var(--red)}.card-table__empty{padding:45px;text-align:center;color:var(--muted)}.study-screen{min-height:100vh;min-height:100dvh;padding:26px 38px 20px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fffdf7 0,#f6f2e9 65%)}.study-topbar,.auto-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.study-heading,.auto-topbar>div{display:flex;flex-direction:column;text-align:center}.study-heading span,.auto-topbar span{color:var(--muted);font-size:10px;margin-top:2px}.direction-toggle{justify-self:end;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.study-progress{width:min(680px,80%);margin:23px auto 0;display:flex;align-items:center;gap:12px}.study-progress>div{height:6px;flex:1;background:#dde2dc;border-radius:99px;overflow:hidden}.study-progress>div span{display:block;height:100%;background:var(--teal)}.study-progress small{color:var(--muted);white-space:nowrap;font-size:10px}.study-stage{position:relative;flex:1;min-height:380px;display:grid;place-items:center}.flashcard{position:relative;width:min(610px,75vw);min-height:min(410px,56vh);padding:55px 55px 38px;background:var(--paper);border:1px solid #d8ddd7;border-radius:28px;box-shadow:0 25px 60px #22453f24;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:transform .18s ease-out,background .25s}.flashcard:active{cursor:grabbing;transition:none}.flashcard--flipped{background:#eaf6f2}.flashcard--leaving-left{transform:translate(-120vw) rotate(-13deg)!important;opacity:0;transition:transform .26s cubic-bezier(.4,0,1,1),opacity .26s ease!important;pointer-events:none}.flashcard--leaving-right{transform:translate(120vw) rotate(13deg)!important;opacity:0;transition:transform .26s cubic-bezier(.4,0,1,1),opacity .26s ease!important;pointer-events:none}.flashcard--entering-left{animation:card-enter-left .34s cubic-bezier(.2,.8,.25,1);pointer-events:none}.flashcard--entering-right{animation:card-enter-right .34s cubic-bezier(.2,.8,.25,1);pointer-events:none}@keyframes card-enter-left{0%{transform:translate(-75vw) rotate(-8deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}@keyframes card-enter-right{0%{transform:translate(75vw) rotate(8deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}.flashcard__language{position:absolute;top:27px;color:var(--muted);font-size:11px;font-weight:700}.flashcard__text{font-size:clamp(25px,4vw,41px);font-weight:800;line-height:1.25;overflow-wrap:anywhere}.speak-button{margin-top:29px;width:51px;height:51px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);cursor:pointer}.speaking{animation:speaking 1s infinite}@keyframes speaking{50%{box-shadow:0 0 0 9px #087f781f}}.flashcard__tip{position:absolute;bottom:22px;color:#95a09d;font-size:9px}.swipe-hint{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;font-weight:800}.swipe-hint--left{left:4%;color:var(--red)}.swipe-hint--right{right:4%;color:var(--teal)}.study-controls{display:flex;justify-content:center;align-items:center;gap:15px}.study-controls>span{color:var(--muted);font-size:9px}.rate-button{min-height:48px;padding:0 21px;border-radius:14px;border:1px solid;display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}.rate-button--again{background:var(--red-soft);border-color:#f2beb4;color:#af3729}.rate-button--learned{background:var(--teal);border-color:var(--teal);color:#fff}.rate-button:disabled{opacity:.6;cursor:default}.study-screen--complete{display:grid;place-items:center}.completion-card{width:min(510px,100%);padding:38px;border-radius:28px;background:var(--paper);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow)}.completion-card__mascot img{width:110px;border-radius:28px}.completion-card h1{margin:6px 0 10px}.completion-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.auto-picker{display:grid;gap:10px}.auto-picker>button{width:100%;min-height:76px;padding:12px 17px;border:1px solid var(--line);background:var(--paper);border-radius:16px;display:grid;grid-template-columns:48px 1fr 25px;align-items:center;gap:13px;cursor:pointer;text-align:left}.auto-picker>button:hover:not(:disabled){border-color:#87c4bb;transform:translateY(-1px)}.auto-picker>button:disabled{opacity:.5;cursor:not-allowed}.auto-picker__icon{width:45px;height:45px;border-radius:13px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}.auto-picker>button div{display:flex;flex-direction:column;gap:4px}.auto-picker>button span{color:var(--muted);font-size:10px}.auto-page{width:100%;max-width:100vw;min-width:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.auto-topbar{padding:20px 30px;border-bottom:1px solid var(--line);background:var(--paper)}.auto-settings-button{justify-self:end;min-height:40px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--teal);display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:700}.auto-layout{flex:1;display:grid;grid-template-columns:350px 1fr;min-height:0}.auto-settings{min-width:0;padding:24px;background:#fffdf8;border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden}.auto-settings__mobile-header,.auto-settings-summary{display:none}.auto-settings__done{display:flex;margin-top:22px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#e8ece7;border-radius:11px}.segmented button{min-height:39px;border:0;background:transparent;border-radius:9px;font-size:9px;font-weight:700;cursor:pointer}.segmented button.active{background:#fff;color:var(--teal);box-shadow:0 2px 7px #00000012}.setting-group{min-width:0;margin-top:17px;padding:14px;border:1px solid var(--line);border-radius:13px;display:grid;gap:10px}.setting-group>strong{font-size:12px}.setting-group label{display:grid;grid-template-columns:1fr 1fr 37px;align-items:center;gap:7px;color:var(--muted);font-size:10px}.repeat-setting{display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,2fr);align-items:center;gap:7px;color:#284944;font-size:11px}.repeat-options{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.repeat-options button{min-width:0;min-height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.repeat-options button.active{border-color:var(--teal);background:var(--teal);color:#fff}.setting-group select{grid-column:2 / 4;min-width:0;max-width:100%;min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff}.setting-group input[type=range]{width:100%;accent-color:var(--teal)}.settings-label{margin-top:20px}.pause-input{min-height:48px;display:grid;grid-template-columns:minmax(135px,1fr) minmax(150px,1fr);align-items:center;gap:12px;border-bottom:1px solid #dfe5df;color:#284944;font-size:11px;font-weight:600}.pause-input div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:8px}.pause-input input[type=range]{width:100%;min-width:0;accent-color:var(--teal)}.pause-input strong{text-align:right;color:var(--ink);font-size:11px;white-space:nowrap}.auto-options{margin-top:17px;display:grid;gap:8px;font-size:10px}.auto-options label{display:flex;gap:7px;align-items:center}.auto-options input{accent-color:var(--teal)}.auto-voice-choice{margin-top:8px;display:grid;gap:6px;color:var(--muted);font-size:10px}.auto-voice-choice select{width:100%;min-height:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.auto-player{padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.auto-card{width:min(600px,90%);min-height:350px;padding:34px;border-radius:27px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.auto-card__status{position:absolute;transform:translateY(-140px);color:var(--muted);font-size:9px;display:flex;gap:7px;align-items:center}.auto-card__status>span{width:8px;height:8px;border-radius:50%;background:#a8b2af}.auto-card__status>span.pulse{background:var(--teal);animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #087f7821}}.auto-card__language{color:var(--teal);font-size:11px;font-weight:700}.auto-card__text{margin:25px 0;font-size:clamp(25px,4vw,40px);font-weight:800;overflow-wrap:anywhere}.repeat-dots{display:flex;gap:6px;margin-bottom:16px}.repeat-dots span{width:8px;height:8px;border-radius:50%;background:#d7ddd8}.repeat-dots span.active{background:var(--yellow)}.auto-card small{color:var(--muted);font-size:9px}.notice{margin:13px 0 -3px;padding:9px 13px;border-radius:10px;background:var(--yellow-soft);color:#72540c;font-size:9px}.player-controls{margin:27px 0 20px;display:flex;align-items:center;gap:13px}.auto-start-cta{min-height:52px;margin:24px 0 3px;padding-inline:24px}.player-controls button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer}.player-controls__main{width:67px!important;height:67px!important;background:var(--teal)!important;color:#fff;border-color:var(--teal)!important}.player-controls__stop{width:auto!important;height:38px!important;padding:0 14px;border-radius:12px!important;display:flex!important;gap:7px;font-size:10px}.lock-screen-note{width:min(500px,90%);padding:11px 14px;border-radius:12px;background:var(--teal-soft);color:var(--teal-dark);display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.45}.panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:22px}.admin-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px}.panel__header{display:flex;align-items:center;gap:12px}.panel__header h2{margin:0;font-size:17px}.panel__header p{margin:3px 0 0;color:var(--muted);font-size:9px}.panel__icon{width:43px;height:43px;border-radius:12px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}.panel__icon--yellow{background:var(--yellow-soft);color:#85600a}.add-user{display:flex;gap:9px;margin:20px 0 13px}.add-user input{flex:1;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.user-list{display:grid;gap:7px}.user-row{min-height:59px;padding:9px 11px;border:1px solid #e3e7e2;border-radius:12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.user-row__avatar{width:36px;height:36px;background:#eef1ed;color:var(--teal);border-radius:50%;display:grid;place-items:center}.user-row div{display:flex;flex-direction:column;gap:2px}.user-row div span{color:var(--muted);font-size:9px}.user-row .user-row__actions{flex-direction:row;align-items:center;gap:5px}.user-row__actions button{border:0;cursor:pointer}.user-row__open{min-height:34px;padding:0 10px;border-radius:9px;display:flex;align-items:center;gap:5px;background:#e5f4f1;color:var(--teal);font-weight:700}.user-row__open:hover{background:#d4ebe6}.user-row__delete{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#99a29f}.user-row__delete:hover{color:var(--red)}.study-audio-error{margin-top:14px;padding:10px 14px;border-radius:10px;background:#fff0ec;color:#a34737;font-size:13px;text-align:center}.study-speech-status{position:absolute;bottom:5px;max-width:90%;padding:7px 11px;border-radius:10px;background:var(--teal-soft);color:var(--teal-dark);font-size:10px;font-weight:700;text-align:center}.admin-howto ol{list-style:none;padding:0;margin:21px 0;display:grid;gap:14px}.admin-howto li{display:flex;gap:10px}.admin-howto li>span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-weight:800;font-size:10px}.admin-howto li strong{font-size:11px}.admin-howto li p{margin:3px 0;color:var(--muted);font-size:9px}.voice-panel{padding:0;overflow:hidden}.playback-settings-panel{margin-bottom:24px}.playback-settings-panel,.playback-settings-grid,.playback-settings-grid>div{min-width:0}.playback-settings-panel .eyebrow,.playback-settings-panel .setting-group label,.playback-settings-panel .auto-options{color:#284944;font-size:11px}.playback-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.settings-save-row{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.settings-save-row span{color:#9a6412;font-size:11px;font-weight:700}.settings-review{margin-top:16px;padding:13px 15px;border:1px solid #a7d6ce;border-radius:13px;background:var(--teal-soft);display:grid;gap:4px;color:var(--teal-dark)}.settings-review strong{font-size:12px}.settings-review span{font-size:11px;font-weight:700}.settings-section-title{margin:0 0 12px;font-size:20px}.voice-grid{display:grid}.voice-row{min-height:66px;padding:9px 16px;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(210px,1fr) 44px;gap:12px;align-items:center;border-bottom:1px solid #e9ece7}.voice-row:last-child{border-bottom:0}.voice-row__language{display:flex;align-items:center;gap:11px}.voice-row__language>span{font-size:22px}.voice-row__language div{display:flex;flex-direction:column}.voice-row__language small{color:var(--muted);font-size:8px}.voice-row select{width:100%;min-width:0;max-width:100%;min-height:39px;padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:10px}.info-grid{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-card{padding:16px;border-radius:15px;background:#ffffff8c;border:1px solid var(--line);display:flex;gap:11px;color:var(--teal)}.info-card strong{color:var(--ink);font-size:11px}.info-card p{color:var(--muted);font-size:9px;line-height:1.45;margin:4px 0 0}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;background:#0c27248c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;overflow-y:auto}.modal{position:relative;width:min(100%,650px);max-height:calc(100vh - 48px);overflow-y:auto;padding:28px;border-radius:22px;background:var(--paper);box-shadow:0 30px 90px #0000003b}.modal--small{width:min(100%,520px)}.modal--import{width:min(1050px,100%)}.modal h2{margin:0 0 20px}.modal__close{position:absolute;right:17px;top:17px;width:37px;height:37px;border:0;border-radius:50%;background:#edf0ec;display:grid;place-items:center;cursor:pointer}.modal__actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.field{display:grid;gap:6px;margin-bottom:14px}.field>span{color:var(--muted);font-size:10px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;resize:vertical}.field-note{color:var(--muted);font-size:9px}.file-drop{min-height:300px;padding:40px;border:2px dashed #adc5bf;border-radius:18px;background:#f3f8f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--teal);cursor:pointer}.file-drop strong{color:var(--ink);font-size:17px;margin-top:12px}.file-drop>span:not(.button){color:var(--muted);font-size:10px;margin:5px 0 18px}.file-drop input,.selected-file input{display:none}.import-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.selected-file{min-height:58px;padding:10px 12px;margin-bottom:14px;border-radius:12px;background:var(--teal-soft);color:var(--teal);display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.selected-file div{display:flex;flex-direction:column;color:var(--ink)}.selected-file span{color:var(--muted);font-size:8px}.selected-file label{color:var(--teal);font-size:9px;font-weight:700;cursor:pointer}.checkbox-field{margin:2px 0 14px;display:flex;align-items:center;gap:7px;font-size:10px}.checkbox-field input,fieldset input{accent-color:var(--teal)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.column-map{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}.column-map>strong{font-size:11px}.column-map label{display:grid;grid-template-columns:60px 1fr;align-items:center;color:var(--muted);font-size:9px}.column-map select{min-height:33px;border:1px solid var(--line);border-radius:8px;background:#fff}.recipient-field,.mode-field{margin:13px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px 14px}.recipient-field legend,.mode-field legend{padding:0 5px;font-size:9px;font-weight:800;display:flex;align-items:center;gap:5px}.recipient-field label,.mode-field label{display:flex;align-items:center;gap:5px;font-size:9px}.import-preview{min-width:0;padding:16px;background:#f1f5f1;border-radius:15px}.import-preview>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.import-preview .eyebrow{width:100%;margin-bottom:0}.warning{color:#9a6412;font-size:8px}.preview-table{margin-top:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.preview-table__head,.preview-table__row{display:grid;grid-template-columns:1fr 1fr}.preview-table__head{background:var(--teal);color:#fff;font-weight:800;font-size:9px}.preview-table span{min-width:0;padding:9px;border-right:1px solid rgba(130,150,145,.25);overflow:hidden;text-overflow:ellipsis}.preview-table__row{border-top:1px solid #e4e8e3;font-size:9px}.preview-table__row.invalid{background:var(--red-soft);color:#9a3427}.import-preview>small{display:block;margin-top:8px;color:var(--muted)}.success-message{margin-top:15px;padding:12px;border-radius:11px;background:var(--teal-soft);color:var(--teal-dark);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}@media(max-width:900px){.app-shell{display:block;width:100%;max-width:100vw}.sidebar{display:none}.main-area{width:100%;max-width:100vw;min-width:0;min-height:100vh;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:30;inset-inline:0;bottom:0;width:100%;max-width:100vw;min-width:0;height:calc(64px + env(safe-area-inset-bottom));padding:5px max(8px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;background:#fffdf8f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav button{min-width:0;padding:0 2px;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;font-size:9px}.mobile-nav button span{display:block;width:100%;overflow:hidden;text-align:center;line-height:1.1;overflow-wrap:anywhere}.mobile-nav button.active{color:var(--teal)}.page{width:100%;max-width:100vw;min-width:0;padding:28px 20px 40px}.module-grid{grid-template-columns:1fr}.auto-layout{grid-template-columns:300px 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:680px){.page-header--with-stats,.page-header--admin,.page-header--settings{align-items:stretch;flex-direction:column}.settings-auto-launch{width:100%}.settings-save-row{align-items:stretch;flex-direction:column}.settings-save-row .button{width:100%}.mini-stat{align-self:flex-start}.module-header-actions{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mini-stat{width:100%;min-width:0}.module-settings-button{width:100%;min-width:0;padding-inline:8px}.toolbar,.editor-toolbar{align-items:stretch;flex-direction:column}.select-box{width:100%}.select-box select{flex:1}.editor-toolbar .tabs{order:-1}.card-table__head{display:none}.card-table__row{grid-template-columns:1fr 50px;gap:10px}.card-table__row>div:nth-child(2){grid-column:1}.card-table__actions{grid-column:2;grid-row:1 / 3;flex-direction:column}.study-screen{width:100%;max-width:100vw;height:100vh;height:100dvh;min-height:0;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.study-topbar{grid-template-columns:auto 1fr auto}.study-heading span,.direction-toggle{font-size:0}.direction-toggle{width:42px;height:42px;padding:0;justify-content:center}.study-progress{width:95%;margin-top:15px}.study-progress small{display:none}.study-stage{min-height:0}.flashcard{width:min(90vw,610px);min-height:clamp(260px,52dvh,430px);max-height:60dvh;padding:50px 25px 35px;overflow-y:auto}.swipe-hint{display:none}.study-controls{gap:8px}.study-controls>span{display:none}.rate-button{padding:0 12px;font-size:10px}.auto-topbar{padding:13px 17px;grid-template-columns:auto 1fr}.auto-topbar>div{text-align:right}.auto-settings-button{width:42px;padding:0;justify-content:center}.auto-settings-button span{display:none}.auto-layout{display:block}.auto-settings{display:none}.auto-settings.auto-settings--open{position:fixed;z-index:90;inset:0;width:100%;max-width:100vw;min-width:0;display:block;padding:calc(18px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;overflow-y:auto;overflow-x:hidden}.auto-settings__mobile-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.auto-settings__mobile-header>div{display:flex;flex-direction:column;gap:3px}.auto-settings__mobile-header strong{font-size:17px}.auto-settings__mobile-header span{color:var(--muted);font-size:10px}.auto-settings__mobile-header button{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:#edf0ec;display:grid;place-items:center}.auto-settings__done{display:flex;margin-top:22px}.auto-page{height:100vh;height:100dvh;min-height:0;overflow-y:auto}.auto-player{flex:1;min-height:0;padding:24px 12px max(18px,env(safe-area-inset-bottom))}.auto-card{width:100%;min-height:clamp(250px,46dvh,330px)}.auto-card__status{transform:translateY(-130px)}.auto-settings-summary{width:100%;margin:14px 0 4px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--teal);display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:8px;text-align:left}.auto-settings-summary div{min-width:0;display:flex;flex-direction:column;gap:3px}.auto-settings-summary strong{color:var(--ink);font-size:11px}.auto-settings-summary span{color:var(--muted);font-size:9px;line-height:1.35}.info-grid{grid-template-columns:1fr}.playback-settings-grid{grid-template-columns:1fr;gap:18px}.pause-input{grid-template-columns:1fr;gap:7px;padding:9px 0;font-size:12px}.playback-settings-panel{overflow:hidden}.voice-row{grid-template-columns:1fr 45px}.voice-row select{grid-column:1;grid-row:2}.voice-row .button{grid-column:2;grid-row:1 / 3}.modal-backdrop{padding:10px}.modal{padding:22px 17px;max-height:calc(100vh - 20px)}.import-grid,.two-columns{grid-template-columns:1fr}.login-screen{padding:14px}.login-card{padding:24px 19px}}@media(max-width:420px){.page{padding-inline:14px}.page-header h1{font-size:clamp(27px,9vw,34px)}.panel{min-width:0;padding:17px 14px}.panel__header{min-width:0}.panel__header>div:last-child{min-width:0}.panel__header h2,.panel__header p{overflow-wrap:anywhere}.module-card{padding:17px 14px}.module-card__actions{min-width:0;flex-wrap:wrap}.module-card__actions .study-action-wrap,.module-card__actions .study-action-wrap>button,.module-auto-button{width:100%}.module-card__actions .text-button{padding-inline:4px}.segmented{min-width:0}.segmented button{min-width:0;padding-inline:5px;overflow-wrap:anywhere}.setting-group{padding:12px 10px}.setting-group label{min-width:0;grid-template-columns:minmax(70px,.8fr) minmax(0,1fr) 35px}.voice-row{min-width:0;padding-inline:10px}.voice-row__language{min-width:0}.auto-player{max-width:100vw}.auto-card{max-width:100%;padding-inline:20px}.player-controls{max-width:100%;gap:8px}.player-controls button{flex:0 0 auto}.player-controls__stop{padding-inline:9px!important}.lock-screen-note{width:100%;max-width:100%}}@media(max-width:900px)and (max-height:700px){.page{padding-top:18px}.page-header{margin-bottom:18px}.study-screen{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.study-progress{margin-top:8px}.flashcard{min-height:clamp(230px,46dvh,340px);max-height:52dvh;padding-block:42px 30px}.study-controls{margin-top:4px}.auto-topbar{padding-block:8px}.auto-player{padding-block:10px max(10px,env(safe-area-inset-bottom))}.auto-card{min-height:clamp(220px,42dvh,290px)}.player-controls{margin-block:12px 10px}}