:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.35}*{box-sizing:border-box}body{margin:0;background:#fff;color:#2f3341}.notfound-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f8fbff,#eef3ff)}.notfound-card{width:min(560px,100%);background:#fff;border-radius:16px;box-shadow:0 10px 24px #141b2d1a;padding:28px;text-align:center}.notfound-code{margin:0;font-size:clamp(3rem,8vw,4.5rem);font-weight:800;line-height:1;color:#2f57d6}.notfound-card h1{margin:10px 0 8px;font-size:clamp(1.4rem,3vw,1.8rem)}.notfound-card p{margin:0;color:#5c6785}.notfound-link{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #2f57d6;background:#2f57d6;color:#fff;text-decoration:none;font-weight:600}.notfound-link:hover{background:#284ab9;border-color:#284ab9}.page{width:min(1180px,94%);margin:20px auto 34px;display:grid;gap:16px}.card{background:#fff;border-radius:14px;box-shadow:0 8px 24px #141b2d14;padding:24px}.hero-card h1{margin:0;text-align:center;font-size:clamp(1.8rem,2.4vw,2.2rem)}.hero-card p{max-width:860px;margin:10px auto 20px;text-align:center;color:#5c6785}.search-wrap{width:min(760px,100%);margin:0 auto}.search-wrap label{display:block;margin-bottom:8px;text-align:center;font-size:1.1rem;font-weight:700}.search-wrap input{width:100%;height:48px;border-radius:10px;border:1px solid #cfd6e9;background:#fff;padding:0 16px;font-size:1rem}.meta-row{margin-top:10px;text-align:center;color:#66708b;font-size:.93rem}.content-grid{display:grid;grid-template-columns:minmax(260px,31%) minmax(0,69%);gap:16px}.sidebar-card{padding:18px;display:flex;flex-direction:column;gap:12px}.sidebar-card h2{margin:0;font-size:1.2rem}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{min-height:34px;padding:0 12px;border:1px solid #d0d7e9;border-radius:999px;background:#f9fbff;color:#334067;cursor:pointer}.filter-btn:disabled{opacity:.72;cursor:not-allowed}.filter-btn.active{border-color:#2f57d6;background:#2f57d6;color:#fff}.verb-list{display:grid;gap:8px;max-height:64vh;overflow:auto;padding-right:4px}.verb-list-toggle{display:none}.verb-list-container{width:100%}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid #cdd8f7;border-top-color:#2f57d6;animation:spin .8s linear infinite}.verb-list-btn{width:100%;min-height:40px;border:1px solid #d5dcef;border-radius:10px;background:#fff;color:#2c56d2;text-align:left;padding:0 12px;cursor:pointer}.verb-list-btn.active{border-color:#2f57d6;background:#eaf0ff;font-weight:600}.detail-card{min-height:64vh}.detail-card h3{margin:0;font-size:1.7rem}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.video-wrap{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#e3e9f8;aspect-ratio:16 / 9}.video-wrap iframe{width:100%;height:100%;border:0}.video-cover{width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;position:relative;background:#000}.video-cover img{width:100%;height:100%;display:block;object-fit:cover}.video-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#0a122652;color:#fff;transition:background .2s ease}.video-cover:hover .video-cover-overlay{background:#0a122673}.video-cover-play{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:#f03;font-size:20px}.video-cover-text{font-weight:700;letter-spacing:.2px}.youtube-player-host,.youtube-player-host iframe{width:100%;height:100%;border:0}.video-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;background:#0a122666;pointer-events:none}.video-loader-hint{display:block;margin-top:4px;font-size:.8rem;opacity:.9}.video-thumb-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;background:linear-gradient(120deg,#0e1325 25%,#1a233f,#0e1325 65%);background-size:220% 220%;animation:shimmer 1.2s linear infinite;pointer-events:none}.video-status-message{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;background:#0a1226db;color:#fff;border-radius:10px;padding:10px 12px}.video-status-message p{margin:0 0 8px;font-size:.9rem}.video-status-actions{display:flex;align-items:center;gap:8px}.video-status-button,.video-status-link{min-height:30px;border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:600}.video-status-button{border:0;color:#0f245f;background:#dbe7ff;cursor:pointer}.video-status-link{display:inline-flex;align-items:center;border:1px solid #9ec0ff;color:#dbe7ff;text-decoration:none}.video-status-link:hover{text-decoration:underline}.spinner-light{border-color:#ffffff73;border-top-color:#fff}.youtube-open-link{position:absolute;right:10px;bottom:10px;background:#ffffffe6;color:#1d4ed8;font-size:.82rem;font-weight:600;text-decoration:none;border-radius:999px;padding:4px 10px}.youtube-open-link:hover{text-decoration:underline}.report-menu-modern{position:relative;z-index:10}.report-trigger{min-height:34px;border:1px solid #d0d7e9;background:#f9fbff;color:#2f57d6;border-radius:999px;padding:0 12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.report-trigger:hover{border-color:#2f57d6}.report-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;border:1px solid #d8deee;background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 8px 20px #141b2d1a}.report-dropdown p{margin:0 0 8px;color:#66708b;font-size:.92rem}.report-option{display:block;width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer;text-decoration:none;color:#2f3341;padding:5px 0}.report-option:hover{color:#2f57d6}.tense-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tense-card{background:#fdfdff;border-radius:10px;padding:14px;border-top:4px solid transparent;border:1px solid #e7ebf7}.tense-card h4{margin:0 0 10px;text-transform:uppercase}.tense-card ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.tone-green{border-color:#23b96f}.tone-gold{border-color:#f2b03d}.tone-blue{border-color:#238be6}.empty{margin:8px 0;color:#67708b}.footer{background:#ffffffe6;padding:15px 0;position:fixed;bottom:0;width:100%;box-shadow:0 -5px 15px #0000001a;z-index:900}.footer-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-weight:500;color:#4b5563}.footer-text{display:inline-flex;align-items:center;gap:6px}.footer-divider{color:#cbd5f5}.footer-link{color:#1d4ed8;text-decoration:none;font-weight:600}.footer-link:hover{text-decoration:underline}.footer-icon-link{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#3498db;font-size:22px}.footer-icon-link:hover{text-decoration:none;color:#2980b9}.footer-heart{display:inline-flex;align-items:center;font-size:16px}.footer p{margin:0;color:#2c3e50;font-weight:500}.footer-heart{color:#e74c3c;animation:heartBeat 1.5s infinite}.footer a{color:#3498db;text-decoration:none;font-weight:600;transition:color .3s ease}.footer a:hover{color:#2980b9}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.15)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@media (max-width: 900px),(hover: none) and (pointer: coarse){body{font-size:15px}.content-grid{grid-template-columns:1fr}.tense-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card h1{font-size:1.6rem}.sidebar-card h2{font-size:1.1rem}.filter-row{gap:6px;align-items:center}.detail-header h3{width:100%;font-size:1.45rem;margin:0;text-align:left}.hero-card p,.search-wrap label,.meta-row,.empty{font-size:.95rem}.verb-list{max-height:320px}.verb-list-toggle{display:inline-flex;align-items:center;justify-content:center;order:99;width:36px;height:36px;padding:0;border:1px solid #d0d7e9;border-radius:50%;background:#f9fbff;color:#2f57d6;font-weight:600;cursor:pointer;margin-left:auto}.verb-list-toggle-arrow{font-size:13px;line-height:1}.verb-list-container.collapsed{display:none}.verb-list-btn,.filter-btn,.report-trigger,.report-option,.tense-card,.youtube-open-link{font-size:.92rem}.report-dropdown p{font-size:.88rem}.tense-card h4{font-size:.95rem}.report-menu-modern{margin:0 auto 0 0}.report-trigger{position:relative;left:0;align-self:flex-start;margin:0 auto 0 0;text-align:left;justify-content:flex-start}.report-dropdown{min-width:min(240px,calc(100vw - 72px))}}@media (max-width: 768px){.tense-grid{grid-template-columns:1fr}}[data-theme=dark] body{background:#0b1220;color:#e7ecf7}[data-theme=dark] .card{background:#131d33;box-shadow:0 8px 24px #03081480}[data-theme=dark] .hero-card p,[data-theme=dark] .meta-row,[data-theme=dark] .empty,[data-theme=dark] .report-dropdown p,[data-theme=dark] .notfound-card p{color:#aeb9d1}[data-theme=dark] .search-wrap input{border-color:#2b3a5b;background:#0e1729;color:#e7ecf7}[data-theme=dark] .search-wrap input::placeholder{color:#94a3c0}[data-theme=dark] .filter-btn,[data-theme=dark] .verb-list-toggle,[data-theme=dark] .report-trigger,[data-theme=dark] .theme-toggle{border-color:#34486f;background:#0f1a30;color:#8db0ff}[data-theme=dark] .filter-btn.active{border-color:#5e88ff;background:#2f57d6;color:#fff}[data-theme=dark] .verb-list-btn{border-color:#314465;background:#0e1729;color:#9ebcff}[data-theme=dark] .verb-list-btn.active{border-color:#5e88ff;background:#16284d}[data-theme=dark] .video-wrap{background:#0e1729}[data-theme=dark] .youtube-open-link{background:#101c33eb;color:#a9c0ff}[data-theme=dark] .report-dropdown{border-color:#34486f;background:#0f1a30}[data-theme=dark] .report-option{color:#d9e3fb}[data-theme=dark] .report-option:hover{color:#8db0ff}[data-theme=dark] .tense-card{background:#0f1a30;border-color:#2a3f66}@media (prefers-color-scheme: dark){.footer{background:#0c1321f2;box-shadow:0 -5px 15px #00000073}.footer-content{color:#b5bfd7}.footer-link{color:#8db0ff}.footer-link:hover{color:#a9c4ff}.footer-divider{color:#4e5f82}}[data-theme=dark] .notfound-page{background:linear-gradient(180deg,#0b1220,#101a2d)}[data-theme=dark] .notfound-card{background:#131d33;box-shadow:0 10px 24px #03081480}