:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:6px!important;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffca9b}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f0d7c4}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-form-container{flex:1;display:flex;align-items:center;justify-content:center}.login-form{display:flex;flex-direction:column;gap:12px;max-width:300px}.login-form .MuiTextField-root .MuiOutlinedInput-root{background-color:#fff;height:50px}.login-form .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ccc}.login-form .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#999}.login-form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ff9800}.login-button-container{margin-top:16px;text-align:center}.login-button{background-color:#ff9800!important;color:#fff!important}.login-error{color:red;margin-top:8px;text-align:center}.login-form-switch-row{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:16px;text-align:center}.login-form-switch-text{color:#fff;display:inline;font-size:1rem;line-height:1.5;margin:0;padding:0}.login-form-switch-link{color:#bb8ff4!important;display:inline;font-size:1rem;line-height:1.5;margin:0;padding:0;text-decoration:none;cursor:pointer}.login-form-switch-link:hover{text-decoration:underline}.send-code-button{margin-left:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;box-shadow:none;border-color:#ff9800!important;color:#ff9800!important;width:80px;max-width:80px;flex-shrink:0;line-height:20px!important}@media (prefers-color-scheme: light){.login-form-switch-text{color:#213547}.login-form-switch-link{color:#7225de!important}}.register-container{display:flex;flex-direction:column;align-items:center;min-height:80vh}.register-header{text-align:center;margin-top:2px}.register-logo{width:120px;height:auto;margin-bottom:-10px;border-radius:10px}.register-title{margin-bottom:8px;color:#fff}.register-subtitle{font-size:1.2rem;color:#fff;margin:0}.register-form-container{flex:1;display:flex;align-items:center;justify-content:center}.register-form{display:flex;flex-direction:column;gap:12px;max-width:300px}.register-form .MuiTextField-root .MuiOutlinedInput-root{background-color:#fff;height:50px}.register-form .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ccc}.register-form .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#999}.register-form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ff9800}.register-button-container{margin-top:16px;text-align:center}.register-button{background-color:#ff9800!important;color:#fff!important}.register-error{color:red;margin-top:8px;text-align:center}.register-form-switch-row{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:16px;text-align:center}.register-form-switch-text{color:#fff;display:inline;font-size:1rem;line-height:1.5;margin:0;padding:0}.register-form-switch-link{color:#bb8ff4!important;display:inline;font-size:1rem;line-height:1.5;margin:0;padding:0;text-decoration:none;cursor:pointer}.register-form-switch-link:hover{text-decoration:underline}@media (prefers-color-scheme: light){.register-form-switch-text{color:#213547}.register-form-switch-link{color:#7225de!important}}.field-info-icon{color:#999!important;padding:4px!important;margin-right:-4px!important}.field-info-icon:hover{color:#ff9800!important;background-color:#ff98001a!important}.MuiTooltip-tooltip{background-color:#1a1a1a!important;color:#fff!important;border:1px solid #000000!important;border-radius:6px!important;padding:8px 12px!important;font-size:12px!important;max-width:250px!important;box-shadow:0 2px 10px #000c!important}.MuiTooltip-arrow{color:#1a1a1a!important}.login-container{display:flex;flex-direction:column;align-items:center;min-height:80vh}.login-header{text-align:center;margin-top:2px}.login-logo{width:120px;height:auto;margin-bottom:-10px;border-radius:10px}.login-title{margin-bottom:8px;color:#fff}.login-subtitle{font-size:1.2rem;color:#fff;margin:0}.registration-success-message{text-align:center;padding:12px;background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:4px;max-width:400px;margin:16px auto}.success-text{color:#4caf50!important;margin:0!important;font-weight:500!important}@media (prefers-color-scheme: light){.login-title{color:#2c3033}.login-subtitle{color:#434346}}.profilemenu-iconbutton{margin-right:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;box-shadow:none}.profilemenu-iconbutton:focus,.profilemenu-iconbutton.Mui-focusVisible{outline:none}.profilemenu-iconbutton:active{background-color:transparent}.profilemenu-iconbutton:hover{background-color:#0000000a}.profilemenu-label{font-size:.8rem;margin-top:4px}.uppermenubar-outer{width:100vw;position:relative;right:50%;margin-left:-50vw;margin-right:-50vw;position:sticky!important;top:0;left:0;z-index:1000!important}.MuiAppBar-root{background-color:#000!important}.uppermenubar-toolbar{justify-content:space-between;padding:0 16px;min-height:70px}.uppermenubar-logo-title{display:flex;align-items:center}.uppermenubar-logo{width:70px;height:70px;margin-left:-10px;margin-right:10px;flex-shrink:0}.uppermenubar-title-container{display:flex;align-items:center;flex-shrink:0}.uppermenubar-title{margin-left:16px;font-weight:600!important;font-style:italic;white-space:nowrap;animation:glow 1s ease-in-out infinite alternate;text-shadow:#ffffff 0 0 5px}.uppermenubar-center{display:flex;align-items:center;justify-content:end;flex:1;gap:50px;padding-right:70px}.kanjimenu-button{margin-left:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;box-shadow:none;border-color:#ff9800!important;color:#ff9800!important;min-width:80px;flex-shrink:0}.kanjimenu-button:focus,.kanjimenu-button.Mui-focusVisible{outline:none}.kanjimenu-button:active{background-color:transparent}.kanjimenu-button:hover{background-color:#21170b}.readingsmenu-button{margin-left:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;box-shadow:none;border-color:#ff9800!important;color:#ff9800!important;min-width:80px;flex-shrink:0}.readingsmenu-button:focus,.readingsmenu-button.Mui-focusVisible{outline:none}.readingsmenu-button:active{background-color:transparent}.readingsmenu-button:hover{background-color:#21170b}@media (max-width: 900px){.uppermenubar-toolbar{padding:0 12px}.uppermenubar-title{font-size:1.8rem!important;margin-left:12px}.uppermenubar-logo{width:60px;height:60px}.kanjimenu-button,.readingsmenu-button{min-width:70px;margin-left:12px;font-size:.8rem!important}}@media (max-width: 768px){.uppermenubar-toolbar{padding:0 8px;min-height:60px;flex-wrap:wrap;gap:8px}.uppermenubar-title{font-size:1.5rem!important;margin-left:8px}.uppermenubar-logo{width:50px;height:50px;margin-left:-5px;margin-right:5px}.uppermenubar-center{width:100%;margin-top:8px;gap:12px}.kanjimenu-button,.readingsmenu-button{min-width:60px;margin-left:8px;font-size:.7rem!important}}@media (max-width: 485px){.uppermenubar-toolbar{padding:0 6px;min-height:55px;gap:15px}.uppermenubar-title{font-size:1.5rem!important;margin-left:6px}.uppermenubar-logo{width:45px;height:45px;margin-left:-3px;margin-right:3px}.uppermenubar-center{gap:8px;margin-top:-15px;margin-bottom:15px;order:3}.kanjimenu-button,.readingsmenu-button{min-width:55px;margin-left:6px}}@media (max-width: 360px){.uppermenubar-toolbar{padding:0 4px;min-height:50px;justify-content:center}.uppermenubar-title{font-size:1.5rem!important;margin-left:4px}.uppermenubar-logo{width:40px;height:40px;margin-left:-2px;margin-right:2px}.uppermenubar-center{gap:6px;margin-top:-5px;margin-bottom:15px}.kanjimenu-button,.readingsmenu-button{min-width:50px;margin-left:4px;font-size:.75rem!important}}.mainpage-centered{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:30px}.mainpage-welcome{margin-bottom:16px;margin-top:130px!important;padding-bottom:10px;text-align:center!important;font-size:60px!important}.mainpage-welcome-text{text-align:center!important}.faq-main-button{padding:0 5px 1px!important;margin:0!important;min-width:0!important}.faq-main-button:hover{background-color:transparent!important;color:#ffe1a8}.kanji-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;margin:20px;min-height:200px}.kanji-loading-text{color:#fff!important;font-weight:500!important;margin:0!important}.kanji-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.wanikani-token-container{padding:24px;border-radius:8px;background-color:#000!important;border:1px solid #e0e0e0;max-width:500px;margin:16px 0}.wanikani-token-content{display:flex;flex-direction:column;gap:16px}.wanikani-token-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.wanikani-token-title{color:orange!important;font-weight:600;margin:0}.wanikani-info-icon{color:#666!important;transition:color .2s ease}.wanikani-info-icon:hover{color:#ff9800!important}.wanikani-token-description{color:#dcdcdc;margin:0;line-height:1.5}.wanikani-token-input-container{margin:8px 0}.wanikani-token-input{background-color:#fafafa}.wanikani-token-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ff9800}.wanikani-token-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:3px solid #FF9800;border-radius:1px!important}.wanikani-token-actions{display:flex;justify-content:flex-end;margin-top:8px}.wanikani-save-button{background-color:#ff9800!important;color:#fff!important;font-weight:600!important;padding:8px 24px!important;border-radius:6px!important;text-transform:none!important;transition:background-color .2s ease!important}.wanikani-save-button:hover{background-color:#f57c00!important}.wanikani-save-button:disabled{background-color:#ccc!important;color:#666!important}.individual-kanji-section{padding:10px;border-radius:8px;background-color:#2d2d2d;color:#fff}.individual-kanji-section-title{margin-bottom:16px!important;color:#fff;font-weight:600}.search-container{margin-bottom:16px}.search-input{background-color:#2d2d2d;color:#fff}.search-input .MuiOutlinedInput-root .MuiOutlinedInput-input::placeholder{color:#fff;opacity:.8}.search-input .MuiOutlinedInput-root{border-radius:8px;color:#fff}.search-input .MuiOutlinedInput-root .MuiInputAdornment-root{color:#fff;opacity:.8}.search-input .MuiOutlinedInput-root .MuiOutlinedInput-input{color:#fff}.search-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#555}.search-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.search-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ff9800}.individual-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:16px 30px;background-color:#2d2d2d;border-radius:6px;border:1px solid #555}.pagination-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:16px;padding:16px}.pagination-controls{background-color:#2d2d2d;padding:8px 16px;border-radius:8px;box-shadow:0 2px 4px #0000004d;border:1px solid #555}.pagination-controls .MuiPaginationItem-root{color:#fff;border:1px solid #555;margin:0 2px;background-color:#2d2d2d}.pagination-controls .MuiPaginationItem-root:hover{background-color:#2d2d2d;border-color:#ff9800}.pagination-controls .MuiPaginationItem-root.Mui-selected{background-color:#ff9800!important;color:#fff!important;border-color:#ff9800!important}.pagination-controls .MuiPaginationItem-root.Mui-selected:hover{background-color:#f57c00!important}.no-kanji-message{display:flex;justify-content:center;align-items:center;grid-column:1 / -1;text-align:center}.no-kanji-message .MuiTypography-root{color:#fff;opacity:.8}.individual-kanji-bulk-actions{display:flex;justify-content:center;margin:16px 0;gap:16px}.individual-kanji-check-all-button,.individual-kanji-clear-all-button{min-width:90px!important;padding:8px 16px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important;height:35px}.individual-kanji-check-all-button{color:#65bd5d!important;border-color:#4caf50!important}.individual-kanji-check-all-button:hover{background-color:#5a5a5a!important;border-color:#45a049!important}.individual-kanji-clear-all-button{color:#ff6969!important;border-color:#f44336!important}.individual-kanji-clear-all-button:hover{background-color:#5a5a5a!important;border-color:#da190b!important}.individual-kanji-section .MuiCheckbox-root,.individual-kanji-section .MuiCheckbox-root.Mui-checked{color:#ff9800}.individual-kanji-section .MuiFormControlLabel-root,.individual-kanji-section .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#fff}.individual-kanji-item{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e0e0e0;border-radius:4px;transition:all .2s ease;color:#000!important}.individual-kanji-item:hover{background-color:#4a4a4a;border-color:#ff9800}.individual-kanji-checkbox,.individual-kanji-checkbox.Mui-checked{color:#ff9800!important}.kanji-lists-section{margin-bottom:32px;padding:20px;border-radius:8px;background-color:#2d2d2d;color:#e0e0e0}.kanji-lists-section-title{margin-bottom:16px!important;color:#fff;font-weight:600}.kanji-lists{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:16px 30px;background-color:#2d2d2d;border-radius:6px;border:1px solid #555}.kanji-lists-item{padding:12px;border:1px solid #555;border-radius:4px;background-color:#2d2d2d;transition:all .2s ease;color:#fff}.kanji-lists-item:hover{background-color:#4a4a4a;border-color:#ff9800}.kanji-lists-name{font-weight:600;color:#fff}.kanji-lists-description{color:#fff;margin-top:4px}.kanji-lists-checkbox,.kanji-lists-checkbox.Mui-checked{color:#ff9800!important}.manual-kanji-container{padding:24px;width:640px;margin:0 auto;background-color:#2d2d2d;color:#e0e0e0;border:4px solid #e07b00}.manual-kanji-title{text-align:center;color:#ff9800;font-weight:700}.manual-kanji-section{margin-bottom:32px;padding:20px;border:1px solid #555;border-radius:8px;background-color:#3d3d3d;color:#e0e0e0}.manual-kanji-section-title{margin-bottom:16px;color:#e0e0e0;font-weight:600}.manual-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:16px;background-color:#2d2d2d;border-radius:6px;border:1px solid #555}.manual-kanji-item{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #555;border-radius:4px;background-color:#3d3d3d;transition:all .2s ease;color:#e0e0e0}.manual-kanji-item:hover{background-color:#4a4a4a;border-color:#ff9800}.manual-kanji-checkbox,.manual-kanji-checkbox.Mui-checked{color:#ff9800!important}.manual-kanji-lists{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:16px;background-color:#2d2d2d;border-radius:6px;border:1px solid #555}.manual-kanji-list-item{padding:12px;border:1px solid #555;border-radius:4px;background-color:#3d3d3d;transition:all .2s ease;color:#e0e0e0}.manual-kanji-list-item:hover{background-color:#4a4a4a;border-color:#ff9800}.manual-kanji-list-name{font-weight:600;color:#e0e0e0}.manual-kanji-list-description{color:#b0b0b0;margin-top:4px}.manual-kanji-actions{display:flex;justify-content:center;gap:16px}.manual-kanji-save-button{background-color:#ff9800!important;color:#fff!important;font-weight:600!important;padding:12px 24px!important}.manual-kanji-save-button:hover{background-color:#f57c00!important}.manual-kanji-container .MuiFormControlLabel-root,.manual-kanji-container .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#fff}@media (max-width: 730px){.manual-kanji-container{width:fit-content}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;margin:20px;min-height:200px}.loading-text{color:#fff!important;font-weight:500!important;margin:0!important}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wanikani-stages-dialog .MuiPaper-root{width:500px}.wanikani-stages-checkbox input[type=checkbox]+.MuiSvgIcon-root{color:#fff!important}.wanikani-stages-checkbox input[type=checkbox]:hover+.MuiSvgIcon-root{background-color:#3d3d3d!important;border-radius:8px!important}.wanikani-stages-checkbox input[type=checkbox]:checked+.MuiSvgIcon-root{color:orange!important}.save-stages-button{background-color:#ff9800!important;color:#fff!important;font-weight:600!important;padding:10px 20px!important}.save-stages-cancel-button{color:#ff9800!important}.wanikani-stages-checkbox .MuiCheckbox-root{color:#666!important}.wanikani-stages-checkbox .MuiCheckbox-root.Mui-checked{color:#ff9800!important}.wanikani-stages-checkbox .MuiCheckbox-root:hover{background-color:#ff98001a!important}.userkanji-container{width:-webkit-fill-available;width:-moz-available}.userkanji-container-settoken,.userkanji-container-manualselection{display:flex;flex-direction:column;gap:24px;padding:24px}.userkanji-kanjisource-text{text-align:right;margin-bottom:16px;margin-right:32px!important;font-weight:700!important;color:#ff9800!important}.userkanji-upper{display:flex;flex-direction:row;margin-left:30px;align-items:flex-start;gap:24px;flex-wrap:wrap}.userkanji-yourkanji{font-weight:300!important;font-style:italic;text-decoration:underline;text-decoration-thickness:2.5px;text-underline-offset:8px;color:orange!important;margin-top:20px!important;white-space:nowrap}.userkanji-title-container{display:flex;align-items:baseline;gap:12px;flex-shrink:0;min-width:fit-content}.refresh-cache-button{color:#ff9800!important;border-color:#ff9800!important;padding:6px 12px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important;font-size:.875rem!important;margin-top:30px!important;text-transform:capitalize!important}.refresh-cache-button:hover{background-color:#251d18!important;border-color:#ffa726!important}.userkanji-count{color:orange!important;font-weight:400!important;font-size:1.8rem!important;white-space:nowrap}.userkanji-kanjisource-container{display:flex;flex-direction:column;width:290px;background-color:#1b1b1b!important;padding:10px 0;justify-content:center;margin-left:auto;margin-right:30px;margin-bottom:15px;align-items:center;gap:3px;border:3.5px solid black!important;flex-shrink:0}.userkanji-kanjisource-buttons{gap:3px;margin-bottom:-5px}.userkanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:16px;padding:20px;background-color:#0e0e0e;border-radius:8px;border:1px solid #e0e0e0}.userkanji-grid .MuiTypography-root{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #ddd;border-radius:6px;background-color:#0e0e0e;color:#fff;font-weight:500}.wanikani-stages-link{color:#ae8adc!important;text-decoration:underline;font-weight:500;cursor:pointer}.wanikani-stages-link:hover{color:#f57c00!important}.wanikani-token-link-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.change-token-link{color:#ae8adc!important;text-decoration:underline;font-weight:500;cursor:pointer}.change-token-link:hover{color:#f57c00!important}.MuiToggleButtonGroup-root{justify-content:flex-end}.MuiToggleButtonGroup-root .MuiToggleButton-root{color:#ff9800!important;background-color:#151515!important;border-radius:6px!important;height:45px;border:1px solid black!important}.MuiToggleButtonGroup-root .MuiToggleButton-root:hover{background-color:#000!important}.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected{background-color:#000!important;color:#ff9800!important;height:45px;border:1px solid orange!important}.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected:hover{background-color:#161616!important}.back-button{color:#7d7d7d!important;border-color:#ddd!important;padding:8px 16px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important}.back-button:hover{background-color:#0000000d!important;border-color:#999!important}@media (max-width: 768px){.userkanji-upper{flex-direction:column;gap:16px;margin-left:16px;margin-right:16px}.userkanji-title-container{justify-content:center;width:100%}.userkanji-kanjisource-container{width:100%;margin-left:0;margin-right:0}.userkanji-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:12px;padding:16px}}@media (max-width: 480px){.userkanji-upper{margin-left:12px;margin-right:12px}.userkanji-count{font-size:1.4rem!important}.userkanji-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:8px;padding:12px}.userkanji-kanjisource-container{padding-left:10px;padding-right:10px}}.kanji-character{cursor:pointer;transition:all .2s ease}.kanji-character:hover{color:#ff9800!important;transform:scale(1.1)}.kanji-tooltip-popper .MuiTooltip-tooltip{background-color:#1a1a1a!important;color:#fff!important;border:1px solid #FF9800!important;border-radius:8px!important;padding:16px!important;font-size:14px!important;max-width:300px!important;box-shadow:0 4px 20px #000c!important}.kanji-tooltip-popper .MuiTooltip-arrow{color:#1a1a1a!important}.kanji-tooltip-content{text-align:center}.tooltip-title{color:#ff9800!important;font-size:18px!important;font-weight:600!important;margin-bottom:12px!important;text-align:center!important}.tooltip-reading{color:#e0e0e0!important;margin-bottom:8px!important;text-align:left!important}.tooltip-reading strong{color:#ff9800!important;margin-right:8px!important}.tooltip-meaning{color:#e0e0e0!important;margin-top:12px!important;text-align:left!important;border-top:1px solid #333!important;padding-top:8px!important}.tooltip-meaning strong{color:#ff9800!important;margin-right:8px!important}.kanjisetup-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:16px;margin-top:100px}.kanjisetup-message{margin-bottom:16px}.kanjisetup-buttons{display:flex;gap:30px}.kanjisetup-button{background-color:#ff9800!important;color:#fff!important;width:150px;font-weight:700!important;text-shadow:#535353 1px 0 10px}.kanjisetup-button:hover{background-color:#ff8000!important}.kanjisetup-placeholder{margin-top:16px;padding:16px;border:1px solid #ccc;border-radius:8px}.kanjisetup-or{display:flex;align-items:center;justify-content:center;margin:16px 0;font-weight:700!important;color:orange;font-style:italic}.text-item{padding:24px;background-color:#000!important;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease;display:flex;align-items:flex-start;gap:16px}.text-item:hover{border-color:#ff9800;box-shadow:0 4px 12px #ff980026;transform:translateY(-2px)}.text-item.delete-mode{cursor:default}.text-item.delete-mode:hover{transform:none;box-shadow:0 2px 8px #0000001a}.text-checkbox{flex-shrink:0;padding-top:4px}.text-content{flex:1;min-width:0}.text-title{margin-bottom:12px;color:#fff;font-weight:600}.text-ratio-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ratio-label-list{color:#fff!important;font-size:.9rem;font-weight:500}.text-unknown-kanji{margin-bottom:12px}.unknown-kanji-preview{color:#d5d0cd;font-size:.9rem;font-style:italic}.text-content{margin-bottom:16px;color:#e9e9e9;line-height:1.6;font-size:1rem}.text-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.text-source-list{color:#d4d4d4!important;font-size:.8rem;font-style:italic}.text-create-date{color:#bcbcbc;font-size:.8rem;font-style:italic}.text-checkbox{color:#fff!important}@media (max-width: 1080px) and (min-width: 769px){.text-item{padding:20px;gap:14px}.text-title{font-size:1.2rem!important}.text-content{font-size:.95rem!important}.text-ratio-info{gap:10px}.ratio-chip{font-size:.85rem!important}.text-footer{gap:16px}.text-source-list,.text-create-date{font-size:.8rem}}@media (max-width: 768px){.text-item{padding:16px;gap:12px}.text-title{font-size:1.1rem!important}.text-content{font-size:.9rem!important}.text-ratio-info{flex-direction:column;align-items:flex-start;gap:6px}.ratio-chip{font-size:.8rem!important}.text-footer{flex-direction:column;gap:8px;align-items:flex-start}.text-source-list,.text-create-date{font-size:.75rem}}.texts-content{flex:1;padding:24px;overflow-y:auto}.texts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.texts-title{color:#fff;font-weight:600;margin:0!important}.texts-controls{display:flex;align-items:center;gap:24px}.delete-controls{display:flex;align-items:center}.delete-mode-button{font-weight:600!important;text-transform:none!important}.delete-mode-button.MuiButton-outlined{border-color:#ff9800!important;color:#ff9800!important}.delete-mode-button.MuiButton-outlined:hover{background-color:#ff98001a!important;border-color:#f57c00!important}.delete-mode-button.MuiButton-contained{background-color:#f44336!important;color:#fff!important}.delete-mode-button.MuiButton-contained:hover{background-color:#d32f2f!important}.select-all-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #000000;background-color:#151515;border-radius:8px;padding:16px}.select-all-label{margin:0!important}.select-all-label .MuiFormControlLabel-label{font-weight:600;color:#fff}.select-all-label input[type=checkbox]+.MuiSvgIcon-root{color:#fff!important}.delete-selected-button{font-weight:600!important;text-transform:none!important}.delete-selected-button:disabled{background-color:#ccc!important;color:#666!important}.realtime-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:16px 0;background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;animation:pulse 2s infinite}.realtime-icon{color:#4caf50!important;font-size:16px!important;animation:blink 1.5s infinite}.realtime-text{color:#4caf50!important;font-weight:500!important;margin:0!important}@keyframes pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.sorting-controls{display:flex;align-items:center;gap:16px}.sort-button{color:#666!important;padding:8px!important;border-radius:50%!important;transition:all .2s ease!important}.sort-button:hover{color:#ff9800!important;background-color:#ff98001a!important}.sort-button.active{color:#ff9800!important;background-color:#ff980026!important}.sort-label{color:#666;font-size:.8rem;font-weight:500;text-transform:capitalize}.texts-filter{display:flex;align-items:center;gap:16px}.source-type-filter{min-width:200px}.source-type-filter-selection{background-color:#000!important}.source-type-filter-selection .MuiList-root .MuiButtonBase-root:hover{background-color:#323232!important}.source-type-filter .MuiInputLabel-root{color:#b8b8b8!important}.source-type-filter .MuiSelect-select{color:#333!important}.source-type-filter .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#e0e0e0!important}.source-type-filter .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.source-type-filter .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ff9800!important}.source-type-filter .MuiMenu-paper{background-color:#000!important;color:#fff!important}.source-type-filter .MuiMenuItem-root{color:#fff!important}.source-type-filter .MuiMenuItem-root:hover{background-color:#ff980033!important}.source-type-filter .MuiMenuItem-root.Mui-selected{background-color:#ff9800!important;color:#000!important}.source-type-filter .MuiMenuItem-root.Mui-selected:hover{background-color:#f57c00!important}.filter-option{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;color:#fff!important}.filter-count-chip{font-size:.75rem!important;height:20px!important;min-width:24px!important;background-color:#333!important;color:#fff!important;border-color:#9e9e9e!important}.filter-count-chip:hover{background-color:#555!important;border-color:#888!important}.texts-list{display:flex;flex-direction:column;gap:16px}.no-texts-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;height:100%}.no-texts-title{color:#a1a1a1;margin-bottom:16px!important;font-weight:500}.no-texts-subtitle{color:#bdbdbd;font-size:1rem}@media (max-width: 1098px) and (min-width: 769px){.texts-controls{flex-direction:column;align-items:stretch;gap:16px}.delete-controls,.sorting-controls,.texts-filter{width:100%;justify-content:center}.sorting-controls{justify-content:center}.texts-filter{max-width:300px;margin:0 auto}.texts-header{flex-direction:column;gap:16px;align-items:stretch}.texts-title{text-align:center}.select-all-container{flex-direction:column;gap:12px;align-items:center;text-align:center}.delete-selected-button{width:100%;max-width:200px}}@media (max-width: 768px){.texts-content{padding:16px}.texts-header{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:20px}.texts-controls{flex-direction:column;align-items:stretch;gap:16px}.delete-controls,.sorting-controls,.texts-filter{width:100%;justify-content:center}.sorting-controls{justify-content:center;gap:24px}.texts-filter{max-width:280px;margin:0 auto}.texts-header{flex-direction:column;gap:16px;align-items:stretch}.texts-title{text-align:center;font-size:1.5rem!important}.select-all-container{flex-direction:column;gap:12px;align-items:center;text-align:center}.delete-selected-button,.delete-mode-button{width:100%;max-width:200px}.sort-button{padding:6px!important}.sort-label{font-size:.75rem}.texts-list{gap:10px}.no-texts-message{padding:32px 16px}.no-texts-title{font-size:1.2rem!important}.no-texts-subtitle{font-size:.9rem}}.readings-header{padding:24px;min-width:64px}.readings-header .back-button{position:fixed}.back-button{color:#ff9800!important;border-color:#ff9800!important;font-weight:600!important}.back-button:hover{background-color:#ff98001a!important;border-color:#f57c00!important}.text-detail-content{padding:24px;max-width:800px;margin:0 auto}.text-detail-paper{padding:32px;background-color:#dfc3af!important;border-radius:12px}.text-detail-title{margin-bottom:24px!important;color:#333!important;font-weight:700;text-align:center;border-bottom:1px solid #766363;padding-bottom:30px}.text-detail-meta{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding:16px;background-color:#dfc3af;border-radius:8px}.text-ratio-info{display:flex;align-items:center;gap:8px}.ratio-label-detail{color:#352722!important;font-size:.9rem;font-weight:500}.ratio-chip{font-weight:600}.unknown-kanji-section{margin-bottom:24px;padding:20px;background-color:#fff3e0!important;border-radius:8px;border:1px solid #766363!important}.unknown-kanji-title{margin-bottom:16px!important;color:#e65100;font-weight:600}.unknown-kanji-list{display:flex;flex-wrap:wrap;gap:8px}.kanji-chip{background-color:#fff3e0!important;border-color:#ffb74d!important;color:#e65100!important;font-weight:600!important}.text-content-title{margin-bottom:16px!important;color:#352722!important;font-weight:600}.text-full-content{color:#352722!important;line-height:1.8;font-size:1.1rem;white-space:pre-wrap;margin-bottom:24px}.text-content-divider{margin:24px 0!important;border-color:#766363!important}.text-detail-footer{display:flex;justify-content:space-between;align-items:flex-start;margin-top:24px;padding:20px;background-color:#ae9583!important;border-radius:8px;border:1px solid #766363!important}.text-detail-footer-left{display:flex;flex-direction:column;gap:12px}.text-detail-footer-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}.text-source-info{color:#352722!important;font-size:.9rem;font-style:italic;font-weight:500}.text-detail-url-link{color:#5f4ebe!important;text-decoration:none!important;font-size:.9rem;font-weight:500}.text-detail-url-link:hover{color:#121452!important;text-decoration:underline!important}.create-date-info{color:#352722!important;font-size:.9rem;font-weight:500}@media (max-width: 1100px){.readings-header .back-button{width:120px}}@media (max-width: 1080px){.readings-header .back-button{width:80px}}@media (max-width: 768px){.readings-header,.text-detail-content{padding:16px}.text-detail-paper{padding:20px}.text-detail-title{font-size:1.5rem!important}.text-detail-meta{padding:12px}.unknown-kanji-section{padding:16px}.text-full-content{font-size:1rem;margin-bottom:20px}.text-detail-footer{padding:16px;margin-top:20px}.readings-header{display:flex;justify-content:center}.readings-header .back-button{position:relative;width:140px}}@media (max-width: 480px){.readings-header,.text-detail-content{padding:12px}.text-detail-paper{padding:16px}.text-detail-title{font-size:1.3rem!important}.text-detail-meta{padding:10px}.unknown-kanji-section{padding:12px}.text-ratio-info{flex-direction:column;align-items:flex-start;gap:6px}.ratio-chip{font-size:.8rem!important}.text-detail-footer{flex-direction:column;gap:16px;align-items:flex-start;padding:12px;margin-top:16px}.text-detail-footer-right{align-items:flex-start;text-align:left}.text-source-info,.create-date-info,.text-detail-url-link{font-size:.85rem}}.modal-title{color:#ff9800!important;font-weight:600!important;text-align:center!important;background-color:#2d2d2d!important}.modal-description{margin-bottom:24px!important;color:#e0e0e0!important;text-align:center!important;background-color:#2d2d2d!important}.modal-source-checkboxes{display:flex;flex-direction:column;background-color:#2d2d2d!important}.modal-source-checkboxes .MuiFormControlLabel-root{margin:0;color:#e0e0e0!important}.modal-source-checkboxes .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#e0e0e0!important}.modal-source-checkboxes .MuiCheckbox-root,.modal-source-checkboxes .MuiCheckbox-root.Mui-checked{color:#ff9800!important}.modal-actions{padding:16px 24px!important;gap:12px!important;background-color:#2d2d2d!important;justify-content:center!important}.modal-start-button{background-color:#ff9800!important;color:#fff!important;font-weight:600!important;padding:10px 20px!important}.modal-start-button:hover{background-color:#d46a00!important}.modal-cancel-button:hover{background-color:#3e3e3e!important}.modal-start-button:disabled{background-color:#555!important;color:#999!important}.MuiDialog-paper{background-color:#2d2d2d!important;color:#e0e0e0!important;border:3px solid #c96d00}.MuiDialogTitle-root{background-color:#2d2d2d!important;color:#ff9800!important}.MuiDialogContent-root{background-color:#2d2d2d!important;color:#e0e0e0!important}.MuiDialogActions-root{background-color:#2d2d2d!important}.source-tooltip-button{margin-left:0!important;margin-bottom:6px!important}.source-tooltip-icon{width:14px!important;color:#fff!important}@media (max-width: 768px){.modal-source-checkboxes{grid-template-columns:1fr}}.readings-container{position:relative;display:flex;flex-direction:row;width:-webkit-fill-available;width:-moz-available}.readings-start-collecting{position:relative;margin-top:24px;margin-left:24px;z-index:10;width:400px;flex-shrink:0}.start-collecting-button{background-color:#ff9800!important;color:#fff!important;font-weight:600!important;padding:12px 24px!important;min-width:200px!important;box-shadow:0 2px 8px #00000026!important;font-size:1rem!important;height:48px!important;border-radius:6px!important;transition:all .2s ease!important}.start-collecting-button:hover{background-color:#f57c00!important;box-shadow:0 4px 12px #0003!important;transform:translateY(-1px)!important}.start-collecting-button:active{transform:translateY(0)!important;box-shadow:0 2px 4px #00000026!important}.readings-main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:50px;width:100%;flex:1}@media (max-width: 1200px){.readings-start-collecting{width:350px;margin-left:20px}.start-collecting-button{min-width:180px!important;padding:10px 20px!important;font-size:.95rem!important}.readings-main-content{margin-left:40px}}@media (max-width: 1024px){.readings-start-collecting{width:320px;margin-left:16px}.start-collecting-button{min-width:160px!important;padding:10px 18px!important;font-size:.9rem!important;height:44px!important}.readings-main-content{margin-left:30px}}@media (max-width: 900px){.readings-start-collecting{width:280px;margin-left:12px}.start-collecting-button{min-width:140px!important;padding:8px 16px!important;font-size:.85rem!important;height:40px!important}.readings-main-content{margin-left:20px}}@media (max-width: 1080px) and (min-width: 769px){.readings-container{padding:20px}.readings-start-collecting{margin-bottom:24px}.start-collecting-button{font-size:1rem!important;padding:12px 24px!important}.readings-main-content{gap:20px}}@media (max-width: 768px){.readings-container{flex-direction:column;padding:16px}.readings-start-collecting{position:relative;width:100%;margin:0 0 24px;text-align:center}.start-collecting-button{width:100%!important;max-width:300px!important;min-width:unset!important;padding:12px 24px!important;font-size:1rem!important;height:48px!important}.readings-main-content{margin-left:0;margin-top:0;padding:0 16px;width:100%}}@media (max-width: 600px){.readings-container{padding:12px}.readings-start-collecting{margin-bottom:20px}.start-collecting-button{max-width:280px!important;padding:10px 20px!important;font-size:.95rem!important;height:44px!important}.readings-main-content{padding:0 12px}}@media (max-width: 480px){.readings-container{padding:8px}.readings-start-collecting{margin-bottom:16px}.start-collecting-button{max-width:260px!important;padding:8px 16px!important;font-size:.9rem!important;height:40px!important}.readings-main-content{padding:0 8px}}@media (max-width: 360px){.readings-container{padding:6px}.readings-start-collecting{margin-bottom:12px}.start-collecting-button{max-width:240px!important;padding:6px 12px!important;font-size:.85rem!important;height:36px!important}.readings-main-content{padding:0 6px}}.profile-title{color:#ff9800!important;margin-bottom:32px!important;text-align:center;font-weight:600!important}.profile-name-header{text-align:center;margin-bottom:32px;padding:10px;border-top:2px solid #333;border-radius:3px;border-bottom:2px solid #333}.profile-name{color:#fff!important;font-weight:600!important;font-size:35px!important;text-align:center;animation:glow 1s ease-in-out infinite alternate;text-shadow:#ff9900 0 0 5px}.profile-name-subtitle{color:#888!important;font-style:italic;margin:0!important}@media (max-width: 768px){.profile-title{font-size:1.8rem!important;margin-bottom:24px!important}}@media (max-width: 480px){.profile-title{font-size:1.5rem!important;margin-bottom:20px!important}}.delete-button{border-color:#f44336!important;color:#f44336!important}.delete-button:hover{background-color:#f443361a!important;border-color:#d32f2f!important}.dialog-content{display:flex;flex-direction:column;gap:16px}.dialog-input{margin-bottom:16px!important}.dialog-input .MuiOutlinedInput-root{background-color:#2a2a2a!important}.dialog-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#555!important}.dialog-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.dialog-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ff9800!important}.dialog-input .MuiInputLabel-root{color:#ccc!important}.dialog-input .MuiInputLabel-root.Mui-focused{color:#ff9800!important}.dialog-input .MuiInputBase-input{color:#fff!important}.delete-warning{margin-bottom:16px!important;background-color:#501919!important}.warning-text{color:#ffcdd2!important}.change-password-buttons{margin-bottom:10px;margin-right:10px}.change-password-cancel-button{color:#ff9800!important}.change-password-button{background-color:#ff9800!important;color:#fff!important}@media (max-width: 768px){.profile-section{padding:16px!important}.display-section{flex-direction:column;align-items:flex-start;gap:12px}.field-actions{width:100%;justify-content:flex-start}}@media (max-width: 480px){.profile-section{padding:12px!important}.field-actions{flex-direction:column;width:100%}}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-header .section-title{margin-bottom:0!important;flex:1}.info-icon{color:#888!important;padding:4px!important}.info-icon:hover{color:#ff9800!important;background-color:#ff98001a!important}.display-section{display:flex;justify-content:space-between;align-items:center;gap:16px}.field-value{color:#fff!important;font-size:1.1rem!important;font-weight:500!important;flex:1}.field-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.threshold-info{display:flex;flex-direction:column;gap:4px;flex:1}.threshold-source{color:#888!important;font-style:italic;font-size:.8rem!important}.edit-section{display:flex;flex-direction:column;gap:16px}.profile-input{margin-bottom:16px!important}.profile-input .MuiOutlinedInput-root{background-color:#2a2a2a!important}.profile-input .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#555!important}.profile-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.profile-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ff9800!important}.profile-input .MuiInputLabel-root{color:#ccc!important}.profile-input .MuiInputLabel-root.Mui-focused{color:#ff9800!important}.profile-input .MuiInputBase-input{color:#fff!important}.edit-actions{display:flex;gap:12px;justify-content:flex-end}.edit-button{border-color:#ff9800!important;color:#ff9800!important}.edit-button:hover{background-color:#ff98001a!important;border-color:#f57c00!important}.save-button{background-color:#ff9800!important;color:#000!important}.save-button:hover{background-color:#f57c00!important}.cancel-button{border-color:#666!important;color:#ccc!important}.cancel-button:hover{background-color:#6666661a!important;border-color:#888!important}.reset-button{border-color:#ff9800!important;color:#ff9800!important}.reset-button:hover{background-color:#ff98001a!important;border-color:#f57c00!important}@media (max-width: 768px){.profile-section{padding:16px!important}.display-section{flex-direction:column;align-items:flex-start;gap:12px}.field-actions{width:100%;justify-content:flex-start}.edit-actions{justify-content:flex-start}}@media (max-width: 480px){.profile-section{padding:12px!important}.field-actions,.edit-actions{flex-direction:column;width:100%}}.profile-section{margin-bottom:24px!important;background-color:#1b1b1b!important;border:1px solid #333!important;border-radius:8px!important;padding:24px!important}.section-title{color:#ff9800!important;margin-bottom:16px!important;font-weight:600!important}.section-divider{background-color:#333!important;margin-bottom:20px!important}.danger-section{border-color:#f44336!important;background-color:#1a0f0f!important}.danger-title{color:#f44336!important}.danger-description{color:#ffcdd2!important;margin-bottom:20px!important;line-height:1.5!important}.delete-account-button{background-color:#f44336!important;color:#fff!important}.delete-account-button:hover{background-color:#d32f2f!important}@media (max-width: 768px){.profile-section{padding:16px!important}}@media (max-width: 480px){.profile-section{padding:12px!important}}.profile-container{padding:24px;max-width:800px;margin:0 auto}@media (max-width: 768px){.profile-container{padding:16px}}@media (max-width: 480px){.profile-container{padding:12px}}.faq-container{margin-right:auto;margin-left:auto;min-width:300px;max-width:700px;padding:40px}.faq-title{margin-top:30px!important}.contact-container{margin-right:auto;margin-left:auto;min-width:300px;max-width:700px;padding:40px}.contact-title{margin-top:30px!important}.footer{display:flex;justify-content:center;gap:50px;padding:2px;border-top:1px solid rgba(0,0,0,.08);background-color:transparent;flex-shrink:0}.footer-button{color:#ddd!important;border-color:#ddd!important;padding:6px 12px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important;min-width:100px}.footer-button:hover{background-color:transparent!important;color:#ff9800!important}