@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);body{margin:0;font-family:Arial,sans-serif;background-color:#f2f2f2!important}.chinese-text,:lang(zh),:lang(zh-CN),:lang(zh-TW),[lang=zh-CN],[lang=zh-TW],[lang=zh]{font-family:"Noto Sans SC","Noto Sans TC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:400;line-height:1.5}.main-content.sidebar-open{margin-left:300px;width:calc(100% - 300px);transition:margin-left .3s ease;padding:20px}.main-content.sidebar-closed{margin-left:0;width:100%;transition:margin-left .3s ease;padding:20px}.content-wrapper{margin:0 auto;max-width:1200px;width:100%}h1{margin:0;padding:0}.page-title{color:#fafafa;font-size:2.3rem;margin:20px auto 40px}.global-save-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:block;margin:0 auto}.global-menu-title{color:#fff;font-size:13px;font-family:"Nunito",sans-serif;font-weight:700;text-transform:uppercase;margin-bottom:10px;display:block}.settings-container{padding:20px;max-width:600px;margin:0 auto}.settings-menu-container{border-radius:8px;margin-bottom:30px}.settings-section{margin-bottom:30px}.settings-group{margin-bottom:20px;min-height:100px}.settings-tagline{margin-top:10px;height:3em;overflow:hidden}.settings-memory-toggle-container{margin:10px 0}.settings-save-button{margin:0 auto}.settings-saved-text{margin-top:10px}.profile-container{padding:20px;max-width:600px;margin:0 auto}.profile-menu-container{border-radius:8px;margin-bottom:30px}.profile-save-button{background-color:#315c7d;margin:0 auto}.profile-clear-button{background-color:#979797!important}.card-container{border:1px solid #ddd;padding:20px;margin:20px auto;max-width:600px;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card-sentence{margin-bottom:15px;font-size:20px;font-weight:700;text-align:center}.card-top-button-row{display:flex;justify-content:center;grid-gap:10px;gap:10px;margin-bottom:10px}.card-play-button{background-color:#4f89a9}.card-add-button,.card-play-button{padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:"Nunito",sans-serif}.card-add-button{background-color:#ffb74d}.card-toggle-row{display:flex;justify-content:center;margin-bottom:10px}.card-toggle-button{padding:8px 15px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:"Nunito",sans-serif}.card-translation{text-align:left;border:1px solid #ccc;border-radius:4px;padding:10px;background-color:#f9f9f9}.card-translation-text{text-align:center;font-weight:700;font-size:20px;margin:10px 0}.card-text{margin:10px 0}.card-list{list-style-type:disc;padding-left:20px}.card-list-item{margin-bottom:5px}.card-definition-item{margin:5px 0;font-size:16px}.card-grammar-explanation{margin-top:10px;font-style:italic;font-size:16px;color:#555}.home-sentence-box .card-container,.home-sentence-box .card-container *{color:#333!important}.home-sentence-box .card-container button{color:#fff!important;font-family:"Nunito",sans-serif}.card-play-button{background-color:#009be1!important}.home-sentence-box .card-container .card-add-button{color:#333!important;background-color:#ffb74d!important}.card-toggle-button{background-color:#6c757d!important}.card-separator{border:none;border-top:1px solid #ccc;width:80%;margin:8px auto}.card-definition-item{margin-bottom:6px}.home-sentence-box .card-container .playlist-error{color:red!important;text-align:center;margin-top:8px;padding-bottom:10px}.stories-container{max-width:800px;margin:40px auto;text-align:center;font-family:"Nunito",sans-serif}.loading-stories{color:#fff!important;font-size:18px}.loading-text{color:#fff}.error-text{color:#d9534f;font-weight:700;font-size:18px;font-family:"Nunito",sans-serif}.story-container{background:linear-gradient(135deg,#1f394d,#315c7d);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:30px 20px;margin-bottom:20px}.story-box{border:1px solid #ddd;padding:20px 30px 20px 20px;border-radius:8px;margin-top:0;max-height:400px;box-shadow:0 4px 8px rgba(0,0,0,.1);word-break:break-word;overflow-wrap:break-word;width:calc(100% - 30px)}.story-box p{margin:10px 0!important}.accordion-container{margin-top:20px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.accordion-header{padding:12px 20px}.accordion-title{margin:0;font-size:20px;color:#fff}.accordion-icon{font-size:20px;color:#343a40}.accordion-content{padding:15px 20px;scrollbar-color:#4f89a9 #f1f1f1}.translation-text{line-height:1.6;margin:10px 0}.reload-button{padding:15px 30px;border-radius:4px;display:block;margin:0 auto;font-size:1.2rem;transition:background-color .3s}.reload-button:disabled{background-color:#555}.max-reload-warning{margin-top:10px}.playlistsContainer{padding:20px;text-align:center;font-family:"Nunito",sans-serif;min-height:100vh}.page-title{font-size:32px;color:#1f394d;margin-bottom:30px}.languageGroupBox{border-radius:8px;margin:0 auto 30px;max-width:700px}.accordionContent{padding:10px 20px}.saved-word{color:purple}@media (max-width:768px){.main-content{margin-left:0;width:100%}}.profile-password-buttons{display:flex;justify-content:space-between;margin-top:20px}.profile-password-cancel-button,.profile-password-update-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:"Nunito",sans-serif;font-weight:600;min-width:100px}.profile-password-update-button{background-color:#48b964;color:#fff}.profile-password-update-button:hover{background-color:#3bc35c}.profile-password-cancel-button{background-color:#f0f0f0;border:1px solid #ccc;color:#444}.profile-password-cancel-button:hover{background-color:#e0e0e0}.global-save-button.clear-history{padding:8px 16px!important;font-size:.9rem!important}.feature-requests-container{max-width:1200px;width:100%;margin:0 auto;padding:20px}.feature-requests-content{flex-grow:1}@media (max-width:768px){.feature-requests-item{flex-direction:column}.feature-requests-vote{flex-direction:row;padding:10px;min-width:auto}.feature-requests-vote-count{margin-top:0;margin-left:10px}.feature-requests-actions{flex-direction:row;justify-content:flex-end}}.tips-popup-overlay{background-color:rgba(0,0,0,.7)}.tips-popup{background-color:#f0f0f0;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.2)}.tips-popup-divider{border:0;height:1px;background-color:#ccc;margin:10px 0 20px}.tips-popup-content{color:#444;font-size:16px;line-height:1.5}.tips-popup-paragraph{margin-bottom:15px}.tips-popup-number{font-weight:700}.tips-popup-list{list-style-type:disc}.tips-popup-button-container{text-align:center}.tips-popup-dismiss-button{padding:10px 20px;font-size:16px;font-weight:700}.tips-popup-readme{padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);margin-left:10px;animation:scaleIn .3s ease-in-out;font-weight:700;color:#fc0;white-space:nowrap}.story-box .japanese-sentence{display:block;width:100%;max-width:100%;white-space:normal;word-break:normal;word-wrap:break-word;overflow-wrap:break-word}.story-box .japanese-sentence .kanji-clickable-word{display:inline;white-space:normal;word-break:normal;overflow-wrap:break-word}.story-box{max-width:100%;box-sizing:border-box;padding-right:20px;word-break:normal}.story-box p.story-text.story-sentence{display:block;width:100%;max-width:100%;white-space:normal;word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;text-overflow:ellipsis;box-sizing:border-box;line-height:2}.vocab-level-checkbox-group{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-bottom:10px}.vocab-level-checkbox-label{display:flex;align-items:center;font-size:14px;cursor:pointer;margin-right:0}.vocab-level-checkbox-label input{margin-right:6px}.audioPlayerShuffleContainer{display:flex;justify-content:flex-end;margin-right:15px;margin-bottom:5px;position:relative}.audioPlayerShuffleWrapper{position:relative;display:inline-block}.audioPlayerShuffleIcon{width:24px;height:24px;cursor:pointer;transition:all .3s ease;color:#fff}.audioPlayerShuffleIcon.active{color:#5ca0c5}.audioPlayerShuffleIcon:hover{transform:scale(1.1)}.story-box .japanese-sentence{line-height:2.5;letter-spacing:.05em;word-spacing:.1em}.story-box .chinese-sentence{line-height:2.5;letter-spacing:0;word-spacing:0;font-family:"Noto Sans SC","Noto Sans TC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}.story-box .japanese-sentence .kanji-clickable-word{cursor:pointer;position:relative;color:#222;padding:0 .1em;border-radius:4px;transition:background-color .2s}.sidebar-container{margin:0;padding:30px;width:300px;display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1f394d,#315c7d);font-family:"Nunito",sans-serif;position:fixed;top:0;left:0;transition:transform .3s ease;z-index:1000;touch-action:pan-y}.sidebar-container.hidden{transform:translateX(-100%)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.burger-icon{border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:fixed;top:20px;left:20px;z-index:1100}.burger-icon .bar{width:35px;height:5px;background-color:#fff;margin:3px 0;border-radius:2px}.sidebar-logo{text-align:center;margin-bottom:20px;font-size:28px;color:#fff}.sidebar-nav-list{list-style-type:none;padding:0;flex-grow:1}.sidebar-nav-item{margin-bottom:15px}.sidebar-nav-link{font-size:20px;font-weight:400}.sidebar-extra-nav-link,.sidebar-nav-link{text-decoration:none;color:#fff;font-family:"Nunito",sans-serif}.sidebar-extra-nav-link{font-size:14px;margin-top:5px;display:block}.sidebar-separator{border-top:1px solid #ddd;margin:20px 0}.sidebar-bottom{margin-top:auto}.sidebar-logout-button{width:100%;padding:15px 30px;background-color:#4f89a9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;font-family:"Nunito",sans-serif}.sidebar-logout-button:hover{background-color:#4088af}.sidebar-footer{text-align:left;font-size:12px;color:#fff;line-height:1.4em}.sidebar-trial-container{display:flex;flex-direction:column;margin-bottom:15px}.sidebar-trial-info{color:#ffcc80;font-size:16px;text-align:center;margin-bottom:10px;font-weight:400;padding-top:20px}.sidebar-upgrade-button{background-color:#48b964;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:8px 0;transition:background-color .2s ease;width:100%;font-family:"Nunito",sans-serif}.sidebar-upgrade-button:hover{background-color:#3bc35c}.sidebar-nav-item{display:flex;align-items:center}.sidebar-icon{width:20px;height:20px;color:#fff;margin-right:10px;vertical-align:middle;transition:fill .2s ease-in-out,stroke .2s ease-in-out}.sidebar-icon path{stroke:currentColor}.sidebar-extra-nav-link,.sidebar-nav-link{display:inline-block}.card-definition-item{margin-bottom:1rem;line-height:1.5}.card-definition-list{list-style-type:none;padding-left:1.5rem;margin-top:.5rem}.card-definition-list-item{margin-bottom:.5rem;position:relative}.card-definition-list-item:before{content:"•";position:absolute;left:-1rem;color:#666}.card-pinyin{color:#000;font-style:italic;font-size:.9em;margin-left:0;font-weight:400}.multi-select-container{border:1px solid #ccc;padding:10px;width:300px;border-radius:4px;background-color:#f9f9f9}.home-select-buttons{display:flex;grid-gap:12px;gap:12px;margin-bottom:10px}.select-btn{padding:6px 12px;border:none;background-color:rgba(79,137,169,.8);color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700}.select-btn:hover{background-color:rgba(58,106,135,.9)}.options-list{list-style:none;padding:0;margin:0}.option-item{margin-bottom:8px}.option-label{text-transform:none;color:#000;font-weight:400}.home-menu-label,.home-radio-label{font-weight:400!important;text-transform:none;color:#000}.home-collapsible-header strong{font-weight:700}input[type=checkbox],input[type=radio]{margin-right:8px}input[type=checkbox]:checked,input[type=radio]:checked{accent-color:#f5a462}.home-menu-container,.home-sentence-box{font-family:"Nunito",sans-serif;background:linear-gradient(135deg,#1f394d,#315c7d);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.home-menu-container{flex:0 0 300px;display:flex;flex-direction:column;grid-gap:15px;gap:15px;overflow-y:auto}.home-menu-container :not(.home-box-title){color:#fff}.home-box-title{color:#333;font-family:"Nunito",sans-serif;font-weight:700;margin-bottom:10px}.loading-sentences{color:#333!important}.home-load-button,.home-menu-container button,.home-nav-button,.home-sentence-box button{font-family:"Nunito",sans-serif;background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:.9rem;cursor:pointer}.home-load-button{display:block;margin-top:0}.home-counter-text{font-size:16px;color:#a5a5a5}.home-collapsible-section{border-radius:6px;overflow:hidden;margin-bottom:15px;background-color:hsla(0,0%,100%,.05)}.home-collapsible-header{background-color:hsla(0,0%,100%,.1);padding:12px 15px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;transition:background-color .2s ease}.home-collapsible-header strong{font-size:16px;font-family:"Nunito",sans-serif}.home-collapsible-header:hover{background-color:hsla(0,0%,100%,.2)}.toggle-icon{margin-left:auto;font-size:14px;color:#fff;transition:transform .3s ease}.home-collapsible-content{max-height:0;overflow:hidden;opacity:0;padding:0 15px;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;margin-top:0}.home-collapsible-content.open{max-height:500px;opacity:1;padding:15px}.home-menu-label{font-weight:700;margin-bottom:5px;font-size:14px;color:#fff;display:block}.home-radio-group{display:flex;flex-direction:column}.home-radio-label{margin-bottom:5px;font-size:14px}.home-recommendations-container{background:#fff;border:1px solid #ccc;border-radius:4px;overflow:hidden;margin-top:5px}.home-recommendations-container,.home-recommendations-container *{color:#333!important}.home-recommendations-container .accordion-header{padding:10px;cursor:pointer;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center;background:#fff;color:#333}.home-recommendations-container .accordion-content{padding:10px;font-size:13px;line-height:1.6;background:#fff;color:#333}.home-recommendations-container .accordion-content ul{list-style-type:disc;margin:0;padding-left:20px}.home-info-text{font-size:.85rem;color:#fff;margin-top:5px}.home-load-button:disabled{position:relative}.home-load-button:disabled[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:10px 15px;border-radius:4px;white-space:normal;max-width:300px;font-size:14px;line-height:1.4;text-align:center;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2)}.main-content{display:flex;flex-direction:column;min-height:100vh;margin:0!important;position:relative;overflow-x:hidden;width:100vw!important;max-width:100vw!important;padding:0 0 70px!important}.home-menu-button,.menu-bar{background-color:#f5f5f5}.home-menu-button{flex:1 1;padding:12px 5px;text-align:center;border:none;font-family:"Nunito",sans-serif;font-size:14px;color:#555;cursor:pointer;position:relative;transition:color .3s,background-color .3s}.home-menu-button:hover:not(.active){background-color:#e8e8e8}.home-menu-button:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:#ddd}.home-menu-button.active{color:#fff;background-color:#315c7d}.menu-overlay button{background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:14px;cursor:pointer;font-family:"Nunito",sans-serif}.content-area{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:50px 20px 100px;overflow-y:auto}.loading-sentences{text-align:center;font-size:18px;color:#666;margin:40px 0}.home-counter{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;margin:20px auto;padding:0;position:relative;z-index:4}.home-counter-text{font-size:14px;font-weight:700;color:#666}.home-nav-button{font-family:"Nunito",sans-serif;background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:10px 15px;font-size:14px;cursor:pointer}.home-nav-button:disabled{background-color:#ccc;cursor:not-allowed}.home-load-button-container{width:100%}body{height:100vh;overflow-y:auto}.card{max-height:none;overflow-y:visible}.translation-section{margin-bottom:20px;position:relative;z-index:3}.home-load-button{width:100%;padding:20px;background-color:#4f89a9;color:#fff;border:none;border-radius:0;font-family:"Nunito",sans-serif;font-size:16px;cursor:pointer}.home-load-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#fd5858;text-align:center;font-size:14px;margin-top:10px}.tips-container{position:fixed;bottom:80px;right:20px;z-index:10;display:flex;align-items:center}.tips-popup-readme{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:4px;padding:5px 10px;font-size:12px;margin-right:10px;cursor:pointer}.tips-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.tips-popup{background-color:#fff;border-radius:8px;width:90%;max-width:400px;padding:20px;box-shadow:0 0 15px rgba(0,0,0,.3)}.tips-popup-title{font-size:18px;margin-top:0;color:#333}.tips-popup-divider{border:none;border-top:1px solid #eee;margin:15px 0}.tips-popup-list{padding-left:20px;margin:0}.tips-popup-list li{margin-bottom:10px;font-size:14px;line-height:1.5}.tips-popup-button-container{margin-top:20px;text-align:right}.tips-popup-dismiss-button{background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}body:has(.menu-overlay) .burger-icon,body:has(.menu-overlay) .menu-bar,body:has(.menu-overlay) .page-title,body:has(.menu-overlay) header{visibility:hidden!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#315c7d;border-radius:4px}::-webkit-scrollbar-thumb{background:#4f89a9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#60a0c5}*{scrollbar-width:thin;scrollbar-color:#4f89a9 #315c7d}.menu-overlay .option-label.disabled-topic{color:#aaa;cursor:not-allowed}.menu-overlay .option-label.disabled-topic input[type=checkbox]{cursor:not-allowed}.topic-limit-message{color:#ffc107;margin-bottom:10px;padding:8px 0;text-align:center;font-weight:700;font-size:14px;border-radius:4px;background-color:hsla(0,0%,100%,.1)}.menu-overlay .custom-topic-container.disabled-custom-topic-container div[style*="font-style: italic"]{color:#bbb!important}.menu-overlay .topic-section-header{font-weight:700;margin-top:20px;margin-bottom:10px;color:#e0e0e0;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.2);font-size:16px}.menu-overlay .topic-section-header:first-of-type{margin-top:0}.audioPlayerContainer{font-family:"Nunito",sans-serif;background:linear-gradient(135deg,#1f394d,#315c7d);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:30px 20px;margin:20px auto;max-width:600px;color:#fff;text-align:center;position:relative}.audioPlayerPlaylistName{font-size:28px;font-weight:700;margin-bottom:20px}.audioPlayerTrackHeader{margin:0 0 20px;font-size:18px;font-weight:700;color:#fff}.audioPlayerControls{display:flex;justify-content:center;align-items:center;grid-gap:15px;gap:15px;margin-bottom:20px;flex-wrap:wrap}.audioPlayerButton{background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;font-family:"Nunito",sans-serif;transition:background-color .3s ease}.audioPlayerButton:hover{background-color:#3a6c84}.audioPlayerVolumeLabel{display:flex;align-items:center;grid-gap:5px;gap:5px;font-family:"Nunito",sans-serif;color:#fff}.audioPlayerVolumeSlider{-webkit-appearance:none;width:100px;height:6px;background:#4f89a9;border-radius:3px;outline:none;transition:background .3s ease}.audioPlayerVolumeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #315c7d;cursor:pointer}.audioPlayerVolumeSlider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #315c7d;cursor:pointer}.audioPlayerProgressBarContainer{height:10px;background:hsla(0,0%,100%,.3);border-radius:5px;margin:10px 0 20px;overflow:hidden}.audioPlayerProgressBar{height:100%;background-color:#4f89a9;transition:width .5s}.audioPlayerTrackList{text-align:left}.audioPlayerTrackItem{padding:10px;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease}.audioPlayerTrackItem:hover{background:hsla(0,0%,100%,.1)}.audioPlayerTrackItem.active{background:hsla(0,0%,100%,.2)}.audioPlayerTrackTitle{flex:1 1}.audioPlayerDeleteIcon{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 5px;transition:color .3s ease}.audioPlayerDeleteIcon:hover{color:#ccc}.audioPlayerSettingsPanel{background:hsla(0,0%,100%,.1);border:none;border-radius:4px;padding:15px;margin-bottom:20px;text-align:left}.audioPlayerSettingsTitle{font-size:18px;font-weight:700;margin-bottom:15px;color:#fff}.audioPlayerSettingRow{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.audioPlayerSettingLabel{font-size:14px;font-family:"Nunito",sans-serif;font-weight:500;color:#efefef}.audioPlayerSelect{font-family:"Nunito",sans-serif;font-size:1rem;padding:4px 8px;border:1px solid #4f89a9;border-radius:8px;background-color:#fff;color:#333;outline:none;transition:border-color .3s ease}.audioPlayerSelect:focus{border-color:#315c7d}.audioPlayerSelect,.audioPlayerSelect option{font-family:"Nunito",sans-serif}.audioPlayerConfirmModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.audioPlayerConfirmModalContent{background-color:#fff;padding:20px;border-radius:8px;text-align:center;width:300px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#333}.audioPlayerConfirmModalButtons{margin-top:20px;display:flex;justify-content:space-around}.audioPlayerCancelButton,.audioPlayerConfirmButton{padding:8px 16px;border-radius:4px;border:none;font-family:"Nunito",sans-serif;cursor:pointer;font-size:.9rem}.audioPlayerCancelButton{background-color:#ccc;color:#333}.audioPlayerConfirmButton{background-color:#d9534f;color:#fff}.audioPlayerConfirmButton:hover{background-color:#c9302c}.playlists-container{display:flex;flex-direction:column;min-height:100vh;margin:0!important;position:relative;overflow-x:hidden;width:100vw!important;max-width:100vw!important;padding:0 0 20px!important;font-family:"Nunito",sans-serif}.languageGroupBox{background:linear-gradient(135deg,#1f394d,#315c7d);border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.15);margin:0;padding:20px;width:100%;max-width:100%;text-align:left;color:#fff}.groupTitleContainer{border-bottom:1px solid hsla(0,0%,100%,.4);margin-bottom:15px;padding-bottom:8px}.groupTitle{font-size:24px;margin:0;color:#fff}.language-tabs{display:flex;width:100%;border-top:none;border-bottom:1px solid hsla(0,0%,100%,.2)}.language-tab{flex:1 1;text-align:center;padding:12px 0;color:#fff;font-family:"Nunito",sans-serif;font-size:16px;cursor:pointer;opacity:.7;font-weight:400;transition:opacity .3s,background-color .3s}.language-tab.active{opacity:1;font-weight:700;background-color:hsla(0,0%,100%,.1)}.language-content{display:none}.language-content.active{display:block}.footerSpacer{height:15px}.noPlaylists{font-size:18px;color:#888;margin-top:20px;font-family:"Nunito",sans-serif;padding:0 20px;text-align:center}.accordionPanel{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin:10px auto;max-width:600px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.accordionHeader{padding:10px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.accordionTitle{margin:0;font-family:"Nunito",sans-serif;color:#333}.accordionToggle{font-size:18px;color:#333}.accordionContent{padding:0 2px;border-top:1px solid #ddd;background-color:#fff}.settings-container{width:100vw!important;max-width:100vw!important;padding:0!important;margin:0!important;text-align:left;font-family:"Nunito",sans-serif;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 68px);background-color:rgba(166,186,225,.4588235294117647)}.settings-menu-container{background:linear-gradient(135deg,#1f394d,#315c7d);padding:20px;border-radius:0;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;width:100%;max-width:100%}.settings-section{margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}.settings-group{display:flex;flex-direction:column;margin-bottom:0;padding-bottom:0}.settings-select{width:100%;padding:8px;font-size:16px;border:2px solid #ccc;border-radius:8px;font-weight:700;color:#4a4a4a;margin-top:8px}.settings-select option{color:#4a4a4a}.settings-tagline{font-style:italic;font-size:14px;color:#c3c3c3;line-height:1.5em;overflow:visible;height:auto;margin:10px 0 20px}.settings-memory-toggle-container{display:flex;align-items:center;margin:8px 0 0}.settings-memory-toggle{position:relative;width:60px;height:30px;border-radius:15px;cursor:pointer;overflow:hidden;transition:background-color .3s ease;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.settings-memory-toggle.on{background-color:#4f89a9;justify-content:flex-start}.settings-memory-toggle.off{background-color:#e0e0e0;justify-content:flex-end}.settings-memory-state-text{color:#fff;font-size:12px;font-weight:700;z-index:1;-webkit-user-select:none;user-select:none}.settings-memory-toggle.on .settings-memory-state-text{position:absolute;left:8px}.settings-memory-toggle.off .settings-memory-state-text{color:#555;position:absolute;right:8px}.settings-memory-slider{position:absolute;top:2px;width:26px;height:26px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:left .3s ease,right .3s ease}.settings-memory-toggle.on .settings-memory-slider{left:auto;right:2px}.settings-memory-toggle.off .settings-memory-slider{left:2px;right:auto}.settings-save-button{padding:15px 30px;background-color:#4f89a9;color:#fff;border:none;border-radius:4px;cursor:pointer;display:block;margin:0 auto 20px;font-family:"Nunito",sans-serif;font-size:1.2rem;max-width:600px}.settings-save-button:hover{background-color:#4088af}.settings-saved-text{color:#28a745;font-weight:700;text-align:center;width:100%;max-width:600px;margin:10px auto 0}.settings-menu-title{color:#fff;font-family:"Nunito",sans-serif;font-weight:700;margin-bottom:0}.japanese-sentence{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;font-size:18px}.japanese-sentence,.japanese-sentence *{word-spacing:0!important;letter-spacing:0!important}.japanese-sentence *{display:inline}.japanese-sentence *,.japanese-sentence-processed span,.japanese-sentence span{margin:0!important;padding:0!important}.chinese-sentence-processed{white-space:normal;word-spacing:0;letter-spacing:0;word-wrap:break-word;overflow-wrap:break-word}.chinese-sentence-processed span{display:inline-block;margin:0;padding:0}.japanese-sentence .kanji-clickable-word.saved-word,.japanese-sentence .saved-word{color:#642696!important;display:inline!important}.japanese-sentence .kanji-clickable-word.saved-word.grade-1,.japanese-sentence .saved-word.grade-1{color:#642696!important}.japanese-sentence .kanji-clickable-word.saved-word.grade-2,.japanese-sentence .saved-word.grade-2{color:#482696!important}.japanese-sentence .kanji-clickable-word.saved-word.grade-3,.japanese-sentence .saved-word.grade-3{color:#1f31ab!important}.japanese-sentence .kanji-clickable-word.saved-word.grade-4,.japanese-sentence .saved-word.grade-4{color:#2b54d9!important}.japanese-sentence .kanji-clickable-word.saved-word.grade-5,.japanese-sentence .saved-word.grade-5{color:#5078fa!important}.kanji-word{font-size:18px;font-family:"Helvetica Neue",Arial,sans-serif;text-decoration:none;transition:color .2s ease;cursor:pointer;color:inherit}.kanji-word:hover{color:#495057}.kanji-clickable-word{cursor:pointer;display:inline;position:relative;padding:0;border-radius:3px;transition:background-color .2s;word-break:normal;overflow-wrap:break-word}.kanji-clickable-word:hover,.saved-word:hover{color:#306596}.stories-definition-popup{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:90%;max-height:80vh}.stories-definition-popup p{margin:0 0 10px;line-height:1.5}.stories-definition-popup strong{text-align:center}.stories-definition-content{font-size:14px;line-height:1.6;padding:12px;color:#fff;overflow-y:visible;font-family:"Nunito",Arial,sans-serif}.stories-WordLookup-popup-buttons button{padding:8px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s;font-family:"Nunito",Arial,sans-serif}.stories-WordLookup-popup-buttons button.save-word-btn{background-color:#4f89a9}.stories-WordLookup-popup-buttons button.save-word-btn:hover{background-color:#3a6a87}.stories-WordLookup-popup-buttons button.delete-word-btn{background-color:rgba(217,83,79,.8)}.stories-WordLookup-popup-buttons button.delete-word-btn:hover{background-color:rgba(201,48,44,.9)}.kanji-accordion-header-char,.stories-kanji-char{font-size:16px;margin-right:10px;color:#fff}.stories-kanji-char.saved-word{display:inline-block;padding:2px 5px;border-radius:2px;color:#fff}.kanji-info{padding:8px;margin:0;color:#fff}.kanji-info p{margin:6px 0;color:#fff;line-height:1.3}.kanji-info-header{font-size:15px;font-weight:700;margin-bottom:4px;margin-top:6px;color:#fff}.kanji-info-text{font-size:14px;margin-left:8px;color:#fff}.JP-stories-definition-accordion{margin:1px 5px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.1)}.JP-stories-definition-accordion-header{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:#34526a}.JP-stories-definition-accordion-title{margin:0;font-size:15px;color:#fff;font-weight:500;font-family:"Nunito",Arial,sans-serif;padding:0 8px}.JP-stories-definition-accordion-icon,.stories-kanji-accordion-icon{font-size:14px;color:#fff}.JP-stories-definition-accordion-content{padding:10px 12px;background-color:hsla(0,0%,100%,.1);color:#fff;font-size:13px;line-height:1.5;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.JP-stories-definition-accordion-content::-webkit-scrollbar{width:6px}.JP-stories-definition-accordion-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.JP-stories-definition-accordion-content::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:3px}.stories-kanji-accordion{margin:1px 5px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.1)}.stories-kanji-accordion-header{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:#34526a}.stories-kanji-accordion-title{margin:0;font-size:15px;color:#fff;font-weight:500;font-family:"Nunito",Arial,sans-serif;padding:0 8px}.stories-kanji-accordion-body{padding:10px 12px;background-color:hsla(0,0%,100%,.1);color:#fff;font-size:13px;line-height:1.5;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.stories-kanji-accordion-body::-webkit-scrollbar{width:6px}.stories-kanji-accordion-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.stories-kanji-accordion-body::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:3px}.context-note,.grammar-note{line-height:1.4;color:#fff}.context-note{border-left:3px solid #4caf50}.grammar-note{border-left:3px solid #2196f3}.stories-kanji-grading{margin-top:15px;border-top:1px solid hsla(0,0%,100%,.2);padding-top:10px}.stories-kanji-grading-title{font-weight:500;margin-bottom:8px;font-size:14px;color:#fff;font-family:"Nunito",Arial,sans-serif}.difficulty-scale-stories{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px;font-weight:700;padding:0 5px;font-family:"Nunito",Arial,sans-serif}.stories-difficulty-hard{color:#642696}.stories-difficulty-easy{color:#5078fa}.stories-radio-group{margin-bottom:15px}.stories-radio-option{width:20%;text-align:center}.stories-radio-option input[type=radio]{width:18px;height:18px;margin:0 auto;box-sizing:border-box;transition:all .2s ease}.stories-radio-option label{text-align:center;display:block;width:100%}.kanji-clickable-word span.saved-word,.saved-kanji{display:inline-block;padding:0 1px;border-radius:2px}.saved-kanji{color:#fff}.saved-kanji.grade-1{color:#642696}.saved-kanji.grade-2{color:#482696}.saved-kanji.grade-3{color:#1f31ab}.saved-kanji.grade-4{color:#2b54d9}.saved-kanji.grade-5{color:#5078fa}.kanji-definition-container{background-color:hsla(0,0%,100%,.1);border-radius:6px;padding:12px;margin:10px;width:calc(100% - 20px);color:#fff;overflow-y:visible;display:flex;flex-direction:column;font-family:"Nunito",Arial,sans-serif}.kanji-components-title{margin:0 0 15px;padding:0 5px;color:#fff;font-size:16px;font-weight:500;font-family:"Nunito",Arial,sans-serif}.clickable-word{cursor:pointer;display:inline;position:relative;padding:0 2px;border-radius:3px;transition:color .2s;word-break:normal;overflow-wrap:break-word}.clickable-word:hover{color:#274cc4}.saved-word,.saved-word.grade-1{color:#642696}.saved-word.grade-2{color:#482696}.saved-word.grade-3{color:#1f31ab}.saved-word.grade-4{color:#2b54d9}.saved-word.grade-5{color:#5078fa}.saved-word:hover{color:#274cc4}.stories-definition-popup{position:absolute;z-index:1000;background:linear-gradient(135deg,#1f394d,#315c7d);border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.4);width:300px;min-width:260px;max-width:320px;font-size:14px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;padding:0;color:#fff;font-family:"Nunito",Arial,sans-serif;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.stories-definition-popup::-webkit-scrollbar{width:6px}.stories-definition-popup::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.stories-definition-popup::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:3px}.stories-word-definition-container{background-color:hsla(0,0%,100%,.1);border-radius:6px;padding:0;margin:10px;width:calc(100% - 20px);color:#fff;overflow-y:visible;display:flex;flex-direction:column;font-family:"Nunito",Arial,sans-serif}.stories-definition-popup .definition-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#2c4658;border-top-left-radius:6px;border-top-right-radius:6px}.stories-definition-popup .definition-header h3{margin:0;font-size:16px;color:#fff;font-weight:500;font-family:"Nunito",Arial,sans-serif}.stories-definition-popup .word-container{background-color:#34526a;padding:12px;border-radius:4px;margin:10px}.stories-definition-popup strong{display:block;font-size:18px;color:#fff;margin:5px 0 8px;font-family:"Nunito",Arial,sans-serif;font-weight:600}.definition-separator{border:0;height:1px;background-color:hsla(0,0%,100%,.2);margin:10px 0}.definition-content{font-size:14px;line-height:1.6;padding:8px 5px;color:#fff;overflow-y:visible;font-family:"Nunito",Arial,sans-serif}.definition-content ul{list-style-position:inside;list-style-type:disc;padding-left:10px;margin:10px 0}.definition-content li{margin-bottom:10px;padding-left:10px;line-height:1.5;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;text-indent:-20px;margin-left:20px}.word-type{font-weight:700;margin-top:10px;margin-bottom:6px;font-style:italic;color:hsla(0,0%,100%,.9);font-family:"Nunito",Arial,sans-serif}.stories-WordLookup-popup-buttons{display:flex;justify-content:center;margin:15px;grid-gap:10px;gap:10px}.stories-popup-buttons button,.stories-WordLookup-popup-buttons button{padding:8px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s;font-family:"Nunito",Arial,sans-serif}.stories-popup-buttons button.save-word-btn,.stories-WordLookup-popup-buttons button.save-word-btn{background-color:#4f89a9}.stories-popup-buttons button.save-word-btn:hover,.stories-WordLookup-popup-buttons button.save-word-btn:hover{background-color:#3a6a87}.stories-popup-buttons button.delete-word-btn,.stories-WordLookup-popup-buttons button.delete-word-btn{background-color:rgba(217,83,79,.8)}.stories-popup-buttons button.delete-word-btn:hover,.stories-WordLookup-popup-buttons button.delete-word-btn:hover{background-color:rgba(201,48,44,.9)}.stories-error-text{color:#f44336}.reading{font-style:italic;color:hsla(0,0%,100%,.8);margin:8px 0}.jlpt,.reading{font-family:"Nunito",Arial,sans-serif}.jlpt{font-size:12px;margin:5px 0}.jlpt,.parenthetical{color:hsla(0,0%,100%,.7)}.parenthetical{font-style:italic}.verb-info{margin-top:10px;margin-left:11px;margin-right:11px;padding:8px;background-color:hsla(0,0%,100%,.05);border-radius:4px;font-size:13px}.verb-info p{margin:3px 0}.verb-info strong{display:inline;font-size:13px;margin:0;font-weight:600}.stories-definition-accordion{margin:3px 15px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.1)}.stories-definition-accordion-header{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.stories-definition-accordion-title{margin:0;font-size:16px;color:#fff;font-family:"Nunito",Arial,sans-serif}.stories-definition-accordion-icon{font-size:14px;color:#fff}.stories-definition-accordion-content{padding:15px;background-color:hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.1);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.stories-definition-accordion-content::-webkit-scrollbar{width:6px}.stories-definition-accordion-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.stories-definition-accordion-content::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:3px}.context-note,.grammar-note{margin:0;padding:5px;line-height:1.5;color:hsla(0,0%,100%,.9);font-family:"Nunito",Arial,sans-serif;margin-top:10px;padding:8px;border-radius:4px;font-size:13px}.context-note p,.grammar-note p{margin:5px 0;line-height:1.5}.context-note{border-left:3px solid rgba(76,175,80,.7)}.grammar-note{border-left:3px solid rgba(33,150,243,.7);margin-top:10px}.section-title{font-size:15px;margin:15px 15px 5px;color:hsla(0,0%,100%,.9);font-weight:400;font-family:"Nunito",Arial,sans-serif}.kanji-components{margin-top:5px}.kanji-component-item{margin:3px 15px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.1)}.stories-word-grading{margin:15px 15px 10px;padding:0;font-family:"Nunito",Arial,sans-serif}.stories-difficulty-labels{display:flex;justify-content:space-between;margin-bottom:8px}.stories-difficulty-hard{color:hsla(0,0%,100%,.8);font-size:12px;text-align:left}.stories-difficulty-easy{color:hsla(0,0%,100%,.8);font-size:12px;text-align:right}.stories-radio-group{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px}.stories-radio-option{display:flex;flex-direction:column;align-items:center;margin:0;cursor:pointer}.stories-radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid hsla(0,0%,100%,.5);border-radius:50%;outline:none;margin:0;position:relative;cursor:pointer}.stories-radio-grade-1 input[type=radio]{background-color:rgba(100,38,150,.3)}.stories-radio-grade-1 input[type=radio]:checked{border-color:#642696;box-shadow:0 0 0 2px rgba(100,38,150,.3);background-color:#642696}.stories-radio-grade-2 input[type=radio]{background-color:rgba(72,38,150,.3)}.stories-radio-grade-2 input[type=radio]:checked{border-color:#482696;box-shadow:0 0 0 2px rgba(72,38,150,.3);background-color:#482696}.stories-radio-grade-3 input[type=radio]{background-color:rgba(31,49,171,.3)}.stories-radio-grade-3 input[type=radio]:checked{border-color:#1f31ab;box-shadow:0 0 0 2px rgba(31,49,171,.3);background-color:#1f31ab}.stories-radio-grade-4 input[type=radio]{background-color:rgba(43,84,217,.3)}.stories-radio-grade-4 input[type=radio]:checked{border-color:#2b54d9;box-shadow:0 0 0 2px rgba(43,84,217,.3);background-color:#2b54d9}.stories-radio-grade-5 input[type=radio]{background-color:rgba(80,120,250,.3)}.stories-radio-grade-5 input[type=radio]:checked{border-color:#5078fa;box-shadow:0 0 0 2px rgba(80,120,250,.3);background-color:#5078fa}.stories-radio-option label{font-size:12px;margin-top:5px;color:#fff;font-family:"Nunito",Arial,sans-serif}.stories-radio-grade-1.selected label{color:#642696;font-weight:700}.stories-radio-grade-2.selected label{color:#482696;font-weight:700}.stories-radio-grade-3.selected label{color:#1f31ab;font-weight:700}.stories-radio-grade-4.selected label{color:#2b54d9;font-weight:700}.stories-radio-grade-5.selected label{color:#5078fa;font-weight:700}.stories-known-checkbox{display:flex;align-items:flex-start;margin:0 15px 15px;font-family:"Nunito",Arial,sans-serif}.stories-known-checkbox input[type=checkbox]{margin-right:8px;margin-top:3px;width:16px;height:16px}.stories-known-checkbox-info{display:flex;flex-direction:column}.stories-known-checkbox-label{font-size:14px;color:hsla(0,0%,100%,.9);font-family:"Nunito",Arial,sans-serif}.stories-known-checkbox-description{font-size:11px;color:hsla(0,0%,100%,.7);margin-top:3px;line-height:1.4;font-family:"Nunito",Arial,sans-serif}.pricing-overlay{top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#132431;z-index:1000;overflow-y:auto;flex-direction:column}.pricing-close-button,.pricing-overlay{position:fixed;display:flex;align-items:center}.pricing-close-button{top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.1);justify-content:center;cursor:pointer;z-index:1010;transition:background-color .2s ease}.pricing-close-button:hover{background-color:hsla(0,0%,100%,.2)}.close-icon{font-size:24px;color:#fff;line-height:1}.pricing-container{max-width:1200px;width:100%;margin:0 auto;padding:40px 20px 100px;font-family:Arial,sans-serif;color:#fff}.redirect-message{background-color:#f8d7da;color:#721c24;padding:12px 20px;margin-bottom:20px;border-radius:4px;text-align:center;animation:fadeIn .3s ease-in-out}.pricing-header{text-align:center;margin-top:40px;margin-bottom:60px}.pricing-title{font-size:36px;font-weight:700;margin-bottom:25px;color:#fff}.pricing-subtitle{font-size:18px;color:#555;max-width:600px;margin:0 auto}.pricing-toggle{display:flex;justify-content:center;background:hsla(0,0%,100%,.1);border-radius:30px;padding:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.toggle-button{background:none;border:none;padding:10px 20px;border-radius:30px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.toggle-button.active{background:hsla(0,0%,100%,.2);font-weight:600}.pricing-plans{display:flex;justify-content:center;grid-gap:30px;gap:30px;margin-bottom:60px;flex-wrap:wrap}.pricing-plan{background:hsla(0,0%,100%,.05);border-radius:16px;padding:40px 30px;width:340px;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid hsla(0,0%,100%,.1)}.pricing-plan:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2)}.pricing-plan.popular{border:1px solid rgba(102,204,255,.4);box-shadow:0 10px 30px rgba(102,204,255,.1)}.popular-badge{background:#6cf;font-weight:600}.current-plan-badge,.popular-badge{position:absolute;top:-12px;right:20px;color:#fff;font-size:14px;padding:6px 12px;border-radius:20px}.current-plan-badge{background-color:#28a745;font-weight:700;z-index:2}.current-plan{border:2px solid #28a745;box-shadow:0 5px 15px rgba(40,167,69,.2)}.current-plan-button{width:100%;background-color:#6c757d!important;color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:600;cursor:not-allowed;opacity:.7}.plan-title{font-size:28px;font-weight:600;margin-bottom:15px;color:#fff}.plan-price{margin-bottom:20px;display:flex;align-items:baseline}.currency{font-size:24px;font-weight:500;margin-right:2px;color:#fff}.amount{font-size:52px;font-weight:700;line-height:1;color:#fff}.period{font-size:16px;color:hsla(0,0%,100%,.7);margin-left:4px}.plan-description{font-size:16px;line-height:1.5;color:hsla(0,0%,100%,.8);margin-bottom:25px}.plan-features{list-style-type:none;padding:0;margin:0 0 30px}.feature-item{display:flex;align-items:flex-start;margin-bottom:16px;line-height:1.5}.feature-icon{color:#6cf;font-weight:700;margin-right:10px;flex-shrink:0}.feature-text{font-size:15px;color:hsla(0,0%,100%,.9)}.select-plan-button{width:100%;background-color:rgba(102,204,255,.8);color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.select-plan-button:hover{background-color:#6cf}.checkout-section{max-width:600px;margin:0 auto 60px;padding:30px;background-color:hsla(0,0%,100%,.05);border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1)}.checkout-title{font-size:24px;text-align:center;margin-bottom:30px;color:#fff}.checkout-form{display:flex;flex-direction:column}.form-row label{display:block;margin-bottom:10px;color:hsla(0,0%,100%,.9)}.card-element-container{padding:14px;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;background-color:hsla(0,0%,100%,.1);margin-bottom:20px}.card-element{width:100%}.payment-error{color:#ff6b6b;font-size:14px}.payment-error,.payment-success{margin-bottom:15px;text-align:center}.payment-success{color:#4ecdc4;font-size:16px;font-weight:600}.checkout-button{background-color:rgba(102,204,255,.8);color:#fff;border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.checkout-button:hover:not(:disabled){background-color:#6cf}.checkout-button:disabled{background-color:hsla(0,0%,100%,.2);cursor:not-allowed}.pricing-faq{max-width:800px;margin:0 auto}.faq-title{font-size:28px;text-align:center;margin-bottom:40px;color:#fff}.faq-item{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.faq-question{font-size:18px;margin-bottom:10px;color:#fff;font-weight:600}.faq-answer{font-size:16px;line-height:1.6;color:hsla(0,0%,100%,.8)}.embedded-checkout-container{width:100%;min-height:600px;margin:0 auto;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.checkout-wrapper{width:100%;max-width:540px;margin:20px auto}.checkout-loading,.checkout-preparing,.payment-error,.payment-success{text-align:center;padding:30px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:20px auto;max-width:540px}.payment-success{background-color:#e6f7e9;color:#2e7d32;font-weight:700}.payment-error{background-color:#fde9e9;color:#d32f2f}@media (max-width:768px){.pricing-plans{flex-direction:column;align-items:center}.pricing-plan{width:100%;max-width:400px}.checkout-section{padding:20px;margin:0 20px 60px}.pricing-title{font-size:30px}}.stories-container{display:flex;flex-direction:column;min-height:100vh;margin:0!important;position:relative;overflow-x:hidden;width:100vw!important;max-width:100vw!important;padding:0 0 60px!important}.story-container{font-family:"Nunito",sans-serif;width:100%;margin:0 0 20px}.accordion-container,.story-container{margin-top:0;border:none;border-radius:0;overflow:hidden;box-shadow:none;width:100%;max-width:100%;margin-left:0;margin-right:0}.center-text{text-align:center;font-family:"Nunito",sans-serif;margin-top:25vh;display:flex;justify-content:center;align-items:center;min-height:150px}.error-text,.loading-stories,.loading-text{color:#333!important;font-size:18px;font-weight:500;font-family:"Nunito",sans-serif;padding:30px}.error-text{color:#d9534f!important}.margin-top-10{margin-top:20px}.no-story-text{padding:20px}.loading-text,.no-story-text{font-size:20px;font-family:"Nunito",sans-serif}.loading-text{color:#333;font-weight:500}.story-title-header{background:linear-gradient(135deg,#1f394d,#315c7d);padding:12px 0;display:flex;align-items:center;justify-content:center;width:100%;margin:0}.accordion-title,.story-title{margin:0;font-size:20px;color:#fff;font-weight:700;padding:0 20px}.accordion-header h3,.story-title-header h3{font-size:20px;margin:0}.story-box{max-height:none}.story-box p{padding:0 20px;margin:10px 0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;display:block;width:100%;box-sizing:border-box}.story-box:lang(ja),.story-box[lang=ja],.story-box [lang=ja]{word-break:keep-all;line-break:strict;overflow-wrap:anywhere}.story-box .japanese-character,.story-box .kanji-clickable-word,.story-box:has(.kanji-clickable-word),.story-box span:has(>.kanji-clickable-word){display:inline-block;max-width:100%;width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-all}.story-box span{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:break-word}.story-text{font-size:18px;line-height:1.6;margin:10px 0;color:#495057;font-family:"Nunito",sans-serif;max-width:100%;word-wrap:break-word;word-break:break-word}.story-sentence{display:inline-block;width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.story-box::-webkit-scrollbar{width:10px}.story-box::-webkit-scrollbar-track{background:#f1f1f1}.story-box::-webkit-scrollbar-thumb{background-color:#4f89a9;border-radius:10px;border:2px solid #fff}.story-box{scrollbar-color:#4f89a9 #f1f1f1}.accordion-container{margin:0;padding:0;border:none;border-radius:0;overflow:hidden;box-shadow:none;width:100%;max-width:100%}.accordion-header{background:linear-gradient(135deg,#1f394d,#315c7d);padding:12px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.accordion-header h3{padding-left:20px}.translation-accordion-icon{font-size:20px;color:#fff;padding-right:20px}.accordion-content{padding:15px 0;background-color:#fff;text-align:left;max-height:400px;overflow-y:auto;overflow-x:hidden;font-size:18px;line-height:1.6;color:#495057;word-wrap:break-word;white-space:normal;width:100%}.accordion-content::-webkit-scrollbar{width:10px}.accordion-content::-webkit-scrollbar-track{background:#f1f1f1}.accordion-content::-webkit-scrollbar-thumb{background-color:#4f89a9;border-radius:10px;border:2px solid #fff}.accordion-content{scrollbar-color:#4f89a9 #315c7d}.translation-title{font-size:20px;font-family:"Nunito",sans-serif;font-weight:700;margin:10px 0;color:#343a40;padding:0 20px}.translation-text{line-height:2.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:15px 0 1.5em;display:block}.story-box p,.translation-text{font-size:18px;color:#495057;padding:0 20px;min-height:2.4em}.story-box p,.translation-text{line-height:2;font-family:"Nunito",sans-serif;margin:15px 0 1.6em}.story-text.story-sentence,.translation-text{margin-bottom:1.5em;min-height:2.4em;display:block}.bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:0;background-color:initial;box-shadow:none;z-index:5;margin-top:0}.story-button-container{width:100%}.reload-button{width:100%;padding:15px 0;background-color:#4f89a9;color:#fff;border:none;border-radius:0;font-family:"Nunito",sans-serif;font-size:16px;cursor:pointer;height:60px;box-sizing:border-box}.reload-button:disabled{background-color:#ccc;cursor:not-allowed}.max-reload-warning{margin:0;padding:10px 20px;color:red;font-weight:700;text-align:center}.accordion-content,.story-box{padding:15px 0;background-color:#fff;text-align:left;font-size:18px;line-height:1.6;color:#495057;word-wrap:break-word;width:100%;border:none;margin:0}.story-tabs{display:flex;width:100%;border-top:1px solid hsla(0,0%,100%,.2);background:linear-gradient(135deg,#1f394d,#315c7d)}.story-tab{flex:1 1;text-align:center;padding:12px 0;color:#fff;font-family:"Nunito",sans-serif;font-size:16px;cursor:pointer;opacity:.7;font-weight:400;transition:opacity .3s,background-color .3s}.story-tab.active{opacity:1;font-weight:700;background-color:hsla(0,0%,100%,.1)}.story-content{display:none;width:100%}.story-content.active{display:block}.story-box{padding:15px 0;background-color:#fff;text-align:left;overflow-y:auto;overflow-x:hidden;font-size:18px;line-height:1.6;color:#495057;word-wrap:break-word;white-space:normal;border:none;border-radius:0;box-shadow:none;margin-bottom:0;width:100%}.story-wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff;border-radius:0;overflow:hidden;margin-bottom:0}.profile-container{padding:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.profile-container *{box-sizing:inherit}.profile-container .content-wrapper,.profile-container .main-content,.profile-container .main-content.sidebar-closed,.profile-container .main-content.sidebar-open{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;left:0!important;right:0!important;overflow-x:hidden!important}.profile-container{display:flex;flex-direction:column;min-height:100vh;padding-top:70px!important;margin:0!important;position:relative;overflow-x:hidden;max-width:100%!important;width:100vw!important;text-align:left;font-family:"Nunito",sans-serif}.profile-container .page-title{background:linear-gradient(135deg,#1f394d,#315c7d);color:#fff;margin:0;padding:25px 0;text-align:center;font-size:18px;position:fixed;top:0;left:0;right:0;width:100vw;z-index:100;font-family:"Nunito",sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-menu-container{background:linear-gradient(135deg,#1f394d,#315c7d);padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:0;width:100%;border-radius:0}.profile-menu-container:last-of-type{flex-grow:1;margin-bottom:0;min-height:calc(100vh - 70px)}.profile-section{margin-bottom:30px}.profile-group{margin-bottom:20px;padding:10px 0}.profile-input{width:100%;padding:8px;font-size:16px;margin-top:5px;box-sizing:border-box;border:2px solid #ccc;border-radius:8px;font-family:"Nunito",sans-serif;font-weight:700;color:#4a4a4a}.profile-tagline{font-style:italic;font-size:14px;color:#c3c3c3;margin-top:10px;line-height:1.5em}.profile-save-button{padding:15px 30px;background-color:#4f89a9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:"Nunito",sans-serif;font-size:1.2rem;display:block;margin:0 auto 15px}.profile-saved-text{color:#28a745;font-weight:700}.profile-message,.profile-saved-text{margin-top:10px;margin-bottom:15px;text-align:center;font-family:"Nunito",sans-serif}.profile-message{color:red}.profile-clear-section{margin-top:20px;text-align:left}.profile-clear-button{padding:10px 20px;background-color:#979797;color:#fff;border:none;border-radius:4px;cursor:pointer;display:inline-block;margin:0;font-family:"Nunito",sans-serif;font-size:1rem}.profile-stats-header{color:#fff;font-size:1.5rem;margin:0 0 20px;text-align:center;font-family:"Nunito",sans-serif}.profile-stats-item{background-color:hsla(0,0%,100%,.1);border-radius:8px;padding:15px;margin-bottom:15px}.profile-language-title{color:#fff;font-size:1.2rem;margin:0 0 10px;border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:5px;font-family:"Nunito",sans-serif}.profile-stats-row{display:flex;justify-content:space-between;padding:5px 0;color:#fff;font-family:"Nunito",sans-serif}.profile-loading-text,.profile-no-stats-text{color:#fff;text-align:center;font-family:"Nunito",sans-serif}.profile-no-stats-text{font-style:italic}.profile-stats-controls{margin-top:20px;border-top:1px solid hsla(0,0%,100%,.2);padding-top:15px}.global-save-button.clear-history{display:inline-block!important;margin:0!important;background-color:#979797!important}.profile-password-change-form{margin-top:15px;padding:15px;background-color:hsla(0,0%,100%,.1);border-radius:8px}.profile-password-field{margin-bottom:15px}.profile-password-input{width:100%;padding:8px;font-size:16px;border:2px solid #ccc;border-radius:8px;font-family:"Nunito",sans-serif}.change-password-link{color:#68b7f3;margin-top:5px;text-align:left}.change-password-link,.delete-account-link{text-decoration:underline;cursor:pointer;display:block;font-family:"Nunito",sans-serif}.delete-account-link{color:#d9534f;margin-top:10px;text-align:center}.profile-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.profile-modal-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;width:350px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.profile-modal-title{margin:0 0 15px;font-family:"Nunito",sans-serif}.profile-modal-message{margin-bottom:15px;font-family:"Nunito",sans-serif}.profile-modal-buttons{margin-top:20px;display:flex;justify-content:space-around}.profile-modal-cancel-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px}.profile-modal-cancel-button,.profile-modal-confirm-button{padding:8px 16px;cursor:pointer;font-family:"Nunito",sans-serif}.profile-modal-confirm-button{background-color:#d9534f;color:#fff;border:none;border-radius:4px}.profile-modal-confirm-button:disabled{background-color:#f5a9a5;cursor:not-allowed}body,html{height:100%!important}.chatbot-container{font-family:"Nunito",Arial,sans-serif;height:100vh;padding:0!important;margin:0!important;overflow-x:hidden;width:100vw!important;max-width:100vw!important}.chatbot-container,.chatbot-main{display:flex;flex-direction:column;position:relative}.chatbot-main{width:100%;height:calc(100vh - 98px);margin:0;overflow:hidden}.chatbot-sidebar{flex:0 0 300px;background:linear-gradient(135deg,#1f394d,#315c7d);border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;grid-gap:15px;gap:15px;overflow-y:auto}.chatbot-mode-selector h3{margin-top:0;color:#333;font-size:18px;margin-bottom:15px}.chatbot-radio-group{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.chatbot-radio-label{display:flex;align-items:center;cursor:pointer;font-weight:600;color:#fff;font-size:16px}.chatbot-radio-label input{margin-right:10px}.chatbot-mode-description{margin:0 0 15px 24px;color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.4}.chatbot-chat{background-color:rgba(166,186,225,.4588235294117647);overflow:hidden;width:100%;height:100%;border-radius:0;box-shadow:none;position:relative}.chatbot-chat,.chatbot-messages{flex:1 1;display:flex;flex-direction:column}.chatbot-messages{overflow-y:auto;grid-gap:15px;gap:15px;height:auto;max-height:calc(100vh - 220px);padding:20px;margin-bottom:180px}.chatbot-messages>div:last-child{padding-bottom:30px;height:1px}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#4f89a9;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#555}.chatbot-message{max-width:80%;padding:12px 16px;border-radius:8px;position:relative;line-height:1.5}.chatbot-message-header{font-weight:700;font-size:14px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.user-message{align-self:flex-end;background-color:#5593db;color:#fff;border-bottom-right-radius:2px}.user-message .chatbot-message-header{color:hsla(0,0%,100%,.9)}.bot-message{align-self:flex-start;background-color:#ebebeb;color:#333;border-bottom-left-radius:2px}.chatbot-input-container{display:flex;padding:15px;background:linear-gradient(135deg,#284c67,#2c5473);border-top:1px solid #eaeaea;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:50;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.chatbot-input-main{display:flex;flex-direction:column;grid-gap:0;gap:0;width:100%}.chatbot-textarea-wrapper{position:relative;width:100%}.chatbot-input{flex:1 1;resize:none;border:1px solid #ddd;border-radius:6px;padding:12px;font-family:"Nunito",Arial,sans-serif;font-size:15px;outline:none;transition:border-color .3s;width:100%;box-sizing:border-box;min-height:80px}.chatbot-input.over-limit{border-color:#e74c3c}.character-limit-warning{color:#e74c3c;font-size:13px;margin-top:5px;text-align:right;font-weight:500}.chatbot-input:focus{border-color:#4a9eff}.chatbot-input.over-limit:focus{border-color:#e74c3c}.chatbot-button-container{display:flex;justify-content:space-between;align-items:center;grid-gap:10px;gap:10px}.chatbot-send-button{background-color:#4088af;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-family:"Nunito",Arial,sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .3s;min-width:80px}.chatbot-send-button:hover{background-color:#439fd1}.chatbot-send-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.typing-indicator{display:flex;align-items:center;grid-column-gap:5px;column-gap:5px}.typing-indicator span{height:10px;width:10px;background:#555;border-radius:50%;display:block;opacity:.4}.typing-indicator span:first-child{animation:bouncing 1s .2s infinite}.typing-indicator span:nth-child(2){animation:bouncing 1s .4s infinite}.typing-indicator span:nth-child(3){animation:bouncing 1s .6s infinite}@keyframes bouncing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chatbot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;width:100%;background:transparent;box-shadow:none;z-index:5}.chatbot-new-conversation{background-color:#f5a462;color:#fff;border:none;border-radius:6px;padding:12px 16px;font-family:"Nunito",Arial,sans-serif;transition:background-color .3s;grid-gap:6px;gap:6px}.chatbot-new-conversation:hover{background-color:#fc943f}.chatbot-new-conversation svg{width:16px;height:16px}@media (max-width:768px){.page-title{width:100vw!important}.chatbot-main{flex-direction:column;height:calc(100vh - 98px);overflow:hidden}.chatbot-sidebar{flex:0 0 auto}.chatbot-chat{height:100%}.chatbot-messages{max-height:calc(100vh - 250px);margin-bottom:200px}.chatbot-message{max-width:90%}.chatbot-button-container{flex-direction:column;align-items:stretch}.chatbot-new-conversation,.chatbot-send-button{width:100%}}.translate-link-container{margin-top:8px;text-align:right}.translate-link{background:none;border:none;color:#a3a3a3;font-size:.85rem;cursor:pointer;text-decoration:none;padding:0;margin:0;opacity:.8;transition:opacity .2s}.translate-link:hover{opacity:1;text-decoration:underline}.translating-message{display:flex;align-items:center;color:#777;font-style:italic}.translating-message span{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#777;margin:0 2px;animation:pulse 1.4s ease-in-out infinite}.translating-message span:first-child{animation-delay:0s}.translating-message span:nth-child(2){animation-delay:.2s}.translating-message span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.chatbot-dictionary{flex:0 0 300px;background-color:hsla(0,0%,100%,.9);border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 100px)}.dictionary-header{margin-bottom:15px;border-bottom:1px solid #eaeaea;padding-bottom:10px}.dictionary-header h3{margin:0;color:#333;font-size:18px}.dictionary-content{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding-bottom:85px;padding-right:5px}.dictionary-content::-webkit-scrollbar{width:6px}.dictionary-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dictionary-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dictionary-content::-webkit-scrollbar-thumb:hover{background:#555}.dictionary-empty{display:flex;justify-content:center;align-items:center;height:100%;color:#888;text-align:center;padding:20px}.dictionary-word-container{min-height:-webkit-min-content;min-height:min-content}.dictionary-content .definition-popup{position:relative;top:auto!important;left:auto!important;width:100%;max-width:none;box-shadow:none;margin-bottom:10px}@media (max-width:768px){.chatbot-dictionary{display:none}}.dictionary-kanji-definition,.dictionary-word-definition{background-color:#fff;border-radius:6px;padding:15px;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow-y:visible}.chatbot-dictionary-word-details{width:100%;overflow-y:visible;padding-bottom:20px}.dictionary-content .kanji-popup-buttons,.dictionary-content .WordLookup-popup-buttons{display:flex;justify-content:center;margin-top:15px;grid-gap:10px;gap:10px}.dictionary-content button{background-color:#4088af;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-family:"Nunito",Arial,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .3s}.dictionary-content button:hover{background-color:#439fd1}.dictionary-content .word-grading{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.kanji-info{margin-top:10px}.dictionary-content .definition-popup,.dictionary-content .kanji-popup{position:static;box-shadow:none;max-width:100%;width:100%}.dictionary-kanji-container,.dictionary-word-container{display:flex;flex-direction:column;width:100%}.chatbot-accordion-section{border-radius:6px;overflow:hidden;margin-bottom:0;background-color:hsla(0,0%,100%,.05)}.chatbot-accordion-header{background-color:hsla(0,0%,100%,.1);padding:12px 15px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;transition:background-color .2s ease}.chatbot-accordion-header:hover{background-color:hsla(0,0%,100%,.2)}.chatbot-toggle-icon{color:#fff;font-size:14px;transition:transform .3s ease}.chatbot-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:hsla(0,0%,100%,.05);padding:0 15px;overflow-y:auto}.chatbot-accordion-content.open{max-height:500px;padding-bottom:0}.chatbot-accordion-content::-webkit-scrollbar{width:6px}.chatbot-accordion-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.chatbot-accordion-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.chatbot-accordion-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.chatbot-custom-prompt{width:100%;padding:10px;border-radius:6px;border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.05);color:#fff;font-family:"Nunito",Arial,sans-serif;font-size:14px;resize:vertical;margin-top:8px;transition:border-color .3s}.chatbot-custom-prompt:focus{outline:none;border-color:hsla(0,0%,100%,.5)}.chatbot-custom-prompt:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.chatbot-custom-prompt::placeholder{color:#c9c9c9}.custom-mode-container{margin-top:10px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.chatbot-custom-name{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;color:#333;transition:border-color .2s}.chatbot-custom-name:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.chatbot-custom-name::placeholder{color:#999;font-style:italic}.memory-debug-toggle{display:flex;justify-content:flex-end;margin-bottom:10px}.memory-debug-button{background-color:#e7e7e7;border:1px solid #ddd;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:14px;transition:background-color .2s;display:none}.memory-debug-button:hover{background-color:#d7d7d7}.memory-debug-panel{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:400px;overflow-y:auto}.memory-debug-panel h3{margin-top:10px;margin-bottom:10px;font-size:16px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.memory-debug-panel h3:first-child{margin-top:0}.memory-debug-panel ul{list-style-type:disc;padding-left:20px;margin:10px 0}.memory-debug-panel li{margin-bottom:5px;color:#555}.memory-entry{background-color:#fff;border:1px solid #eee;border-radius:4px;padding:10px;margin-bottom:10px}.memory-entry h4{font-size:14px;color:#444;margin-top:0;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.memory-date{font-size:12px;color:#777;font-weight:400}.memory-debug-console-button{background-color:#4a9eff;color:#fff;border:none;border-radius:4px;padding:5px 10px;margin-top:10px;cursor:pointer;font-size:14px;transition:background-color .2s}.memory-debug-console-button:hover{background-color:#3a8eef}.cross-language-memory{background-color:#f0f7ff;border-left:3px solid #4a9eff;padding:8px 15px;margin:10px 0}.cross-language-memory li{color:#2c5282}.chatbot-input-controls{margin-top:10px;width:100%}.chatbot-input-controls,.right-buttons{display:flex;align-items:center;justify-content:flex-end}.right-buttons{grid-gap:8px;gap:8px}.fluent-mode-container{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.fluent-mode-warning{color:#e74c3c;font-size:12px;margin-bottom:5px;background-color:rgba(231,76,60,.1);padding:5px 8px;border-radius:4px;font-weight:500;text-align:center;width:100%}.fluent-mode-label{font-size:14px;font-weight:600;color:#fff;margin-bottom:0}.fluent-mode-toggle{position:relative;display:inline-block;width:60px;height:28px;background:none;border:none;padding:0;cursor:pointer}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;border-radius:34px;transition:.3s;display:flex;align-items:center;justify-content:center}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.3s;z-index:1}.fluent-mode-toggle.on .toggle-slider{background-color:#4f89a9}.fluent-mode-toggle.on .toggle-slider:before{transform:translateX(32px)}.babble-fish-icon{position:absolute;width:16px;height:16px;z-index:2;transition:transform .3s ease}.babble-fish-icon.off{left:5px;color:#777}.babble-fish-icon.off path[fill=currentColor]{fill:#777}.babble-fish-icon.off path[fill=fish-off]{fill:#555}.babble-fish-icon.on{right:5px;transform:translateX(-32px);color:#1f89cb}.babble-fish-icon.on path[fill=currentColor]{fill:#1f89cb}.babble-fish-icon.on path[fill=fish-on]{fill:#1f394d}.fluent-mode-toggle.on .babble-fish-icon.on{transform:translateX(0)}.toggle-text{position:absolute;color:#888;font-size:12px;font-weight:700;text-align:center;z-index:0;right:8px;transition:all .3s ease}.fluent-mode-toggle.on .toggle-text{color:#fff;left:8px;right:auto}.chatbot-new-conversation{display:flex;align-items:center;justify-content:center;grid-gap:4px;gap:4px;padding:8px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;color:#333;transition:all .2s}.chatbot-new-conversation:hover{background-color:#e0e0e0;border-color:#ccc}.chatbot-new-conversation svg{width:18px;height:18px;color:#1f394d}.send-button{padding:12px 20px;background-color:#4088af;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.send-button:hover{background-color:#315c7d}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.loader{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}@media (max-width:768px){.chatbot-input-controls{flex-direction:row;grid-gap:10px;gap:10px}.right-buttons{justify-content:flex-end;width:auto;grid-gap:8px;gap:8px}.fluent-mode-container{width:100%;justify-content:flex-start}.chatbot-new-conversation,.send-button{width:auto;padding:8px 16px;height:38px;display:flex;align-items:center;justify-content:center}.chatbot-messages{max-height:calc(100vh - 250px);margin-bottom:200px}}.my-score-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;width:100%;margin-top:15px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:10}.my-score-button:hover{background:linear-gradient(135deg,#2980b9,#2471a3);transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.3)}.my-score-button:disabled{background:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.evaluation-message{background-color:#f7f9fa;border-radius:8px;padding:20px;margin:15px 0;border-left:5px solid #3498db;box-shadow:0 2px 10px rgba(0,0,0,.05)}.evaluation-message h3{color:#2c3e50;margin-top:0;margin-bottom:15px;font-size:20px;font-weight:600;border-bottom:2px solid #eee;padding-bottom:10px}.evaluation-content{font-size:14px;line-height:1.7;white-space:pre-line}.evaluation-content p{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eee}.evaluation-content p:last-child{font-weight:600;font-size:16px;color:#2c3e50;background-color:#e8f4fc;padding:10px;border-radius:4px;border-bottom:none;margin-top:15px}.evaluation-content strong{color:#2980b9;font-weight:700}.chatbot-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.chatbot-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);width:90%;max-width:500px;padding:0;overflow:hidden}.chatbot-modal-content{padding:24px}.chatbot-modal-content h3{margin-top:0;margin-bottom:16px;font-size:20px;color:#333}.chatbot-modal-content p{margin-bottom:24px;line-height:1.5;color:#555}.chatbot-modal-buttons{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.chatbot-modal-button{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.cancel-button:hover{background-color:#e8e8e8}.confirm-button{background-color:#4f89a9;color:#fff;border:none}.confirm-button:hover{background-color:#3367d6}.introduction-message{background-color:#ebebeb;border-radius:12px;padding:16px;margin:15px 0;max-width:85%;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.introduction-message .chatbot-message-header{font-weight:600;margin-bottom:8px;color:#333}.introduction-content{font-size:15px;line-height:1.5;color:#333;white-space:pre-wrap}.introduction-content p{margin-bottom:10px}.introduction-content.showing-translation{font-style:italic;color:#666}.introduction-message .translate-link-container{margin-top:12px;text-align:right}.message-actions{display:flex;grid-gap:5px;gap:5px;opacity:0;transition:opacity .2s ease}.chatbot-message:hover .message-actions{opacity:1}.message-delete-btn,.message-edit-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 5px;border-radius:4px;transition:background-color .2s}.message-delete-btn:hover,.message-edit-btn:hover{background-color:rgba(0,0,0,.1)}.edit-message-container{width:100%}.edit-message-textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:15px;margin-bottom:8px}.edit-message-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}.edit-message-cancel,.edit-message-save{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.edit-message-save{background-color:#345585;color:#fff}.edit-message-save:hover{background-color:#3667ad}.edit-message-cancel{background-color:#db654c;color:#fff}.edit-message-cancel:hover{background-color:#e14e2e}.char-limit-warning{color:#ff4d4f;font-size:.9rem;padding:.5rem;margin-top:.5rem;border-radius:4px;background-color:rgba(255,77,79,.1)}.upgrade-button{position:absolute;right:10px;bottom:10px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;padding:6px 15px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s;z-index:10}.upgrade-button:hover{background-color:#40a9ff}.chatbot-input:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.chatbot-debug-panel{position:fixed;bottom:0;right:0;width:300px;max-height:400px;overflow-y:auto;background-color:rgba(0,0,0,.8);color:#0f0;font-family:monospace;font-size:12px;padding:1rem;border-top-left-radius:8px;z-index:1000}.debug-section{margin-bottom:1rem}.debug-section h4{margin:.5rem 0;color:#0ff;font-size:14px}.debug-section p{margin:.2rem 0;line-height:1.2}.menu-bar{display:flex;justify-content:space-between;background-color:#315c7d;border-bottom:1px solid #ddd;padding:0;margin:0!important;position:-webkit-sticky;position:sticky;top:52px;left:0;right:0;width:100vw!important;max-width:100vw!important;z-index:5}.menu-button{flex:1 1;padding:12px 5px;text-align:center;background:none;border:none;font-family:"Nunito",sans-serif;font-size:14px;color:#fff;cursor:pointer;position:relative;transition:color .3s,background-color .3s}.menu-button:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:#ddd}.menu-button.active{color:#fff;background-color:#4f89a9}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f394d,#315c7d);color:#fff;z-index:1000;padding:20px;overflow-y:auto;animation:fadeIn .3s ease}.menu-overlay .done-button,.menu-overlay button.done-button,.menu-overlay button:last-child:not(.close-overlay){display:none!important}.overlay-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:20px}.overlay-title{font-size:18px;font-weight:700;margin:0;color:#fff}.close-overlay{background:none;border:none;font-size:24px;cursor:pointer;color:#fff}.menu-options{margin-bottom:60px;color:#fff}.option-label{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.1);font-family:"Nunito",sans-serif;color:#fff}.option-label input{margin-right:12px}.menu-overlay button:not(.close-overlay){background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:14px;cursor:pointer;font-family:"Nunito",sans-serif}.dictionary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f394d,#315c7d);color:#fff;z-index:1000;padding:20px;overflow-y:auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}body:has(.dictionary-overlay) .burger-icon,body:has(.dictionary-overlay) .menu-bar,body:has(.dictionary-overlay) .page-title,body:has(.dictionary-overlay) header,body:has(.menu-overlay) .burger-icon,body:has(.menu-overlay) .menu-bar,body:has(.menu-overlay) .page-title,body:has(.menu-overlay) header{visibility:hidden}.chatbot-container .tips-container,.chatbot-container .tips-container[style]{position:fixed!important;bottom:15px!important;left:15px!important;right:auto!important;z-index:900!important;display:flex!important;align-items:center!important;flex-direction:row-reverse!important}.chatbot-container .tips-popup-readme{background-color:initial!important;border:1px solid hsla(0,0%,100%,.3)!important;color:#fff!important;box-shadow:0 0 5px rgba(0,0,0,.2)!important;border-radius:4px!important;padding:8px 12px!important;font-size:12px!important;cursor:pointer!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-left:10px!important;font-weight:700!important}.my-score-button:disabled[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:40%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:10px 15px;border-radius:4px;white-space:normal;max-width:calc(100vw - 40px);width:300px;font-size:12px;line-height:1.4;text-align:center;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2);right:auto;margin-left:-50px}.chatbot-clickable-word{cursor:pointer;display:inline;position:relative;padding:0;border-radius:3px;transition:color .2s;word-break:normal;overflow-wrap:break-word}.chatbot-clickable-word:hover{color:#274cc4}.chatbot-saved-word,.chatbot-saved-word.chatbot-grade-1{color:#642696}.chatbot-saved-word.chatbot-grade-2{color:#482696}.chatbot-saved-word.chatbot-grade-3{color:#1f31ab}.chatbot-saved-word.chatbot-grade-4{color:#2b54d9}.chatbot-saved-word.chatbot-grade-5{color:#5078fa}.chatbot-saved-word:hover{color:#274cc4}.chatbot-clickable-hanzi{cursor:pointer;display:inline;position:relative;padding:0;border-radius:3px;transition:color .2s;word-break:normal}.chatbot-clickable-hanzi:hover{color:#274cc4}.chatbot-saved-hanzi,.chatbot-saved-hanzi.chatbot-grade-1{color:#642696}.chatbot-saved-hanzi.chatbot-grade-2{color:#482696}.chatbot-saved-hanzi.chatbot-grade-3{color:#1f31ab}.chatbot-saved-hanzi.chatbot-grade-4{color:#2b54d9}.chatbot-saved-hanzi.chatbot-grade-5{color:#5078fa}.chatbot-saved-hanzi:hover{color:#274cc4}.chatbot-clickable-kanji{cursor:pointer;display:inline;position:relative;padding:0;border-radius:3px;transition:color .2s;word-break:normal}.chatbot-clickable-kanji:hover{color:#274cc4}.chatbot-saved-kanji,.chatbot-saved-kanji.chatbot-grade-1{color:#642696}.chatbot-saved-kanji.chatbot-grade-2{color:#482696}.chatbot-saved-kanji.chatbot-grade-3{color:#1f31ab}.chatbot-saved-kanji.chatbot-grade-4{color:#2b54d9}.chatbot-saved-kanji.chatbot-grade-5{color:#5078fa}.chatbot-saved-kanji:hover{color:#274cc4}.chatbot-dictionary-kanji-definition,.chatbot-dictionary-word-definition{background-color:hsla(0,0%,100%,.1);border-radius:6px;width:100%;color:#fff;overflow-y:visible;max-height:none;display:flex;flex-direction:column;padding:12px 12px 10px;margin-top:10px;margin-bottom:20px}.chatbot-definition-separator{border:0;height:1px;background-color:hsla(0,0%,100%,.2);margin:10px 0}.chatbot-definition-content{font-size:14px;line-height:1.5;margin-top:10px;margin-bottom:20px;color:#fff;overflow-y:visible}.chatbot-definition-section{background-color:hsla(0,0%,100%,.05);border-radius:4px;padding:10px;margin-bottom:10px}.chatbot-definition-content ul,.chatbot-definition-section ul{list-style-type:disc;padding-left:20px;margin:5px 0}.chatbot-definition-content li,.chatbot-definition-section li{margin-bottom:5px}.chatbot-word-type{font-weight:700;margin-top:10px;margin-bottom:5px;font-style:italic;color:hsla(0,0%,100%,.8)}.chatbot-definition-accordion{margin-top:3px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.1);padding:5px;min-height:30px}.chatbot-definition-accordion-header{padding:5px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.chatbot-definition-accordion-title{margin:0;font-size:16px;color:#fff}.chatbot-definition-accordion-icon{font-size:14px;color:#fff}.chatbot-definition-accordion-content{padding:10px;background-color:hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.1);overflow:visible;max-height:none}.chatbot-definition-accordion-content::-webkit-scrollbar,.chatbot-definition-accordion-content::-webkit-scrollbar-track{display:none}.chatbot-definition-accordion-content::-webkit-scrollbar-thumb{display:none}.chatbot-context-note,.chatbot-grammar-note{margin:0;padding:5px;font-size:13px;line-height:1.4;color:hsla(0,0%,100%,.9)}.chatbot-context-note{border-left:3px solid rgba(76,175,80,.7);margin-top:15px}.chatbot-context-note,.chatbot-grammar-note{padding:8px;border-radius:4px;font-size:13px}.chatbot-grammar-note{border-left:3px solid rgba(33,150,243,.7);margin-top:10px}.chatbot-word-buttons{display:flex;justify-content:center;margin-top:15px;grid-gap:10px;gap:10px;padding-bottom:10px;margin-bottom:0}.chatbot-delete-btn,.chatbot-save-btn{padding:8px 20px;background-color:#4f89a9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;min-width:100px;transition:background-color .2s}.chatbot-save-btn:hover{background-color:#3a6a87}.chatbot-delete-btn{background-color:rgba(217,83,79,.8)}.chatbot-delete-btn:hover{background-color:rgba(201,48,44,.9)}.chatbot-parenthetical{color:hsla(0,0%,100%,.7);font-style:italic}.chatbot-reading{font-style:italic;color:hsla(0,0%,100%,.8);margin:5px 0}.chatbot-jlpt{font-size:12px;color:hsla(0,0%,100%,.7);margin:5px 0}.chatbot-verb-info{margin-top:10px;padding:8px;background-color:hsla(0,0%,100%,.05);border-radius:4px;font-size:13px}.chatbot-verb-info p{margin:3px 0}.chatbot-kanji-components-section{margin-top:20px;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.2);margin-bottom:20px;padding-bottom:15px;overflow:visible}.chatbot-kanji-components-title{font-size:18px;color:#fff;margin-bottom:15px;text-align:center}.chatbot-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:10px;gap:10px;margin-top:10px;margin-bottom:20px}.chatbot-kanji-item{background-color:hsla(0,0%,100%,.1);border-radius:3px;padding:4px;transition:background-color .2s;cursor:pointer;display:flex;flex-direction:column;margin-bottom:3px;text-align:left;width:100%}.chatbot-kanji-item .chatbot-definition-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.chatbot-kanji-item .chatbot-definition-accordion-title{font-size:16px;display:flex;align-items:center}.chatbot-kanji-character{font-size:28px;margin-right:10px;color:#fff}.chatbot-kanji-details{padding:0}.chatbot-kanji-info{margin-bottom:15px}.chatbot-kanji-frequency,.chatbot-kanji-grade,.chatbot-kanji-kunyomi,.chatbot-kanji-meaning,.chatbot-kanji-onyomi{margin-bottom:8px;font-size:14px;line-height:1.4;color:hsla(0,0%,100%,.9)}.chatbot-loading{text-align:center;padding:20px;color:hsla(0,0%,100%,.8);font-style:italic}.chatbot-error-container{padding:15px;margin:10px 0;background-color:rgba(220,53,69,.1);border-left:3px solid rgba(220,53,69,.7);border-radius:4px}.chatbot-error-text{color:hsla(0,0%,100%,.9);margin-bottom:10px;font-weight:700}.chatbot-error-note{color:hsla(0,0%,100%,.7);font-size:12px;margin-top:8px;font-style:italic}.chatbot-retry-btn{padding:5px 15px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-top:8px;transition:background-color .2s}.chatbot-retry-btn:hover{background-color:#138496}.chatbot-offline-warning{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:15px;background-color:rgba(255,193,7,.2);border-left:3px solid rgba(255,193,7,.7);border-radius:4px;font-size:13px;color:hsla(0,0%,100%,.9)}.chatbot-no-data-message{text-align:center;color:hsla(0,0%,100%,.7);font-style:italic;padding:10px;margin:10px 0}.chatbot-dictionary-empty{display:flex;align-items:center;justify-content:center;height:100%;color:hsla(0,0%,100%,.6);font-style:italic;text-align:center;padding:30px 20px}.chatbot-part-of-speech{font-style:italic;color:hsla(0,0%,100%,.7);font-size:13px;margin-bottom:5px}.chatbot-grading-ui{margin-top:15px;margin-bottom:20px;padding:10px;background-color:hsla(0,0%,100%,.05);border-radius:6px;border:1px solid hsla(0,0%,100%,.1);width:100%}.radio-group{margin:10px 0;grid-gap:10px;gap:10px}.radio-option{position:relative;width:40px}.radio-option input[type=radio]{cursor:pointer}.radio-option input[type=radio]:checked{border-color:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.radio-grade-2 input[type=radio]:checked{box-shadow:0 0 0 2px rgba(72,38,150,.3)}.difficulty-scale{margin-bottom:15px}.difficulty-labels{font-size:12px;color:hsla(0,0%,100%,.7)}.difficulty-easy,.difficulty-hard{font-weight:700}.known-checkbox{margin-top:15px;grid-gap:10px;gap:10px}.known-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.6);border-radius:3px;outline:none;cursor:pointer;background-color:hsla(0,0%,100%,.1);margin-top:3px}.known-checkbox input[type=checkbox]:checked{background-color:#3c7eb1;border-color:#fff;position:relative}.known-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.known-checkbox-label{font-weight:700;cursor:pointer}.known-checkbox-description{font-size:12px;margin-top:2px}.chatbot-debug-info{margin-top:10px;padding:8px;background-color:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;font-family:monospace;font-size:12px;color:hsla(0,0%,100%,.8);display:none}.chatbot-debug-info details{cursor:pointer}.chatbot-debug-info details summary{font-weight:700;margin-bottom:5px}.chatbot-debug-info pre{white-space:pre-wrap;overflow-x:auto;max-height:200px;margin:0;padding:5px;background-color:rgba(0,0,0,.2)}.chatbot-refresh-btn{background-color:#5f5f5f;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;margin-top:8px;transition:background-color .2s}.chatbot-refresh-btn:hover{background-color:#777}.chatbot-hanzi-details{margin-top:10px;padding:8px;background-color:hsla(0,0%,100%,.05);border-radius:4px;overflow:visible}.chatbot-hanzi-char{font-size:20px;font-weight:700;margin-right:10px}.chatbot-dictionary-subtitle{font-size:16px;margin-top:15px;margin-bottom:10px;color:hsla(0,0%,100%,.9);font-weight:700}.chatbot-dictionary-accordion-item{margin-bottom:8px;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;overflow:hidden}.chatbot-dictionary-accordion{padding:8px 12px;background-color:hsla(0,0%,100%,.1);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.chatbot-accordion-icon{font-size:12px;color:hsla(0,0%,100%,.8)}.chatbot-dictionary-accordion-content{padding:10px;background-color:hsla(0,0%,100%,.05);overflow:visible;max-height:none}.chatbot-definition-label{font-weight:700;margin-right:8px;min-width:80px;display:inline-block;color:hsla(0,0%,100%,.8)}.chatbot-definition-item{margin-bottom:6px;line-height:1.4}.chatbot-dictionary-buttons{margin-top:12px;margin-bottom:12px;display:flex;justify-content:center}.chatbot-delete-button,.chatbot-save-button{padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;border:none;transition:background-color .2s,transform .1s}.chatbot-save-button{background-color:#3c7eb1;color:#fff}.chatbot-save-button:hover{background-color:#4a8bc0;transform:translateY(-1px)}.chatbot-delete-button{background-color:#a03c3c;color:#fff}.chatbot-delete-button:hover{background-color:#b14a4a;transform:translateY(-1px)}.chatbot-dictionary-grading{margin-top:10px;padding:10px;background-color:hsla(0,0%,100%,.05);border-radius:4px}.chatbot-grade-slider{margin-bottom:10px}.chatbot-grade-labels{margin-bottom:5px;font-size:12px;color:hsla(0,0%,100%,.7)}.chatbot-grade-labels,.chatbot-grade-options{display:flex;justify-content:space-between}.chatbot-grade-option{position:relative;display:flex;flex-direction:column;align-items:center}.chatbot-known-checkbox{display:flex;align-items:center;margin-top:10px;grid-gap:8px;gap:8px}.chatbot-known-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.6);border-radius:3px;outline:none;cursor:pointer;background-color:hsla(0,0%,100%,.1);transition:all .2s ease}.chatbot-known-checkbox input[type=checkbox]:checked{background-color:#3c7eb1;border-color:#fff;position:relative}.chatbot-known-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.chatbot-known-checkbox input[type=checkbox]:hover{border-color:#fff;background-color:hsla(0,0%,100%,.2)}.chatbot-known-checkbox label{font-size:14px;color:hsla(0,0%,100%,.9);cursor:pointer}.chatbot-dictionary-header{margin-bottom:15px;display:flex;align-items:baseline}.chatbot-dictionary-word{font-size:24px;margin:0 10px 0 0}.chatbot-dictionary-reading{font-size:16px;color:hsla(0,0%,100%,.8);font-style:italic}.chatbot-dictionary-definitions{margin-bottom:15px}.chatbot-dictionary-loading{display:flex;justify-content:center;align-items:center;height:100px;color:hsla(0,0%,100%,.7)}.chatbot-dictionary-error{color:#ff6b6b;padding:15px;border:1px solid hsla(0,100%,71%,.3);border-radius:4px;margin-top:10px}.chatbot-accordion-closed{display:none}.chatbot-accordion-open{display:block}.chatbot-grading{margin-top:15px;padding:0;border-radius:5px}.chatbot-grading-title{font-size:15px;margin-bottom:5px;color:hsla(0,0%,100%,.9)}.difficulty-scale{display:flex;flex-direction:column;margin-bottom:10px}.difficulty-labels{display:flex;justify-content:space-between;margin-bottom:5px}.difficulty-hard{text-align:left}.difficulty-easy,.difficulty-hard{color:hsla(0,0%,100%,.8);font-size:12px}.difficulty-easy{text-align:right}.radio-group{justify-content:space-between;width:100%}.radio-group,.radio-option{display:flex;align-items:center}.radio-option{flex-direction:column;margin:0 5px;cursor:pointer}.radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.6);border-radius:50%;outline:none;margin:0}.radio-option span{font-size:12px;margin-top:2px;color:#fff}.radio-grade-1 input[type=radio]{background-color:#642696}.radio-grade-1 input[type=radio]:checked{border-color:#642696;box-shadow:0 0 0 2px rgba(100,38,150,.3)}.radio-grade-2 input[type=radio]{background-color:#482696}.radio-grade-2 input[type=radio]:checked{border-color:#482696;box-shadow:0 0 0 2px rgba(9,31,146,.3)}.radio-grade-3 input[type=radio]{background-color:#1f31ab}.radio-grade-3 input[type=radio]:checked{border-color:#1f31ab;box-shadow:0 0 0 2px rgba(31,49,171,.3)}.radio-grade-4 input[type=radio]{background-color:#2b54d9}.radio-grade-4 input[type=radio]:checked{border-color:#2b54d9;box-shadow:0 0 0 2px rgba(43,84,217,.3)}.radio-grade-5 input[type=radio]{background-color:#5078fa}.radio-grade-5 input[type=radio]:checked{border-color:#5078fa;box-shadow:0 0 0 2px rgba(80,120,250,.3)}.radio-grade-1.selected span{color:#642696;font-weight:700}.radio-grade-2.selected span{color:#482696;font-weight:700}.radio-grade-3.selected span{color:#1f31ab;font-weight:700}.radio-grade-4.selected span{color:#2b54d9;font-weight:700}.radio-grade-5.selected span{color:#5078fa;font-weight:700}.known-checkbox{display:flex;align-items:flex-start;margin-top:10px}.known-checkbox input{margin-right:10px;margin-top:3px}.known-checkbox-info{display:flex;flex-direction:column}.known-checkbox-label{font-size:14px;color:hsla(0,0%,100%,.9)}.known-checkbox-description{font-size:11px;color:hsla(0,0%,100%,.7);margin-top:3px}.chat-mode .radio-group{flex-direction:column;align-items:flex-start}.chat-mode .radio-option{flex-direction:row;margin-bottom:5px}.chat-mode .radio-option span{margin-top:0;margin-left:5px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Nunito",sans-serif;background-color:#f0f8ff;color:#333}a{text-decoration:none;color:inherit}.welcome-container{min-height:100vh;background:linear-gradient(135deg,#b3e6ff,#6cf);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.welcome-content{max-width:800px;margin-bottom:3rem;color:#fff}.welcome-content h1{font-size:3rem;margin-bottom:1rem}.welcome-content p{font-size:1.2rem;line-height:1.5;margin-bottom:2rem}.primary-button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;font-family:"Nunito",sans-serif;border-radius:20px;border:3px solid #ffb347;background-color:#ffb347;color:#fff;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.primary-button:hover{background-color:#ffa533;border-color:#ffa533}.welcome-features{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:2rem;gap:2rem;max-width:1200px}.feature{background-color:hsla(0,0%,100%,.9);padding:2rem;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);flex:1 1;min-width:300px;max-width:350px}.feature h2{font-size:1.75rem;margin-bottom:1rem;color:#333}.feature p{color:#555;line-height:1.6}@media (max-width:768px){.welcome-content h1{font-size:2.5rem}.welcome-features{flex-direction:column;align-items:center}.feature{width:100%}}.hero{min-height:100vh;background:linear-gradient(135deg,#b3e6ff,#6cf);display:flex;align-items:center;justify-content:center;padding:2rem}.hero-content{display:flex;flex-wrap:wrap;width:90%;max-width:1200px;padding:3rem}.hero-left{width:65%;display:flex;justify-content:center;align-items:center}.hero-left img{max-width:100%;height:auto;border-radius:10px}.hero-right{width:35%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-left:2rem}.hero-text{text-align:center;color:#fff;margin-bottom:1.5rem}.hero-text h1{font-size:3rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.langjee-brand{font-size:4rem;font-weight:700;line-height:1.2;display:block;margin-bottom:.5rem}.langjee-tagline{font-size:2.2rem;font-weight:600;line-height:1.3;display:block}.hero-text p{font-size:1.2rem;line-height:1.5}.hero-buttons-container{width:35%;display:none}@media (min-width:769px){.hero-buttons-container{display:none}.hero-right .hero-buttons{display:flex}}.hero-buttons{display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;width:100%}.hero-buttons button{width:280px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;font-family:"Nunito",sans-serif;border-radius:20px;border:3px solid transparent;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.btn-primary{background-color:#ffb347;color:#fff;border-color:#ffb347}.btn-primary:hover{background-color:#ffa533;border-color:#ffa533}.btn-secondary{background-color:#f0f8ff;color:#333;border-color:#333}.btn-secondary:hover{background-color:#e0f0ff;border-color:#333}.section{display:flex;align-items:center;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto 3rem}.section:nth-child(2n){flex-direction:row-reverse}.section:last-child{margin-bottom:0}.section-content{flex:1 1;margin:1rem;max-width:550px}.section-content h2{font-size:2rem;margin-bottom:1rem}.section-content h3{font-size:1.5rem;margin:1rem 0 .5rem}.section-content p{margin-bottom:1rem;line-height:1.6;font-weight:400!important}.section-content ul{list-style:none;padding:0;margin:1rem 0}.section-content ul li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.section-content ul li:before{content:"✔";color:#007bff;position:absolute;left:0}.section-img{flex:1 1;text-align:center}.section-img img{max-width:400px;width:auto;height:auto;border-radius:10px}.footer-cta{text-align:center;padding:3rem 1rem;background-color:#eaf6ff}.footer-cta h2{font-size:2rem;margin-bottom:1rem}.footer-cta p{max-width:700px;margin:.5rem auto 2rem;line-height:1.6}.footer-cta button{width:280px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;font-family:"Nunito",sans-serif;border-radius:20px;border:3px solid #ffb347;cursor:pointer;background-color:#ffb347;color:#fff;transition:background-color .3s ease,border-color .3s ease}.footer-cta button:hover{background-color:#ffa533;border-color:#ffa533}@media (max-width:768px){.hero-content{flex-direction:column;padding:1rem .5rem}.hero-left,.hero-right{width:100%}.hero-right{order:1;align-items:center;padding-left:0;margin-bottom:1.5rem}.hero-left{order:2;margin-bottom:2rem;width:100%;padding:0}.hero-left img{max-width:100%;width:100%;margin:0 auto;height:auto;object-fit:contain;border-radius:0}.hero{padding:1rem 0}.hero-buttons-container{display:flex;justify-content:center;width:100%;order:3;padding:0 1rem}.hero-right .hero-buttons{display:none}.hero-text{text-align:center}.hero-text h1{margin-bottom:1rem}.langjee-brand{font-size:3.2rem;margin-bottom:.3rem}.langjee-tagline{font-size:1.8rem;line-height:1.3}.hero-text p{font-size:1.2rem;line-height:1.6}.hero-buttons button{width:100%;max-width:300px;padding:1.2rem 2rem;font-size:1.3rem}.section{flex-direction:column!important;padding:1rem;text-align:center}.section-content{order:1;margin:0 0 1.5rem}.section-img{order:2;margin:0}.section-img img{max-width:100%}.sections-container section:nth-child(2n){flex-direction:column!important}.section-content h2{font-size:1.7rem;margin-bottom:.75rem}.section-content p{font-size:1rem;line-height:1.5}.sections-container{padding:1.5rem 0}.footer-cta h2{font-size:1.7rem}.footer-cta p{font-size:1rem}.footer-cta button{width:90%;max-width:280px}}.auth-modal-overlay{background-color:rgba(0,0,0,.7)}.auth-modal-content{max-width:500px;padding:2rem;overflow:auto;max-height:90vh}.signup-modal-content{max-width:600px}.auth-modal-header{margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.auth-modal-header h2{font-size:1.8rem}.auth-modal-close{font-size:1.5rem;color:#888}.auth-modal-close:hover{color:#333}.signup-step{display:flex;flex-direction:column;align-items:center;text-align:center}.signup-step h2{margin-bottom:1.5rem;font-size:1.5rem;color:#333}.signup-step h3{margin:1.5rem 0 .5rem;font-size:1.3rem;color:#333}.signup-note{margin:.5rem 0 1.5rem;font-size:.9rem;color:#666;max-width:90%}.signup-settings-select{width:100%;max-width:300px;padding:.8rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:1rem;margin-bottom:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.signup-settings-select:focus{outline:none;border-color:#6cf;box-shadow:0 0 0 2px rgba(102,204,255,.2)}.username-input-container{position:relative;display:flex;align-items:center;width:100%;margin-bottom:4px}.username-input{width:100%;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;transition:all .3s ease}.username-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.username-input.input-error{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.25)}.username-input.input-success{border-color:#28a745;box-shadow:0 0 0 2px rgba(40,167,69,.25)}.username-status-indicator{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;display:none}.spinner{width:20px;height:20px;border:2px solid rgba(0,123,255,.25);border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-icon.success{color:#28a745;font-size:20px}.username-error-message{color:#dc3545;font-size:14px;margin-top:4px;margin-bottom:16px}.button-group{margin-top:1rem}.button-group,.continue-button{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem}.continue-button{background-color:#007bff;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:0 999px 999px 0!important;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.continue-button:disabled{background-color:#b3d7ff;border-radius:0 999px 999px 0!important;cursor:not-allowed}.continue-button.full-rounded,.continue-button.full-rounded:disabled{border-radius:999px!important}.back-button{display:flex;align-items:center;justify-content:center;background-color:#888;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:999px 0 0 999px;font-size:1rem;cursor:pointer;transition:background-color .3s}.back-button:hover{background-color:#666}@media (max-width:768px){.auth-modal-content{width:95%;padding:1.5rem}.signup-step h2{font-size:1.3rem}.signup-step h3{font-size:1.1rem}.signup-settings-select,.username-input{max-width:100%}}.fullscreen-overlay,.fullscreen-overlay-setup{position:fixed;top:0;left:0;background-color:#132431;z-index:1000}.fullscreen-content,.fullscreen-overlay,.fullscreen-overlay-setup{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fullscreen-content{flex-direction:column;padding:2rem;position:relative}.close-fullscreen-button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:1010}.close-fullscreen-button:hover{color:#6cf}.fullscreen-overlay .signup-step{max-width:600px}.fullscreen-overlay .signup-step h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.fullscreen-overlay .signup-step h3{color:#fff;font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.fullscreen-overlay .signup-note{color:#ccc;max-width:600px;text-align:center;margin-bottom:2rem}.fullscreen-overlay .signup-settings-select{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:#fff;margin-bottom:2rem;width:300px;padding:12px;font-size:1.1rem}.fullscreen-overlay .signup-settings-select option{background-color:#333;color:#fff}.fullscreen-overlay .username-input{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:#fff;margin-bottom:2rem;width:300px;padding:12px;font-size:1.1rem}.fullscreen-overlay .username-input::placeholder{color:hsla(0,0%,100%,.5)}.fullscreen-overlay .continue-button{background-color:#6cf;color:#333;padding:12px 24px;font-size:1.1rem;border-radius:30px;border:none}.fullscreen-overlay .continue-button:hover{background-color:#fff}.fullscreen-overlay .continue-button:disabled{background-color:#555;color:#888;cursor:not-allowed}@media (max-width:768px){.fullscreen-overlay .signup-step h2{font-size:1.5rem}.fullscreen-overlay .signup-step h3{font-size:1.2rem}.fullscreen-overlay .signup-settings-select,.fullscreen-overlay .username-input{width:100%}.fullscreen-overlay .signup-note{font-size:.8rem}}.fullscreen-auth-overlay{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:1000}.fullscreen-auth-content,.fullscreen-auth-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fullscreen-auth-content{flex-direction:column;padding:2rem;position:relative;color:#fff}.fullscreen-auth-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:1010}.fullscreen-auth-close:hover{color:#6cf}.fullscreen-auth-form{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center}.fullscreen-auth-form h2{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-align:center}.fullscreen-auth-input{width:100%;padding:16px;margin-bottom:20px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;font-size:1rem}.fullscreen-auth-input::placeholder{color:hsla(0,0%,100%,.7)}.fullscreen-auth-button{width:100%;padding:16px;margin-top:10px;background-color:#6cf;color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;transform-origin:center}.fullscreen-auth-button:hover{background-color:#3bf;transform:scale(1.03)}.fullscreen-auth-button:disabled{background-color:rgba(102,204,255,.5);cursor:not-allowed}.fullscreen-auth-separator{width:100%;display:flex;align-items:center;margin:30px 0}.fullscreen-auth-separator:after,.fullscreen-auth-separator:before{content:"";flex:1 1;border-bottom:1px solid hsla(0,0%,100%,.3)}.fullscreen-auth-separator span{padding:0 15px;color:hsla(0,0%,100%,.7);font-size:1rem}.fullscreen-auth-google{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;transform-origin:center}.fullscreen-auth-google:hover{background-color:hsla(0,0%,100%,.2);transform:scale(1.03)}.fullscreen-auth-google:disabled{opacity:.7;cursor:not-allowed}.fullscreen-auth-google svg{margin-right:10px}.fullscreen-auth-toggle{margin-top:25px;text-align:center;font-size:1rem;color:hsla(0,0%,100%,.8)}.fullscreen-auth-toggle button{background:none;border:none;color:#6cf;font-size:1rem;cursor:pointer;text-decoration:underline;padding:0 5px}.fullscreen-auth-toggle button:hover{color:#3bf}.fullscreen-auth-error{width:100%;padding:15px;margin-bottom:20px;background-color:rgba(255,59,48,.2);border:1px solid rgba(255,59,48,.5);border-radius:8px;color:#fff;font-size:.9rem;text-align:center}.footer{width:100%;background-color:#f0f8ff;padding:1.5rem 0;border-top:1px solid #e0e0e0;margin-top:0}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem}.footer-copyright{margin-bottom:1rem;color:#555;font-size:.9rem}.footer-links{grid-gap:1rem;gap:1rem}.footer-links a{color:#555!important}.footer-links a:hover{color:#333}.footer-divider{color:#ccc}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}.footer-copyright{margin-bottom:0}}.sections-container{background-color:#f0f8ff;padding:3rem 0;width:100%}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:400px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auth-modal-header h2{margin:0;font-weight:500;color:#333}.auth-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.auth-error-message{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px}.auth-input-group{margin-bottom:15px}.auth-input-group label{display:block;margin-bottom:5px;font-size:14px;color:#555}.auth-input-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.auth-submit-button{width:100%;background-color:#4285f4;color:#fff;border:none;padding:10px 0;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.auth-submit-button:hover{background-color:#3367d6}.auth-submit-button:disabled{background-color:#a5c7ff;cursor:not-allowed}.auth-separator{display:flex;align-items:center;text-align:center;margin:20px 0}.auth-separator:after,.auth-separator:before{content:"";flex:1 1;border-bottom:1px solid #ddd}.auth-separator span{padding:0 10px;color:#777;font-size:12px}.google-signin-button{width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;padding:10px 0;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.google-signin-button:hover{background-color:#f8f8f8}.google-signin-button:disabled{opacity:.7;cursor:not-allowed}.google-signin-button svg{margin-right:10px}.auth-toggle{margin-top:15px;text-align:center;font-size:14px;color:#555}.auth-toggle button{background:none;border:none;color:#4285f4;cursor:pointer;text-decoration:underline;padding:0;font-size:14px}.auth-toggle button:hover{color:#3367d6}.fullscreen-auth-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:1000;overflow-y:auto}.fullscreen-auth-helper-text{text-align:center;color:hsla(0,0%,100%,.8);font-size:12px;margin-top:8px;margin-bottom:15px;font-style:italic;max-width:280px;line-height:1.4;display:none}.fullscreen-auth-forgot-password{text-align:right;margin:-10px 0 15px}.fullscreen-auth-link{background:none;border:none;color:#6cf;cursor:pointer;font-size:14px;text-decoration:underline;padding:0;transition:color .2s}.fullscreen-auth-link:hover{color:#fff}.fullscreen-auth-link:disabled{color:#555;cursor:not-allowed}.feature-requests-container{display:flex;flex-direction:column;min-height:100vh;padding:0!important;margin:0!important;position:relative;overflow-x:hidden;width:100vw!important;max-width:100vw!important;font-family:"Nunito",sans-serif}.feature-requests-content{max-width:1200px;width:100%;margin:0 auto;padding:20px}.feature-requests-error{background-color:rgba(255,0,0,.1);color:red;padding:10px 15px;border-radius:5px;margin-bottom:20px;text-align:center}.feature-requests-not-authenticated{background-color:hsla(0,0%,100%,.9);padding:30px;border-radius:8px;text-align:center;margin-top:40px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.feature-requests-controls{display:flex;justify-content:center;margin-bottom:30px}.feature-requests-new-button{padding:12px 24px;background-color:#4f89a9;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.feature-requests-new-button:hover{background-color:#3a80d2}.feature-requests-loading{text-align:center;padding:40px;font-size:18px;color:#fff}.feature-requests-empty{text-align:center;padding:40px;font-size:16px;color:#fff;background-color:rgba(0,0,0,.1);border-radius:8px}.feature-requests-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.feature-requests-item{display:flex;background-color:hsla(0,0%,100%,.9);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.feature-requests-item.pinned{background-color:rgba(255,252,227,.95);border-left:5px solid #fc0}.feature-requests-pinned-badge{position:absolute;top:10px;right:10px;background-color:#fc0;color:#333;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:700}.feature-requests-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background-color:rgba(0,0,0,.03);min-width:60px}.feature-requests-upvote-button{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:5px;transition:color .2s}.feature-requests-upvote-button.active,.feature-requests-upvote-button:hover{color:#4a90e2}.feature-requests-vote-count{font-size:14px;font-weight:700;margin-top:5px}.feature-requests-title{font-size:18px;margin:0 0 10px;color:#333}.feature-requests-description{font-size:14px;color:#555;margin-bottom:10px;position:relative;white-space:pre-line}.feature-requests-description.truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em;padding-right:80px;position:relative}.feature-requests-description.expanded{display:block;overflow:visible;max-height:none}.feature-requests-read-more{background:none;border:none;color:#4a6ee0;padding:0;font-size:13px;cursor:pointer;text-decoration:underline;display:none;position:absolute;right:0;bottom:0;margin:0}.feature-requests-read-more:hover{color:#2c4bbd}.feature-requests-meta{display:flex;justify-content:space-between;font-size:12px}.feature-requests-meta .hidden{display:none}.feature-requests-actions{display:flex;flex-direction:column;justify-content:center;grid-gap:8px;gap:8px;padding:15px;background-color:rgba(0,0,0,.03)}.feature-requests-delete-button,.feature-requests-edit-button,.feature-requests-pin-button{background:none;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .2s}.feature-requests-edit-button{color:#4a90e2}.feature-requests-edit-button:hover{background-color:rgba(74,144,226,.1)}.feature-requests-delete-button{color:#e25c5c}.feature-requests-delete-button:hover{background-color:rgba(226,92,92,.1)}.feature-requests-pin-button{color:#f0b400}.feature-requests-pin-button:hover{background-color:rgba(240,180,0,.1)}.feature-requests-form-container{width:100%;max-width:800px;margin:0 auto}.feature-requests-form{background-color:hsla(0,0%,100%,.9);padding:25px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.feature-requests-form-title{text-align:center;margin-top:0;margin-bottom:20px;color:#333}.feature-requests-form-group{margin-bottom:20px}.feature-requests-form-group label{display:block;margin-bottom:8px;font-weight:700;color:#444}.feature-requests-input,.feature-requests-textarea{width:100%;padding:10px;font-family:"Nunito",sans-serif;border:1px solid #ddd;border-radius:4px;font-size:14px}.feature-requests-input.input-error,.feature-requests-textarea.input-error{border-color:#e74c3c}.feature-requests-field-info{display:flex;justify-content:space-between;margin-top:5px;font-size:12px}.feature-requests-error-text{color:#e74c3c}.feature-requests-char-count{color:#777;text-align:right}.feature-requests-textarea{resize:vertical;min-height:100px}.feature-requests-form-buttons{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;margin-top:20px}.feature-requests-cancel-button,.feature-requests-submit-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.feature-requests-cancel-button{background-color:#f2f2f2;color:#666}.feature-requests-cancel-button:hover{background-color:#e6e6e6}.feature-requests-submit-button{background-color:#4a90e2;color:#fff}.feature-requests-submit-button:hover{background-color:#3a80d2}@media (max-width:768px){.feature-requests-item{flex-direction:column}.feature-requests-vote{flex-direction:row;padding:10px;min-width:auto;justify-content:flex-start;align-items:center;width:100%}.feature-requests-vote-count{margin-top:0;margin-left:10px}.feature-requests-actions{flex-direction:row;justify-content:flex-end}}.feature-requests-replies-toggle{display:flex;align-items:center;background:none;border:none;color:#666;padding:4px 8px;font-size:14px;cursor:pointer;margin-left:10px;transition:color .2s}.feature-requests-replies-toggle:hover{color:#4a90e2}.reply-icon{width:18px;height:18px;margin-right:4px}.reply-icon path{stroke:#666;transition:stroke .2s}.feature-requests-replies-toggle:hover .reply-icon path{stroke:#4a90e2}.feature-requests-reply-count{margin-left:4px}.admin-badge{color:#b1b1b1;font-weight:700}.feature-requests-replies-container{background-color:#f8f9fa;border-top:1px solid #e1e4e8;border-radius:0 0 8px 8px;padding:15px;margin-top:10px}.feature-requests-replies-title{font-size:16px;margin-bottom:12px;color:#333}.feature-requests-replies-list{margin-bottom:15px}.feature-requests-no-replies{color:#666;font-style:italic;margin:10px 0}.feature-requests-reply{background-color:#fff;border:1px solid #e1e4e8;border-radius:5px;padding:12px;margin-bottom:10px}.feature-requests-reply-header{display:flex;justify-content:space-between;margin-bottom:8px}.feature-requests-reply-author{font-weight:700;color:#333}.feature-requests-reply-date{color:#666;font-size:12px}.feature-requests-reply-content{margin:0 0 10px;line-height:1.4}.feature-requests-reply-actions{display:flex;align-items:center;grid-gap:10px;gap:10px}.feature-requests-reply-like-button{display:flex;align-items:center;background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:0}.like-icon{width:16px;height:16px;margin-right:4px}.like-icon path{fill:transparent;stroke:#666;transition:fill .2s,stroke .2s}.feature-requests-reply-like-button:hover .like-icon path{stroke:#e25555}.feature-requests-reply-like-button.active .like-icon path{fill:#e25555;stroke:#e25555}.feature-requests-reply-like-button.active,.feature-requests-reply-like-button:hover{color:#e25555}.feature-requests-reply-likes-count{margin-left:4px;font-size:12px}.feature-requests-reply-delete-button,.feature-requests-reply-edit-button{background:none;border:none;font-size:12px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px}.feature-requests-reply-edit-button:hover{color:#4a90e2}.feature-requests-reply-delete-button:hover{color:#e25555}.feature-requests-reply-form{margin-top:15px}.feature-requests-reply-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;resize:vertical;min-height:80px;margin-bottom:5px}.feature-requests-reply-textarea.input-error{border-color:#e25555}.feature-requests-reply-field-info{display:flex;justify-content:space-between;margin-bottom:8px}.feature-requests-reply-submit-button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:700;float:right}.feature-requests-reply-submit-button:hover{background-color:#3a80d2}.feature-requests-reply-edit{margin-bottom:10px}.feature-requests-reply-buttons{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;margin-top:8px}.feature-requests-reply-cancel-button{background-color:#e1e4e8;color:#333;border:none;border-radius:4px;padding:6px 12px;cursor:pointer}.feature-requests-reply-update-button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer}.feature-requests-reply-cancel-button:hover{background-color:#d1d5da}.feature-requests-reply-update-button:hover{background-color:#3a80d2}@media (max-width:768px){.feature-requests-replies-container{padding:10px}.feature-requests-reply{padding:8px}.feature-requests-reply-actions{flex-wrap:wrap}}.feature-requests-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.feature-requests-modal-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;width:300px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#333}.feature-requests-modal-buttons{margin-top:20px;display:flex;justify-content:space-around}.feature-requests-cancel-modal-button,.feature-requests-confirm-modal-button{padding:8px 16px;border-radius:4px;border:none;font-family:"Nunito",sans-serif;cursor:pointer;font-size:.9rem}.feature-requests-cancel-modal-button{background-color:#ccc;color:#333}.feature-requests-confirm-modal-button{background-color:#d9534f;color:#fff}.feature-requests-confirm-modal-button:hover{background-color:#c9302c}.feature-requests-cancel-modal-button:hover{background-color:#bbb}body,html{margin:0!important;padding:0!important;width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}*,:after,:before{box-sizing:inherit}.content-wrapper,.main-content,.main-content.sidebar-closed,.main-content.sidebar-open{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;left:0!important;right:0!important;overflow-x:hidden!important}.contact-container{display:flex;flex-direction:column;min-height:100vh;padding:0!important;margin:0!important;position:relative;overflow-x:hidden;width:100vw!important;max-width:100vw!important;font-family:"Nunito",sans-serif}.contact-content{max-width:800px;width:100%;margin:0 auto;padding:20px}.page-title{color:#fff;margin:0!important;padding:25px 0;text-align:center;font-size:18px;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;width:100vw!important;max-width:100vw!important;z-index:10;font-family:"Nunito",sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.1)}.contact-form-container,.page-title{background:linear-gradient(135deg,#1f394d,#315c7d)}.contact-form-container{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:30px;margin-top:20px}.contact-form{display:flex;flex-direction:column}.contact-intro{color:#3d3d3d;text-align:center;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.contact-form-group{margin-bottom:20px}.contact-form-group label{display:block;margin-bottom:8px;font-weight:700;color:#fff}.contact-input,.contact-textarea{width:100%;padding:12px;font-family:"Nunito",sans-serif;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#f9f9f9;transition:border-color .3s,box-shadow .3s}.contact-input:focus,.contact-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2);outline:none}.contact-textarea{min-height:150px;resize:vertical}.contact-input.input-error,.contact-textarea.input-error{border-color:#e25555}.contact-field-info{display:flex;justify-content:space-between;margin-top:5px;font-size:.85rem}.contact-error-text{color:#e25555}.contact-char-count{color:#b1b1b1}.contact-user-info{background-color:#f5f7fa;border-radius:6px;padding:15px;margin-bottom:20px;border-left:4px solid #4a90e2;display:none}.contact-user-info p{margin:5px 0;color:#444}.contact-user-info strong{font-weight:700;color:#333}.contact-submit-button{background-color:#4f89a9;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;align-self:center;transition:background-color .3s;margin-top:10px}.contact-submit-button:hover{background-color:#4088af}.contact-submit-button:disabled{background-color:#9fc1e9;cursor:not-allowed}.contact-success-message{background-color:#dff0d8;color:#3c763d}.contact-error-message,.contact-success-message{padding:15px;border-radius:4px;margin-top:20px;text-align:center;animation:fadeIn .3s ease-in-out}.contact-error-message{background-color:#f2dede;color:#a94442}@media (max-width:768px){.contact-form-container{padding:20px}.contact-submit-button{width:100%}}.policy-page-container{max-width:1000px;margin:0 auto;padding:2rem;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);border-radius:8px;font-family:"Nunito",sans-serif}.policy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.policy-header h1{font-size:2rem;color:#333;margin:0}.back-to-home{padding:.5rem 1rem;background:#f0f8ff;color:#06c;text-decoration:none;border-radius:4px;font-size:.9rem;transition:background-color .3s ease}.back-to-home:hover{background:#d4e8ff;text-decoration:none}.policy-content{margin-bottom:2rem;line-height:1.6;color:#444}.privacy-policy{max-width:800px;margin:0 auto;font-family:Arial,sans-serif;line-height:1.6;color:#333}.privacy-policy h2{color:#222;margin-top:1.5em;font-size:1.8rem;font-weight:700}.privacy-policy h3{color:#222;margin-top:1.5em;font-size:1.4rem;font-weight:600}.privacy-policy p{margin:1rem 0}.privacy-policy ul{margin-left:20px;padding-left:20px;margin-bottom:1rem}.privacy-policy ul ul{margin-left:20px;margin-top:.5rem}.privacy-policy hr{margin:20px 0;border:none;border-top:1px solid #ccc}.privacy-policy a{color:#06c;text-decoration:none}.privacy-policy a:hover{text-decoration:underline}.privacy-policy strong{font-weight:600}.policy-footer{justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.footer-links,.policy-footer{display:flex;align-items:center}.footer-links a{color:#06c;text-decoration:none;margin-left:1rem;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#004d99;text-decoration:underline}@media (max-width:768px){.policy-header{flex-direction:column;align-items:flex-start}.policy-header h1{margin-bottom:1rem}.policy-footer{flex-direction:column;align-items:flex-start}.footer-links{margin-top:1rem}.footer-links a{margin-left:0;margin-right:1rem}}
/*# sourceMappingURL=main.7f5dcdf0.chunk.css.map */