:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e8e8e8}header{position:sticky;top:0;z-index:10;background:#0b0d12;border-bottom:1px solid #2a2f3a}.topbar{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;gap:18px;align-items:center;font-weight:700}.tab{padding:8px 2px;cursor:pointer;opacity:.85;border-bottom:2px solid transparent}.tab.active{opacity:1;border-bottom-color:#2f4aa0}.actions{display:flex;gap:10px;align-items:center}button{background:#0f1320;color:#e8e8e8;border:1px solid #2a2f3a;border-radius:10px;padding:10px 12px;font-size:14px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;justify-content:center}button.primary{background:#1a2a54;border-color:#2f4aa0}button.ghost{background:0 0}button.danger{background:#3a1212;border-color:#6a2b2b}button:disabled{opacity:.45;cursor:not-allowed}.btnIcon{width:18px;height:18px;display:inline-block}main{max-width:1100px;margin:0 auto;padding:16px}.btnDeleteSong:hover{color:#d14042}.page-title{font-size:26px;font-weight:800;margin:12px 0 14px}.card{background:#141824;border:1px solid #2a2f3a;border-radius:16px;overflow:hidden}.listRow{display:flex;align-items:center;justify-content:space-between;padding:18px 18px;border-top:1px solid rgba(42,47,58,.7);cursor:pointer}.listRow:first-child{border-top:0}.listRow:hover{background:rgba(255,255,255,.03)}.listRow .label{font-size:18px;font-weight:700}.listRow .sub{font-size:12px;opacity:.7;margin-top:4px}.chev{opacity:.55;font-size:18px}.muted{opacity:.8;font-size:12px}.spacer{height:12px}.editorWrap{display:grid;grid-template-columns:1fr;gap:14px}.ytbox{width:100%;aspect-ratio:16/9;background:#0b0d12;border:1px solid #2a2f3a;border-radius:16px;overflow:hidden}#player{width:100%;height:100%}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input,textarea{background:#0f1320;color:#e8e8e8;border:1px solid #2a2f3a;border-radius:10px;padding:10px 12px;font-size:14px;outline:0}input{height:40px}textarea{width:100%;min-height:110px;resize:vertical}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #2a2f3a;background:#0f1320;padding:8px 10px;border-radius:999px;font-size:12px;opacity:.9}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:900px){.grid2{grid-template-columns:1fr}.actions{flex-wrap:wrap;justify-content:flex-end}}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:999;padding:16px}.modalBackdrop.on{display:flex}.modal{width:min(720px,100%);background:#141824;border:1px solid #2a2f3a;border-radius:16px;padding:14px}.modalTitle{font-weight:900;font-size:16px;margin-bottom:10px}.modalActions{margin-top:12px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.page{display:none}.page.on{display:block}.editorTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px}.editorTitleLeft{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.editorTitleRow h2{margin:0;font-size:26px;font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.editorActions{display:flex;gap:10px;align-items:center}.iconBtn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.icon{width:20px;height:20px;display:block}.speedBox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid #2a2f3a;border-radius:12px;background:#0f1320}.speedLabel{font-size:12px;opacity:.85;font-weight:800}.speedValue{font-size:12px;opacity:.9}input[type=range]{accent-color:#2f4aa0;width:min(320px,70vw);height:28px}.ytbox{position:relative}.presentOverlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 28px));border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px 14px;z-index:30;cursor:grab;user-select:none;opacity:0;pointer-events:none;transition:opacity 220ms ease;touch-action:none}.presentOverlay.on{pointer-events:auto}.presentOverlay.show{opacity:1}.presentOverlay:active{cursor:grabbing}.presentOverlay .poRow{display:flex;flex-direction:column;gap:8px}.presentOverlay .poBlock{border-radius:10px;padding:10px 10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12)}.presentOverlay .poLabel{font-size:11px;font-weight:900;opacity:.85;margin-bottom:6px;letter-spacing:.2px}.presentOverlay .poText{font-size:14px;line-height:1.35;white-space:pre-line}#btnPresentSettings{display:none}body.inEditor #btnPresentSettings{display:inline-flex}body.inEditor #btnAddVideo,body.inEditor #btnExport,body.inEditor #btnImport{display:none!important}body.flashorlibrary #btnAddVideo,body.flashorlibrary #btnExport,body.flashorlibrary #btnImport{display:none!important}.card-close{position:absolute;top:8px;right:10px;border:none;background:0 0;font-size:20px;line-height:1;cursor:pointer;color:#888}.card-close:hover{color:#fff}.pro-notice{margin-top:16px;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#1a1f2b,#121621);border:1px solid #2f3545;color:#eaeaf0;font-size:14px;line-height:1.5}.pro-notice a{color:#7aa2ff;font-weight:600;text-decoration:none}.pro-notice a:hover{text-decoration:underline}.langDropdown{position:relative}.langMenu{position:absolute;top:calc(100% + 6px);right:0;background:#141824;border:1px solid #2a2f3a;border-radius:12px;overflow:hidden;display:none;min-width:160px;z-index:20}.langMenu.on{display:block}.langMenu div{padding:10px 12px;cursor:pointer;font-size:14px}.langMenu div:hover{background:rgba(255,255,255,.06)}.listRow{display:flex;align-items:center;gap:12px}.listRow>div:first-child{flex:1 1 auto;min-width:0}.listRow .row{flex:0 0 auto;display:flex;align-items:center;gap:8px}.listRow .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listRow .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7;font-size:.9em}.siteFooter{border-top:1px solid #2a2f3a;background:#0b0d12;margin-top:40px}.footerInner{max-width:1100px;margin:0 auto;padding:18px 16px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:13px;flex-direction:column;align-items:center;gap:12px}.footerInner a{color:#9bb7ff;text-decoration:none;opacity:.85}.footerInner a:hover{opacity:1;text-decoration:underline}.footerLinks{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.footerCopyright{font-size:12px;opacity:.6}.flashTopBar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.flashSearch{flex:1;min-width:min(520px,100%)}.flashPager{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.flashPager .muted{font-size:12px;opacity:.75}.flashCheckWrap{display:flex;align-items:center;gap:10px}.flashCheckWrap input[type=checkbox]{width:18px;height:18px;accent-color:#2f4aa0;cursor:pointer}.flashRowLeft{min-width:0;flex:1}.flashClipMeta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.flashClipTag{font-size:12px;opacity:.75}.flashClipTimes{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;opacity:.85}#flashPlayer{width:100%;height:100%}.flashAnswer{display:none}.flashAnswer.on{display:grid}.flashBtn:hover{transform:translateY(-2px)}.flashBtn.veryhard{color:#ff5c5c;background:linear-gradient(180deg,#241818,#1a1212)}.flashBtn.hard{color:#ffb020;background:linear-gradient(180deg,#262013,#1a160e)}.flashBtn.medium{color:#5f5;background:linear-gradient(180deg,#172417,#111a11)}.flashBtn.easy{color:#4da3ff;background:linear-gradient(180deg,#16212b,#111820)}#progressBar{width:100%;height:10px;background:#2a2f3a;border-radius:999px;overflow:hidden;margin-top:10px;margin-bottom:10px}#progressFill{height:100%;width:0%;background:#2f4aa0;transition:width .2s linear}@media (max-width:600px){.topbar{flex-wrap:wrap;gap:25px}.tabs{width:100%;flex-wrap:wrap;justify-content:center;gap:12px;text-align:center}.tabs a{width:100%;display:flex;justify-content:center}.tabs a img{margin:0 auto}.actions{width:100%;justify-content:center;gap:10px}.actions button{padding:10px 12px}#btnAddVideo,#btnImport{font-size:0;gap:0}#btnAddVideo .btnIcon,#btnImport .btnIcon{margin:0}.flashSearch{min-width:100%}}@media (max-width:600px){.editorTitleRow{flex-wrap:wrap;align-items:center;gap:10px}.editorTitleLeft{flex:1 1 100%;min-width:0}.editorActions{flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}#btnBackHomeTop,#btnPresentMode{font-size:0;gap:0;padding:0;width:44px;height:44px;border-radius:12px}#btnBackHomeTop .btnIcon,#btnPresentMode .btnIcon{margin:0}}@media (max-width:600px){.presentOverlay{top:8px;left:50%;transform:translateX(-50%);width:calc(100% - 16px)!important;max-height:calc(100% - 16px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}@media (max-width:600px){.presentOverlay .poLabel{display:none}}input[type=color]{padding:0!important;width:44px;height:44px;border-radius:12px;background:0 0!important;border:1px solid #2a2f3a;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:10px}input[type=color]::-moz-color-swatch{border:none;border-radius:10px}#linkLogoPrincipal{display:inline-block}#linkLogoRodape{display:none}@media (max-width:600px){#linkLogoPrincipal{display:none}#linkLogoRodape{display:inline-block}}@media (max-width:900px){.btnText{display:none}} .actions #btnImport{display:none} .actions #btnExport{display:none} .tabs #tabLibrary{display:none}