:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--accent-color:#3b82f6;--border-color:#e2e8f0;--card-bg:#fff;--shadow-color:#0000001a;--input-bg:#fff}html{font-size:13px}@media (min-width:375px){html{font-size:14px}}@media (min-width:425px){html{font-size:15px}}@media (min-width:768px){html{font-size:16px}}@media (min-width:1440px){html{font-size:17px}}@media (min-width:1920px){html{font-size:18px}}@media (min-width:2560px){html{font-size:22px}}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}*{box-sizing:border-box}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#60a5fa;--border-color:#334155;--card-bg:#1e293b;--shadow-color:#0000004d;--input-bg:#1e293b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lang-switcher{justify-content:flex-end;padding:8px 16px;position:relative}.lang-select.searchable-select-wrapper{flex:1 1;max-width:180px;min-width:120px}.lang-select .dropdown-label{display:none}.lang-select .styled-input{background:var(--input-bg);border:2px solid var(--border-color);border-radius:4px;box-shadow:none;font-size:14px;padding:4px 24px 4px 8px}.lang-select .styled-input:focus{border-color:var(--accent-color)}.lang-select .dropdown-arrow{color:var(--text-primary);font-size:.7rem;right:8px}.lang-select .options-list{border-color:var(--border-color);margin-top:4px;min-width:120px;width:100%}.lang-select .option-item{font-size:14px;padding:6px 12px}.donation-toast{align-items:center;animation:toast-in .3s ease;background:var(--accent-color);border-radius:10px;box-shadow:0 4px 20px #00000040;color:#fff;display:flex;font-size:.88rem;font-weight:600;gap:10px;left:50%;max-width:calc(100vw - 32px);padding:11px 16px 11px 14px;position:fixed;top:60px;transform:translateX(-50%);z-index:2000}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.donation-toast-icon{flex-shrink:0;font-size:1.2rem}.donation-toast-close{background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;margin-left:4px;opacity:.8;padding:0 2px;transition:opacity .15s}.donation-toast-close:hover{opacity:1}@media (min-width:768px){.donation-toast{font-size:.92rem;padding:13px 18px;top:68px}}@media (min-width:1920px){.donation-toast{top:76px}}.theme-toggle{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;box-shadow:0 3px 0 var(--border-color),0 4px 6px var(--shadow-color);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;margin-right:4px;padding:4px 0;position:relative;top:0;transition:all .1s ease;width:36px}.theme-toggle:hover{background:var(--card-bg);border-color:var(--accent-color);box-shadow:0 4px 0 var(--accent-color),0 6px 10px var(--shadow-color);color:var(--accent-color);transform:translateY(-1px)}.theme-toggle:active{box-shadow:0 0 0 var(--border-color),0 1px 2px var(--shadow-color);transform:translateY(3px)}@media (min-width:425px){.theme-toggle{margin-right:6px;width:40px}}@media (min-width:768px){.theme-toggle{border-radius:8px;font-size:inherit;margin-right:10px;padding:6px 0;width:48px}}@media (min-width:1920px){.theme-toggle{font-size:1.3rem;width:56px}}@media (min-width:2560px){.theme-toggle{font-size:1.5rem;width:64px}}.donate-coffee-btn{justify-content:flex-start;overflow:hidden;padding-left:10px;transition:width .4s cubic-bezier(.4,0,.2,1),border-color .1s ease,box-shadow .1s ease,transform .1s ease,background .1s ease,color .1s ease;width:36px}.donate-coffee-btn:hover{width:152px}.donate-coffee-btn .coffee-text{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.01em;margin-left:5px;opacity:0;pointer-events:none;transform:translateX(30px);transition:transform .35s cubic-bezier(.4,0,.2,1) .08s,opacity .25s ease .1s;vertical-align:middle;white-space:nowrap}.donate-coffee-btn:hover .coffee-text{opacity:1;transform:translateX(0)}@media (min-width:425px){.donate-coffee-btn{width:40px}.donate-coffee-btn:hover{width:158px}}@media (min-width:768px){.donate-coffee-btn{width:48px}.donate-coffee-btn:hover{width:170px}.donate-coffee-btn .coffee-text{font-size:.82rem}}@media (min-width:1920px){.donate-coffee-btn{width:56px}.donate-coffee-btn:hover{width:190px}.donate-coffee-btn .coffee-text{font-size:.9rem}}@media (min-width:2560px){.donate-coffee-btn{width:64px}.donate-coffee-btn:hover{width:212px}.donate-coffee-btn .coffee-text{font-size:1rem}}.adsense-container{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;margin:20px 0;padding:16px;text-align:center;transition:border-color .3s,background-color .3s}.App{height:100%;text-align:center;width:100%}.mui-nav{gap:16px;margin:32px 0}.mui-content{min-height:400px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header,.audio-menu{display:flex;flex-direction:column}.audio-menu{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);gap:4px;min-width:160px;padding:8px;position:absolute;right:16px;top:45px;z-index:100}.audio-menu-item{align-items:center;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px;text-align:left}.audio-menu-item:hover{background:var(--bg-primary)}.audio-menu-item.selected{background:var(--bg-secondary);border:2px solid var(--accent-color);color:var(--accent-color);font-weight:700}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-btn-selected{border-width:2px!important;border:2px solid var(--accent-color)!important}.main-layout{background-color:var(--bg-primary);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;left:0;overflow-y:scroll;position:fixed;top:80px;transition:top .3s ease;width:100%}.main-layout.header-hidden{top:0}.columns-row{display:block;width:100%}.left-column{background-color:rgba(var(--bg-secondary-rgb),var(--inactive-opacity));box-sizing:border-box;display:none;height:auto;overflow-x:hidden;overflow-y:visible;padding:12px;transition:background-color .3s ease,border-color .3s ease;width:100%}.columns-row.htu-open .left-column{display:block}.center-column{box-sizing:border-box;display:block;height:auto;overflow-y:visible;padding:12px;width:100%}.center-column,.right-column{background-color:rgba(var(--bg-secondary-rgb),var(--inactive-opacity));transition:background-color .3s ease,border-color .3s ease}.right-column{flex:0 0 25%;height:100%;max-height:100%;overflow-y:scroll;padding:20px}.center-column:hover,.left-column:hover{background-color:rgba(var(--bg-secondary-rgb),var(--active-opacity))}.column-content{display:flex;flex-direction:column;gap:16px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--text-secondary);border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.center-content-wrapper{align-items:center}.center-column,.left-column{border:1px solid var(--border-color);outline:none;transition:border-color .3s ease}.center-column:focus,.center-column:hover,.left-column:focus,.left-column:hover{border-color:var(--accent-color)}.lang-switcher{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px;width:100%}.lang-switcher .font-size-control,.lang-switcher .theme-toggle{margin-right:0}.mui-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.mui-content{min-height:300px;width:100%}@media (min-width:375px){.center-column,.left-column{padding:14px}}@media (min-width:425px){.center-column,.left-column{padding:16px}.column-content{gap:18px}}@media (min-width:768px){.main-layout{display:flex;flex-direction:column;top:52px}.columns-row{display:flex;flex-basis:calc(100vh - 52px);flex-direction:row;flex-grow:0;flex-shrink:0;height:calc(100vh - 52px);transition:height .3s ease,flex-basis .3s ease}.main-layout.header-hidden .columns-row{flex-basis:100vh;height:100vh}.left-column{flex:0 0 50%;max-width:50%;order:0;transition:flex-basis .35s ease,max-width .35s ease,opacity .3s ease,padding .3s ease,background-color .3s ease,border-color .3s ease}.center-column,.left-column{box-sizing:border-box;display:block;height:100%;overflow-y:scroll;padding:20px;width:auto}.center-column{flex:0 0 100%;order:1;transition:flex-basis .35s ease}.columns-row.htu-open .center-column{flex:0 0 50%}.columns-row:not(.htu-open) .left-column{border:none!important;flex:0 0!important;max-width:0!important;opacity:0;overflow:hidden;padding:0!important;pointer-events:none}.center-column,.left-column{border:2px solid var(--border-color)}.column-content{gap:20px}::-webkit-scrollbar{height:10px;width:10px}.lang-switcher{gap:10px;margin-bottom:20px}.mui-nav{gap:16px;margin:32px 0}.mui-content{min-height:400px}}@media (min-width:850px){.center-column,.left-column{padding:20px}}@media (min-width:1024px){.left-column{flex:0 0 42%;max-width:42%}.columns-row.htu-open .center-column{flex:0 0 58%}}@media (min-width:1280px){.left-column{flex:0 0 40%;max-width:40%}.columns-row.htu-open .center-column{flex:0 0 60%}}@media (min-width:1440px){.center-column,.left-column{padding:24px}}@media (min-width:1920px){.main-layout{top:60px}.columns-row{flex-basis:calc(100vh - 60px);flex-grow:0;flex-shrink:0;height:calc(100vh - 60px)}.main-layout.header-hidden .columns-row{flex-basis:100vh;height:100vh}.center-column,.left-column{padding:28px}}@media (min-width:2560px){.main-layout{top:72px}.columns-row{flex-basis:calc(100vh - 72px);flex-grow:0;flex-shrink:0;height:calc(100vh - 72px)}.main-layout.header-hidden .columns-row{flex-basis:100vh;height:100vh}.center-column,.left-column{padding:40px}}.main-nav{gap:10px;margin-bottom:20px}.htu-bulb-toggle,.main-nav{display:flex;justify-content:center}.htu-bulb-toggle{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-left:none;border-radius:0 10px 10px 0;box-shadow:3px 0 10px var(--shadow-color);color:var(--text-primary);cursor:pointer;font-size:1.15rem;height:52px;left:0;padding:0;position:fixed;top:50%;transform:translateY(-50%);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;width:32px;z-index:500}.htu-bulb-toggle:hover{background:var(--card-bg);border-color:var(--accent-color);box-shadow:3px 0 14px var(--shadow-color);color:var(--accent-color)}.htu-bulb-toggle.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:3px 0 12px var(--shadow-color);color:#fff}.htu-bulb-toggle.active:hover{background:var(--accent-color);filter:brightness(1.1)}@media (min-width:768px){.htu-bulb-toggle{font-size:1.25rem;height:60px;width:36px}}@media (min-width:1920px){.htu-bulb-toggle{font-size:1.4rem;height:68px;width:42px}}
/*# sourceMappingURL=main.6f1c619f.css.map*/