header{z-index:3000;background-color:#fff;width:100%;margin-bottom:.6em;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}header .container{justify-content:space-between;align-items:center;padding:.8em .7em;display:flex}header .logo{color:#333;align-items:center;font-weight:700;text-decoration:none;display:flex}header .logo img{margin-right:.5em}header .icon-text-link{align-items:center;display:flex}header .icon-text-link span{margin-right:.1em}header nav .mobile-menu-toggle{cursor:pointer;background:0 0;border:none;display:block}@media (min-width:768px) and (max-width:1023px){header nav .mobile-menu-toggle{display:none}}header nav .mobile-menu-toggle span{background-color:#333;width:25px;height:3px;margin:5px 0;display:block}header nav .nav-links{list-style:none;display:none}@media (min-width:768px) and (max-width:1023px){header nav .nav-links{display:flex}}header nav .nav-links.active{background-color:#fff;flex-wrap:wrap;justify-content:center;width:100%;padding:.2em 0;display:flex;position:absolute;top:100%;left:0;box-shadow:0 2px 4px #0000001a}header nav .nav-links li{margin:.5em auto}@media (min-width:768px) and (max-width:1023px){header nav .nav-links li{margin:0 0 0 1em}}header nav .nav-links li a{color:#333;text-decoration:none}header nav .nav-links li a:hover{color:#4a90e2}.home .container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.home h1,.home h2,.home h3{margin-bottom:1rem}.home h1{font-size:2rem}@media (min-width:768px) and (max-width:1023px){.home h1{font-size:2.5rem}}@media (min-width:1024px){.home h1{font-size:3rem}}.home h2{font-size:1.75rem}@media (min-width:768px) and (max-width:1023px){.home h2{font-size:2rem}}@media (min-width:1024px){.home h2{font-size:2.25rem}}.home main{margin-top:1em}.home .hero{color:#fff;text-align:center;background-color:#4a90e2;padding:3rem 0}.home .hero h1{margin-bottom:1rem}.home .hero p{margin-bottom:2rem}.home .hero .cta-buttons{justify-content:center;align-items:center;display:flex}@media (min-width:768px) and (max-width:1023px){.home .hero .cta-buttons{flex-direction:row;justify-content:center}}.home .hero .cta-buttons .button{margin:.5rem}.home .features{background-color:#f8f8f8;padding:3rem 0}.home .features h2{text-align:center;margin-bottom:2rem}.home .features .feature-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px) and (max-width:1023px){.home .features .feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.home .features .feature-grid{grid-template-columns:repeat(3,1fr)}}.home .features .feature-card{text-align:center;background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.home .features .feature-card img{margin-bottom:1rem}.home .features .feature-card h3{margin-bottom:.5rem}.home .demo{text-align:center;padding:1em 0}.home .demo h2{margin-bottom:1em}.home .demo .container{width:100%;padding:0}.home .button{border-radius:4px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.home .button.primary{color:#fff;background-color:#f5a623}.home .button.primary:hover{background-color:#db8c0a}.home .button.secondary{color:#4a90e2;background-color:#fff;border:2px solid #4a90e2}.home .button.secondary:hover{color:#fff;background-color:#4a90e2}.collection-card{background-color:#2c2c2e;border-radius:8px;min-width:300px;max-width:calc(400px + 1em);overflow:hidden}.collection-card .collection-cover{padding-top:100%;position:relative}.collection-card .collection-cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.collection-card .collection-cover .level-badge{text-transform:uppercase;background-color:#ff9500;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:10px;left:10px}.collection-card .collection-cover .new-badge{text-transform:uppercase;background-color:#34c759;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:700;animation:1.2s ease-in-out infinite flutter;position:absolute;top:10px;right:10px}.collection-card .collection-info{padding:.8em}.collection-card .collection-info h2{color:wheat;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.5rem;font-size:1.25rem}.collection-card .collection-info .description{color:#fff;word-wrap:break-word;overflow-wrap:break-word;max-height:8em;margin-bottom:.5rem;font-size:.9rem;overflow:auto}.collection-card .collection-info .meta{color:#ccc;justify-content:space-between;font-size:.8rem;display:flex}@keyframes flutter{0%,to{transform:rotate(0)}20%{transform:rotate(2deg)translate(-3px)}40%{transform:rotate(3deg)translate(-1px)}60%{transform:rotate(-3deg)translate(1px)}80%{transform:rotate(-2deg)translate(3px)}}.collection-grid{grid-template-columns:1fr;gap:.8rem;display:grid}@media (min-width:768px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}}.collection-grid .collection-card{transition:transform .3s}.collection-grid .collection-card:hover{transform:scale(1.02)}.collection-detail-container{max-width:1400px;margin:0 auto}.collection-detail{flex-direction:column;font-size:1.1rem;display:flex}@media (min-width:768px){.collection-detail{flex-direction:row}}.collection-detail .collection-card{margin-bottom:1rem}.collection-detail .collection-card .collection-cover{padding-top:55%}@media (min-width:768px){.collection-detail .collection-card{min-width:400px;margin-bottom:0;margin-right:1rem}.collection-detail .collection-card .collection-cover{padding-top:100%}}.collection-detail .collection-card .collection-info h2{font-size:1.5rem}.collection-detail .collection-card .collection-info .description{max-height:unset;overflow:unset}.episode-list{flex-grow:1}.episode-list h2{margin-bottom:1rem;font-size:1.25rem}.episode-list .episode-cards{gap:.2rem;display:grid}.episode-list .episode-card{color:#fff;background-color:#2c2c2e;border-radius:8px;padding:1rem;text-decoration:none;transition:transform .2s}.episode-list .episode-card:hover{transform:translateY(-2px)}.episode-list .episode-card h3{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.5rem;font-size:1rem}.episode-list .episode-card .episode-meta{color:#ccc;justify-content:space-between;font-size:.8rem;display:flex}.main{height:82vh;margin:0 auto;padding:0}@media (max-width:768px){.main{height:88vh}}p.description::-webkit-scrollbar{width:0}p.description{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{width:0}html{-ms-overflow-style:none;scrollbar-width:none}.subtitle-container::-webkit-scrollbar{width:0}.subtitle-container{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;color:#d3d3d3;background-color:#78866b;border-radius:.3em;max-width:800px;height:77vh;margin:.2rem auto;padding:.4em;font-size:1.05rem;overflow-y:auto}.subtitle-container article{flex-wrap:wrap;margin-top:.4em;padding:.1em;display:flex}.subtitle-container article p{opacity:.9;margin:.2rem 0;padding:0;display:inline}.subtitle-container article .last{opacity:1;margin:.4em .3em;font-size:1.16rem;box-shadow:0 0 10px #00000080}.subtitle-container article .last .highlight{color:#556b2f;letter-spacing:.21em;filter:brightness(1.4);background-color:#d3d3d3;font-weight:800;text-decoration:underline}.audio-player{background-color:#f0f0f0;border-radius:10px;width:100%;max-width:800px;margin:5px auto;overflow:hidden}.audio-player .main-panel{justify-content:space-between;align-items:center;display:flex}.audio-player .main-panel .left-panel{flex:0 0 91%}@media (min-width:480px){.audio-player .main-panel .left-panel{flex:0 0 93%}}.progress-container{background-color:#ddd;border-radius:.4em;width:100%;height:1.6em;position:relative;overflow:hidden}@media (min-width:480px){.progress-container{flex-grow:1;height:36px}}.progress-bar{background-color:#78866b;width:0;height:100%;transition:width .2s linear;position:relative;overflow:hidden}.progress-bar-animated{background-image:linear-gradient(-45deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75% 100%);background-size:50px 50px;position:absolute;inset:0}.progress-bar-animated .episode-title{color:#fff;max-height:15vh;margin:0 auto;overflow:hidden}.progress-bar-animated .episode-title h3{white-space:nowrap;padding:0 .3em;font-size:1.1rem;font-weight:500}.time-display{color:#666;justify-content:space-between;margin:6px 0;font-size:12px;display:flex}@keyframes moveStripes{0%{background-position:0 0}to{background-position:50px 50px}}.audio-controls{opacity:1;grid-template-columns:repeat(5,1fr);align-items:center;gap:5px;margin-bottom:0;transition:opacity .3s,transform .3s;display:grid;transform:translateY(0)}.audio-controls.hidden{opacity:0;transform:translateY(-20px)}.audio-controls .control-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px 0;transition:transform .1s;display:flex}.audio-controls .control-btn:hover{transform:scale(1.1)}.audio-controls .control-btn svg{fill:#333;width:24px;height:24px}.audio-controls .speed-menu{position:relative}.audio-controls .speed-options{z-index:1;background-color:#fff;border-radius:5px;margin:0;padding:5px 0;list-style-type:none;display:none;position:absolute;bottom:2.2em;right:-3.2em;box-shadow:0 2px 4px #0000001a}.audio-controls .speed-options.show{display:flex}.audio-controls .speed-options button{cursor:pointer;white-space:nowrap;background-color:#fff;border:none;padding:5px 6px;font-size:.85rem}.audio-controls .speed-options button:hover{background-color:#f0f0f0}.audio-controls .speed-options button.active{background-color:#e0e0e0;font-weight:700}.audio-controls .volume-container{padding:0 5px;display:flex}.audio-controls .volume-container span{width:1em;margin-left:2px;font-size:small}.audio-controls .volume-container .volume-slider{width:4.4em;margin-right:.3em}@media (min-width:480px){.audio-controls .volume-container .volume-slider{width:100px}}.album-icon{background:unset;border:none;width:36px;height:36px;position:relative}@media (min-width:480px){.album-icon{height:40px}}.album-icon svg{width:36px;height:36px;transition:opacity .3s,transform .3s;position:absolute;top:0;left:0}.album-icon .album{opacity:1;transform:scale(1)}.album-icon .album.spinning{animation:15s linear infinite spin}.album-icon .pause,.album-icon.paused .album{opacity:0;transform:scale(.8)}.album-icon.paused .pause{opacity:1;transform:scale(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container{color:#333;background-color:#f5f5f5;justify-content:center;align-items:center;min-height:80vh;padding:1em;line-height:1.6;display:flex}.auth-form{background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:2em;box-shadow:0 4px 6px #0000001a}.auth-form h1{text-align:center;color:#4caf50;margin-bottom:2em}.auth-form .input-group{margin-bottom:1.5em;position:relative}.auth-form .input-group input{border:none;border-bottom:2px solid #3333;width:100%;padding:.75em .75em .75em 2.5em;font-size:1rem;transition:border-color .3s}.auth-form .input-group input:focus{border-color:#4caf50;outline:none}.auth-form .input-group input:placeholder-shown:not(:focus)+label{color:#3339;font-size:1rem;top:50%;transform:translateY(-50%)}.auth-form .input-group label{pointer-events:none;color:#3339;transition:all .3s;position:absolute;top:.75em;left:2.5em}.auth-form .input-group input:focus+label,.auth-form .input-group input:not(:placeholder-shown)+label{color:#4caf50;font-size:.8em;top:-.5em}.auth-form .input-group .icon{fill:#3339;width:1.5em;height:1.5em;position:absolute;top:50%;left:.5em;transform:translateY(-50%)}.auth-form button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;width:100%;padding:.75em;font-size:1rem;transition:background-color .3s}.auth-form button:hover{background-color:#3d8b40}.auth-form .switch-auth{text-align:center;margin-top:1em}.auth-form .switch-auth a{color:#009688;font-weight:700;text-decoration:none}.auth-form .switch-auth a:hover{text-decoration:underline}@media (min-width:768px){.auth-form{padding:3em}}.dashboard{min-height:92vh;display:flex}.dashboard .sidebar{color:#ecf0f1;background-color:#2c3e50;border-radius:.3em;width:10em;transition:width .36s;overflow-x:hidden}.dashboard .sidebar.folded{width:3.4em}.dashboard .sidebar.folded .menu-text{opacity:0;visibility:hidden;position:absolute}.dashboard .sidebar.folded .nav-menu a:hover .menu-text{opacity:1;visibility:visible}.dashboard .sidebar .nav-menu ul{padding-top:1em;list-style-type:none}.dashboard .sidebar .nav-menu li{margin-bottom:5px}.dashboard .sidebar .nav-menu a{color:#ecf0f1;white-space:nowrap;align-items:center;padding:12px 15px;font-size:16px;text-decoration:none;transition:background-color .36s;display:flex}.dashboard .sidebar .nav-menu a:hover{background-color:#ffffff1a}.dashboard .sidebar .nav-menu a:visited{color:unset}.dashboard .sidebar .nav-menu svg{flex-shrink:0;width:24px;height:24px;margin-right:15px}.dashboard .sidebar .nav-menu .menu-text{transition:opacity .36s,visibility .36s}.dashboard .admin-main-panel{color:#2c3e50;background-color:#ecf0f1;flex-grow:1;transition:margin-left .36s}@media (max-width:768px){.sidebar{height:100%;position:absolute;transform:translate(-100%)}.sidebar.folded{transform:translate(0)}.admin-main-panel{margin-left:0}}.admin-main-panel #new-collection-btn{margin-left:1em;display:inline-block}.admin-main-panel .container{box-sizing:border-box;width:100%;padding:5px 10px}@media (min-width:768px){.admin-main-panel .container{max-width:95vw;margin:0 auto;padding:5px 20px}}@media (max-width:767px){.admin-main-panel .container{overflow-x:auto}}.admin-main-panel .collections-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:14px}@media (min-width:768px){.admin-main-panel .collections-table{font-size:16px}}.admin-main-panel .collections-table th,.admin-main-panel .collections-table td{text-align:left;border-bottom:1px solid #dee2e6;padding:8px}@media (min-width:768px){.admin-main-panel .collections-table th,.admin-main-panel .collections-table td{padding:12px}}.admin-main-panel .collections-table th{color:#fff;white-space:nowrap;background-color:#007bff}.admin-main-panel .collections-table td{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}@media (min-width:768px){.admin-main-panel .collections-table td{max-width:300px}}.admin-main-panel .collections-table td:nth-child(2){white-space:normal;word-wrap:break-word}.admin-main-panel .pagination{flex-wrap:wrap;justify-content:space-between;display:flex}.admin-main-panel .btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:.4em;justify-content:center;align-items:center;width:calc(50% - 5px);margin:5px 0;padding:8px 16px;font-size:14px;transition:background-color .3s;display:flex}@media (min-width:768px){.admin-main-panel .btn{width:auto;margin:0;padding:10px 20px;font-size:16px}}.admin-main-panel .btn:disabled{cursor:not-allowed;background-color:#6c757d}.admin-main-panel .icon{fill:currentColor;vertical-align:middle;width:18px;height:18px;margin-right:5px}@media (min-width:768px){.admin-main-panel .icon{width:24px;height:24px}}.btn .admin-main-panel .icon{margin-left:5px;margin-right:0}.preBtn .admin-main-panel .icon{margin-left:0;margin-right:5px}th .admin-main-panel .icon{vertical-align:text-top;display:inline-block}.admin-main-panel .action-icons{justify-content:space-around;align-items:center;display:flex}.admin-main-panel .action-icons .icon{cursor:pointer;transition:fill .3s}.admin-main-panel .action-icons .icon:hover{fill:#007bff}.admin-main-panel .modal{z-index:1;background-color:#0006;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto}.admin-main-panel .modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;width:90%;max-width:500px;margin:10% auto;padding:20px;box-shadow:0 4px 6px #0000001a}.admin-main-panel .modal-content h2{text-align:center}@media (min-width:768px){.admin-main-panel .modal-content{width:80%;margin:15% auto}}.admin-main-panel .form-group{margin-bottom:15px}.admin-main-panel label{margin-bottom:5px;font-weight:700;display:block}.admin-main-panel input,.admin-main-panel textarea{border:1px solid #dee2e6;border-radius:4px;width:100%;padding:10px;font-size:16px}.admin-main-panel input:focus,.admin-main-panel textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff33}.admin-main-panel textarea{resize:vertical;min-height:100px}.admin-main-panel .collection-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:8px;font-size:14px}.admin-main-panel .collection-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff33}@media (min-width:768px){.admin-main-panel .collection-select{font-size:16px}}.admin-main-panel .form-actions{flex-direction:column;gap:10px;display:flex}@media (min-width:768px){.admin-main-panel .form-actions{flex-direction:row;justify-content:flex-end}}.admin-main-panel .btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;width:100%;padding:12px 16px;font-size:16px;transition:background-color .3s,transform .1s}@media (min-width:768px){.admin-main-panel .btn{width:auto}}.admin-main-panel .btn:hover{background-color:#545b62}.admin-main-panel .btn:active{transform:translateY(1px)}.admin-main-panel .btn.btn-primary{background-color:#007bff}.admin-main-panel .btn.btn-primary:hover{background-color:#0062cc}.cookie-token-popup{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cookie-token-popup .popup-content{background-color:#fff;border-radius:8px;width:100%;max-width:90%;max-height:90vh;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.cookie-token-popup .popup-content .name{color:#fff;background:green;font-size:1.1rem}@media (min-width:768px){.cookie-token-popup .popup-content{max-width:500px}}.cookie-token-popup .success-icon{color:#4caf50;width:48px;height:48px;margin:0 auto 20px;display:block}.cookie-token-popup h2{color:#333;text-align:center;margin-bottom:10px;font-size:24px}.cookie-token-popup p{color:#666;text-align:center;margin-bottom:20px;font-size:16px}.cookie-token-popup .token-container{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;padding:10px}.cookie-token-popup .token-container p{color:#333;margin-bottom:5px;font-size:14px}.cookie-token-popup .token-container .token{color:#333;word-break:break-all;cursor:pointer;background-color:#e0e0e0;border-radius:4px;padding:10px;font-family:monospace;font-size:14px;transition:background-color .3s}.cookie-token-popup .token-container .token:hover{background-color:#d0d0d0}.cookie-token-popup .warning{color:#f44336;font-size:14px;font-weight:700}.cookie-token-popup .close-btn{cursor:pointer;background:0 0;border:none;padding:5px;position:absolute;top:10px;right:10px}.cookie-token-popup .close-btn svg{color:#999;width:24px;height:24px;transition:color .3s}.cookie-token-popup .close-btn:hover svg{color:#333}.profile-container{max-width:min(100vw,800px);margin:0 auto;padding:.6em}@media (min-width:768px){.profile-container{padding:1em}}h1,h2{color:#2c3e50}.btn{cursor:pointer;border:none;border-radius:5px;align-items:center;padding:.6em .8em;font-size:.8rem;transition:background-color .3s;display:flex}.btn .icon{margin-right:.6em}.btn-logout{color:#fff;background-color:#e74c3c}.btn-logout:hover{background-color:#d62c1a}.btn-edit,.btn-save{color:#fff;background-color:#3498db}.btn-edit:hover,.btn-save:hover{background-color:#217dbb}.btn-cancel{color:#fff;background-color:#95a5a6}.btn-cancel:hover{background-color:#798d8f}.user-info,.edit-form{background-color:#fff;border:1px solid #bdc3c7;border-radius:5px;margin-bottom:1em;padding:.8em;font-size:.9rem}.user-info{flex-wrap:wrap;justify-content:space-between;display:flex}.user-info p{align-items:center;margin-bottom:.5em;display:flex}.user-info p .icon{margin-right:.6em}.form-group{margin-bottom:1em}.form-group label{margin-bottom:.4em;display:block}.form-group input{border:1px solid #bdc3c7;border-radius:3px;width:100%;padding:.5em}.tabs{margin-bottom:1.2em;display:flex}.tabs .tab{background-color:#f1f1f1;flex:1;justify-content:center;align-items:center;padding:.6em;display:flex}.tabs .tab .icon{margin-right:.5em}.tabs .tab:first-child{border-radius:5px 0 0 5px}.tabs .tab:last-child{border-radius:0 5px 5px 0}.tabs .tab.active{color:#fff;background-color:#3498db}.tab-content{background-color:#fff;border:1px solid #bdc3c7;border-radius:5px;margin-top:.8em;padding:1.2em}.list{flex-wrap:wrap;padding:0;list-style-type:none;display:flex}.list li{border-bottom:1px solid #bdc3c7;margin:auto;padding:0}.list li:last-child{border-bottom:none}.more-link{text-align:right;color:#3498db;margin-top:.6em;text-decoration:none;display:block}.more-link:hover{text-decoration:underline}.hidden{display:none}@keyframes breeze{0%,to{transform:translate(0)skew(0deg)}25%{transform:translate(4px)skew(-4deg)}75%{transform:translate(-4px)skew(4deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#demo .overlay{position:relative}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#fffc;width:100%;height:85vh;position:fixed;top:0;left:0}.popup{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:600px;max-width:90%;max-height:80vh;margin:0 auto;padding:1em;font-size:1.5rem;animation:popIn\ 0\.5s\ forwards;display:flex;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(-50%);box-shadow:0 0 20px #0003}.word-content{width:100%}.word{font-size:inherit;cursor:pointer;background:0 0;border:none;margin:2px;padding:2px 5px;font-family:inherit;transition:color .36s;animation:4s ease-in-out infinite breeze;display:inline-block;position:relative}.word:hover,.word:focus{color:#007bff;outline:none}.word-menu{z-index:1001;background:#fff;border-radius:5px;max-width:50vw;margin:0 auto;display:none;position:absolute;bottom:20%;left:0;right:0;box-shadow:0 0 20px #0003}.word-menu span{color:#007bff;text-transform:uppercase;margin:0 .4em}.menu-item{font-size:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:10px;font-family:inherit;transition:background-color .3s;display:flex}.menu-item:hover{background-color:#f2f2f2}.menu-item svg{fill:currentColor;margin-right:10px}@media (max-width:768px){.popup{padding:15px}.word-menu{max-width:80vw}}@media (max-width:480px){.popup{padding:10px}.word{font-size:1rem}.menu-item{padding:8px;font-size:1.1rem}}.flashcard-container{border-radius:10px;margin:.3em .2em}.flashcard{cursor:pointer;width:300px;height:200px;transform-style:preserve-3d;transition:transform .6s}.flashcard:focus{outline:none;box-shadow:0 0 0 3px #3498db80}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flashcard-inner h2{font-size:2.5rem}.flashcard-inner h3{font-size:1.4rem}.flashcard-inner p{font-size:1.1rem}.flashcard-inner .flashcard-front small{position:relative;bottom:3.6em;right:6.4em}.flashcard-inner .flashcard-front p{font-size:.85rem;position:relative;top:2.5em;left:5.5em}.flashcard-front,.flashcard-back{backface-visibility:hidden;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute}.flashcard-front{color:#fff;background-color:#3498db}.flashcard-back{color:#fff;background-color:#2980b9;transform:rotateY(180deg)}.flashcard-back small{font-size:1.3em;position:relative;top:1em;left:5em}@media (max-width:480px){.flashcard{width:90vw;max-width:300px;height:60vw;max-height:200px}}.dictionary-container .dictionary-search form{display:flex}.dictionary-container .dictionary-search form input{background-color:#fff;border:none;border-radius:8px;margin:.5em auto;padding:0 .6em;font-size:1.5rem}.dictionary-container .word-container{max-width:800px;margin:0 auto;padding:20px}.dictionary-container .word-container .header{text-align:center}.dictionary-container .word-container .header h1{margin-bottom:10px;font-size:2.5rem}.dictionary-container .word-container .header .phonetic{color:#666;font-size:1.2rem}.dictionary-container .word-container .error{text-align:center}.dictionary-container .word-container .error .not-found{color:red;padding:.3em;font-size:1.2rem}.dictionary-container .word-container .word-info{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.dictionary-container .word-container .word-info>div{background-color:#fff;border-radius:5px;padding:5px 10px;font-size:.9rem}.dictionary-container .word-container .word-info .collins{color:#007bff}.dictionary-container .word-container .word-info .oxford p{align-items:center;display:flex}.dictionary-container .word-container .word-info .oxford .icon{width:24px;height:24px;transition:all .3s}.dictionary-container .word-container .word-info .oxford .icon:hover{transform:scale(1.1)}.dictionary-container .word-container .word-info .oxford .icon.check{fill:#4caf50}.dictionary-container .word-container .word-info .oxford .icon.check:hover{fill:#3d8b40}.dictionary-container .word-container .word-info .oxford .icon.cross{fill:#f44336}.dictionary-container .word-container .word-info .oxford .icon.cross:hover{fill:#ea1c0d}.dictionary-container .word-container .word-info .frequency{display:flex}.dictionary-container .word-container .word-info .frequency div{margin:0 .24em}.dictionary-container .word-container .definitions,.dictionary-container .word-container .translations{margin-bottom:20px}.dictionary-container .word-container .definitions h2,.dictionary-container .word-container .translations h2{margin-bottom:10px;font-size:1.5rem}.dictionary-container .word-container .definitions div,.dictionary-container .word-container .translations div{background-color:#fff;border-radius:5px;padding:15px}.dictionary-container .word-container .tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:.4em;display:flex}.dictionary-container .word-container .tags .tag{color:#0366d6;background-color:#f1f8ff;border:1px solid #c8e1ff;border-radius:8px;padding:.3em;font-size:.95rem;transition:all .2s;display:inline-block}.dictionary-container .word-container .tags .tag:hover{background-color:#d8ebff;border-color:#95c5ff}@media (max-width:600px){.dictionary-container .word-container .tags .tag{padding:.2em;font-size:.85rem}}.dictionary-container .word-container .exchange{margin-bottom:.2em;font-size:.9rem}.dictionary-container .word-container .audio{text-align:center}.dictionary-container .word-container .audio h2{margin-bottom:10px;font-size:1.5rem}.dictionary-container .word-container .audio audio{width:100%;max-width:300px}@media (max-width:767px){.word-container .header h1{font-size:2rem}.word-container .word-info{align-items:center}}html{font-size:18px}a{color:#4d6f57;text-decoration:none}a:visited{color:#2a9d8f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f0f0;height:100vh;padding:.2em;font-family:Arial,sans-serif}footer{text-align:center;width:100%;margin-top:.8em;font-size:.8rem}@media (min-width:768px){footer{width:60vw;margin:3em auto;font-size:1.1rem}}