:root{--primary-btn-width: 200px;--primary-btn-height: 48px;--primary-btn-gap: 15px;--primary-violet: #5c3ca6;--primary-violet-hover: #4b2e88}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(92,60,166,.3)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;min-height:100vh;padding:20px;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}*{-webkit-overflow-scrolling:touch}@media(max-width:768px){input,select,textarea{font-size:16px!important}}*:focus-visible{outline:2px solid var(--primary-violet);outline-offset:2px}button:focus-visible{outline:3px solid var(--primary-violet);outline-offset:2px}button,.toggle-switch,.mini-toggle,.mode-pill,.section-header,.account-item,.file-item,.collapse-arrow{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:0;padding:20px 0;max-width:900px;margin-left:auto;margin-right:auto;gap:15px}.logo{font-size:28px;font-weight:700;color:var(--primary-violet);letter-spacing:-.5px;justify-self:start}.header-buttons{display:flex;gap:20px;align-items:center;justify-self:end}.account-container{display:flex;justify-content:center}.account-btn,.info-btn{cursor:pointer;transition:all .2s ease}.account-btn{background:var(--primary-violet);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:700}.account-btn:hover{background:var(--primary-violet-hover)}.info-btn{width:40px;height:40px;border-radius:50%;background:#1a1a1a;border:1px solid var(--primary-violet);color:var(--primary-violet);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}.info-btn:hover{background:var(--primary-violet);color:#fff}.container{max-width:900px;margin:0 auto;background:#141414;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000080;border:1px solid #252525}.section{margin-bottom:30px;padding:0;background:#1a1a1a;border-radius:12px;border:1px solid #252525;transition:all .3s ease;overflow:hidden}.section:hover{border-color:var(--primary-violet)}.section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:25px;transition:background .2s ease;border-bottom:2px solid #252525}.section.collapsed .section-header{border-bottom:none}.section-header:hover{background:#0a0a0a}.section-title{font-size:18px;font-weight:600;color:#e0e0e0;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:3px;height:20px;background:var(--primary-violet);border-radius:2px}.file-loaded-indicator{font-size:14px;font-weight:600;color:#10b981;margin-left:15px;display:flex;align-items:center;gap:8px}.file-loaded-indicator:before{content:"✓";font-size:16px}.collapse-arrow{font-size:20px;color:var(--primary-violet);transition:transform .4s cubic-bezier(.4,0,.2,1);font-weight:700;padding:5px}.section.collapsed .collapse-arrow{transform:rotate(-90deg)}.section-content{max-height:1000px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);opacity:1;padding:30px 25px 25px}.section.collapsed .section-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.main-btn{width:415px;height:var(--primary-btn-height);background:var(--primary-violet);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:1px;margin:0 auto;display:block}.main-btn:hover{background:var(--primary-violet-hover)}.primary-btn,.remove-btn{cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;transition:all .2s ease;white-space:nowrap}.primary-btn{width:var(--primary-btn-width);height:var(--primary-btn-height);background:var(--primary-violet);color:#fff;border:none}.primary-btn:hover{background:var(--primary-violet-hover)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.primary-btn:disabled:hover{background:var(--primary-violet)}.remove-btn{width:150px;height:var(--primary-btn-height);background:#dc2626;color:#fff;border:none}.remove-btn:hover{background:#b91c1c}.button-group{display:flex;gap:var(--primary-btn-gap);align-items:center;justify-content:center}.control-group{display:flex;gap:20px;align-items:flex-end;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.control-item{display:flex;flex-direction:column;gap:10px}.label{font-size:14px;font-weight:700;color:#e0e0e0;letter-spacing:.5px;text-align:center;text-transform:none}.toggle-switch{position:relative;width:480px;height:var(--primary-btn-height);background:#0a0a0a;border-radius:8px;border:1px solid #252525;cursor:pointer;display:flex;overflow:hidden}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#606060;transition:color .3s ease;z-index:2}.toggle-slider{position:absolute;width:50%;height:100%;background:var(--primary-violet);border-radius:0;transition:transform .3s ease;z-index:1}.toggle-switch.randomly .toggle-slider{transform:translate(100%)}.toggle-switch .toggle-option.active{color:#fff}.input-box{width:150px;height:var(--primary-btn-height);padding:0 16px;background:#0a0a0a;border:1px solid #252525;border-radius:8px;color:#fff;font-size:15px;font-weight:500;transition:all .2s ease;text-align:center;line-height:var(--primary-btn-height)}.input-box::-webkit-outer-spin-button,.input-box::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-box[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.input-box:focus{outline:none;border-color:var(--primary-violet)}.mode-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mode-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#0a0a0a;border:2px solid #252525;border-radius:8px;cursor:pointer;transition:all .2s ease;width:120px;justify-content:center}.mode-pill:hover{border-color:var(--primary-violet);background:#1a1a1a}.mode-pill.active{background:var(--primary-violet);border-color:var(--primary-violet)}.mode-icon{font-size:18px;line-height:1}.mode-name{font-size:14px;font-weight:600;color:#a0a0a0;transition:color .2s ease}.mode-pill.active .mode-name,.mode-pill:hover .mode-name{color:#fff}.mode-settings{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1);opacity:0;margin-top:0;margin-bottom:0}.mode-settings.active{max-height:700px;opacity:1;margin-top:15px;margin-bottom:25px}.settings-container{background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:30px 40px}.settings-row{display:flex;gap:30px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.settings-row:first-child{margin-top:0;margin-bottom:25px}.settings-row:last-child{margin-bottom:0}.settings-row.with-divider{padding-top:30px;border-top:2px solid #252525;display:flex;gap:20px;flex-wrap:nowrap}.setting-item{display:flex;align-items:center;gap:20px}.centered-setting{flex-direction:column;align-items:center;gap:15px;width:100%}.centered-setting .setting-label{text-align:center}.setting-label{font-size:15px;font-weight:600;color:#e0e0e0;min-width:130px}.mini-toggle{position:relative;width:160px;height:42px;background:#0a0a0a;border-radius:8px;border:1px solid #252525;cursor:pointer;display:flex;overflow:hidden}.mini-toggle.wide{width:480px}.mini-toggle-option{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#606060;transition:color .3s ease;z-index:2}.mini-toggle-slider{position:absolute;width:50%;height:100%;background:var(--primary-violet);border-radius:0;transition:transform .3s ease;z-index:1}.mini-toggle.right .mini-toggle-slider{transform:translate(100%)}.mini-toggle .mini-toggle-option.active{color:#fff}.on-off-settings{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:22px 28px;background:#0a0a0a;border:1px solid #252525;border-radius:8px;transition:all .2s ease;flex:1;min-width:0}.on-off-settings:hover{border-color:#3a3a3a}.on-off-settings-top-row{display:flex;width:100%;justify-content:center;margin-bottom:0}.on-off-settings .setting-label{font-size:14px;white-space:nowrap;text-align:center}.on-off-settings-bottom-row{display:flex;align-items:center;gap:18px}.on-off-settings .mini-toggle{width:85px;height:34px;flex-shrink:0}.on-off-settings .mini-toggle-option{font-size:12px}.timer-input-group{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.mini-input{width:55px;height:34px;padding:0 8px;background:#0a0a0a;border:1px solid #252525;border-radius:8px;color:#fff;font-size:13px;font-weight:500;text-align:center;transition:all .2s ease;flex-shrink:0}.mini-input::-webkit-outer-spin-button,.mini-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mini-input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.mini-input:focus{outline:none;border-color:var(--primary-violet)}.input-suffix{font-size:13px;font-weight:600;color:#a0a0a0;white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-overlay.active{display:flex}.modal{background:#141414;border:1px solid #252525;border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #000c}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal-title{font-size:24px;font-weight:700;color:#e0e0e0}.modal-close{width:36px;height:36px;border-radius:50%;background:#1a1a1a;border:1px solid #252525;color:#e0e0e0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--primary-violet);color:#fff}.modal-content{color:#e0e0e0}.info-content{max-height:70vh;overflow-y:auto;padding:20px;line-height:1.6}.info-content h2{color:var(--primary-violet);margin:30px 0 20px;font-size:24px;font-weight:700}.info-content h3{color:var(--primary-violet);margin:25px 0 15px;font-size:20px;font-weight:600}.info-content h4{color:#fff;margin:20px 0 10px;font-size:18px;font-weight:600}.info-content h5{color:#ccc;margin:15px 0 8px;font-size:16px;font-weight:600}.info-content p{margin:10px 0 15px;color:#d0d0d0}.info-content ul,.info-content ol{margin:10px 0 20px 20px;color:silver}.info-content li{margin:5px 0;padding-left:5px}.info-content strong{color:#fff;font-weight:600}.info-content a{color:var(--primary-violet);text-decoration:none}.info-content a:hover{text-decoration:underline}.feedback-section{background:#5c3aa61a;border:1px solid var(--primary-violet);border-radius:8px;padding:20px;margin:30px 0 10px}.feedback-section h3{color:var(--primary-violet);margin:0 0 10px;font-size:18px}.feedback-section p{margin:8px 0;color:#e0e0e0}.auth-container{width:100%}.auth-tabs{display:flex;gap:10px;margin-bottom:30px;background:#0a0a0a;padding:6px;border-radius:12px;border:1px solid #252525}.auth-tab{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#a0a0a0;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:var(--primary-violet);color:#fff}.auth-tab:hover:not(.active){color:#e0e0e0;background:#1a1a1a}.auth-form-container{position:relative}.auth-form{display:none;flex-direction:column;gap:20px}.auth-form.active{display:flex}.form-hint{font-size:12px;color:#a0a0a0;margin-top:-5px}.auth-error{display:none;padding:12px 16px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#dc2626;font-size:14px;font-weight:500}.auth-submit-btn{margin-top:10px}.btn-loader{display:inline-block;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-info{padding:20px;background:#1a1a1a;border-radius:12px;border:1px solid #252525;margin-bottom:25px;text-align:center}.user-username{font-size:20px;font-weight:700;color:#e0e0e0;margin-bottom:8px}.user-email-small{font-size:14px;font-weight:400;color:#a0a0a0}.user-email{font-size:16px;font-weight:600;color:#e0e0e0;text-align:center}.account-list{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.account-item{background:#1a1a1a;border:2px solid #252525;border-radius:10px;padding:18px 24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.account-item:hover{border-color:var(--primary-violet);background:#0a0a0a}.account-icon{font-size:20px}.account-name{font-size:16px;font-weight:600;flex:1}.account-delete-btn{width:36px;height:36px;border-radius:8px;background:#dc2626;border:none;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-delete-btn:hover{background:#b91c1c;transform:scale(1.05)}.account-name{font-size:16px;font-weight:600}.no-accounts-message{text-align:center;padding:40px 20px;color:#a0a0a0;font-size:16px}.account-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{font-size:14px;font-weight:700;color:#e0e0e0;letter-spacing:.5px}.form-input{width:100%;height:48px;padding:0 16px;background:#0a0a0a;border:1px solid #252525;border-radius:8px;color:#fff;font-size:15px;font-weight:500;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-violet)}.account-section{margin-bottom:25px;background:#1a1a1a;border-radius:12px;border:1px solid #252525;overflow:hidden;transition:all .3s ease}.account-section:hover{border-color:var(--primary-violet)}.account-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:20px;transition:background .2s ease;border-bottom:2px solid #252525}.account-section.collapsed .account-section-header{border-bottom:none}.account-section-header:hover{background:#0a0a0a}.account-section-title{font-size:16px;font-weight:600;color:#e0e0e0}.account-section-content{max-height:500px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);opacity:1;padding:20px}.account-section.collapsed .account-section-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #252525}.stat-item:last-child{border-bottom:none}.stat-label{font-size:14px;color:#a0a0a0}.stat-value{font-size:16px;font-weight:700;color:var(--primary-violet)}.reset-stats-btn{width:100%;height:38px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:15px}.reset-stats-btn:hover{background:#b91c1c}.no-files-message{text-align:center;padding:20px;color:#a0a0a0;font-size:14px}.logout-btn{width:100%;height:48px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:25px}.logout-btn:hover{background:#b91c1c}.switch-account-btn{width:100%;height:48px;background:var(--primary-violet);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:12px}.switch-account-btn:hover{background:var(--primary-violet-hover)}@media(max-width:1024px)and (min-width:769px){.container{max-width:95%;padding:35px}.header{max-width:95%}.control-group{gap:18px}.mode-pill{width:110px}}@media(max-width:768px){body{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));font-size:16px}.modal{padding:25px 18px;max-height:90vh;border-radius:16px;max-width:calc(100% - 20px)}.modal-overlay{padding:10px}.modal-title{font-size:20px}.header{margin-bottom:15px;padding:12px 0;grid-template-columns:auto 1fr auto;gap:12px}.logo{font-size:22px}.account-container{justify-content:center}.header-buttons{gap:10px}.account-btn{padding:12px 20px;font-size:15px;min-height:48px;white-space:nowrap}.info-btn{width:48px;height:48px;font-size:20px;min-width:48px;min-height:48px;flex-shrink:0}.container{padding:20px;border-radius:16px;margin:0 auto}.section{margin-bottom:16px;border-radius:12px}.section-header{padding:20px 18px;min-height:68px}.section-content{padding:20px 18px}.section-title{font-size:17px;gap:8px}.section-title:before{height:18px}.collapse-arrow{font-size:22px;padding:10px;min-width:40px;text-align:center}.file-loaded-indicator{font-size:13px;margin-left:10px}.on-off-settings{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:20px;flex:none;width:100%;padding:20px 16px}.button-group{flex-direction:column;gap:12px;width:100%}.primary-btn,.remove-btn{width:100%;height:54px;font-size:16px;padding:0 20px;border-radius:10px}.main-btn{width:100%;max-width:100%;height:54px;font-size:16px;margin:20px auto 0;display:block;border-radius:10px}.toggle-switch,.mini-toggle{width:100%;max-width:100%;height:50px;margin:0 auto;border-radius:10px}.on-off-settings .mini-toggle{width:100%;height:48px}.toggle-switch .toggle-option,.mini-toggle .mini-toggle-option{font-size:15px;padding:0 10px}.on-off-settings-top-row{flex-direction:column;align-items:stretch;gap:10px}.input-box{width:100%;height:50px;font-size:16px;padding:0 16px;border-radius:10px}.control-group{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.control-item{width:100%;gap:10px}.label{font-size:15px;text-align:left;margin-bottom:0;font-weight:600}.centered-setting{align-items:stretch;gap:10px}.centered-setting .setting-label{text-align:left;font-size:15px}.on-off-settings{flex-direction:column;align-items:stretch;gap:12px;padding:16px 12px}.on-off-settings-top-row{flex-direction:column;gap:8px;margin-bottom:0}.on-off-settings-bottom-row{flex-direction:column;gap:10px;width:100%}.on-off-settings .mini-toggle{width:100%;height:48px;border-radius:10px}.on-off-settings .setting-label{text-align:left;font-size:15px}.timer-input-group{justify-content:flex-start;width:100%;gap:10px}.mini-input{width:75px;height:48px;font-size:16px;border-radius:10px;padding:0 10px}.input-suffix{font-size:15px}.mode-pills{gap:10px;justify-content:center}.mode-pill{width:calc(50% - 5px);padding:14px 10px;min-height:54px;border-radius:10px;flex-direction:column;gap:6px}.mode-icon{font-size:22px}.mode-name{font-size:14px;text-align:center}.mode-description{font-size:12px}.mode-settings.active{max-height:600px;margin-bottom:20px}.settings-container{padding:16px 12px;border-radius:10px}.settings-row{flex-direction:column;gap:12px;margin-bottom:12px}.settings-row.with-divider{padding-top:16px;gap:12px}.setting-item{width:100%;flex-direction:column;align-items:stretch;gap:10px}.setting-label{font-size:15px;text-align:left;min-width:auto}.account-item{padding:18px 16px;min-height:64px;border-radius:10px;gap:12px}.account-icon{font-size:24px}.account-name{font-size:16px}.account-delete-btn{width:48px;height:48px;font-size:20px;border-radius:10px}.account-list{gap:10px;margin-bottom:20px}.no-accounts-message{padding:30px 16px;font-size:15px}.account-section{margin-bottom:20px;border-radius:10px}.account-section-header{padding:18px 16px}.account-section-content{padding:16px}.account-section-title{font-size:15px}.stat-item{padding:10px 0}.stat-label{font-size:14px}.stat-value{font-size:15px}.reset-stats-btn,.logout-btn,.switch-account-btn{height:50px;font-size:16px;border-radius:10px}.file-item{padding:16px 0;min-height:64px}.file-icon{font-size:22px}.file-name{font-size:15px}.file-delete-btn{width:48px;height:48px;font-size:18px;border-radius:8px}.no-files-message{padding:16px;font-size:14px}.form-group{gap:8px}.form-label{font-size:14px}.form-input{height:50px;font-size:16px;padding:0 16px;border-radius:10px}.account-form{gap:16px}.modal-close{width:44px;height:44px;font-size:24px}.modal-header{margin-bottom:20px}.confirm-btn{height:52px;font-size:16px;min-height:52px;border-radius:10px}.confirm-modal{padding:25px 20px;border-radius:16px;max-width:calc(100% - 20px)}.confirm-modal-header{margin-bottom:20px}.confirm-modal-title{font-size:19px;margin-bottom:16px}.confirm-modal-message{font-size:15px;line-height:1.6}.confirm-modal-buttons{margin-top:24px;gap:10px}.confirm-modal-buttons.stacked{gap:10px}}.mode-description{font-size:13px;color:#a0a0a0;font-weight:400;margin:auto}.mini-toggle.triple{width:240px}.mini-toggle-slider-triple{position:absolute;width:33.333%;height:100%;background:var(--primary-violet);border-radius:0;transition:transform .3s ease;z-index:1}.mini-toggle.triple.center .mini-toggle-slider-triple{transform:translate(100%)}.mini-toggle.triple.right .mini-toggle-slider-triple{transform:translate(200%)}@media(max-width:768px){.mini-toggle.triple{width:100%}}.confirm-modal{background:#141414;border:1px solid #252525;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 8px 32px #000c}.confirm-modal-header{margin-bottom:25px}.confirm-modal-title{font-size:22px;font-weight:700;color:#e0e0e0;margin-bottom:20px}.confirm-modal-message{font-size:15px;color:#a0a0a0;line-height:1.8}.confirm-modal-account-name{color:var(--primary-violet);font-weight:600}.confirm-modal-buttons{display:flex;gap:12px;margin-top:30px}.confirm-modal-buttons.stacked{flex-direction:column;gap:10px}.confirm-btn{height:48px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.confirm-modal-buttons:not(.stacked) .confirm-btn{flex:1}.confirm-btn-cancel{background:#1a1a1a;color:#e0e0e0;border:1px solid #252525}.confirm-btn-cancel:hover{background:#252525}.confirm-btn-delete{background:#dc2626;color:#fff}.confirm-btn-delete:hover{background:#b91c1c}.confirm-btn-confirm{background:var(--primary-violet);color:#fff}.confirm-btn-confirm:hover{background:var(--primary-violet-hover)}@media(max-width:768px){.confirm-modal{padding:30px 20px}.confirm-modal-title{font-size:20px}.confirm-modal-buttons{flex-direction:column;gap:10px}}.file-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #252525}.file-item:last-child{border-bottom:none}.file-info{display:flex;align-items:center;gap:10px;flex:1}.file-icon{font-size:18px}.file-name{font-size:14px;color:#e0e0e0;font-weight:500}.file-delete-btn{width:32px;height:32px;border-radius:6px;background:#dc2626;border:none;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-delete-btn:hover{background:#b91c1c;transform:scale(1.05)}.selectable-file{cursor:pointer;transition:all .2s ease}.selectable-file:hover{background:#252525;transform:translate(4px)}.selectable-file .file-info{pointer-events:none}.study-area{position:fixed;top:0;left:0;width:100%;min-height:100vh;background:#0a0a0a;padding:20px;z-index:1500}.study-content-wrapper{max-width:900px;margin:30px auto 0;display:flex;flex-direction:column;gap:20px}.study-container{background:#141414;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000080;border:1px solid #252525;display:flex;flex-direction:column;gap:30px}.study-main-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #252525}.study-area-title{font-size:24px;font-weight:700;color:#e0e0e0;margin:0}.study-word-row{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.study-top-controls{display:flex;align-items:center;gap:20px}.study-header{display:flex;justify-content:space-between;align-items:center}.study-close-btn{width:40px;height:40px;border-radius:50%;background:#1a1a1a;border:1px solid #252525;color:#e0e0e0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.study-close-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.study-repetitions{display:flex;align-items:center;gap:12px}.study-label{font-size:14px;font-weight:600;color:#e0e0e0}.study-repetitions-input{width:80px;height:40px;padding:0 12px;background:#141414;border:1px solid #252525;border-radius:8px;color:var(--primary-violet);font-size:18px;font-weight:700;text-align:center}.study-repetitions-input{width:80px;height:40px;padding:0 12px;background:#141414;border:1px solid #252525;border-radius:8px;color:#fff;font-size:18px;font-weight:700;text-align:center;-moz-appearance:textfield;appearance:textfield}.study-repetitions-input::-webkit-outer-spin-button,.study-repetitions-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.study-word-label{font-size:16px;font-weight:600;color:#a0a0a0}.study-word-box{position:relative;background:#141414;border:2px solid #252525;border-radius:16px;padding:50px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .2s ease}.study-word-box:hover{border-color:var(--primary-violet)}.study-word{font-size:36px;font-weight:700;color:#fff;text-align:center;word-break:break-word}.study-translation{font-size:24px;font-style:italic;color:#a0a0a0;text-align:center;word-break:break-word}.study-input-group{display:flex;gap:12px;align-items:center}.study-input{flex:1;height:56px;padding:0 20px;background:#141414;border:2px solid #252525;border-radius:12px;color:#fff;font-size:18px;font-weight:500;transition:all .2s ease}.study-input:focus{outline:none;border-color:var(--primary-violet)}.study-enter-btn{height:56px;padding:0 32px;background:var(--primary-violet);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.study-enter-btn:hover{background:var(--primary-violet-hover)}.study-counter{position:absolute;top:12px;right:14px;padding:4px 8px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--primary-violet)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulsateRed{0%,to{border-color:#252525;box-shadow:0 0 #dc262600}50%{border-color:#dc2626;box-shadow:0 0 0 8px #dc26264d}}@media(max-width:768px){.study-area{padding-top:15px;padding-left:15px;padding-right:15px}.study-content-wrapper{margin-top:15px}.study-container{gap:25px;padding:30px 20px}.study-main-header{flex-direction:row;align-items:center}.study-area-title{font-size:22px}.study-close-btn{width:48px;height:48px;font-size:24px}.study-word-row{flex-direction:column;align-items:stretch;gap:18px}.study-word-label{text-align:left;font-size:16px}.study-repetitions{width:100%;justify-content:space-between}.study-label{font-size:16px}.study-repetitions-input{width:90px;height:48px;font-size:20px}.study-word-box{padding:40px 24px;min-height:200px}.study-word{font-size:32px}.study-translation{font-size:22px}.study-counter{font-size:18px;padding:6px 12px;top:16px;right:16px}.study-input-group{flex-direction:row;gap:12px}.study-input{flex:1;height:56px;font-size:18px}.study-enter-btn{width:100px;height:56px;font-size:16px;padding:0 20px;flex-shrink:0}.manual-word-item{padding:20px;min-height:68px}.manual-word-main{font-size:18px}.manual-word-translation{font-size:16px}.manual-search-input{height:56px;font-size:17px;padding:0 20px}.manual-search-container{padding-bottom:18px}.mini-toggle.triple{width:100%}}.manual-word-item{padding:14px 18px;background:#1a1a1a;border:2px solid #252525;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:20px}.manual-word-list{display:flex;flex-direction:column;gap:5px;max-height:60vh;overflow-y:auto;overflow-x:hidden}.manual-word-item.hidden{display:none}.manual-word-item{padding:14px 18px;background:#1a1a1a;border:2px solid #252525;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%}.manual-word-item:hover{background:#252525;border-color:var(--primary-violet);transform:translate(4px)}.manual-word-item.selected{background:var(--primary-violet)!important;border-color:var(--primary-violet)!important}.manual-word-item.selected .manual-word-main,.manual-word-item.selected .manual-word-translation{color:#fff!important}.manual-word-main{color:#fff;flex:1}.manual-word-translation{color:#a0a0a0;font-size:14px;font-weight:500;font-style:italic;text-align:right}.manual-search-container{margin-bottom:20px;position:sticky;top:0;background:#141414;z-index:10;padding-bottom:15px}.manual-search-input{width:100%;height:48px;padding:0 20px;background:#0a0a0a;border:2px solid #252525;border-radius:12px;color:#fff;font-size:16px;font-weight:500;transition:all .2s ease}.manual-search-input:focus{outline:none;border-color:var(--primary-violet)}.manual-search-input::placeholder{color:#606060}.modal-overlay#manualWordModal{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-overlay#manualWordModal.active{opacity:1}.modal-overlay#manualWordModal .modal{transform:scale(.95) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modal-overlay#manualWordModal.active .modal{transform:scale(1) translateY(0)}.recommendations-section{margin-top:20px}.recommendation-card{background:#1a1a1a;border:1px solid #252525;border-radius:8px;padding:15px;margin-bottom:12px;transition:all .2s ease}.recommendation-card:hover{border-color:#353535}.rec-priority-high{border-left:3px solid #dc2626}.rec-priority-medium{border-left:3px solid #f59e0b}.rec-priority-low{border-left:3px solid #3b82f6}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rec-title{font-size:16px;font-weight:600;color:#fff;margin:0}.rec-priority{font-size:11px;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:#ffffff1a;color:#ccc}.rec-description{color:#888;margin:8px 0;font-size:14px;line-height:1.5}.rec-word-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.rec-word-chip{background:#2a2a2a;padding:4px 10px;border-radius:12px;font-size:13px;color:#5c3ca6;border:1px solid #353535;transition:all .2s ease}.rec-word-chip:hover{background:#353535;border-color:#5c3ca6}.rec-confusion-list{margin:10px 0}.rec-confusion-pair{display:flex;align-items:center;gap:8px;padding:6px 0;color:#ccc;font-size:13px}.rec-confusion-pair span:first-child,.rec-confusion-pair span:nth-child(3){color:#fff;font-weight:500}.confusion-count{color:#dc2626;font-size:12px;margin-left:auto}.rec-action-btn{background:#5c3ca6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;margin-top:10px;transition:all .2s ease}.rec-action-btn:hover{background:#4a2d85;transform:translateY(-1px)}.rec-action-btn:active{transform:translateY(0)}.test-area{position:fixed;top:0;left:0;width:100%;min-height:100vh;background:#0a0a0a;padding:20px;z-index:1500}.test-content-wrapper{max-width:900px;margin:30px auto 0;display:flex;flex-direction:column;gap:20px}.test-container{background:#141414;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000080;border:1px solid #252525;display:flex;flex-direction:column;gap:30px}.test-main-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #252525}.test-area-title{font-size:24px;font-weight:700;color:#e0e0e0;margin:0}.test-close-btn{width:40px;height:40px;border-radius:50%;background:#1a1a1a;border:1px solid #252525;color:#e0e0e0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.test-close-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.test-word-box{position:relative;background:#141414;border:2px solid #252525;border-radius:16px;padding:50px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .2s ease}.test-word-box:hover{border-color:var(--primary-violet)}.test-prompt{font-size:36px;font-weight:700;color:#fff;text-align:center;word-break:break-word}.test-input-group{display:flex;gap:12px;align-items:center;width:100%}.test-input{flex:1;height:56px;padding:0 20px;background:#141414;border:2px solid #252525;border-radius:12px;color:#fff;font-size:18px;font-weight:500;transition:all .2s ease}.test-input:focus{outline:none;border-color:var(--primary-violet)}.test-enter-btn{height:56px;min-width:90px;padding:0 24px;background:var(--primary-violet);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.test-enter-btn:hover{background:var(--primary-violet-hover)}.test-counter{position:absolute;top:12px;right:14px;padding:4px 8px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--primary-violet)}.test-timer{position:absolute;top:12px;left:14px;padding:6px 12px;border-radius:999px;background:var(--primary-violet);font-size:14px;font-weight:700;color:#fff}.test-mistakes{position:absolute;top:12px;right:14px;padding:6px 12px;border-radius:999px;background:#dc2626;font-size:14px;font-weight:700;color:#fff}.flash-word-display{font-size:48px;font-weight:900;color:#fff;text-align:center;word-break:break-word;padding:20px;margin-bottom:20px;animation:fadeIn .2s ease-in}.flash-word-hidden{display:none}.flash-prompt{font-size:24px;font-weight:600;color:#a0a0a0}.test-skip-btn{height:56px;min-width:80px;padding:0 20px;background:#dc2626;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.test-skip-btn:hover{background:#b91c1c}.test-skip-btn:disabled{background:#4a4a4a;cursor:not-allowed;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(max-width:768px){.test-area{padding-top:15px;padding-left:15px;padding-right:15px}.test-content-wrapper{margin-top:15px}.test-container{gap:25px;padding:30px 20px}.test-main-header{flex-direction:row;align-items:center}.test-area-title{font-size:22px}.test-close-btn{width:48px;height:48px;font-size:24px}.test-word-box{padding:40px 24px;min-height:200px}.test-prompt{font-size:32px}.test-counter{font-size:18px;padding:6px 12px;top:16px;right:16px}.test-timer{font-size:16px;padding:8px 14px;top:16px;left:16px}.test-mistakes{font-size:16px;padding:8px 14px;top:16px;right:16px}.flash-word-display{font-size:36px;padding:16px;margin-bottom:16px}.flash-prompt{font-size:20px}.test-input-group{flex-direction:row;gap:10px;flex-wrap:nowrap;align-items:center}.test-input{flex:1;min-width:0;height:56px;font-size:18px}.test-enter-btn{width:85px;min-width:85px;height:56px;font-size:15px;padding:0 16px;flex-shrink:0}.test-skip-btn{width:75px;min-width:75px;height:56px;font-size:15px;padding:0 12px;flex-shrink:0}}@media(max-width:480px){body{padding:8px}.header{padding:10px 0;gap:8px;margin-bottom:12px}.logo{font-size:20px}.account-btn{padding:10px 16px;font-size:14px;min-height:44px}.info-btn{width:44px;height:44px;font-size:18px;min-width:44px;min-height:44px}.container{padding:16px;border-radius:14px}.section{margin-bottom:14px;border-radius:10px}.section-header{padding:16px 14px;min-height:60px}.section-content{padding:16px 14px 14px}.section-title{font-size:16px;gap:6px}.section-title:before{height:16px;width:2px}.collapse-arrow{font-size:20px;padding:8px;min-width:36px}.file-loaded-indicator{font-size:12px;margin-left:8px}.button-group{gap:10px}.primary-btn,.remove-btn{height:50px;font-size:15px;padding:0 16px}.main-btn{height:50px;font-size:15px}.control-group{gap:14px;margin-bottom:18px}.control-item{gap:8px}.label{font-size:14px}.toggle-switch,.mini-toggle{height:46px}.toggle-switch .toggle-option,.mini-toggle .mini-toggle-option{font-size:14px}.input-box{height:46px;font-size:15px;padding:0 14px}.mode-pills{gap:8px}.mode-pill{width:100%;padding:12px 10px;min-height:50px;flex-direction:row;justify-content:center}.mode-icon{font-size:20px}.mode-name{font-size:14px}.settings-container{padding:16px 12px}.settings-row{gap:14px;margin-bottom:14px}.setting-item{gap:8px}.setting-label{font-size:14px}.on-off-settings{padding:16px 12px;gap:14px}.on-off-settings .mini-toggle{height:44px}.timer-input-group{gap:8px}.mini-input{width:70px;height:44px;font-size:15px}.input-suffix{font-size:14px}.modal,.confirm-modal{padding:20px 16px;border-radius:14px}.modal-title{font-size:18px}.modal-close{width:40px;height:40px;font-size:22px}.confirm-modal-title{font-size:18px;margin-bottom:14px}.confirm-modal-message{font-size:14px}.confirm-btn{height:48px;font-size:15px}.account-item{padding:16px 14px;min-height:60px;gap:10px}.account-icon{font-size:22px}.account-name{font-size:15px}.account-delete-btn{width:44px;height:44px;font-size:18px}.file-item{padding:14px 0;min-height:60px}.file-icon{font-size:20px}.file-name{font-size:14px}.file-delete-btn{width:44px;height:44px;font-size:16px}.form-input{height:46px;font-size:15px}.study-container,.test-container{padding:20px 16px;gap:20px}.study-area-title,.test-area-title{font-size:20px}.study-close-btn,.test-close-btn{width:44px;height:44px;font-size:22px}.study-word-box,.test-word-box{padding:30px 16px;min-height:180px}.study-word,.test-prompt{font-size:28px}.study-translation{font-size:20px}.study-counter,.test-counter{font-size:16px;padding:5px 10px;top:12px;right:12px}.test-timer,.test-mistakes{font-size:14px;padding:6px 10px;top:12px}.test-timer{left:12px}.test-mistakes{right:12px}.study-input,.test-input{height:50px;font-size:16px;padding:0 16px}.test-input-group{gap:8px}.study-enter-btn,.test-enter-btn{width:70px;min-width:70px;height:50px;font-size:14px;padding:0 12px}.test-skip-btn{width:65px;min-width:65px;height:50px;font-size:14px;padding:0 10px}.flash-word-display{font-size:32px;padding:12px}.flash-prompt{font-size:18px}.study-repetitions-input{width:75px;height:44px;font-size:18px}.study-label{font-size:15px}.manual-word-item{padding:16px 14px;min-height:60px}.manual-word-main{font-size:16px}.manual-word-translation{font-size:14px}.manual-search-input{height:50px;font-size:16px;padding:0 16px}}@media(max-width:360px){.test-input-group{gap:6px}.test-input{height:48px;font-size:16px}.test-enter-btn{width:65px;min-width:65px;height:48px;font-size:13px;padding:0 8px}.test-skip-btn{width:60px;min-width:60px;height:48px;font-size:13px;padding:0 8px}}@media(max-width:926px)and (orientation:landscape){body{padding:10px}.container{padding:20px}.header{padding:10px 0;margin-bottom:10px}.section{margin-bottom:12px}.section-header,.section-content{padding:16px 18px}.study-area,.test-area{padding:10px}.study-content-wrapper,.test-content-wrapper{margin-top:10px;gap:12px}.study-container,.test-container{padding:20px;gap:20px}.study-main-header,.test-main-header{padding-bottom:12px}.study-word-box,.test-word-box{padding:30px 24px;min-height:auto}.study-word,.test-prompt{font-size:28px}.study-translation{font-size:20px}.mode-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}.mode-pill{width:auto;min-width:120px;flex-shrink:0}.control-group{flex-direction:row;flex-wrap:wrap;justify-content:center}.control-item{width:auto;min-width:200px}.modal,.confirm-modal{max-height:95vh;overflow-y:auto}}@media(hover:none)and (pointer:coarse){button{min-height:44px}.account-btn,.info-btn,.primary-btn,.remove-btn,.main-btn{min-height:48px}.modal-content,.section-content,.manual-word-list,.account-list{-webkit-overflow-scrolling:touch}.section:hover,.mode-pill:hover,.account-item:hover,.file-item:hover{transform:none}}