.practice-options{display:flex;flex-direction:column;gap:12px;margin-top:12px}.practice-option-label{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background-color:#fff;font-size:15px;line-height:1.5;color:var(--bs-gray-dark);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.practice-option-label:hover{background-color:#f9fafb;border-color:#d1d5db}.practice-option-label.selected{border-color:#2563eb;background-color:#eff6ff}.practice-option-label.correct{background-color:#16a34a;border-color:#16a34a;color:#fff}.practice-option-label.incorrect{background-color:#dc2626;border-color:#dc2626;color:#fff}.practice-option-label.correct:hover,.practice-option-label.incorrect:hover{background-color:inherit}.practice-option-label svg{flex-shrink:0;margin-top:2px}.practice-option-label span{display:block;word-break:break-word;font-size:16px}.dark .practice-option-label{background-color:#020617;border-color:#1e293b;color:#e5e7eb}.dark .practice-option-label:hover{background-color:#020617;border-color:#334155}.dark .practice-option-label.selected{background-color:rgba(37,99,235,.15);border-color:#2563eb}.dark .practice-option-label.correct{background-color:#16a34a;border-color:#16a34a;color:#fff}.dark .practice-option-label.incorrect{background-color:#dc2626;border-color:#dc2626;color:#fff}@media (max-width:640px){.practice-option-label{font-size:14px;padding:10px 12px}}.practice-helper-btns-wrapper{display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.practice-helper-btns-wrapper::-webkit-scrollbar{display:none}.practice-helper-btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s ease;min-height:40px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.practice-helper-btn:hover{background-color:#f9fafb}.helper-label{font-size:14px;font-weight:500;color:var(--bs-gray-dark)}.icon-wrapper{display:flex;align-items:center;justify-content:center;font-size:16px}.green-icon{color:#10b981}.yellow-icon{color:#f59e0b}.red-icon{color:#ef4444}.report-icon{color:#6366f1}.red-icon img{height:25px}.helper-text img,.red-icon img{border-radius:4px}.green-icon img,.yellow-icon img{height:25px;border-radius:4px}.practice-helper-btn.active.variant-green{border-color:#10b981}.practice-helper-btn.active.variant-yellow{border-color:#f59e0b}.practice-helper-btn.active.variant-red{border-color:#ef4444}.helper-content-box{margin-top:16px;padding:15px;border-radius:8px;border:1px solid transparent;font-size:15px;line-height:1.6}.animate-fade-in{animation:fadeIn .3s ease-in-out}.solution-box{background-color:#f7fef8;border:1px solid #a5e3c6}.padding-box{margin-top:20px;margin-bottom:0}.box-title{font-size:16px;font-weight:700;margin-bottom:8px;margin-top:0}.practice-hint-box{background-color:#fffbeb;border-color:#fde68a}.helper-text{font-size:16px;font-weight:400;line-height:1.6}.helper-header-text{font-size:17px;font-weight:500;margin-right:2px}.mistake-box{background-color:#fef2f2;border-color:#fecaca}.helper-text img{width:25px;height:25px;flex-shrink:0;margin-top:2px;object-fit:contain}.practice-expanation-div{display:grid;grid-template-rows:0fr;padding-top:unset;transition:display .3s,grid-template-rows .3s,padding .3s;overflow:hidden;background-color:#fff}.practice-expanation-div.active{grid-template-rows:1fr;padding-top:20px}.practice-expanation-div-body{width:100%;overflow:hidden}.practice-helper-content{border-radius:10px;overflow:hidden}.practice-helper-body{margin:15px 16px;color:var(--bs-dark)}.helper-solution-box p{color:var(--bs-dark)}.helper-hint-box{background:#fffbed;border:1px solid #f7e091}.helper-mistakes-box{background:#fff4f4;border:1px solid #f9bebe}.helper-solution-box{background:#f7fff9;border:1px solid #a5e3c6}.helper-hint-box-title,.helper-mistakes-box-title,.helper-solution-box-title{color:var(--text-dark);font-size:17px;font-weight:600;margin-right:8px}.helper-solution-box ol,.helper-solution-box ul{list-style:none;padding-left:unset}.helper-solution-box li{margin-bottom:8px}.helper-solution-box h4{color:var(--text-dark);font-size:17px;font-weight:600;padding-bottom:0;margin:12px 0 4px}.helper-solution-box-title{padding:15px 16px!important;margin:0!important;background:#e5ffe9;border-bottom:1px solid #a5e3c6}.practice-helper-btn.is-locked{cursor:not-allowed}.practice-helper-btn.is-locked:hover{background-color:#fff}@media (max-width:768px){.helper-text img{width:20px;height:20px}}.report-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.report-modal-card{background:#fff;width:100%;max-width:500px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;animation:slideUp .2s ease-out}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.report-modal-header h4{margin:0;font-size:18px;font-weight:600;color:#111827}.report-close-icon{background:transparent;border:none;font-size:22px;cursor:pointer;color:#9ca3af;display:flex}.report-close-icon:hover{color:#111827}.report-modal-body{padding:20px;max-height:60vh;overflow-y:auto}.report-option-row{display:flex;flex-direction:column;margin-bottom:12px}.report-option-row input{display:none}.report-option-row{display:block}.report-option-row input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.report-option-row label{font-size:15px;color:var(--bs-gray-dark);cursor:pointer}.report-textarea{width:100%;margin-top:12px;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;outline:none}.report-textarea:focus{border-color:#6366f1}.report-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.ph-mistakes-list{list-style:initial!important;padding-left:2rem!important;margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.ph-mistake-item{line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;font-weight:500;color:var(--txt-primary,#4d4d4d);background:var(--card-bg,#fff);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 0 0 1.5px var(--border-color,#e5e7eb);min-width:300px;max-width:400px}.toast-content{flex:1 1}.toast-title{font-size:14px;font-weight:600;color:var(--txt-intense,#1a1a2e);margin-bottom:2px}.toast-subtext{font-size:13px;font-weight:400;opacity:.85;color:var(--txt-primary,#4d4d4d);margin-top:2px}.toast-box svg{width:18px;height:18px;flex-shrink:0}.toast-box.success{background:#f0fdf4;box-shadow:0 4px 12px rgba(34,197,94,.15),inset 0 0 0 1.5px #86efac}.toast-box.success svg{color:#16a34a}.toast-box.warning{background:#fffbeb;box-shadow:0 4px 12px rgba(251,191,36,.15),inset 0 0 0 1.5px #fde68a}.toast-box.warning svg{color:#f59e0b}.toast-box.error{background:#fef2f2;box-shadow:0 4px 12px rgba(239,68,68,.15),inset 0 0 0 1.5px #fca5a5}.toast-box.error svg{color:#dc2626}.toast-box.info{background:#eff6ff;box-shadow:0 4px 12px rgba(59,130,246,.15),inset 0 0 0 1.5px #93c5fd}.toast-box.info svg{color:#2563eb}[data-theme=dark] .toast-box{background:var(--card-bg,#212020);color:var(--txt-primary,#ccc)}[data-theme=dark] .toast-title{color:var(--txt-intense,#e3e3e3)}[data-theme=dark] .toast-subtext{color:var(--txt-primary,#ccc)}[data-theme=dark] .toast-box.success{background:#064e3b;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #10b981}[data-theme=dark] .toast-box.success svg{color:#34d399}[data-theme=dark] .toast-box.warning{background:#451a03;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #f59e0b}[data-theme=dark] .toast-box.warning svg{color:#fbbf24}[data-theme=dark] .toast-box.error{background:#450a0a;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #ef4444}[data-theme=dark] .toast-box.error svg{color:#f87171}[data-theme=dark] .toast-box.info{background:#1e3a8a;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #3b82f6}[data-theme=dark] .toast-box.info svg{color:#60a5fa}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@media (max-width:480px){.toast-box{min-width:280px;max-width:calc(100vw - 32px);padding:10px 14px}.toast-title{font-size:13px}.toast-subtext{font-size:12px}.toast-box svg{width:16px;height:16px}}.react-hot-toast{z-index:10000}.toast-box.toast-slide-right{--toast-accent:#5f56fe;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-medium);border-left:4px solid var(--toast-accent);box-shadow:0 8px 20px -4px var(--border-medium),0 4px 8px -2px rgba(0,0,0,.05);animation:toast-slide-in-right .6s cubic-bezier(.16,1,.3,1) forwards}.toast-box.toast-slide-right svg{color:#5f56fe!important;filter:drop-shadow(0 2px 4px rgba(95,86,254,.2))}.toast-box.toast-slide-right .toast-title{color:#2b2b3b}@keyframes toast-slide-in-right{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}