:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#0b1220;color:#e8effb;--bg-0:#0b1220;--bg-1:#121f36;--surface-1:rgba(16,28,49,0.72);--surface-2:rgba(22,39,65,0.8);--line-soft:rgba(167,198,255,0.23);--line-strong:rgba(167,198,255,0.42);--text-main:#e8effb;--text-muted:rgba(232,239,251,0.86);--text-soft:rgba(232,239,251,0.64);--accent:#6366f1;--accent-strong:#4f46e5;--danger:#ffb4b4}*{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg-0),var(--bg-1));min-height:100vh;color:var(--text-main);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar,body::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:rgba(255,255,255,.06)}::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:rgba(231,237,243,.35);border-radius:999px}::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:rgba(231,237,243,.52)}a{color:inherit;text-decoration:none}.page{max-width:1220px;margin:0 auto;padding:12px 18px 18px}.card{background:linear-gradient(165deg,var(--surface-1),var(--surface-2));border:1px solid var(--line-soft);border-radius:10px;padding:14px;box-shadow:0 20px 44px rgba(0,0,0,.34);max-width:min(960px,100%);margin-left:auto;margin-right:auto}.row{display:flex;gap:16px;flex-wrap:wrap}.input{width:100%;min-height:34px;padding:6px 10px;border-radius:8px;border:1px solid var(--line-soft);background:rgba(8,20,38,.7);color:var(--text-main);color-scheme:dark;font:inherit;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.input.compact{padding:4px 8px}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23c8d3e4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M1 1.5L6 6.5L11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;padding-right:30px}select.input.compact{height:24px;min-height:24px;padding:0 30px 0 10px;line-height:20px;font-size:14px}.select-toolbar-language{width:140px}.select-w-60{width:60px}.select-w-80{width:80px}.select-w-90{width:90px}.select-w-100{width:100px}.select-w-130{width:130px}.select-w-140{width:140px}.select-minw-140{min-width:140px}.select-minw-160{min-width:160px}.select-flex-220{flex:0 0 220px}.select-role{min-width:160px;width:auto;border-radius:999px}.input::placeholder{color:var(--text-soft)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px rgba(8,20,38,.7)!important;background-color:rgba(8,20,38,.7)!important;-webkit-text-fill-color:var(--text-main)!important;border:1px solid var(--line-soft)!important;caret-color:var(--text-main);color-scheme:dark!important}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:30px;padding:5px 10px;border-radius:8px;border:1px solid var(--line-soft);background:rgba(8,20,38,.6);color:var(--text-main);font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;touch-action:manipulation}.button.compact{min-height:24px;padding:2px 7px;border-radius:8px}.button.ghost{background:transparent}.button.danger{color:#fca5a5}.button.mini{min-height:22px;min-width:auto;padding:1px 6px;font-size:12px;line-height:1}.button.centered-submit{align-self:center;min-width:120px;margin-top:8px}.show-answer-button{font-size:17px}.button.icon-button{width:28px;height:28px;min-height:28px;padding:0;color:var(--text-main);box-shadow:none;border-color:var(--line-soft);background:rgba(8,20,38,.6)}.button.icon-button:hover{transform:none;box-shadow:none;background:rgba(34,55,86,.9);border-color:var(--line-strong)}.button.icon-button:disabled{background:transparent}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(2px);padding:8px 12px;background:rgba(12,22,39,.96);border:1px solid var(--line-soft);border-radius:12px;box-shadow:0 10px 22px rgba(0,0,0,.35);color:var(--text-main);font-size:12px;font-weight:600;letter-spacing:.1px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:40}.tooltip-wrapper:hover .tooltip-bubble{opacity:1;transform:translateX(-50%) translateY(0)}.tooltip-bubble-fixed{position:fixed;bottom:auto;left:auto;transform:none;opacity:1;z-index:10010}.button:hover{transform:translateY(-1px)}.button.is-active,.button:hover,.button[aria-pressed=true]{background:rgba(34,55,86,.9);border-color:var(--line-strong)}.button.is-active,.button[aria-pressed=true]{color:var(--text-main)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(98,208,255,.34)}.muted{color:var(--text-muted);font-size:13px;line-height:1.45}.error-text{color:var(--danger)}.error-text-spaced{margin-bottom:8px}.input-tight{padding:2px 6px;height:28px;min-height:28px}.form-inline-label{display:flex;align-items:center;gap:6px;font-size:12px}.inline-toggle-label{display:inline-flex;align-items:center;gap:6px;font-size:14px}.inline-toggle-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.inline-toggle{width:30px;height:16px;border-radius:999px;background:rgba(8,20,38,.6);border:1px solid var(--line-soft);display:inline-flex;align-items:center;padding:1px;transition:background .12s ease}.inline-toggle.is-on{background:rgba(34,55,86,.9);border-color:var(--line-strong)}.inline-toggle-knob{width:12px;height:12px;border-radius:50%;background:#f8fbff;transform:translateX(0);transition:transform .12s ease}.inline-toggle.is-on .inline-toggle-knob{transform:translateX(14px)}.playback-settings-field{display:grid;grid-gap:6px;gap:6px}.playback-settings-panel{display:grid;grid-gap:10px;gap:10px;padding:10px 12px;background:rgba(255,255,255,.04);border-radius:10px}.playback-settings-label{color:var(--text-muted);font-size:14px}.learn-phrase-stage,.learn-stack{display:grid;grid-gap:12px;gap:12px}.learn-phrase-stage,.learn-phrase-stage-compact{min-height:360px;font-size:24px}.learn-phrase-stage-compact{display:grid;grid-gap:8px;gap:8px;align-content:start}.muted-label{font-size:14px;margin-bottom:6px}.muted-strong{font-size:18px;font-weight:600}.learn-delay-container{min-height:28px;display:flex;align-items:center;justify-content:center}.settings-menu{position:relative}.settings-menu-trigger{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--line-soft);background:rgba(11,27,47,.8);cursor:pointer;color:var(--text-main);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.settings-menu-trigger:hover{border-color:var(--line-strong);background:rgba(24,50,82,.96)}.settings-menu-panel{position:absolute;right:0;top:110%;background:rgba(13,27,47,.97);border:1px solid var(--line-soft);border-radius:8px;min-width:180px;box-shadow:none;z-index:20;overflow:hidden}.settings-menu-item{width:100%;text-align:left;min-height:0;padding:10px 14px;background:transparent;border:none;border-radius:0;color:var(--text-main);cursor:pointer;font:inherit;font-weight:600}.settings-menu-item-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-tag{border:1px solid #f6d365;color:#f6d365;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 0 0 1px rgba(246,211,101,.2),inset 0 0 6px rgba(246,211,101,.1)}.settings-menu-item:hover{background:rgba(34,55,86,.72)}.nav{flex-direction:column;align-items:flex-start;max-width:min(960px,100%);margin-left:auto;margin-right:auto;margin-bottom:8px;position:-webkit-sticky;position:sticky;top:8px;z-index:30;padding:8px 2px}.nav,.nav-header{display:flex;gap:8px;width:100%}.nav-header{justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav-title{font-size:clamp(22px,3vw,28px);font-weight:700;letter-spacing:.2px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.nav-title:hover{color:#ffffff}.nav-title-sup{font-style:normal;font-weight:500;font-family:inherit}.nav-subtitle,.nav-title-sup{color:var(--text-soft);font-size:12px}.nav-subtitle:hover{color:#d6e3f6}.nav-title-wrap{display:flex;align-items:center;gap:10px}.nav-title-text{display:flex;flex-direction:column;gap:2px}.nav-title-icon-link{display:inline-flex;align-items:stretch}.nav-title-icon-link:hover{opacity:.9}.nav-title-icon{display:block;height:auto;max-height:52px;width:auto}.nav-auth{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.nav-auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 9px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(11,26,46,.75);font-weight:600}.nav-auth-link:hover{border-color:var(--line-strong);background:rgba(25,50,81,.95)}.nav-auth-loading{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--line-soft);background:rgba(11,26,46,.75);color:var(--text-main);opacity:.8}.nav-menu{display:flex;gap:8px;flex-wrap:wrap;font-weight:600;font-size:15px}.nav-menu a{min-height:34px;display:inline-flex;align-items:center;padding:4px;text-decoration:none}.nav-menu a.active,.nav-menu a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.nav-menu a:hover{color:inherit}.learn-tabs{display:flex;gap:8px;flex-wrap:wrap;font-weight:600;font-size:15px;margin-bottom:12px}.learn-tabs-inline{margin-bottom:0}.learn-modal-title{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-weight:600;font-size:16px}.learn-tab{min-height:34px;padding:4px;border:none;background:transparent;color:var(--text-main);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.learn-tab.is-active,.learn-tab:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.learn-tab:hover{color:inherit}.friends-tabs{display:flex;gap:8px;flex-wrap:wrap;font-weight:600;font-size:15px;margin-bottom:12px}.friends-tab{min-height:34px;padding:4px;border:none;background:transparent;color:var(--text-main);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.friends-tab.is-active,.friends-tab:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.friends-tab:hover{color:inherit}.avatar-wrap{position:relative;display:inline-flex}.avatar-status-dot{bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #22c55e}.avatar-status-dot,.avatar-status-dot-small{position:absolute;right:-1px;background:#22c55e;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.avatar-status-dot-small{bottom:0;width:8px;height:8px;border-radius:50%;border:1px solid #22c55e}.play-button{padding:2px 8px;height:44px;width:48px;line-height:0;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;color:var(--text-main)}.play-button.is-active{filter:brightness(1.05);box-shadow:0 0 0 2px rgba(99,102,241,.34);color:#ffffff}.play-button.is-active:disabled{opacity:1;color:#ffffff}.play-button:hover:not(:disabled){color:#ffffff;filter:brightness(1.05)}.play-button.phrases-play-button{padding:0 6px;height:28px;width:48px;line-height:0}.playlists-table{min-width:720px;table-layout:fixed}@media (max-width:850px){.playlists-table{min-width:0;table-layout:auto}.playlists-table td,.playlists-table th{padding-left:4px;padding-right:4px}.playlists-actions{gap:4px}}.language-select{position:relative}.language-select-trigger{justify-content:space-between;width:100%;cursor:pointer;text-align:left}.language-select-trigger,.language-select-value{display:flex;align-items:center;gap:8px}.language-select-arrow{width:12px;height:8px;display:inline-block;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23c8d3e4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M1 1.5L6 6.5L11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:12px 8px;opacity:.9}.language-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;background:rgba(13,27,47,.97);border:1px solid var(--line-soft);border-radius:10px;padding:4px 0;box-shadow:0 10px 22px rgba(0,0,0,.35)}.language-select-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--text-main);font:inherit;cursor:pointer;text-align:left}.language-select-option:hover{background:rgba(255,255,255,.08)}.language-select-option.is-selected{background:rgba(99,102,241,.16)}.flag-pair{position:relative;display:inline-flex;align-items:flex-start}.flag-pair-source{position:absolute;bottom:-2px;right:-4px;line-height:0}.rate-button{padding:4px 8px;color:#1b1b1b;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.rate-button-hard{background:linear-gradient(120deg,#ff6b6b,#ff6b6bcc)}.rate-button-normal{background:linear-gradient(120deg,#f4c542,#f4c542cc)}.rate-button-easy{background:linear-gradient(120deg,#4cd964,#4cd964cc)}.rate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.25);filter:brightness(1.05)}.rate-button-hard:hover:not(:disabled){background:linear-gradient(120deg,#ff6b6b,#ff6b6bcc)}.rate-button-normal:hover:not(:disabled){background:linear-gradient(120deg,#f4c542,#f4c542cc)}.rate-button-easy:hover:not(:disabled){background:linear-gradient(120deg,#4cd964,#4cd964cc)}.rate-button-selected{box-shadow:0 0 0 2px rgba(255,255,255,.4)}.rate-button:disabled{opacity:.5}.welcome{background:rgba(19,35,58,.58);border:1px solid var(--line-soft);border-radius:8px;padding:12px;margin:12px 0 14px;box-shadow:none}.pill{padding:6px 12px;font-size:14px;color:#9ad2ff}.pill,.topic-tag{border:1px solid rgba(255,255,255,.12);border-radius:999px}.topic-tag{padding:4px 10px;font-size:12px;color:#b7d9ff;background:rgba(106,224,255,.08);display:inline-flex;align-items:center;gap:4px}button.topic-tag{cursor:pointer}button.topic-tag:disabled{opacity:.6;cursor:not-allowed}.topic-tag-add{background:rgba(255,255,255,.08);color:#e7edf3;font-weight:600}.duplicate-notice{position:relative;display:inline-flex;align-items:center;gap:6px}.duplicate-notice-text{color:#ffb4b4;font-size:12px}.duplicate-icon-wrapper{display:inline-flex;align-items:center;color:#ffb4b4}.duplicate-icon{width:14px;height:14px}.duplicate-tooltip{position:absolute;top:calc(100% + 6px);left:0;width:360px;max-height:240px;overflow-y:auto;padding:8px 10px;background:rgba(13,27,47,.97);border:1px solid var(--line-soft);border-radius:8px;box-shadow:0 10px 22px rgba(0,0,0,.35);z-index:20}.duplicate-tooltip-list{margin:0;padding-left:18px}.duplicate-tooltip-item{margin-bottom:10px}.duplicate-tooltip-item.last{margin-bottom:0}.duplicate-tooltip-label{font-size:11px;color:var(--text-soft)}.duplicate-tooltip-label.spacer{margin-top:4px}.duplicate-tooltip-value{font-size:13px;line-height:1.3}.modal-overlay{position:fixed;inset:0;background:rgba(5,10,18,.58);display:flex;align-items:center;justify-content:center;z-index:9999;padding:14px;overflow-y:auto;overscroll-behavior:contain}.modal-backdrop-button{position:absolute;inset:0;border:0;margin:0;padding:0;background:transparent;cursor:default}.modal-panel{background:rgba(14,26,43,.95);border:1px solid var(--line-soft);border-radius:10px;padding:14px;min-width:320px;width:min(92vw,960px);color:var(--text-main);box-shadow:0 24px 48px rgba(0,0,0,.45);position:relative;z-index:1}@media (hover:none) and (pointer:coarse){.modal-overlay{align-items:center;scrollbar-width:none}.modal-overlay::-webkit-scrollbar{display:none}.modal-panel{max-height:calc(100vh - 20px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.modal-panel::-webkit-scrollbar{display:none}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.modal-title{margin:0;color:var(--text-main)}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-close-button{border:1px solid var(--line-soft);background:rgba(8,20,38,.6);color:var(--text-main);border-radius:8px;min-width:28px;width:28px;min-height:28px;height:28px;padding:0;cursor:pointer;font-weight:600;line-height:1}.bulk-menu-button{display:block;width:auto;text-align:left;min-height:0;padding:6px 10px;white-space:nowrap;background:transparent;border:none;color:var(--text-main);cursor:pointer;font:inherit;font-size:13px;line-height:1.2;border-radius:0}.bulk-menu-button:hover:not(:disabled){background:rgba(34,55,86,.72)}.bulk-menu-button:disabled{cursor:not-allowed;opacity:.6}.modal-close-button:hover{border-color:var(--line-strong);background:rgba(34,55,86,.9)}.phrase-modal-voice-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.phrase-modal-allow-duplicates{display:flex;align-items:center;gap:8px}.phrase-form-modal-panel .input.compact{min-height:28px;padding:2px 8px;font-size:13px;line-height:1.2}.phrase-form-modal-panel select.input.compact{height:28px;min-height:28px;padding:0 30px 0 10px;line-height:1.2}.voice-settings-modal-panel .input.compact{min-height:28px;padding:2px 8px;font-size:13px;line-height:1.2}.voice-settings-modal-panel select.input.compact{height:28px;min-height:28px;padding:0 30px 0 10px;line-height:1.2}.app-footer{position:fixed;left:0;right:0;bottom:8px;margin:0;width:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;padding:0 12px;min-height:18px;z-index:25;pointer-events:none}.app-version{position:absolute;left:12px;white-space:nowrap}.app-copyright{text-align:center;white-space:nowrap}.playlists-table td,.playlists-table th{line-height:1.2;font-size:15px;padding-top:4px!important;padding-bottom:4px!important}.playlists-table .button,.playlists-table .button.compact{min-height:24px;padding:2px 7px;border-radius:6px}.phrases-table td,.phrases-table th{line-height:1.2;font-size:13px;padding-top:3px!important;padding-bottom:3px!important}.phrases-table .input{min-height:28px;font-size:13px}@media (max-width:980px){.page{padding:10px 12px 14px}.card{max-width:100%}}@media (max-width:760px){.page{padding:8px 8px 10px}.nav{top:6px;padding:8px}.nav-header{align-items:flex-start;flex-direction:row;flex-wrap:nowrap;gap:8px}.nav-left{width:auto;min-width:0;flex:1 1;gap:8px}.nav-menu{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.nav-menu a{min-height:34px;white-space:nowrap;padding:4px}.nav-auth{width:auto;margin-left:auto;justify-content:flex-end;align-self:flex-start;flex-shrink:0}.nav-auth-link{min-height:36px;padding:7px 11px}.card{border-radius:8px;padding:10px}.playback-settings-panel{gap:8px;padding:8px 10px}.input{padding:8px 10px}.button,.input{min-height:40px;border-radius:8px}.button{padding:8px 11px}}@media (max-width:620px){.nav-title-icon{max-height:46px}.nav-subtitle{font-size:11px;line-height:1.25}.app-footer{position:fixed;left:0;right:0;bottom:8px;flex-direction:row;align-items:center;gap:0;margin-top:0;padding:0 8px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}