@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--header-height);background:var(--bg-header);border-bottom:1px solid var(--border);display:flex;align-items:center}.header-container{width:100%;max-width:100%;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:100%}.logo{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:700;font-size:.95rem;text-decoration:none;flex-shrink:0}.logo-icon{font-size:1.2rem}.logo-text{letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background var(--transition),color var(--transition);white-space:nowrap}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--accent-subtle);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;font-size:1rem;cursor:pointer;transition:background var(--transition)}.btn-theme-toggle:hover{background:var(--bg-hover)}.btn-logout{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;transition:all var(--transition)}.btn-logout:hover{background:var(--color-error);color:var(--bg-app);border-color:var(--color-error)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:background var(--transition);flex-shrink:0}.mobile-menu-toggle:hover{background:var(--bg-hover)}@media (max-width: 1024px){.header-container{padding:0 var(--space-4);gap:var(--space-3)}.nav{gap:var(--space-1)}.nav-link{padding:var(--space-2);font-size:.8rem}.logo-text{font-size:.9rem}}@media (max-width: 768px){.header-container{padding:0 var(--space-3);gap:var(--space-2)}.mobile-menu-toggle{display:flex}.nav{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-header);border-bottom:1px solid var(--border);padding:var(--space-2);flex-direction:column;align-items:stretch;gap:var(--space-1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--transition),opacity var(--transition),visibility var(--transition);z-index:49}.nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:var(--space-3) var(--space-4);font-size:.9rem;justify-content:flex-start;border-radius:var(--radius-md)}.btn-logout{padding:var(--space-2) var(--space-3);font-size:.8rem}.btn-theme-toggle{width:36px;height:36px}}.study-page{width:100%;height:100%;overflow-y:auto;padding:var(--space-6) var(--space-8)}.study-layout{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);min-height:100%}.study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.study-toolbar__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.study-toolbar__right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.study-toolbar__new-hint{font-size:.78rem;font-weight:500;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent);border-radius:var(--radius-pill);padding:2px 10px;white-space:nowrap}.study-counter{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.82rem;color:var(--text-muted);white-space:nowrap}.study-counter__num{font-weight:700;font-size:.95rem;color:var(--accent)}.dict-select{position:relative;min-width:200px}.dict-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition)}.dict-select__trigger:hover{background:var(--bg-hover);border-color:var(--accent)}.dict-select__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.dict-select--open .dict-select__trigger{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.dict-select__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-select__chevron{flex-shrink:0;color:var(--text-muted);font-size:.75rem;line-height:1;transition:transform var(--transition)}.dict-select__chevron--up{transform:rotate(180deg)}.dict-select__menu{position:absolute;top:100%;left:0;right:0;z-index:100;list-style:none;margin:0;padding:var(--space-1) 0;background:var(--bg-card);border:1px solid var(--accent);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);max-height:240px;overflow-y:auto}.dict-select__option{padding:var(--space-2) var(--space-3);font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:background var(--transition),color var(--transition);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-select__option:hover{background:var(--bg-hover)}.dict-select__option--selected{color:var(--accent);background:var(--accent-subtle)}.dict-select__option--selected:hover{background:var(--bg-hover)}.study-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.study-card__instruction{font-size:.85rem;color:var(--text-muted);text-align:center}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.match-col{display:flex;flex-direction:column;gap:var(--space-2)}.match-col__header{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-1);text-align:center}.word-pill{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),background var(--transition),opacity var(--transition);font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:center;min-height:44px;width:100%}.word-pill:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle)}.word-pill--active{border-color:var(--accent);background:var(--accent);color:var(--bg-app)}.word-pill--pending{border-color:var(--accent);border-style:dashed;background:var(--accent-subtle);color:var(--accent)}.word-pill--correct{opacity:.45;border-color:var(--color-success);background:#6daa451a;color:var(--color-success);cursor:default;pointer-events:none}.word-pill--incorrect{border-color:var(--color-error);background:var(--color-error-subtle);color:var(--color-error);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.word-pill__badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent);flex-shrink:0}.study-card__feedback{text-align:center;font-size:.82rem;font-weight:500;padding:var(--space-2) 0 0}.study-card__feedback--error{color:var(--color-error)}.study-card__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-2)}.study-card__batch-indicator{font-size:.85rem;color:var(--text-muted);font-weight:500}.study-footer{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.progress-row{display:flex;align-items:center;gap:var(--space-3)}.progress-row__label{font-size:.8rem;color:var(--text-muted);white-space:nowrap;min-width:56px}.progress-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:var(--radius-pill);overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .4s cubic-bezier(.16,1,.3,1)}.progress-row__pct{font-size:.8rem;color:var(--text-muted);min-width:36px;text-align:right}.stats-row{display:flex;gap:var(--space-3)}.stats-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.stats-cell__num{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.stats-cell__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.study-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-6);min-height:320px}.study-page .empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-4);line-height:1}.study-page .empty-state h2{margin-bottom:var(--space-3)}.study-page .empty-state p{margin-bottom:var(--space-6);color:var(--text-muted);max-width:360px;line-height:1.6}@media (min-width: 1280px){.study-layout{max-width:900px}.matching-grid{gap:var(--space-8)}}@media (max-width: 1279px){.study-page{padding:var(--space-4) var(--space-6)}.study-layout{max-width:800px}.matching-grid{gap:var(--space-4)}.word-pill{padding:var(--space-2) var(--space-3);font-size:.85rem}}@media (max-width: 1023px){.study-page{padding:var(--space-4)}.study-layout{max-width:none;gap:var(--space-4)}.matching-grid{grid-template-columns:1fr;gap:var(--space-6)}.match-col{gap:var(--space-2)}.match-col:first-child{padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.match-col:last-child{padding-top:var(--space-2)}.study-toolbar{flex-wrap:wrap;gap:var(--space-3)}.study-toolbar__title{font-size:1.3rem}.study-toolbar__right{flex-wrap:wrap;width:auto}.dict-select{min-width:220px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stats-cell{min-width:auto}}@media (max-width: 767px){.study-page{padding:var(--space-3);overflow-y:auto}.study-layout{gap:var(--space-3);min-height:auto}.study-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-2)}.study-toolbar__title{font-size:1.2rem;text-align:center}.study-toolbar__right{width:100%;flex-direction:column;gap:var(--space-2)}.study-toolbar__new-hint{text-align:center}.dict-select{min-width:0;width:100%}.dict-select__trigger{padding:var(--space-3);min-height:44px}.study-card{padding:var(--space-4) var(--space-3);gap:var(--space-4)}.study-card__instruction{font-size:.8rem}.matching-grid{grid-template-columns:1fr;gap:var(--space-4)}.match-col__header{font-size:.7rem;padding:var(--space-2) 0;background:var(--bg-hover);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.match-col:first-child{border-bottom:2px solid var(--border);padding-bottom:var(--space-4)}.match-col:last-child{padding-top:var(--space-2)}.word-pill{min-height:52px;padding:var(--space-3) var(--space-4);font-size:1rem;gap:var(--space-3)}.word-pill__badge{font-size:.7rem;padding:2px 8px}.study-footer{padding-bottom:var(--space-6)}.stats-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}.stats-cell{padding:var(--space-3) var(--space-2)}.stats-cell__num{font-size:1.1rem}.stats-cell__label{font-size:.65rem}.study-page .empty-state{padding:var(--space-6) var(--space-4);min-height:auto}.study-page .empty-state-icon{font-size:2rem}.study-page .empty-state h2{font-size:1.1rem}.progress-row{gap:var(--space-2)}.progress-row__label{font-size:.75rem;min-width:50px}.progress-bar{height:8px}}@media (max-width: 480px){.study-page{padding:var(--space-2)}.study-toolbar__title{font-size:1.1rem}.study-card{padding:var(--space-3) var(--space-2)}.word-pill{min-height:48px;padding:var(--space-2) var(--space-3);font-size:.9rem}.study-card__pagination{gap:var(--space-2)}.study-card__pagination button{padding:var(--space-2) var(--space-3);font-size:.8rem;min-height:40px}.study-card__batch-indicator{font-size:.75rem}.stats-row{grid-template-columns:1fr}.stats-cell{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3)}.stats-cell__num{font-size:1rem}.stats-cell__label{font-size:.75rem}}.custom-select{position:relative;min-width:160px}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition);min-height:36px}.custom-select__trigger:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.custom-select__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.custom-select__trigger:disabled{opacity:.5;cursor:not-allowed}.custom-select--open .custom-select__trigger{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select__chevron{flex-shrink:0;color:var(--text-muted);font-size:.75rem;line-height:1;transition:transform var(--transition)}.custom-select__chevron--up{transform:rotate(180deg)}.custom-select__menu{position:absolute;top:100%;left:0;right:0;z-index:100;list-style:none;margin:0;padding:var(--space-1) 0;background:var(--bg-card);border:1px solid var(--accent);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);max-height:240px;overflow-y:auto}.custom-select__option{padding:var(--space-2) var(--space-3);font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:background var(--transition),color var(--transition);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select__option:hover{background:var(--bg-hover)}.custom-select__option--selected{color:var(--accent);background:var(--accent-subtle)}.custom-select__option--selected:hover{background:var(--bg-hover)}@media (max-width: 768px){.custom-select__trigger{min-height:44px;padding:var(--space-3)}.custom-select__option{padding:var(--space-3);min-height:44px;display:flex;align-items:center}}.dict-page{display:flex;width:100%;height:100%;background:var(--bg-app);color:var(--text-primary);overflow:hidden}.dict-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;height:100%;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4) 0;overflow-y:auto}.dict-sidebar__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:0 var(--space-4);margin-bottom:var(--space-2)}.dict-sidebar__list{list-style:none;padding:0;margin:0;flex:1}.dict-sidebar__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--transition);font-size:.85rem}.dict-sidebar__item:hover{background:var(--bg-hover)}.dict-sidebar__item--active{background:var(--accent-subtle)}.dict-sidebar__item-name{font-weight:600;color:var(--text-primary)}.dict-sidebar__item-desc{font-size:12px;color:var(--text-faint)}.dict-sidebar__item-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.dict-sidebar__item:hover .dict-sidebar__item-actions,.dict-sidebar__item--active .dict-sidebar__item-actions{display:flex}.dict-sidebar__action-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-faint);line-height:1;transition:background var(--transition),color var(--transition)}.dict-sidebar__action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dict-sidebar__action-btn--danger:hover{background:var(--color-error-subtle);color:var(--color-error)}.dict-sidebar__rename-input{width:100%;padding:2px var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-weight:600;outline:none}.dict-sidebar__new-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin:var(--space-2) var(--space-3) 0;border:1px dashed var(--border);border-radius:var(--radius-md);background:transparent;color:var(--accent);font-size:.82rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.dict-sidebar__new-btn:hover{background:var(--accent-subtle);border-color:var(--accent)}.dict-left{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto;border-right:1px solid var(--border)}.dict-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.dict-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.dict-panel__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.dict-panel__add-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--transition)}.dict-panel__add-btn:hover{background:var(--accent);color:var(--bg-app);border-color:var(--accent)}.tags-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;border:none;background:var(--accent-subtle);color:var(--accent);cursor:pointer;transition:all var(--transition)}.tag-chip:hover{background:var(--bg-hover)}.tag-chip.tag-chip--active{background:var(--accent);color:var(--bg-app);box-shadow:inset 0 0 0 1px var(--border-subtle),0 0 0 2px var(--accent-subtle);font-weight:600}.tag-chip.tag-chip--active:hover{background:var(--accent-hover);color:var(--bg-app)}.tag-chip__count{font-size:11px;opacity:.7}.groups-list{display:flex;flex-direction:column;gap:var(--space-1)}.group-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);font-size:.84rem}.group-item:hover{background:var(--bg-hover)}.group-item--active{background:var(--accent-subtle);font-weight:600}.group-item__left{display:flex;align-items:center;gap:var(--space-2)}.group-item__icon{font-size:.9rem}.group-item__count{color:var(--text-faint);font-size:12px;min-width:24px;text-align:right}.groups-new-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);font-size:.82rem;color:var(--accent);cursor:pointer;border:none;background:none;font-weight:500}.groups-new-link:hover{text-decoration:underline}.dict-main{flex:1;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;min-width:0}.dict-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dict-toolbar__left{display:flex;align-items:center;gap:var(--space-3);flex:1}.dict-toolbar__count{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.dict-toolbar__search{flex:1;max-width:320px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color var(--transition)}.dict-toolbar__search:focus{border-color:var(--accent)}.dict-toolbar__search::placeholder{color:var(--text-faint)}.dict-toolbar__cefr{min-width:120px}.dict-toolbar__right{display:flex;align-items:center;gap:var(--space-2)}.dict-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition)}.dict-btn--danger{background:transparent;color:var(--color-error)}.dict-btn--danger:hover{background:var(--color-error-subtle)}.dict-btn--due{background:transparent;color:var(--accent);border:1px solid var(--accent)}.dict-btn--due:hover{background:var(--accent-subtle)}.dict-btn--due-active{background:var(--accent);color:var(--bg-app);border:1px solid var(--accent)}.dict-btn--due-active:hover{background:var(--accent-hover)}.toolbar-col-toggle{position:relative}.toolbar-col-menu{position:absolute;top:calc(100% + var(--space-1));right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:20;padding:var(--space-2);min-width:160px}.toolbar-col-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.85rem;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition)}.toolbar-col-option:hover{background:var(--bg-hover)}.toolbar-col-option input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.due-chip{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;background:var(--accent);color:var(--bg-app)}.word-cell__reviews,.word-cell__next-review{color:var(--text-muted);font-size:.82rem}.word-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.word-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.word-form__group{display:flex;flex-direction:column;gap:var(--space-1)}.word-form__label{font-size:12px;font-weight:600;color:var(--text-muted)}.word-form__input,.word-form__select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color var(--transition)}.word-form__input:focus,.word-form__select:focus{border-color:var(--accent)}.word-form__input::placeholder{color:var(--text-faint)}.word-form__tag-input-wrap{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);min-height:38px;align-items:center;cursor:text;position:relative}.word-form__tag-input-wrap:focus-within{border-color:var(--accent)}.word-form__tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;background:var(--accent-subtle);color:var(--accent)}.word-form__tag-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:.85rem;padding:0;line-height:1;opacity:.7}.word-form__tag-chip button:hover{opacity:1}.word-form__tag-text-input{flex:1;min-width:80px;border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-primary);padding:2px 0}.word-form__tag-text-input::placeholder{color:var(--text-faint)}.word-form__tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:10;margin-top:var(--space-1);max-height:160px;overflow-y:auto}.word-form__tag-suggestion{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.84rem;cursor:pointer;color:var(--text-primary)}.word-form__tag-suggestion:hover{background:var(--bg-hover)}.word-form__hint{font-size:12px;color:var(--text-faint)}.word-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.words-table-wrapper{width:100%;overflow-x:auto;overflow-y:visible;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);-webkit-overflow-scrolling:touch;overscroll-behavior:auto}.words-table-wrapper::-webkit-scrollbar{height:6px}.words-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}.words-table{width:100%;min-width:580px;border-collapse:separate;border-spacing:0;background:var(--bg-card);border:none;border-radius:0}.words-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--bg-card)}.words-table td{padding:var(--space-3) var(--space-4);font-size:.85rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle;height:48px}.words-table tr:last-child td{border-bottom:none}.words-table tbody tr:nth-child(odd) td{background:var(--bg-hover)}.words-table tr:hover td{background:var(--accent-subtle)}.word-cell__main{font-weight:600;color:var(--text-primary)}.word-cell__synonyms{font-size:12px;color:var(--text-faint);margin-top:2px}.word-cell__translation{color:var(--text-muted)}.cefr-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:var(--accent-subtle);color:var(--accent)}.word-cell__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.word-cell__tag{padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;background:var(--accent-subtle);color:var(--accent)}.word-actions{display:flex;gap:var(--space-1)}.word-actions button{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--text-faint);font-size:.9rem;transition:color var(--transition),background var(--transition)}.word-actions button:hover{color:var(--text-primary);background:var(--bg-hover)}.words-footer{font-size:12px;color:var(--text-faint);padding:var(--space-3) var(--space-4);text-align:left}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:480px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-8) var(--space-3)}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.3rem;color:var(--text-faint);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition)}.modal-close:hover{background:var(--bg-hover)}.modal-body{padding:var(--space-2) var(--space-8) var(--space-4);overflow-y:auto;flex:1}.modal-body label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-1)}.modal-body input[type=text]{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-input);color:var(--text-primary);outline:none;margin-bottom:var(--space-4)}.modal-body input[type=text]:focus{border-color:var(--accent)}.modal-word-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.modal-word-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-subtle);font-size:.85rem;cursor:pointer}.modal-word-row:hover{background:var(--bg-hover)}.modal-word-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.modal-word-row__word{font-weight:600;flex:1}.modal-word-row__dst{color:var(--text-faint);flex:1}.modal-selected-count{font-size:12px;color:var(--accent);padding:var(--space-2) 0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-8) var(--space-8)}.dict-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;gap:var(--space-4);text-align:center;padding:var(--space-8)}.dict-empty h2{font-size:1.3rem}.dict-empty p{color:var(--text-muted);max-width:360px}.dict-words-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--space-3);text-align:center;padding:var(--space-8);color:var(--text-muted)}.dict-words-empty__icon{font-size:2.5rem;margin-bottom:var(--space-2)}.dict-words-empty h3{font-size:1.1rem;color:var(--text-primary)}.dict-words-empty p{max-width:300px;font-size:.85rem}.new-dict-form{display:flex;flex-direction:column;gap:var(--space-3)}.new-dict-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dict-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-faint);font-size:.9rem}.dict-mobile-selector{display:none;padding:var(--space-3);background:var(--bg-sidebar);border-bottom:1px solid var(--border)}.dict-mobile-selector__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:var(--space-2);display:block}@media (max-width: 768px){.dict-sidebar__action-btn,.word-actions button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.tag-chip,.group-item{min-height:44px}.word-pill{min-height:48px}}@media (min-width: 1280px){.dict-main{padding:var(--space-6) var(--space-8)}}@media (max-width: 1279px){.dict-sidebar{width:180px;min-width:180px}.dict-left{width:180px;min-width:180px;padding:var(--space-4)}.dict-main{padding:var(--space-4) var(--space-6)}.dict-toolbar__search{max-width:240px}}@media (max-width: 1023px){.dict-page{flex-direction:column;overflow-y:auto}.dict-sidebar{display:none}.dict-mobile-selector{display:block;flex-shrink:0}.dict-left{width:100%;min-width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:var(--space-3);gap:var(--space-3);border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;max-height:200px}.dict-panel{min-width:200px;flex-shrink:0;max-height:180px;overflow-y:auto}.dict-main{flex:1;padding:var(--space-4);overflow-y:auto;min-width:0}.dict-toolbar{flex-wrap:wrap;gap:var(--space-3)}.dict-toolbar__left{flex-wrap:wrap;width:100%}.dict-toolbar__search{flex:1;max-width:none;min-width:200px}.words-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.words-table{min-width:640px}.word-form__row{grid-template-columns:1fr;gap:var(--space-3)}.word-form{padding:var(--space-4)}}@media (max-width: 767px){.dict-page{flex-direction:column;overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%;display:flex}.dict-mobile-selector{display:block;position:sticky;top:0;z-index:10}.dict-left{flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:var(--space-3);gap:var(--space-2);border-bottom:1px solid var(--border);flex-shrink:0;max-height:25vh;min-height:100px}.dict-panel{min-width:auto;width:100%;flex-shrink:0;padding:var(--space-3)}.dict-panel:first-child{max-height:12vh;min-height:60px;overflow-y:auto;padding:var(--space-2)}.dict-panel:last-child{max-height:10vh;min-height:50px;overflow-y:auto;padding:var(--space-2)}.tags-chips{gap:var(--space-1)}.tag-chip{padding:2px 8px;font-size:11px;min-height:28px}.group-item{padding:var(--space-1) var(--space-2);min-height:32px;font-size:.8rem}.dict-main{padding:var(--space-3);min-width:0;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.dict-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.dict-toolbar__left{flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%}.dict-toolbar__right{justify-content:space-between;width:100%}.dict-toolbar__count{order:-1;text-align:center;padding:var(--space-2);background:var(--bg-card);border-radius:var(--radius-md)}.dict-toolbar__search,.dict-toolbar__cefr{width:100%;max-width:none}.words-table-wrapper{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);min-height:500px;max-height:55vh;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.words-table{min-width:580px;font-size:.8rem}.words-table th,.words-table td{padding:var(--space-2) var(--space-3);height:44px}.word-form{padding:var(--space-4) var(--space-3)}.word-form__row{grid-template-columns:1fr;gap:var(--space-3)}.word-form__actions{flex-direction:column}.word-form__actions button{width:100%;justify-content:center;min-height:44px}.tags-chips{gap:var(--space-2)}.tag-chip{padding:var(--space-2) var(--space-3);font-size:.85rem;min-height:36px}.group-item{padding:var(--space-3);min-height:44px}.word-actions{gap:var(--space-2)}.word-actions button{min-width:44px;min-height:44px;font-size:1.1rem}.modal-content{width:100%;max-width:100%;margin:var(--space-4);max-height:calc(100vh - var(--header-height) - var(--space-8))}.dict-empty,.dict-words-empty{padding:var(--space-6) var(--space-4)}}@media (max-width: 480px){.dict-toolbar__right{flex-wrap:wrap;gap:var(--space-2)}.dict-toolbar__right .btn-primary,.dict-toolbar__right .btn-ghost{flex:1;min-height:44px;justify-content:center}.toolbar-col-menu{right:auto;left:0;min-width:180px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.stats-cell{min-width:auto}}.profile-page{width:100%;height:100%;overflow-y:auto;padding:var(--space-6) var(--space-8)}.profile-container{max-width:800px;margin:0 auto}.profile-container>h1{margin-bottom:var(--space-6)}.profile-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.profile-section h2{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:1rem}.profile-section h3{margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--text-muted);font-size:.9rem}.profile-info{display:flex;flex-direction:column;gap:var(--space-3)}.info-row{display:flex;align-items:center;gap:var(--space-4)}.info-row .label{font-weight:600;min-width:110px;color:var(--text-muted);font-size:.85rem}.info-row .value{color:var(--text-primary);font-size:.85rem}.info-row input,.info-row select{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;outline:none}.info-row input:focus,.info-row select:focus{border-color:var(--accent)}.btn-group{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:2px}.stat-card .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.level-progress{margin-top:var(--space-6)}.progress-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.progress-label{min-width:40px;font-weight:600;font-size:.85rem;color:var(--text-primary)}.progress-bar{flex:1;height:8px;background:var(--bg-hover);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.progress-value{min-width:40px;text-align:right;font-weight:600;font-size:.85rem;color:var(--text-muted)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.achievement-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:border-color var(--transition)}.achievement-card.earned{border-color:var(--accent);background:var(--accent-subtle)}.achievement-card.earned:hover{border-color:var(--accent-hover)}.achievement-card.locked{opacity:.5}.achievement-icon{font-size:2rem;margin-bottom:var(--space-2)}.achievement-card h4{margin:var(--space-2) 0;font-size:.85rem}.achievement-card p{font-size:12px;color:var(--text-muted);margin:var(--space-1) 0}.achievement-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:11px}.achievement-category{background:var(--accent-subtle);color:var(--accent);padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase;font-weight:600}.achievement-points{color:var(--accent);font-weight:600}.achievement-date{display:block;margin-top:var(--space-2);color:var(--text-faint);font-size:11px}@media (min-width: 1280px){.profile-container{max-width:900px}}@media (max-width: 1279px){.profile-page{padding:var(--space-4) var(--space-6)}.profile-container{max-width:720px}}@media (max-width: 1023px){.profile-page{padding:var(--space-4)}.stats-grid{grid-template-columns:repeat(3,1fr)}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 767px){.profile-page{padding:var(--space-3)}.profile-section{padding:var(--space-4);margin-bottom:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stat-card{padding:var(--space-3)}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.info-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.info-row .label{min-width:auto;font-size:.8rem}.btn-group{flex-direction:column}.btn-group button{width:100%;min-height:44px}.progress-row{gap:var(--space-2)}.progress-label,.progress-value{min-width:35px;font-size:.8rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:1fr 1fr}.achievement-card{padding:var(--space-3)}.achievement-icon{font-size:1.5rem}}.sg-page{width:100%;height:100%;overflow-y:auto;padding:var(--space-8)}.sg-container{max-width:900px;margin:0 auto}.sg-container>h1{margin-bottom:var(--space-1)}.sg-subtitle{color:var(--text-muted);margin-bottom:var(--space-8)}.sg-section{margin-bottom:var(--space-8)}.sg-section>h2{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.sg-section>h3{margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--text-muted);font-size:.9rem}.sg-color-group{margin-bottom:var(--space-4)}.sg-color-group>h3{margin-bottom:var(--space-2);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sg-swatches{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sg-swatch{display:flex;align-items:center;gap:var(--space-3);min-width:200px}.sg-swatch__color{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}.sg-swatch__info{display:flex;flex-direction:column}.sg-swatch__label{font-size:.85rem;color:var(--text-primary)}.sg-swatch__var{font-size:.75rem;color:var(--text-faint)}.sg-type-card{display:flex;flex-direction:column;gap:var(--space-4)}.sg-type-meta{color:var(--text-muted);font-size:.85rem}.sg-type-samples{display:flex;flex-direction:column;gap:var(--space-3)}.sg-spacing-card{display:flex;flex-direction:column;gap:var(--space-6)}.sg-spacing-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.sg-spacing-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.sg-spacing-block{background:var(--accent);border-radius:var(--radius-sm)}.sg-spacing-item code{font-size:.7rem;color:var(--text-faint)}.sg-radius-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.sg-radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.sg-radius-block{width:48px;height:48px;background:var(--bg-hover);border:2px solid var(--accent)}.sg-radius-item code{font-size:.7rem;color:var(--text-faint)}.sg-component-card{margin-bottom:var(--space-3)}.sg-component-card code{background:var(--bg-input);padding:1px 6px;border-radius:var(--radius-sm);font-size:.82rem;color:var(--accent)}.sg-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.sg-table-demo{overflow-x:auto}.app{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}.main-content{flex:1;display:flex;overflow:hidden;padding-top:var(--header-height)}.auth-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:var(--space-6)}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:420px}.auth-card h1{margin-bottom:var(--space-6);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.auth-form label{font-weight:500;color:var(--text-muted);font-size:.82rem}.auth-form input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color var(--transition)}.auth-form input:focus{border-color:var(--accent)}.auth-form input::placeholder{color:var(--text-faint)}.auth-form small{color:var(--text-muted);font-size:.78rem}.auth-form button{margin-top:var(--space-2)}.auth-footer{margin-top:var(--space-6);text-align:center;color:var(--text-muted);font-size:.85rem}.auth-footer a{color:var(--accent);font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 768px){.auth-card{padding:var(--space-6)}}:root{--bg-app: #171614;--bg-header: #1f1e1d;--bg-sidebar: #1f1e1d;--bg-card: #1c1b19;--bg-input: #22211f;--bg-hover: #2d2c2a;--text-primary: #cdccca;--text-muted: #797876;--text-faint: #5a5957;--accent: #4f98a3;--accent-hover: #227f8b;--accent-subtle: rgba(79, 152, 163, .12);--border: #393836;--border-subtle: rgba(205, 204, 202, .08);--color-error: #d163a7;--color-error-subtle: rgba(209, 99, 167, .08);--color-success: #6daa45;--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .3);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .6);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--transition: .18s cubic-bezier(.16, 1, .3, 1);--header-height: 56px;--sidebar-width: 220px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:.88rem;border:none;cursor:pointer;min-height:36px;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn-primary{background:var(--accent);color:var(--bg-app)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:.88rem;background:transparent;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;min-height:36px;transition:background var(--transition),border-color var(--transition)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:.88rem;background:var(--color-error);color:var(--bg-app);border:none;cursor:pointer;min-height:36px;transition:background var(--transition),opacity var(--transition)}.btn-danger:hover{opacity:.85}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-4)}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:2px 10px;font-size:12px;font-weight:500;background:var(--accent-subtle);color:var(--accent)}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{min-height:44px;padding:var(--space-3) var(--space-4)}.chip{min-height:32px;padding:var(--space-1) var(--space-3)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.loading,.error{display:flex;justify-content:center;align-items:center;height:100%;font-size:.9rem;color:var(--text-muted)}.error{color:var(--color-error)}