@layer components{ a.navbar-brand{white-space:normal;text-align:center;word-break:break-all}a{color:#0366d6}.btn-primary{color:#0b0b0d;background-color:#1b6ec2;border-color:#1861ac}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#1b6ec2;border-color:#1861ac}html{font-size:14px}@media (min-width:768px){html{font-size:16px}}.border-top{border-top:1px solid #e5e5e5}.border-bottom{border-bottom:1px solid #e5e5e5}.box-shadow{box-shadow:0 .25rem .75rem #0000000d}button.accept-policy{font-size:1rem;line-height:inherit}html{min-height:100%;position:relative}body{margin-bottom:60px}.footer{white-space:nowrap;width:100%;line-height:60px;position:absolute;bottom:0}.fas{color:#000}.circle{background:red;border-radius:100%;width:20px;height:20px;animation:2s infinite pulsing}@keyframes pulsing{0%{transform:scale(.5)}50%{transform:scale(1)}to{transform:scale(.5)}}.butl{color:#1b47d8;text-transform:uppercase;text-align:center;box-sizing:border-box;background-color:#0000;border:2px solid #1b47d8;border-radius:50px;outline:none;width:220px;height:60px;font-size:20px;font-weight:700;line-height:56px;text-decoration:none;transition:all .5s;display:inline-block}.activeb{border-left-color:#0000;border-radius:50%;width:50px;height:50px;font-size:0;animation:1.4s .5s infinite rotate}@keyframes rotate{0%{transform:rotate(360deg)}}.successb{background-color:#1b47d8;animation:.3s ease-in bounce;position:relative}@keyframes bounce{0%{transform:scale(.9)}}.successb:before{content:"";background:no-repeat;width:31px;height:31px;margin:0 auto;line-height:31px;position:absolute;top:8px;left:0;right:0}@media (prefers-reduced-motion:reduce){.mini-card-body .btn.btn-outline-secondary.btn-sm,.mini-card-body .btn.btn-outline-secondary.btn-sm:before,.mini-card-body .btn.btn-outline-secondary.btn-sm:after{transition:none!important}}.reading-pane,.answers-pane{max-height:70vh;overflow:auto}@media (max-width:992px){.answers-pane,.reading-pane{max-height:unset}.utility-rail{position:static;top:auto}}.form-range{-webkit-appearance:none;background:linear-gradient(90deg,#e5e7eb 0% 100%);border-radius:10px;outline:none;height:6px}.form-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--md-primary), var(--md-secondary));cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0a6b5b4d}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0a6b5b66}.form-range::-moz-range-thumb{background:linear-gradient(135deg, var(--md-primary), var(--md-secondary));cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0a6b5b4d}.form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0a6b5b66}.form-range::-moz-range-progress{background:linear-gradient(to right, var(--md-primary), var(--md-secondary));border-radius:10px;height:6px}@media (max-width:576px){.md-tabs{gap:.4rem}.md-tabs .btn{padding:.35rem .6rem}}#imgZoomOverlay .imgzoom-close{color:#111;cursor:pointer;opacity:0;z-index:1082;background:#ffffffe6;border:0;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:40px;transition:transform .25s,opacity .25s;position:absolute;top:12px;right:12px;transform:scale(.9);box-shadow:0 8px 24px #0000002e}@media (prefers-color-scheme:dark){:root{--md-surface:#0b1020;--md-text:#e5e7eb;--md-outline:#1f2937;--md-danger:#f87171;--md-danger-ink:#2b0f12;--md-primary:#d2e600;--md-shadow:0 12px 32px #00000073, 0 4px 10px #00000059}}@keyframes md-pop{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes md-ripple{to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (max-width:576px){.md-modal .modal-dialog{margin:.75rem}.md-modal .modal-content{border-radius:16px}}.md3-appbar{z-index:1030;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.md3-brand{color:#0f172a;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.md3-brand:hover{color:#e4f70a}.md3-brand-icon{color:#fff;background:linear-gradient(135deg,#e4f70a 0%,#d2e600 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;box-shadow:0 2px 6px #0a6b5b33}.md3-home-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0000000d}.md3-home-btn:hover{color:#fff;background:linear-gradient(135deg,#e4f70a 0%,#d2e600 100%);border-color:#0000;box-shadow:0 2px 6px #0a6b5b33}.md3-home-btn i{font-size:1.1rem}.md3-navbar-end{align-items:center;gap:1rem;display:flex}@media (max-width:768px){.md3-brand-text{display:none}}:root{--md-primary:#e4f70a;--md-secondary:#d2e600;--md-muted:#6b7280}.md3-logout-btn{background:linear-gradient(135deg, var(--md-primary) 0%, var(--md-secondary) 100%);color:#fff;cursor:pointer;vertical-align:middle;border:none;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 24px;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0000000d}.md3-logout-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.md3-logout-btn:hover .logout-text,.md3-logout-btn:hover i{color:#000}.md3-logout-btn:active{background:linear-gradient(135deg, var(--md-muted) 0%, var(--md-primary) 100%);box-shadow:0 1px 2px #0000000d}.md3-logout-btn i{font-size:18px;line-height:1}.md3-logout-btn .logout-text{letter-spacing:.0125em;font-size:.875rem;line-height:1.25rem}@media (max-width:768px){.md3-logout-btn .logout-text{display:none}.md3-logout-btn{width:40px;height:40px;padding:0}}:root{--fab-right:12px;--fab-top:64px}.lang-fab-mini{top:var(--fab-top);right:var(--fab-right);z-index:1040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #0000000f;border-radius:14px;padding:.35rem;position:fixed;box-shadow:0 10px 26px #0000001f}.lang-fab-mini__group{background:#f3f4f6;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem;display:inline-flex}.lang-chip{color:#e4f70a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:44px;height:34px;transition:background .2s,box-shadow .2s,transform 20ms;display:inline-flex;position:relative;overflow:hidden}.lang-chip:active{transform:translateY(1px)}.lang-chip img{object-fit:cover;border-radius:2px;width:20px;height:14px}.lang-chip.is-active{color:#fff;background:linear-gradient(135deg,#e4f70a,#d2e600);box-shadow:0 6px 18px #0a6b5b47}.lang-chip:not(.is-active):hover{background:#0a6b5b14}.lang-chip .ink{pointer-events:none;opacity:.18;background:currentColor;border-radius:50%;width:0;height:0;animation:.45s ease-out forwards rip;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes rip{to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (max-width:576px){:root{--fab-top:auto}.lang-fab-mini{top:auto;bottom:12px}}.mini-card-body{--q-fg:var(--bs-body-color,#374151);--q-border:var(--bs-border-color,#d1d5db);--q-primary:var(--bs-primary,#e4f70a);--q-success:var(--bs-success,#10b981);--q-success-subtle:var(--bs-success-bg-subtle,#10b98126);--q-success-border:var(--bs-success-border-subtle,#10b98159);--q-primary-subtle:var(--bs-primary-bg-subtle,#e4f70a2e);--q-primary-border:var(--bs-primary-border-subtle,#d2e60073);--q-shadow:0 2px 8px #0000000f;--q-shadow-hover:0 6px 16px #0000001a}.mini-card-body .btn.btn-outline-secondary.btn-sm{min-width:40px;height:34px;color:var(--q-fg);border:1.5px solid var(--q-border);box-shadow:var(--q-shadow);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;padding:0 10px 0 28px;font-size:12.5px;font-weight:600;transition:transform .15s,box-shadow .2s,border-color .2s,color .2s,background-color .2s;display:inline-flex;position:relative;overflow:hidden}.mini-card-body .btn.btn-outline-secondary.btn-sm:hover{border-color:var(--q-primary);box-shadow:var(--q-shadow-hover);transform:translateY(-1px)}.mini-card-body .btn.btn-outline-secondary.btn-sm:focus{box-shadow:0 0 0 3px color-mix(in oklab, var(--q-primary) 25%, transparent), var(--q-shadow-hover);border-color:var(--q-primary);outline:none}.mini-card-body .btn.btn-outline-secondary.btn-sm:disabled,.mini-card-body .btn.btn-outline-secondary.btn-sm.disabled{opacity:.6;box-shadow:var(--q-shadow);transform:none}.mini-card-body .btn.btn-outline-secondary.btn-sm:before{content:"";background-image:url("data:image/svg+xml;utf8,             <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>             <circle cx='12' cy='12' r='9'/></svg>");background-repeat:no-repeat;background-size:14px 14px;width:14px;height:14px;transition:transform .2s,background-image .2s;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.mini-card-body .btn.btn-outline-secondary.btn-sm:hover:before{background-image:url("data:image/svg+xml;utf8,             <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230A6B5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>             <circle cx='12' cy='12' r='9'/></svg>");transform:translateY(-50%)scale(1.06)}.mini-card-body .btn.btn-outline-secondary.btn-sm.is-answered{background-color:var(--q-success-subtle);border-color:var(--q-success-border);color:color-mix(in oklab, var(--q-success) 70%, var(--q-fg))}.mini-card-body .btn.btn-outline-secondary.btn-sm.is-answered:before{background-image:url("data:image/svg+xml;utf8,             <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23198754' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>             <path d='M9 12l2 2 4-4'/><circle cx='12' cy='12' r='9'/></svg>")}.mini-card-body .btn.btn-outline-secondary.btn-sm.is-current{background-color:var(--q-primary-subtle);border-color:var(--q-primary-border);color:color-mix(in oklab, var(--q-primary) 75%, var(--q-fg))}.mini-card-body .btn.btn-outline-secondary.btn-sm.is-current:before{background-image:url("data:image/svg+xml;utf8,             <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%234f46e5' stroke='%234f46e5' stroke-width='1'>             <circle cx='12' cy='12' r='5'/></svg>")}.mini-card-body .btn.btn-outline-secondary.btn-sm:after{content:"";background:radial-gradient(circle at center, color-mix(in oklab, var(--q-primary) 22%, transparent), transparent 42%);opacity:0;transition:opacity .45s,transform .45s;position:absolute;inset:0;transform:scale(0)}.mini-card-body .btn.btn-outline-secondary.btn-sm:active:after{opacity:1;transition:none;transform:scale(1)}.mini-card-body .btn.btn-outline-secondary.btn-sm.btn-quiz-xs{min-width:36px;height:30px;padding:0 8px 0 24px;font-size:12px}.mini-card-body .btn.btn-outline-secondary.btn-sm.btn-quiz-xs:before{background-size:12px 12px;width:12px;height:12px;left:7px}@media (prefers-reduced-motion:reduce){.mini-card-body .btn.btn-outline-secondary.btn-sm,.mini-card-body .btn.btn-outline-secondary.btn-sm:before,.mini-card-body .btn.btn-outline-secondary.btn-sm:after{transition:none!important}}:root{--md-primary:#e4f70a;--md-secondary:#d2e600;--md-muted:#6b7280;--md-surface:#fff;--md-on-surface:#0b0b0d;--md-surface-variant:#f7f7f5;--md-outline:#e6e7e2;--md-on-primary:#0b0b0d;--md-radius:16px;--md-state:#00000014;--elev-1:0 8px 24px #00000014;--elev-2:0 12px 30px #0000001f}html,body{background:var(--md-surface-variant);height:100%;color:var(--md-on-surface)}body{-webkit-tap-highlight-color:transparent;font-size:15px}.appbar{background:var(--md-surface);border-bottom:1px solid var(--md-outline);z-index:1030;position:sticky;top:0}.appbar .brand{letter-spacing:.3px;align-items:center;gap:.6rem;font-weight:700;display:flex}.chip{background:var(--md-surface-variant);border:1px solid var(--md-outline);color:var(--md-muted);border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.85rem;display:inline-flex}.md-tabs{flex-wrap:nowrap;gap:.5rem;padding-bottom:.25rem;overflow:auto}.md-tab{border:1px solid var(--md-outline);background:var(--md-surface);color:var(--md-on-surface);min-width:3rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;transition:all .2s;display:flex}.md-tab.active,.md-tab[aria-selected=true]{background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--elev-1);border-color:#0000}.md-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--md-radius);box-shadow:var(--elev-1)}.md-card-header{border-bottom:1px solid var(--md-outline);background:var(--md-surface);border-radius:var(--md-radius) var(--md-radius) 0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.md-card-body{padding:1rem}.wrapper12{background:var(--md-surface);border:1px solid var(--md-outline);box-shadow:var(--elev-1);border-radius:12px;margin-bottom:1rem}.wrapper12 .title12{color:var(--md-on-surface);border-bottom:1px solid var(--md-outline);background:var(--md-surface-variant);border-radius:12px 12px 0 0;padding:.8rem 1rem;font-weight:600}.wrapper12 .box12{padding:.8rem 1rem 1rem}.wrapper12 .box12 input[type=radio]{display:none}.wrapper12 .box12 label.label12{border:1px solid var(--md-outline);background:var(--md-surface);cursor:pointer;border-radius:12px;align-items:center;gap:.6rem;min-height:48px;margin:.5rem 0;padding:.6rem .8rem;transition:all .2s;display:flex}.label12 .select-dots12{background:#d9d9d9;border-radius:50%;flex:0 0 20px;width:20px;height:20px;transition:all .2s;position:relative}.label12 .select-dots12:before{content:"";background:var(--md-primary);border-radius:50%;width:10px;height:10px;margin:auto;transition:all .2s;position:absolute;inset:0;transform:scale(0)}.label12 .text12{color:var(--md-on-surface);font-size:.95rem}.wrapper12 .box12 input[type=radio]:checked+label.label12{background:color-mix(in oklab, var(--md-primary) 12%, white);box-shadow:var(--elev-1);border-color:#0000}.wrapper12 .box12 input[type=radio]:checked+label.label12 .text12{color:var(--md-on-surface)}.wrapper12 .box12 input[type=radio]:checked+label.label12 .select-dots12{border:1px solid var(--md-primary);background:#fff}.wrapper12 .box12 input[type=radio]:checked+label.label12 .select-dots12:before{transform:scale(1)}.smain{box-sizing:border-box;box-shadow:var(--elev-1);background-color:var(--md-surface-variant);border:1px solid var(--md-outline);border-radius:12px;margin-bottom:1rem;padding:1rem;line-height:1.8}.reading-pane,.answers-pane{max-height:70vh;overflow:auto}.color-input{border:1px solid var(--md-outline);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:8px;width:48px;height:34px;padding:4px;position:relative}.color-preview{float:left;border-radius:6px;width:90%;height:20px}.color-input i.fa{float:right;color:var(--md-muted);margin-top:3px;margin-right:3px;font-size:11px}.color-conteiner{z-index:999;border:1px solid var(--md-outline);width:210px;box-shadow:var(--elev-2);background:#fff;border-radius:12px;margin-top:6px;padding:6px;display:none;position:absolute;top:100%;right:0}.main-color,.sub-color{float:left;cursor:pointer;text-align:center;border-radius:8px;width:30px;height:30px;margin:4px}.sub-color{height:22px;margin-top:8px}.color-thumb.no-color{border:1px dashed var(--md-outline);border-radius:8px;width:30px;height:30px}.clear{clear:both}.utility-rail{position:sticky;top:80px}.mini-card{border:1px solid var(--md-outline);background:var(--md-surface);box-shadow:var(--elev-1);border-radius:12px}.mini-card-header{border-bottom:1px solid var(--md-outline);align-items:center;gap:.6rem;padding:.6rem .8rem;font-weight:600;display:flex}.mini-card-body{padding:.8rem}@media (max-width:992px){.answers-pane,.reading-pane{max-height:unset}.utility-rail{position:static;top:auto}}.cur{cursor:crosshair}.notsel{-webkit-user-select:none}td{text-align:center}.fab-finish{background:linear-gradient(135deg, var(--md-primary), var(--md-secondary));color:#0b0b0d;box-shadow:var(--elev-2);z-index:1040;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.9rem 1.2rem;transition:filter .2s,transform 20ms;display:flex;position:fixed;bottom:16px;right:16px}.fab-finish:hover{filter:brightness(1.05)}.fab-finish:active{transform:translateY(1px)}.btn-primary:focus,.btn-primary:active{box-shadow:0 0 0 .2rem #0a6b5b40!important}.border-success{border-color:#10b981!important}.border-warning{border-color:#f59e0b!important}.border-danger{border-color:#f87171!important}.btn-outline-primary:hover{background-color:var(--md-primary)!important;border-color:var(--md-primary)!important;color:#fff!important}.btn-outline-success{color:#10b981!important;border-color:#10b981!important}.btn-outline-success:hover{color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.bg-success{background-color:#10b981!important}.bg-warning{background-color:#f59e0b!important}.bg-danger{background-color:#f87171!important}.md-card-header .md-tabs{width:100%;margin:0 auto;padding-left:0;list-style:none}.md-tabs .btn{border-radius:12px;min-width:40px;font-weight:600;transition:all .2s}.md-tabs .btn i{color:var(--md-primary);font-size:13px}.md-tabs .btn:hover:not(.active){border-color:var(--md-primary);background:#0a6b5b14}.md-tabs .btn.active{background:linear-gradient(135deg, var(--md-primary), var(--md-secondary));color:var(--md-on-primary);border-color:var(--md-primary)}.md-tabs .btn.active i{color:var(--md-on-primary)}@media (max-width:576px){.md-tabs{gap:.4rem}.md-tabs .btn{padding:.35rem .6rem}}:root{--md-surface:#fff;--md-text:#0b0b0d;--md-outline:#e6e7e2;--md-danger:#f87171;--md-danger-ink:#fff1f2;--md-primary:#e4f70a;--md-shadow:0 8px 28px #00000024, 0 6px 10px #00000014;--md-radius:18px}@media (prefers-color-scheme:dark){:root{--md-surface:#0b1020;--md-text:#e5e7eb;--md-outline:#1f2937;--md-danger:#f87171;--md-danger-ink:#2b0f12;--md-primary:#d2e600;--md-shadow:0 12px 32px #00000073, 0 4px 10px #00000059}}.md-modal .modal-content{background:var(--md-surface);color:var(--md-text);border:1px solid var(--md-outline);border-radius:var(--md-radius);box-shadow:var(--md-shadow);overflow:hidden}.md-modal .modal-header{border-bottom:1px solid var(--md-outline);background:linear-gradient(180deg, var(--md-danger-ink), transparent 110%);align-items:center;gap:.75rem;padding-block:.9rem;display:flex}.md-modal .md-icon-chip{background:var(--md-danger);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;animation:.22s ease-out md-pop;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff26}.md-modal .modal-title{letter-spacing:.2px;font-weight:700}.md-modal .modal-body{padding-top:1rem;font-size:.975rem;line-height:1.5}.md-modal .modal-footer{border-top:1px solid var(--md-outline);gap:.5rem}.md-btn{border:1px solid #0000;border-radius:12px;padding:.6rem 1rem;font-weight:600;transition:transform 80ms,box-shadow .2s,background-color .2s;position:relative;overflow:hidden}.md-btn--tonal{color:#3730a3;background:#eef2ff;border-color:#e0e7ff}.md-btn--tonal:hover{background:#e0e7ff}.md-btn--filled{background:var(--md-primary);color:#fff;box-shadow:0 3px 10px #0a6b5b47}.md-ripple{pointer-events:none;position:absolute;inset:0}.md-ripple>span{opacity:.35;background:currentColor;border-radius:50%;animation:.55s ease-out md-ripple;position:absolute;transform:scale(0)}@media (max-width:576px){.md-modal .modal-dialog{margin:.75rem}.md-modal .modal-content{border-radius:16px}}body{-webkit-user-select:none;user-select:none;min-height:100vh;background-color:#f8f9fa!important}@media (prefers-reduced-motion:reduce){.md-ink{opacity:.12;animation:none;transform:translate(-50%,-50%)scale(.6)}}.btn-primary{transition:filter .2s;background:linear-gradient(135deg, var(--md-primary), var(--md-secondary))!important;border:none!important}.alert-success{color:#047857!important;background-color:#10b9811a!important;border-color:#10b981!important}.alert-warning{color:#92400e!important;background-color:#f59e0b1a!important;border-color:#f59e0b!important}.alert-danger{color:#991b1b!important;background-color:#f871711a!important;border-color:#f87171!important}.badge-success{background-color:#10b981!important}.badge-warning{background-color:#f59e0b!important}.badge-danger{background-color:#f87171!important}.modal-header.bg-info{background:linear-gradient(135deg, var(--md-primary), var(--md-secondary))!important}.modal-header.bg-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.modal-header.bg-danger{background:linear-gradient(135deg,#f87171,#fca5a5)!important}.modal-header.bg-success{background:linear-gradient(135deg,#10b981,#34d399)!important}@media (max-width:576px){.md-body{padding:1rem}.md-foot{padding:.85rem 1rem}.cam-wrap{width:48vw}}@keyframes md-rip{0%{opacity:.18;transform:scale(0)}to{opacity:0;transform:scale(1)}}@media (max-width:480px){.md-dialog .md-actions{flex-direction:column;align-items:stretch}.md-btn{width:100%}}:root{--q-primary-50:#e8f5f3;--q-primary-100:#d1ebe7;--q-primary-200:#a3d7cf;--q-primary-300:#75c3b7;--q-primary-400:#47af9f;--q-primary-500:#d2e600;--q-primary-600:#e4f70a;--q-primary-700:#085548;--q-primary-800:#063f36;--q-primary-900:#042a24;--q-success-50:#f0fdf4;--q-success-100:#dcfce7;--q-success-200:#bbf7d0;--q-success-300:#86efac;--q-success-400:#4ade80;--q-success-500:#22c55e;--q-success-600:#10b981;--q-success-700:#15803d;--q-success-800:#166534;--q-warning-50:#fffbeb;--q-warning-100:#fef3c7;--q-warning-200:#fde68a;--q-warning-300:#fcd34d;--q-warning-400:#fbbf24;--q-warning-500:#f59e0b;--q-warning-600:#d97706;--q-warning-700:#b45309;--q-danger-50:#fef2f2;--q-danger-100:#fee2e2;--q-danger-200:#fecaca;--q-danger-300:#fca5a5;--q-danger-400:#f87171;--q-danger-500:#f87171;--q-danger-600:#f87171;--q-danger-700:#f87171;--q-info-50:#e8f5f3;--q-info-100:#d1ebe7;--q-info-200:#a3d7cf;--q-info-300:#75c3b7;--q-info-400:#47af9f;--q-info-500:#d2e600;--q-info-600:#e4f70a;--q-info-700:#085548;--q-gray-50:#f9fafb;--q-gray-100:#f3f4f6;--q-gray-200:#e5e7eb;--q-gray-300:#d1d5db;--q-gray-400:#9ca3af;--q-gray-500:#6b7280;--q-gray-600:#4b5563;--q-gray-700:#374151;--q-gray-800:#1f2937;--q-gray-900:#111827;--q-fg:var(--q-gray-700);--q-fg-light:var(--q-gray-600);--q-fg-lighter:var(--q-gray-500);--q-border:var(--q-gray-300);--q-border-light:var(--q-gray-200);--q-bg-light:var(--q-gray-50);--q-bg-white:#fff;--q-primary:var(--q-primary-600);--q-success:var(--q-success-600);--q-warning:var(--q-warning-500);--q-danger:var(--q-danger-500);--q-info:var(--q-info-500);--q-space-xs:.25rem;--q-space-sm:.5rem;--q-space-md:1rem;--q-space-lg:1.5rem;--q-space-xl:2rem;--q-space-2xl:3rem;--q-radius-sm:.375rem;--q-radius:.5rem;--q-radius-md:.75rem;--q-radius-lg:1rem;--q-radius-xl:1.5rem;--q-radius-full:9999px;--q-font-size-xs:.75rem;--q-font-size-sm:.875rem;--q-font-size-base:1rem;--q-font-size-lg:1.125rem;--q-font-size-xl:1.25rem;--q-font-size-2xl:1.5rem;--q-font-size-3xl:1.875rem;--q-shadow-xs:0 1px 2px 0 #0000000d;--q-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--q-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--q-shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}body{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--q-font-size-base);color:var(--q-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background:#f8f9fa;margin:0;padding:0;line-height:1.6}.brlfrst{-webkit-filter:blur(9px)}.btn-primary{background:linear-gradient(135deg, var(--q-primary-600), var(--q-primary-500))!important;border-color:var(--q-primary-600)!important;color:#0b0b0d!important}.btn-primary:hover{background:linear-gradient(135deg, var(--q-primary-700), var(--q-primary-600))!important;border-color:var(--q-primary-700)!important}.bg-info{background-color:var(--q-info-600)!important}.text-info{color:var(--q-info-600)!important}.alert-info{border-color:var(--q-primary-600)!important;color:#085548!important;background-color:#0a6b5b1a!important}.badge-primary{background-color:var(--q-primary-600)!important}::-webkit-scrollbar-track{background:var(--q-gray-100)}::-webkit-scrollbar-thumb{background:var(--q-primary-200);border-radius:var(--q-radius-full)}.header-content{color:var(--q-fg);padding:var(--q-space-md) 0;max-width:1600px;padding-left:var(--q-space-xl);padding-right:var(--q-space-xl);justify-content:space-between;align-items:center;gap:var(--q-space-md);background:#fff;border-bottom:1px solid #e9ecef;flex-wrap:wrap;margin:0 auto;display:flex}.section-divider{color:var(--q-fg-light);font-weight:400;font-size:var(--q-font-size-lg);margin:0 var(--q-space-sm)}.section-name{align-items:center;gap:var(--q-space-xs);font-size:var(--q-font-size-lg);color:var(--q-fg);font-weight:700;display:inline-flex}.section-name i{font-size:var(--q-font-size-xl);color:var(--q-primary)}.language-badge{align-items:center;gap:var(--q-space-xs);padding:var(--q-space-sm) var(--q-space-lg);background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;border-radius:var(--q-radius-full);font-weight:600;font-size:var(--q-font-size-sm);display:inline-flex}.language-badge i{font-size:var(--q-font-size-base)}.container-wrapper{max-width:1600px;padding:var(--q-space-xl);margin:0 auto}.content-grid{gap:var(--q-space-xl);grid-template-columns:1fr;display:grid}@media (min-width:992px){.content-grid{grid-template-columns:9fr 3fr}}.question-card{border-radius:var(--q-radius-lg);background:#fff;border:1px solid #dee2e6;overflow:hidden}.card-header-custom{background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;padding:var(--q-space-md) var(--q-space-lg);justify-content:space-between;align-items:center;gap:var(--q-space-md);flex-wrap:wrap;display:flex}.question-number{align-items:center;gap:var(--q-space-xs);font-weight:600;font-size:var(--q-font-size-base);display:inline-flex}.header-controls-group{align-items:center;gap:var(--q-space-lg);display:flex}.volume-control{align-items:center;gap:var(--q-space-md);padding:var(--q-space-xs) var(--q-space-md);border-radius:var(--q-radius-full);background:#ffffff26;border:1px solid #ffffff40;display:flex}.volume-control i{font-size:var(--q-font-size-lg);color:#fff;opacity:.9}.volume-control input[type=range]{appearance:none;border-radius:var(--q-radius-full);cursor:pointer;background:0 0;outline:none;width:140px;height:18px}.volume-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .15s;box-shadow:0 2px 4px #0003}.volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 6px #0000004d}.volume-control input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05)}.volume-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .15s;box-shadow:0 2px 4px #0003}.volume-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 6px #0000004d}.volume-control input[type=range]::-moz-range-thumb:active{transform:scale(1.05)}.volume-control input[type=range]::-webkit-slider-runnable-track{border-radius:var(--q-radius-full);background:#ffffff4d;height:6px}.volume-control input[type=range]::-moz-range-track{border-radius:var(--q-radius-full);background:#ffffff4d;border:none;height:6px}.volume-control input[type=range]::-moz-range-progress{border-radius:var(--q-radius-full);background:#ffffff80;height:6px}.card-body-custom{padding:var(--q-space-xl)}.loading-indicator{text-align:center;padding:var(--q-space-2xl)}.loading-indicator img{border-radius:var(--q-radius-md);width:100%;max-width:200px}.font-controls{gap:var(--q-space-md);margin:var(--q-space-lg) 0;justify-content:center;display:flex}.font-btn{justify-content:center;align-items:center;gap:var(--q-space-sm);padding:var(--q-space-sm) var(--q-space-xl);border:2px solid var(--q-primary-200);border-radius:var(--q-radius-full);background:linear-gradient(135deg, #fff 0%, var(--q-primary-50) 100%);color:var(--q-primary);font-weight:600;font-size:var(--q-font-size-base);cursor:pointer;min-width:110px;box-shadow:var(--q-shadow-xs);transition:all .2s;display:inline-flex}.font-btn:hover{border-color:var(--q-primary-500);background:linear-gradient(135deg, var(--q-primary-50) 0%, var(--q-primary-100) 100%);color:var(--q-primary-700);box-shadow:var(--q-shadow-sm);transform:translateY(-1px)}.font-btn:active{box-shadow:var(--q-shadow-xs);transform:translateY(0)}.font-btn:focus{border-color:var(--q-primary-200);outline:none}.font-btn i{font-size:var(--q-font-size-lg)}.card-header-custom .font-btn{min-width:44px;padding:var(--q-space-xs) var(--q-space-sm);color:#fff;font-size:var(--q-font-size-sm);background:#ffffff26;border-color:#ffffff4d}.card-header-custom .font-btn:hover{color:#fff;background:#ffffff40;border-color:#ffffff80}.card-header-custom .font-btn:active,.card-header-custom .font-btn:focus{border-color:#ffffff4d;outline:none}.card-header-custom .font-btn i{font-size:var(--q-font-size-base)}.card-header-custom .font-controls{gap:var(--q-space-xs)}.image-btn{align-items:center;gap:var(--q-space-sm);padding:var(--q-space-sm) var(--q-space-lg);border:2px solid var(--q-info-500);border-radius:var(--q-radius);background:var(--q-info-50);color:var(--q-info-700);cursor:pointer;font-weight:600;display:inline-flex}.image-btn:hover{background:var(--q-info-100)}.question-text{padding:var(--q-space-lg);font-size:var(--q-font-size-base);color:var(--q-fg);line-height:1.7}.sidebar-panel{top:calc(var(--q-space-xl) + 80px);align-self:start;position:sticky}.progress-wrapper{border-radius:var(--q-radius-lg);padding:var(--q-space-lg);margin-bottom:var(--q-space-lg);background:#fff;border:1px solid #dee2e6}.steps-container{gap:var(--q-space-sm);flex-flow:wrap;justify-content:center;align-items:center;display:flex}.step-item{width:50px;height:50px;font-weight:700;font-size:var(--q-font-size-base);color:var(--q-gray-500);background:#f8f9fa;border:2px solid #dee2e6;border-radius:50%;justify-content:center;align-items:center;display:flex}.step-item.completed{background:linear-gradient(135deg, var(--q-success-600) 0%, var(--q-success-500) 100%);border-color:var(--q-success-600);color:#fff}.step-item.active{background:linear-gradient(135deg, var(--q-primary-600) 0%, var(--q-primary-500) 100%);border-color:var(--q-primary-600);color:#fff;box-shadow:0 0 0 4px #4f46e51a}.timer-card{border-radius:var(--q-radius-lg);margin-bottom:var(--q-space-lg);background:#fff;border:1px solid #dee2e6;overflow:hidden}.timer-header{background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;padding:var(--q-space-md) var(--q-space-lg);text-align:center}.timer-status{font-weight:900;font-size:var(--q-font-size-2xl)}.timer-body{padding:var(--q-space-lg)}.countdown-display{text-align:center;padding:var(--q-space-xl) 0}.countdown-number{color:var(--q-primary);font-variant-numeric:tabular-nums;font-size:5rem;font-weight:900;line-height:1}.mic-visualization{padding:var(--q-space-md);text-align:center}.recording-indicator{justify-content:center;align-items:center;gap:var(--q-space-sm);margin-bottom:var(--q-space-md);color:var(--q-danger-600);font-weight:600;display:flex}.recording-pulse{background:var(--q-danger-500);border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}#waves{width:100%;max-width:100%}.video-container-fixed{bottom:var(--q-space-xl);right:var(--q-space-xl);border-radius:var(--q-radius-lg);border:3px solid var(--q-primary-500);z-index:1000;background:#000;width:180px;height:110px;display:none;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000026}.video-container-fixed video{object-fit:cover;width:100%;height:100%}.modal-header-custom{background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;padding:var(--q-space-xl);border:none}.modal-header-custom.warning{background:linear-gradient(135deg, var(--q-warning-600) 0%, var(--q-warning-500) 100%)}.modal-header-custom.danger{background:linear-gradient(135deg, var(--q-danger-600) 0%, var(--q-danger-500) 100%)}.modal-header-custom h5{font-weight:600;font-size:var(--q-font-size-xl);margin:0}.modal-body-custom{padding:var(--q-space-2xl)}.status-table{margin:var(--q-space-xl) 0}.status-table th{background:var(--q-info-50);color:var(--q-info-700);font-weight:600}.confirmation-box{background:var(--q-warning-50);border:2px solid var(--q-warning-200);border-radius:var(--q-radius-md);padding:var(--q-space-xl);margin:var(--q-space-xl) 0}.action-btn{padding:var(--q-space-sm) var(--q-space-xl);border-radius:var(--q-radius);background:linear-gradient(135deg, var(--q-primary-600) 0%, var(--q-primary-500) 100%);color:#fff;font-weight:600;font-size:var(--q-font-size-base);cursor:pointer;border:none}.action-btn:hover{background:linear-gradient(135deg, var(--q-primary-700) 0%, var(--q-primary-600) 100%)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.success{background:linear-gradient(135deg, var(--q-success-600) 0%, var(--q-success-500) 100%)}.action-btn.info{background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%)}@media (max-width:991px){.header-content{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr}.sidebar-panel{position:static}.video-container-fixed{width:140px;height:85px;bottom:var(--q-space-md);right:var(--q-space-md)}}@media (max-width:576px){.container-wrapper{padding:var(--q-space-md)}.header-content{padding-left:var(--q-space-md);padding-right:var(--q-space-md);padding-top:var(--q-space-sm);padding-bottom:var(--q-space-sm)}.user-info-header{font-size:var(--q-font-size-base)}.card-body-custom{padding:var(--q-space-md)}.font-btn{min-width:60px;font-size:var(--q-font-size-xs)}.countdown-number{font-size:3rem}.video-container-fixed{width:120px;height:75px}}@media (prefers-reduced-motion:reduce){.md-ink{opacity:.12;animation:none;transform:translate(-50%,-50%)scale(.6)}}.text-primary{color:var(--md-primary)!important}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}.text-danger{color:#f87171!important}.border-primary{border-color:var(--md-primary)!important}.btn-primary{background:linear-gradient(135deg, var(--md-primary), var(--md-secondary))!important;border:none!important}.btn-primary:hover{filter:brightness(1.05)!important}.btn-outline-primary{color:var(--md-primary)!important;border-color:var(--md-primary)!important}.btn-outline-primary:hover{background-color:var(--md-primary)!important;color:#fff!important}.bg-primary{background-color:var(--md-primary)!important}@media (max-width:576px){.md-body{padding:1rem}.md-foot{padding:.85rem 1rem}.cam-wrap{width:48vw}}#micWave{background:#f1f5f9;border-radius:12px;min-height:56px;overflow:hidden}#micWaveCanvas{width:100%;height:56px;display:block}:root{--md-primary:#e4f70a;--md-secondary:#d2e600;--md-surface:#fff;--md-on-surface:#111827;--md-muted:#6b7280;--md-radius:20px}.modal-backdrop.show{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0a0f1e59}.md-dialog .modal-dialog{max-width:680px;margin:1.25rem auto}.md-dialog .modal-content{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--md-radius);overflow:hidden}.md-dialog .md-header{padding:20px 24px 8px}.md-dialog .md-title{color:var(--md-on-surface);letter-spacing:.2px;margin:0;font-size:22px;font-weight:800;line-height:1.25}.md-dialog .modal-body{color:#1f2937;padding:10px 24px 6px;font-size:16px;line-height:1.55}.md-dialog .md-actions{background:linear-gradient(#0000,#00000005);justify-content:flex-end;gap:.5rem;padding:8px 12px 14px;display:flex}.md-dialog .md-close{color:#475569;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid;position:absolute;top:10px;right:10px}.md-dialog .md-close:hover{color:#111827;background:#6366f114}.md-btn{--bg:transparent;--fg:var(--md-primary);letter-spacing:.3px;color:var(--fg);background:var(--bg);border:0;border-radius:999px;padding:10px 18px;font-weight:700;transition:filter .15s,transform 20ms;position:relative;overflow:hidden}.md-btn--text{--bg:transparent;--fg:var(--md-primary)}.md-btn--tonal{--bg:#eef2ff;--fg:var(--md-primary)}.md-btn--filled{--bg:linear-gradient(135deg,var(--md-primary),var(--md-secondary));--fg:#fff}.md-btn--filled:hover{filter:brightness(.96)}.md-ripple:before{content:"";border-radius:inherit;opacity:0;background:currentColor;position:absolute;inset:0;transform:scale(0)}.md-ripple[data-rippling="1"]:before{animation:.45s ease-out forwards md-rip}@media (max-width:480px){.md-dialog .md-actions{flex-direction:column;align-items:stretch}.md-btn{width:100%}}#micWave{background:#f1f5f9;border-radius:10px;min-height:42px}:root{--q-primary-50:#e8f5f3;--q-primary-100:#d1ebe7;--q-primary-200:#a3d7cf;--q-primary-300:#75c3b7;--q-primary-400:#47af9f;--q-primary-500:#d2e600;--q-primary-600:#e4f70a;--q-primary-700:#085548;--q-primary-800:#063f36;--q-primary-900:#042a24;--q-success-50:#f0fdf4;--q-success-100:#dcfce7;--q-success-200:#bbf7d0;--q-success-300:#86efac;--q-success-400:#4ade80;--q-success-500:#22c55e;--q-success-600:#10b981;--q-success-700:#15803d;--q-success-800:#166534;--q-warning-50:#fffbeb;--q-warning-100:#fef3c7;--q-warning-200:#fde68a;--q-warning-300:#fcd34d;--q-warning-400:#fbbf24;--q-warning-500:#f59e0b;--q-warning-600:#d97706;--q-warning-700:#b45309;--q-danger-50:#fef2f2;--q-danger-100:#fee2e2;--q-danger-200:#fecaca;--q-danger-300:#fca5a5;--q-danger-400:#f87171;--q-danger-500:#f87171;--q-danger-600:#f87171;--q-danger-700:#ef4444;--q-info-50:#e8f5f3;--q-info-100:#d1ebe7;--q-info-200:#a3d7cf;--q-info-300:#75c3b7;--q-info-400:#47af9f;--q-info-500:#d2e600;--q-info-600:#e4f70a;--q-info-700:#085548;--q-gray-50:#f9fafb;--q-gray-100:#f3f4f6;--q-gray-200:#e5e7eb;--q-gray-300:#d1d5db;--q-gray-400:#9ca3af;--q-gray-500:#6b7280;--q-gray-600:#4b5563;--q-gray-700:#374151;--q-gray-800:#1f2937;--q-gray-900:#111827;--q-fg:var(--q-gray-700);--q-fg-light:var(--q-gray-600);--q-fg-lighter:var(--q-gray-500);--q-border:var(--q-gray-300);--q-border-light:var(--q-gray-200);--q-bg-light:var(--q-gray-50);--q-bg-white:#fff;--q-primary:var(--q-primary-600);--q-success:var(--q-success-600);--q-warning:var(--q-warning-500);--q-danger:var(--q-danger-500);--q-info:var(--q-info-500);--q-primary-subtle:var(--q-primary-50);--q-primary-border:var(--q-primary-200);--q-success-subtle:var(--q-success-50);--q-success-border:var(--q-success-200);--q-warning-subtle:var(--q-warning-50);--q-warning-border:var(--q-warning-200);--q-danger-subtle:var(--q-danger-50);--q-danger-border:var(--q-danger-200);--q-info-subtle:var(--q-info-50);--q-info-border:var(--q-info-200);--q-shadow-xs:0 1px 2px 0 #0000000d;--q-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--q-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--q-shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--q-shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--q-shadow-xl:0 25px 50px -12px #00000040;--q-space-xs:.25rem;--q-space-sm:.5rem;--q-space-md:1rem;--q-space-lg:1.5rem;--q-space-xl:2rem;--q-space-2xl:3rem;--q-radius-sm:.375rem;--q-radius:.5rem;--q-radius-md:.75rem;--q-radius-lg:1rem;--q-radius-xl:1.5rem;--q-radius-full:9999px;--q-font-size-xs:.75rem;--q-font-size-sm:.875rem;--q-font-size-base:1rem;--q-font-size-lg:1.125rem;--q-font-size-xl:1.25rem;--q-font-size-2xl:1.5rem;--q-font-size-3xl:1.875rem;--q-font-weight-normal:400;--q-font-weight-medium:500;--q-font-weight-semibold:600;--q-font-weight-bold:700;--q-line-height-tight:1.25;--q-line-height-normal:1.5;--q-line-height-relaxed:1.75;--q-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--q-transition-base:.2s cubic-bezier(.4, 0, .2, 1);--q-transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{border-radius:var(--q-radius-full);background:#f1f3f5}::-webkit-scrollbar-thumb{background:var(--q-primary-200);border-radius:var(--q-radius-full);border:2px solid #f1f3f5}::-webkit-scrollbar-thumb:hover{background:var(--q-primary-400)}*{scrollbar-width:thin;scrollbar-color:var(--q-primary-200) #f1f3f5}html{scroll-behavior:smooth}body{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--q-font-size-base);color:var(--q-fg);line-height:var(--q-line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa fixed;margin:0;padding:0}.notsel{-webkit-user-select:none;user-select:none}#defaultCanvas0,#tracingVideo{display:none}.modern-header{z-index:1000;margin:0;padding:0;position:sticky;top:0}.header-content{color:var(--q-fg);padding:var(--q-space-md) var(--q-space-xl);border-radius:0 0 var(--q-radius-md) var(--q-radius-md);justify-content:space-between;align-items:center;gap:var(--q-space-xl);background:#fff;border-bottom:1px solid #e9ecef;display:flex}.header-left{align-items:center;gap:var(--q-space-md);flex:none;display:flex}.header-center{flex:1;justify-content:end;align-items:center;display:flex}.header-right{flex:none;justify-content:flex-end;align-items:center;display:flex}.header-title{align-items:center;gap:var(--q-space-sm);font-size:var(--q-font-size-sm);letter-spacing:0;color:var(--q-fg-light);margin:0;font-weight:500;display:flex}.header-title i{font-size:var(--q-font-size-base);color:var(--q-primary)}.user-info-header{align-items:center;gap:var(--q-space-sm);font-size:var(--q-font-size-lg);color:var(--q-fg);font-weight:700;display:inline-flex}.user-info-header i{font-size:var(--q-font-size-xl);color:var(--q-primary)}.container-wrapper{max-width:1600px;padding:0 var(--q-space-xl) var(--q-space-xl);gap:var(--q-space-sm);flex-direction:column;margin:0 auto;display:flex}.subcontainer-wrapper{gap:var(--q-space-xl);grid-template-columns:1fr;display:grid}.main-container{min-width:0}.modern-tabs{padding:var(--q-space-sm);margin-bottom:var(--q-space-md);border-radius:var(--q-radius-lg);gap:var(--q-space-sm);background:#fff;border:1px solid #e9ecef;flex-wrap:wrap;align-items:center;list-style:none;display:flex}.modern-tabs .nav-item{margin:0;padding:0;list-style:none;display:inline-block}.nav-tabs-wrapper{margin-bottom:0}.modern-tabs.nav-pills .nav-link{background:0 0;border:none;margin:0;padding:0}.tab-button{text-align:left;align-items:center;gap:var(--q-space-sm);width:100%;padding:var(--q-space-sm) var(--q-space-lg);border-radius:var(--q-radius-md);color:var(--q-fg);font-weight:500;font-size:var(--q-font-size-sm);cursor:pointer;background:#f8f9fa;border:2px solid #e9ecef;display:inline-flex;position:relative;overflow:hidden}.tab-button:before{content:"";background:var(--q-primary-subtle);opacity:0;z-index:0;position:absolute;inset:0}.tab-button:hover:before{opacity:1}.tab-button:hover{border-color:var(--q-primary-border);color:var(--q-primary)}.tab-button i,.tab-button span{z-index:1;position:relative}.tab-button i{font-size:var(--q-font-size-base)}.tab-button.active{background:linear-gradient(135deg, var(--q-primary-600) 0%, var(--q-primary-500) 100%);border-color:var(--q-primary-600);color:#fff}.tab-button.active:before{display:none}.tab-button:active,.tab-button:focus{border-color:#e9ecef;outline:none}.tab-button.active:active,.tab-button.active:focus{border-color:var(--q-primary-600);outline:none}.content-card{border-radius:var(--q-radius-lg);background:#fff;border:1px solid #dee2e6;overflow:visible}.content-card:hover{border-color:var(--q-primary-300)}.card-header-custom{background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;padding:var(--q-space-md) var(--q-space-lg);justify-content:space-between;align-items:center;gap:var(--q-space-md);border-bottom:1px solid var(--q-info-700);border-radius:var(--q-radius-lg) var(--q-radius-lg) 0 0;flex-wrap:wrap;display:flex}.card-header-custom h5{letter-spacing:.005em;margin:0;font-size:.9375rem;font-weight:500}.card-header-custom div{font-size:.9375rem;line-height:1.5}.editor-controls{gap:var(--q-space-sm);display:flex}.icon-btn{border-radius:var(--q-radius-md);color:#fff;cursor:pointer;width:40px;height:40px;font-size:var(--q-font-size-lg);background:#ffffff26;border:1px solid #ffffff40;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:#ffffff40}.icon-btn:active{background:#ffffff4d}.word-count-alert{justify-content:flex-end;align-items:center;gap:var(--q-space-xs);padding:var(--q-space-sm) var(--q-space-lg);color:var(--q-fg-lighter);font-variant-numeric:tabular-nums;background:0 0;border:none;margin:0;font-size:.8125rem;font-weight:400;line-height:1.5;display:flex}.word-count-alert strong{font-size:.875rem;font-weight:600}.alert-info-custom{color:var(--q-fg-lighter)}.alert-warning-custom,.alert-warning-custom strong{color:var(--q-danger-600)}.alert-success-custom,.alert-success-custom strong{color:var(--q-success-600)}.reference-header{border-radius:var(--q-radius-md);padding:var(--q-space-md) var(--q-space-lg);margin-bottom:var(--q-space-lg);justify-content:flex-end;align-items:center;gap:var(--q-space-md);top:var(--q-space-lg);z-index:10;background:#fff;border:1px solid #e9ecef;display:flex;position:sticky}.reference-title{align-items:center;gap:var(--q-space-xs);font-weight:600;font-size:var(--q-font-size-sm);color:var(--q-fg);margin:0;display:flex}.reference-title i{font-size:var(--q-font-size-base);color:var(--q-primary)}.timer-display-header{padding:var(--q-space-sm) var(--q-space-xl);background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;border-radius:var(--q-radius-md);border:1px solid var(--q-info-700);justify-content:center;align-items:center;display:flex}.timer-display-header .timer-text{font-size:var(--q-font-size-xl);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-weight:700}.font-controls{gap:var(--q-space-xs);display:flex}.font-btn{justify-content:center;align-items:center;gap:var(--q-space-xs);padding:var(--q-space-xs) var(--q-space-sm);border-radius:var(--q-radius);color:var(--q-fg);font-weight:500;font-size:var(--q-font-size-xs);cursor:pointer;background:#f8f9fa;border:2px solid #e9ecef;display:inline-flex}.font-btn:hover{border-color:var(--q-primary);background:var(--q-primary-subtle);color:var(--q-primary)}.font-btn:active{transform:scale(.95)}.action-btn-header{padding:var(--q-space-sm) var(--q-space-lg);border-radius:var(--q-radius);background:linear-gradient(135deg, var(--q-primary-600) 0%, var(--q-primary-500) 100%);color:#fff;font-weight:600;font-size:var(--q-font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--q-space-xs);white-space:nowrap;border:none;transition:filter .2s;display:inline-flex}.action-btn-header:hover{filter:brightness(1.1)}.action-btn-header i{font-size:var(--q-font-size-base);background:linear-gradient(135deg, #fff 0%, var(--q-primary-100) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.video-container-fixed{bottom:var(--q-space-xl);right:var(--q-space-xl);border-radius:var(--q-radius-lg);border:3px solid var(--q-primary-500);z-index:1000;background:#000;width:180px;height:110px;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000026}.video-container-fixed video{object-fit:cover;width:100%;height:100%;display:block}.status-indicator-wrapper{right:var(--q-space-xl);z-index:999;gap:var(--q-space-sm);border-radius:var(--q-radius-lg);padding:var(--q-space-sm);background:#fff;border:1px solid #e9ecef;flex-direction:column;max-height:80vh;display:flex;position:fixed;top:50%;overflow:hidden auto;transform:translateY(-50%)}.status-indicator-wrapper.single-task{display:none}.status-indicator-wrapper::-webkit-scrollbar{width:6px}.status-indicator-wrapper::-webkit-scrollbar-track{border-radius:var(--q-radius-full);background:#f1f3f5}.status-indicator-wrapper::-webkit-scrollbar-thumb{background:var(--q-primary-200);border-radius:var(--q-radius-full)}.status-indicator-wrapper::-webkit-scrollbar-thumb:hover{background:var(--q-primary-400)}.status-indicator-item{padding:var(--q-space-sm) var(--q-space-xs);border-radius:var(--q-radius-md);cursor:pointer;background:#f8f9fa;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:55px;display:flex}.status-indicator-item i{font-size:var(--q-font-size-lg);color:var(--q-primary)}.status-indicator-item span{color:var(--q-fg);white-space:nowrap;font-size:.625rem;font-weight:600;line-height:1}.status-indicator-item:hover{background:var(--q-primary-subtle);border-color:var(--q-primary-300)}.status-indicator-item:hover i{color:var(--q-primary-600)}.status-indicator-item.active{background:var(--q-primary-500);border-color:var(--q-primary-600);color:#fff}.status-indicator-item.active i,.status-indicator-item.active span{color:#fff}.content-grid{gap:var(--q-space-xl);grid-template-columns:7fr 5fr;display:grid;position:relative}.scroll-content{max-height:80vh;overflow:visible auto}.scroll-content::-webkit-scrollbar{width:12px}.scroll-content::-webkit-scrollbar-track{border-radius:var(--q-radius-full);background:#f1f3f5;margin:4px 0}.scroll-content::-webkit-scrollbar-thumb{background:var(--q-primary-200);border-radius:var(--q-radius-full);background-clip:padding-box;border:2px solid #0000}.scroll-content::-webkit-scrollbar-thumb:hover{background:var(--q-primary-400);background-clip:padding-box}.task-card{margin-bottom:var(--q-space-xl)}.task-card:last-child{margin-bottom:0}.reference-column-wrapper{top:var(--q-space-lg);align-self:start;position:sticky}.reference-panel{background:linear-gradient(135deg, var(--q-primary-50) 0%, #fff 100%);border-radius:var(--q-radius-md);padding:var(--q-space-2xl);border:1px solid var(--q-primary-200);color:#1a202c;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.7}.reference-panel p{margin-bottom:1.25rem;line-height:1.7}.reference-panel h1,.reference-panel h2,.reference-panel h3,.reference-panel h4,.reference-panel h5,.reference-panel h6{color:#000;margin-bottom:1rem;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.3}.reference-panel ul,.reference-panel ol{margin-bottom:1.25rem;padding-left:2rem;line-height:1.7}.reference-panel li{margin-bottom:.5rem}.reference-panel strong,.reference-panel b{color:#000;font-weight:700}.modal-header-custom{background:linear-gradient(135deg, var(--q-info-600) 0%, var(--q-info-500) 100%);color:#fff;padding:var(--q-space-xl);border-bottom:1px solid var(--q-info-700)}.modal-header-custom h5{align-items:center;gap:var(--q-space-md);font-weight:var(--q-font-weight-semibold);font-size:var(--q-font-size-xl);margin:0;display:flex}.modal-header-custom i{font-size:var(--q-font-size-2xl)}.modal-content{border-radius:var(--q-radius-lg);border:none}.status-badge{align-items:center;gap:var(--q-space-sm);padding:var(--q-space-sm) var(--q-space-lg);border-radius:var(--q-radius-full);font-weight:var(--q-font-weight-medium);font-size:var(--q-font-size-sm);display:inline-flex}.status-success{background:var(--q-success-subtle);color:var(--q-success-700);border:1px solid var(--q-success-border)}.status-warning{background:var(--q-warning-subtle);color:var(--q-warning-700);border:1px solid var(--q-warning-border)}.confirmation-box{background:var(--q-warning-subtle);border:2px solid var(--q-warning-border);border-radius:var(--q-radius-md);padding:var(--q-space-xl);margin:var(--q-space-xl) 0;transition:all var(--q-transition-base)}.confirmation-box.confirmed{background:var(--q-success-subtle);border-color:var(--q-success-border)}.toast-container{z-index:1100!important}.toast-custom{border-radius:var(--q-radius-md);border:1px solid var(--q-warning-border);overflow:hidden}.toast-header-custom{background:linear-gradient(135deg, var(--q-warning-500) 0%, var(--q-warning-600) 100%);color:#fff;padding:var(--q-space-md) var(--q-space-lg);font-weight:var(--q-font-weight-semibold);border:none}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.reference-column-wrapper{margin-top:var(--q-space-xl);position:relative;top:auto}.reference-header{position:relative;top:auto}.scroll-content{max-height:none}.video-container-fixed{width:220px;height:165px;bottom:var(--q-space-lg);right:var(--q-space-lg)}.status-indicator-wrapper{top:auto;bottom:90px;right:var(--q-space-lg);transform:translateY(0)}}@media (max-width:768px){.container-wrapper{padding:0 var(--q-space-lg) var(--q-space-lg)}.header-content{padding:var(--q-space-sm) var(--q-space-lg);flex-wrap:wrap}.header-center{width:100%;margin-top:var(--q-space-sm);order:3}.modern-tabs{padding:var(--q-space-md)}.tab-button{padding:var(--q-space-xs) var(--q-space-md);font-size:var(--q-font-size-xs)}.scroll-content{max-height:500px}.content-grid{gap:var(--q-space-lg)}.video-container-fixed{width:180px;height:135px;bottom:var(--q-space-md);right:var(--q-space-md)}.status-indicator-wrapper{bottom:160px;right:var(--q-space-md);flex-direction:row}.status-indicator-item{min-width:60px;padding:var(--q-space-sm)}.status-indicator-item span{font-size:.65rem}}@media (max-width:576px){.user-info-header{font-size:var(--q-font-size-base)}.user-info-header i{font-size:var(--q-font-size-lg)}.header-title{font-size:var(--q-font-size-xs)}.header-title i{font-size:var(--q-font-size-sm)}.status-indicator-wrapper{bottom:150px;right:var(--q-space-sm);padding:var(--q-space-xs)}.status-indicator-item{min-width:50px;padding:var(--q-space-xs)}.status-indicator-item i{font-size:var(--q-font-size-base)}.tab-button{padding:var(--q-space-xs) var(--q-space-sm);font-size:.6875rem}.card-header-custom{padding:var(--q-space-md) var(--q-space-lg);flex-direction:column;align-items:flex-start}.container-wrapper{padding:0 var(--q-space-md) var(--q-space-md)}.header-content{padding:var(--q-space-xs) var(--q-space-md)}.modern-tabs{padding:var(--q-space-md)}}button:focus-visible,.tab-button:focus-visible,.icon-btn:focus-visible,.font-btn:focus-visible,.action-btn:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--q-primary);outline-offset:2px}.btn-success{background:linear-gradient(135deg, var(--q-success-600) 0%, var(--q-success-500) 100%);border-color:var(--q-success-600);transition:all var(--q-transition-base)}.btn-success:hover{background:linear-gradient(135deg, var(--q-success-700) 0%, var(--q-success-600) 100%);border-color:var(--q-success-700);transform:translateY(-2px)}.btn-outline-secondary{border-color:var(--q-border);color:var(--q-fg);transition:all var(--q-transition-base)}.btn-outline-secondary:hover{background:var(--q-gray-100);border-color:var(--q-gray-400);color:var(--q-fg)}.modal-footer{padding:var(--q-space-lg) var(--q-space-xl);border-top:1px solid var(--q-border-light);gap:var(--q-space-sm)}.table{font-size:var(--q-font-size-sm)}.table thead th{font-weight:var(--q-font-weight-semibold);background:var(--q-gray-50);border-bottom:2px solid var(--q-border)}.editor-wrapper{border-radius:0 0 var(--q-radius-lg) var(--q-radius-lg);padding:0;overflow:visible}.editor-wrapper textarea{display:none}.note-editor{background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}.note-editor.note-frame{border:none!important;margin:0!important;overflow:visible!important}.note-toolbar{padding:var(--q-space-sm) var(--q-space-md)!important;background:#f8f9fa!important;border:none!important;border-bottom:1px solid #dee2e6!important;border-radius:0!important;margin:0!important}.note-btn-group{margin-right:var(--q-space-xs)!important}.note-btn{color:var(--q-fg)!important;border-radius:var(--q-radius-sm)!important;padding:var(--q-space-xs) var(--q-space-sm)!important;font-size:var(--q-font-size-sm)!important;background:#fff!important;border:1px solid #e9ecef!important}.note-btn:hover{background:var(--q-primary-subtle)!important;border-color:var(--q-primary-300)!important;color:var(--q-primary)!important}.note-btn.active,.note-btn:active{background:var(--q-primary-500)!important;border-color:var(--q-primary-600)!important;color:#fff!important}.note-editing-area{border-radius:0 0 var(--q-radius-lg) var(--q-radius-lg)!important;background:#fff!important;overflow:visible!important}.note-editable{color:#1a202c!important;letter-spacing:.01em!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background:#fff!important;min-height:450px!important;max-height:none!important;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:1.0625rem!important;font-weight:400!important;line-height:1.7!important}.note-editable:focus{background:#fff!important;outline:none!important}.note-editable p{margin-bottom:1.25rem;line-height:1.7}.note-editable ul,.note-editable ol{margin-bottom:1.25rem;padding-left:2rem;line-height:1.7}.note-editable li{margin-bottom:.5rem}.note-editable strong,.note-editable b{color:#000;font-weight:700}.note-editable em,.note-editable i{font-style:italic}.note-editable u{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px}.note-statusbar,.note-resizebar{display:none!important}.note-dropdown-menu{border-radius:var(--q-radius)!important;background:#fff!important;border:1px solid #dee2e6!important}.note-dropdown-item{color:var(--q-fg)!important;padding:var(--q-space-sm) var(--q-space-md)!important}.note-dropdown-item:hover{background:var(--q-primary-subtle)!important;color:var(--q-primary)!important}.note-placeholder{color:#94a3b8!important;opacity:.7!important;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-style:normal!important;font-weight:400!important}@media print{.sidebar-fixed,.modern-header,.modern-tabs{display:none!important}.content-card{border:1px solid var(--q-border)}}#imgZoomOverlay{z-index:1080;pointer-events:none;position:fixed;inset:0}#imgZoomOverlay.active{pointer-events:auto}#imgZoomOverlay .imgzoom-backdrop{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;transition:opacity .25s;position:absolute;inset:0}#imgZoomOverlay.active .imgzoom-backdrop{opacity:1}#imgZoomOverlay .imgzoom-close{color:#0f172a;cursor:pointer;opacity:0;z-index:1082;background:#fffffff2;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:transform .25s,opacity .25s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.9)}#imgZoomOverlay.active .imgzoom-close{opacity:1;transform:scale(1)}.imgzoom-clone{will-change:transform, width, height, left, top;z-index:1081;border-radius:12px;margin:0;transition:transform .28s cubic-bezier(.2,.65,.3,1),left .28s cubic-bezier(.2,.65,.3,1),top .28s cubic-bezier(.2,.65,.3,1),width .28s cubic-bezier(.2,.65,.3,1),height .28s cubic-bezier(.2,.65,.3,1);position:fixed;box-shadow:0 20px 60px #00000059}.imgzoom-clone.out{transition:transform .22s;transform:scale(.96)translateZ(0)}img:not(.no-zoom){cursor:zoom-in}img.no-zoom{cursor:default!important}:root{--md-primary:#e4f70a;--md-secondary:#d2e600;--md-muted:#6b7280;--md-surface:#fff;--md-on-surface:#0b0b0d;--md-surface-variant:#f7f7f5;--md-outline:#e6e7e2;--md-on-primary:#0b0b0d;--md-radius:16px;--md-state:#00000014}body{min-height:100vh;background-color:#f8f9fa!important}.md-card{background:var(--md-surface);border:1px solid color-mix(in oklab,var(--md-outline) 70%, transparent);border-radius:var(--md-radius);overflow:hidden;box-shadow:0 2px 8px #00000014}.md-head{color:#fff;background:linear-gradient(135deg,var(--md-primary),var(--md-secondary));justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.1rem;display:flex}.md-title{letter-spacing:.2px;align-items:center;gap:.6rem;font-weight:800;display:flex}.md-body{padding:1.15rem}.md-foot{background:#f9fafb;padding:1rem 1.15rem}.icon-list{margin:0 0 .25rem;padding:0;list-style:none}.icon-list li{color:#1f2937;align-items:flex-start;gap:.6rem;margin:.35rem 0;display:flex}.icon-list li i{color:var(--md-primary);margin-top:.2rem}.md-btn{--_bg:transparent;--_fg:var(--md-primary);--_bd:var(--md-outline);background:var(--_bg);min-height:44px;color:var(--_fg);border:1px solid var(--_bd);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.05rem;font-weight:700;transition:box-shadow .2s,transform 20ms;display:inline-flex}.md-btn:active{transform:translateY(1px)}.md-btn:disabled{opacity:.55;cursor:not-allowed}.md-btn--filled{--_bg:var(--md-primary);--_fg:var(--md-on-primary);--_bd:var(--md-primary);color:#fff}.md-btn--outlined{--_bg:transparent;--_fg:var(--md-primary);--_bd:var(--md-outline);background:0 0}.md-btn--text{--_bg:transparent;--_fg:var(--md-primary);--_bd:transparent;padding:.65rem .8rem}.md-btn:hover{background:linear-gradient(var(--md-state),var(--md-state)),var(--_bg)}.md-ripple{isolation:isolate;position:relative;overflow:hidden}.md-ink{pointer-events:none;opacity:.16;background:currentColor;border-radius:50%;animation:.45s ease-out forwards md-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@media (prefers-reduced-motion:reduce){.md-ink{opacity:.12;animation:none;transform:translate(-50%,-50%)scale(.6)}}.cam-wrap{z-index:1030;aspect-ratio:4/3;border:2px solid var(--md-outline);background:#000;border-radius:14px;width:min(300px,36vw);position:fixed;bottom:12px;right:12px;overflow:hidden}.cam-wrap video{object-fit:cover;width:100%;height:100%;display:block}.modal-content{border:none;border-radius:18px;overflow:hidden}.modal-header.brand{background:linear-gradient(135deg,var(--md-primary),var(--md-secondary));color:#fff}.btn-close-white{filter:invert()}@media (max-width:576px){.md-body{padding:1rem}.md-foot{padding:.85rem 1rem}.cam-wrap{width:48vw}}}