body,html{overflow-anchor:none}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;text-align:center;margin:0;padding:20px;background:#f0f8ff}h1{font-size:2.5rem;margin-bottom:20px;letter-spacing:.5px}.menu-info{font-size:.9rem;color:#444;margin-bottom:22px}.menu{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto;border-radius:12px;padding:22px 14px;border:1px solid rgba(0,0,0,.1)}@media (min-width:1024px){.menu{width:80%}}body.dark .menu{border-color:rgba(255,255,255,.15)}.category-btn{background-color:#02768f;border:none;padding:9px 16px;border-radius:7px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;min-width:68px;transition:transform .15s,box-shadow .15s,background-color .3s}.category-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.category-btn.active{background-color:#c21111;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}.category-btn.nav-arrow{background-color:#0b38a4;color:#fff;font-size:1.6rem;font-weight:700;width:36px;height:36px;padding:0;border-radius:5px;display:flex;align-items:center;justify-content:center;border:none;transition:transform .15s,box-shadow .15s,background-color .3s}.category-btn.nav-arrow:hover{background-color:#002a99;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.category-btn:active{transform:scale(.97)}#meaning::before{content:" ";display:inline-block;height:1.5em}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}#applyBtn,#toggleAutoShowBtn,#toggleLangBtn,#togglePickBtn,#toggleShowBtn{display:flex;align-items:center;justify-content:center;text-align:center}#applyBtn span,#toggleAutoShowBtn span,#toggleLangBtn span,#togglePickBtn span,#toggleShowBtn span{font-size:1rem;max-width:100%;text-overflow:ellipsis;overflow:hidden;display:block;width:100%;text-align:center;font-weight:600;letter-spacing:.3px;font-size:clamp(.65rem,2vw,1rem)}td,th{vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;padding:10px;text-align:center;font-weight:420}@media (max-width:600px){h1{font-size:2rem}.controls{flex-direction:column;align-items:center}table,td,th{font-size:.9rem}#searchInput{width:80%}}.quiz-option{display:flex;align-items:center}.hide-btn{transition:background .2s}.quiz-option.correct{background:#d4edda;color:#155724;font-weight:700}.quiz-option.wrong{background:#f8d7da;color:#721c24}.essay-correct{border-radius:12px;background:#eef8f1;border:1px solid #8fd3a6;color:#1e5631}.essay-wrong{border-radius:12px;background:#fdf1f2;border:1px solid #f0a1a8;color:#7a1c24}.random-warning{margin-top:4px;font-size:11px;color:#d9534f;text-align:center;min-height:14px}.delete-word-btn.bottom:hover{background:#d9534f;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);filter:brightness(.98)}.meaning-wrapper,.word-wrapper{width:100%;max-width:92vw;height:60px;margin:15px auto 0;display:flex;align-items:center;justify-content:center;overflow:visible}#word{font-size:2rem;font-weight:700;text-align:center;color:#333;white-space:nowrap;cursor:pointer;user-select:none}#meaning,#word{scroll-margin-top:0;scroll-snap-align:none;touch-action:manipulation}#meaning{font-weight:400;color:#666;text-align:center;line-height:1.2;max-width:100%;transform:translateY(-36px)}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding-top:22px;margin:0 auto;border:1px solid rgba(0,0,0,.12);border-radius:10px}@media (min-width:1024px){.controls{width:80%}}body.dark .controls{border:1px solid rgba(255,255,255,.15)}button{cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.15)}button:active{transform:scale(.96);box-shadow:none}#randomBtn{background-color:#025bbd;color:#fff;width:110px;padding:8px 0;font-size:.95rem;text-align:center;white-space:nowrap;border:none;border-radius:7px;font-weight:600;cursor:pointer;margin-top:-25px;margin-bottom:0;transition:transform .15s,box-shadow .15s,opacity .15s}#intervalInput{border:2px solid #0040ff;border-radius:8px;outline:0;transition:box-shadow .15s}#intervalInput:focus{box-shadow:0 0 0 3px rgba(0,64,255,.2)}#applyBtn,#toggleAutoShowBtn,#toggleLangBtn,#togglePickBtn,#toggleShowBtn{width:120px;height:40px;padding:0 10px;background-color:#000;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}#applyBtn{background-color:#c21111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}a.menu-link{display:inline-block;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;line-height:1;box-sizing:border-box;text-decoration:none;transition:transform .15s,box-shadow .15s}a.menu-link:hover{transform:translateY(-1px)}a.menu-link:active{transform:scale(.95)}a.menu-link.kotoba{border:1.5px solid #02768f;color:#0078d7}a.menu-link.kotoba:hover{background-color:#02768f;color:#fff}a.menu-link.donate{border:1.5px solid #3d8518;color:#3d8518}a.menu-link.donate:hover{background-color:#3d8518;color:#fff}table{max-width:800px;table-layout:fixed;margin:20px auto;width:90%;max-width:750px;border-collapse:collapse;border-radius:8px;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000}table,td,th{border:1px solid #999}#searchInput{margin:30px 0 0 auto;padding:10px 12px;width:80%;max-width:400px;font-size:1rem;border:2px solid #0040ff;border-radius:8px;outline:0;display:none}footer{margin-top:40px;font-size:.9rem;color:#000}@media (max-width:600px){h1{font-size:2rem}.controls{flex-direction:column;align-items:center}table,td,th{font-size:.9rem}td,th{padding:8px}#searchInput{width:80%}}#quizContainer{box-shadow:0 0 15px rgba(0,64,255,.1);background:#f9fafe;border-radius:14px;box-shadow:0 0 15px rgba(0,64,255,.1);padding:28px;font-family:'Segoe UI',Tahoma,sans-serif;font-size:1rem;color:#222;animation:.3s ease-in fadeIn}#quizContainer h3{text-align:center;color:#0b38a4;margin-bottom:22px;font-size:1.6rem;font-weight:400}#quizContainer ol{padding-left:20px;margin:0}#quizContainer li{margin-bottom:18px;line-height:1.6;background:#f0f4ff;padding:12px;border-radius:10px;font-weight:400}.quiz-option{background:#fff;border:2px solid #ccc;border-radius:10px;padding:10px 14px;margin:6px 0;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .15s}.quiz-option:hover{background:#e6f0ff;border-color:#0b38a4;transform:translateY(-1px)}.quiz-option input[type=radio]{margin:0}#quizContainer button{background-color:#0b38a4;color:#fff;border:none;border-radius:10px;padding:10px 22px;font-size:1rem;margin:14px 6px 0 0;cursor:pointer;transition:transform .15s,box-shadow .15s}#quizContainer button:hover{background-color:#002a99;transform:translateY(-1px)}#quizContainer button:active{transform:scale(.96);box-shadow:none}.hide-btn{background-color:#e8f0fe;border:1px solid #90caf9;color:#0b38a4;padding:6px 12px;margin:4px;border-radius:6px;font-size:14px;cursor:pointer}.hide-btn:hover{background-color:#d2e3fc;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}.hide-btn:active{transform:translateY(0);box-shadow:none}@keyframes btnFadeIn{to{opacity:1;transform:translateY(0)}}.mini-show-btn{font-size:12px;padding:3px 6px;border-radius:4px;background:#e8f0fe;border:1px solid #90caf9;cursor:pointer}.mini-show-btn:hover{background:#d2e3fc}#resizeHandle{height:18px;background:0 0;cursor:ns-resize;position:absolute;top:0;left:0;right:0;z-index:99999;touch-action:none;display:flex;align-items:center;justify-content:center;user-select:none}#resizeHandle::before{content:"";width:60px;height:4px;background-color:#999;border-radius:2px}.random-page-control-vertical{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-left:0;font-size:13px}.random-label{color:#333;font-weight:500;white-space:nowrap}.switch{position:relative;width:37px;height:19px}.slider{position:absolute;inset:0;cursor:pointer;background-color:#666;border-radius:19px;transition:.25s}.slider::before{content:"";position:absolute;width:15px;height:15px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.25s}.switch input:checked+.slider{background-color:#02768f}.switch input:checked+.slider::before{transform:translateX(18px)}.pagination-container{margin:10px 0;text-align:center}.page-btn{color:#02768f;transition:.25s}.page-btn.nav{font-weight:700}.page-btn.active{background:#02768f}.page-checkbox{margin:0 6px;font-size:14px;cursor:pointer;color:#0b38a4;font-weight:500}.page-checkbox input[type=checkbox]{accent-color:#02768f;cursor:pointer}.quiz-option{padding-right:34px;position:relative;display:flex;align-items:center;gap:3px}.quiz-option.correct::after{content:"✔";font-weight:700;color:#155724;margin-left:1px}.quiz-option.wrong::after{content:"✖";font-weight:700;color:#721c24;margin-left:1px}.quiz-option input{margin-right:6px}#intervalInput{width:50px;height:30px;padding:0;font-size:.85rem;text-align:center;display:flex;align-items:center;justify-content:center;-moz-appearance:textfield}#intervalInput::-webkit-inner-spin-button,#intervalInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-cell{padding:6px;border:1px solid #999;text-align:center;vertical-align:middle}.row-number{display:block;font-weight:400;margin-bottom:4px}.delete-wrapper{display:flex;justify-content:center}.delete-word-btn.bottom{width:18px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9534f;border-radius:5px;background:#f8d7da;color:#d9534f;font-size:11px;font-weight:700;line-height:1;cursor:pointer;user-select:none;transition:transform .12s,box-shadow .12s,filter .12s}.delete-word-btn.bottom:active{transform:scale(.88);box-shadow:0 1px 2px rgba(0,0,0,.25) inset}.delete-word-btn.bottom:focus-visible{outline:0;box-shadow:0 0 0 2px rgba(217,83,79,.35)}.word-select-btn{background:#fff;color:#0b38a4;display:inline-flex;align-items:center;justify-content:center;transition:.15s;user-select:none}.word-select-btn.selected{background:#198754}.word-select-inline{display:flex;align-items:center;justify-content:flex-start;gap:6px}.confirm-overlay{inset:0;display:flex;align-items:center;justify-content:center;animation:.2s ease-out fadeIn}.confirm-box{background:#fff;border-radius:10px;padding:18px 20px;width:260px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.15);animation:.25s ease-out scaleIn}.confirm-text{font-size:14px;margin-bottom:16px}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-btn{padding:6px 14px;font-size:13px;border-radius:6px;border:1px solid #999;cursor:pointer}.confirm-btn.cancel{background:#f5f5f5}.confirm-btn.ok{background:#e53935;color:#fff;border-color:#e53935}.confirm-btn:hover{opacity:.9}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);opacity:0}to{opacity:1;transform:translateY(0);opacity:1}}@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.data-table{width:100%;border-collapse:collapse;text-align:left;border:1px solid #ccc}.data-table thead{background:#02768f;color:#fff}.no-column{padding:1px;width:40px;min-width:52px;max-width:52px;border:1px solid #ccc;text-align:center;vertical-align:middle}.no-column-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;color:inherit}.small-btn{font-size:11px;padding:2px 5px;line-height:1}.word-select-btn{width:16px;height:16px;border-radius:3px;border:1px solid #cbd5e1;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;user-select:none;line-height:1}.word-select-btn:hover{background:#e0f2fe}.word-select-btn.selected{background-color:#02768f;color:#fff;border-color:#02768f}.delete-word-btn{width:20px;height:20px;padding:0;border:none;border-radius:4px;background:#dc2626;color:#fff;cursor:pointer;font-size:13px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.delete-word-btn:hover{background:#b91c1c}.pagination-wrapper{margin-bottom:12px;text-align:center}.pagination-btn{margin:5px;padding:6px 12px;border:1px solid #0b38a4;background:#fff;color:#0b38a4;cursor:pointer;border-radius:4px;font-weight:600}.pagination-btn:hover{background:#0b38a4;color:#fff}.totalpage{margin:0 12px;font-weight:700;color:#333}.quiz-container{display:none;margin:20px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:1rem}body.dark{background:#0f172a;color:#e5e7eb}body.dark #word,body.dark h1,body.dark h3{color:#f9fafb}body.dark #meaning{color:#cbd5f5}body.dark .category-btn{background-color:#1e293b;color:#e5e7eb}body.dark .category-btn.active{background-color:#b91c1c}body.dark button{background-color:#1e293b;color:#e5e7eb}body.dark button:hover{box-shadow:0 4px 10px rgba(0,0,0,.6)}body.dark table{background:#020617}body.dark th{background:#1e293b;color:#e5e7eb}body.dark input,body.dark td,body.dark textarea{background:#020617;color:#e5e7eb;border-color:#334155}body.dark #quizContainer{background:#020617;color:#e5e7eb}body.dark .quiz-option{background:#020617;border-color:#334155}body.dark .quiz-option:hover{background:#1e293b}body.dark footer{color:#cbd5f5}.dark-toggle{background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;padding:0;margin-left:6px;font-size:1rem;cursor:pointer;transition:transform .3s,color .3s}body.dark .dark-toggle{color:#f9fafb;transform:rotate(180deg) scale(1.1)}body:not(.dark) .dark-toggle{color:#0f172a;transform:rotate(0) scale(1)}body.dark .random-label{color:#f9fafb!important}.dark-toggle:active,.dark-toggle:focus,.dark-toggle:hover{outline:0;box-shadow:none;background:0 0}body.dark span.totalpage{color:#f9fafb!important}body.dark .data-table,body.dark .data-table thead th,body.dark .no-cell,body.dark .no-column,body.dark table,body.dark td,body.dark th{border-color:#334155!important}body.dark .pagination-btn{background:#020617;color:#cbd5f5;border-color:#475569}body.dark .pagination-btn:hover{background:#1e293b}body.dark .totalpage{color:#e5e7eb}body,body *{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}body.dark .quiz-container{background:#020617;box-shadow:0 0 12px rgba(0,0,0,.6)}body.dark .hide-btn{background-color:#1e293b;border:1px solid #334155;color:#e5e7eb}body.dark .hide-btn:hover{background-color:#334155}.hide-btn-danger{margin-left:6px;padding:4px 8px;border:1px solid #d9534f;background-color:#f8d7da;color:#d9534f;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s,color .2s}.hide-btn-danger:hover{background-color:#f1b0b7}body.dark .hide-btn-danger{background-color:#3b1212;border-color:#7f1d1d;color:#fecaca}body.dark .hide-btn-danger:hover{background-color:#7f1d1d}.show-btn-primary{padding:4px 8px;border:1px solid #0b38a4;background-color:#fff;color:#0b38a4;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s,color .2s}.show-btn-primary:hover{background-color:#e8f0fe}body.dark .show-btn-primary{background-color:#020617;border-color:#60a5fa;color:#93c5fd}body.dark .show-btn-primary:hover{background-color:#1e293b}body.dark .word-select-btn{background-color:#020617;border-color:#334155;color:#93c5fd}body.dark .word-select-btn:hover{background-color:#1e293b}body.dark .word-select-btn.selected{background-color:#2563eb;border-color:#2563eb;color:#fff}body.dark .delete-word-btn.bottom{background-color:#3b1212;border-color:#7f1d1d;color:#fecaca}body.dark .delete-word-btn.bottom:hover{background-color:#7f1d1d}body.dark .confirm-box{background-color:#1e293b;border-color:#7f1d1d;color:#fecaca}body.dark .confirm-btn.cancel{background-color:#020617;border-color:#334155;color:#e5e7eb}body.dark .confirm-btn.cancel:hover{background-color:#1e293b}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-overlay.hidden{display:none}.confirm-box.center{max-width:320px;width:90%;text-align:center}body.dark .confirm-overlay{background:rgba(0,0,0,.6)}.draw-toggle-btn{display:none;position:fixed;bottom:8px;right:10px;z-index:10000;padding:10px 14px;background-color:#0b38a4;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}.draw-toggle-btn:hover{background-color:#143fae}.drawing-container{display:none;position:fixed;bottom:0;left:0;width:100vw;height:200px;background-color:#fff;z-index:9999;touch-action:none;border-top:1px solid #ccc}.resize-handle{height:8px;cursor:ns-resize;background:#e5e7eb}.drawing-canvas{width:100vw;height:100%;display:block}.draw-clear-btn{position:absolute;bottom:8px;left:10px;background-color:#c21111;color:#fff;border:none;padding:10px 14px;border-radius:8px;font-size:13px;cursor:pointer}.draw-clear-btn:hover{background-color:#a30f0f}body.dark .drawing-container{background-color:#020617;border-top-color:#334155}body.dark .resize-handle{background-color:#334155}body.dark .draw-toggle-btn{background-color:#1e40af}body.dark .draw-toggle-btn:hover{background-color:#1d4ed8}body.dark .draw-clear-btn{background-color:#7f1d1d}body.dark .draw-clear-btn:hover{background-color:#991b1b}.center-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:12px}.top-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-bottom:12px}.option-panel{display:flex;justify-content:center;gap:5px;margin-bottom:10px;flex-wrap:wrap}.option-item{display:inline-flex;align-items:center;gap:2px;cursor:pointer;font-size:14px}.option-item input[type=checkbox]{accent-color:#2563eb}body.dark .option-item{color:#e5e7eb}body.dark .option-item input[type=checkbox]{accent-color:#38bdf8}.quiz-length-options{display:none}.hide-controls{margin-top:10px;display:none}.app-footer{margin-top:12%;text-align:center;font-size:.9rem;color:#475569}@media (max-width:768px){.app-footer{margin-top:32%}}.app-footer a{color:#0b38a4;text-decoration:none}.app-footer a:hover{text-decoration:underline}.content-area{min-height:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}@media (min-width:1024px){.quiz-container{max-width:50%}.content-area{width:80%}#secondsLabel{display:block;text-align:center;margin-top:5px}#autoTimeToggle{display:block;margin:4px auto}}.content-loading{position:fixed;inset:0;background-color:#0f172a;color:#e5e7eb;display:flex;align-items:center;justify-content:center;gap:10px;z-index:9999}body.dark .content-loading{color:#f9fafb}.spinner{width:26px;height:26px;border:3px solid #cbd5e1;border-top:3px solid #02768f;border-radius:50%;animation:.8s linear infinite spin}body.dark .spinner{border-color:#f9fafb #334155 #334155}@keyframes spin{to{transform:rotate(360deg)}}.quiz-title{margin-bottom:10px}.quiz-list{padding-left:20px}.quiz-item{margin-bottom:8px;line-height:1.4}.correct{color:#2e7d32;font-weight:700}.wrong{color:#c62828;font-weight:700}.quiz-score{margin-top:10px}.quiz-nilai{margin-top:5px}.nilai-good{color:#2e7d32;font-weight:700}.nilai-mid{color:#ef6c00;font-weight:700}.nilai-bad{color:#c62828;font-weight:700}.pagination{margin:10px 0}.page-btn{margin:2px;padding:4px 8px;font-size:.85rem;border-radius:5px;border:1px solid #ccc;cursor:pointer;background:#f5f5f5}.page-btn:hover{background:#e0e0e0}.page-btn.active{background-color:#d40000;color:#fff;font-weight:700;border-color:#d40000}body.dark .quiz-title{color:#fff}body.dark .quiz-list{color:#e0e0e0}body.dark .quiz-item{background-color:#1e293b;color:#e0e0e0}body.dark .correct{color:#66bb6a}body.dark .wrong{color:#ef5350}body.dark .quiz-nilai,body.dark .quiz-score{color:#fff}body.dark .nilai-good{color:#66bb6a}body.dark .nilai-mid{color:#ffa726}body.dark .nilai-bad{color:#ef5350}body.dark .pagination{color:#fff}body.dark .page-btn{background:#2b2b2b;color:#e0e0e0;border:1px solid #444}body.dark .page-btn:hover{background:#3a3a3a}body.dark .page-btn.active{background-color:#ff5252;color:#fff;border-color:#ff5252}body.dark #quizContainer li{background:#1f2937;color:#e5e7eb}.quiz-length-options{box-sizing:border-box;margin:12px auto;padding:12px 14px;border-radius:12px;background:#f9fafe;box-shadow:0 4px 12px rgba(0,0,0,.06);font-family:"Segoe UI",Tahoma,sans-serif}@media (min-width:1024px){.quiz-length-options{width:54%;max-width:none}}.quiz-length-options label{display:inline-flex;align-items:center;gap:6px;margin:15px 4px 4px 0;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #ddd;cursor:pointer;font-size:.8rem;transition:.2s;user-select:none}.quiz-length-options label:hover{background:#eef3ff;border-color:#4a6cff}.quiz-length-options input[type=radio]{appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid #aaa;position:relative;transition:.2s}.quiz-length-options input[type=radio]:checked{border-color:#4a6cff}.quiz-length-options input[type=radio]:checked::after{content:"";position:absolute;inset:2px;background:#4a6cff;border-radius:50%}body.dark .quiz-length-options{background:#020617;box-shadow:0 6px 18px rgba(0,0,0,.6)}body.dark .quiz-length-options strong{color:#e6e9f0}body.dark .quiz-length-options label{background:#1f2633;border-color:#2f3a4f;color:#e6e9f0}body.dark .quiz-length-options label:hover{background:#26304a;border-color:#6b8cff}body.dark .quiz-length-options input[type=radio]{border-color:#888}body.dark .quiz-length-options input[type=radio]:checked{border-color:#6b8cff}body.dark .quiz-length-options input[type=radio]:checked::after{background:#6b8cff}body.dark .quiz-option.correct::after{content:"✔";font-weight:700;color:#7cfc9a;margin-left:1px}body.dark .quiz-option.wrong::after{content:"✖";font-weight:700;color:#ff8a8a;margin-left:1px}body.dark .essay-wrong{background:#3a1b1f;border:1px solid #7a2d35;color:#ffb3b8}body.dark .essay-correct{background:#1f3a2a;border:1px solid #3f7f5a;color:#9ae6b4}.review-buttons{display:flex;justify-content:center;gap:10px;margin-top:-25px;margin-bottom:0}#rememberBtn{background-color:#025bbd;color:#fff;width:90px;padding:8px 0;font-size:.75rem;text-align:center;border:none;border-radius:7px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s,opacity .15s}#backBtn{background-color:#087445;color:#fff;width:90px;padding:8px 0;font-size:.75rem;text-align:center;border:none;border-radius:7px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s,opacity .15s}#forgotBtn{background-color:#f06f05;color:#fff;width:90px;padding:8px 0;font-size:.75rem;text-align:center;border:none;border-radius:7px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s,opacity .15s}#backBtn:hover,#forgotBtn:hover,#rememberBtn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.15)}#backBtn:active,#forgotBtn:active,#rememberBtn:active{transform:scale(.96);box-shadow:none}#backBtn:disabled,#forgotBtn:disabled,#rememberBtn:disabled{background-color:#b7b7b7;color:#eee;cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}#backBtn:disabled:active,#backBtn:disabled:hover,#forgotBtn:disabled:active,#forgotBtn:disabled:hover,#rememberBtn:disabled:active,#rememberBtn:disabled:hover{transform:none;box-shadow:none}.option-review{display:inline-flex;align-items:center;gap:2px;cursor:pointer;font-size:14px;margin-bottom:12px}.option-review input[type=checkbox]{accent-color:#2563eb}body.dark .option-review{color:#e5e7eb}body.dark .option-review input[type=checkbox]{accent-color:#38bdf8}#reviewProgressWrapper{width:100%;max-width:420px;height:8px;background:#d1cdcd;border-radius:10px;overflow:hidden;margin:32px 10px auto}#reviewProgressBar{height:100%;width:0%;background:linear-gradient(90deg,#087445,#025bbd);transition:width .35s}body.dark #reviewProgressWrapper{background:#d1cdcd}.hiragana{opacity:.85;font-size:.9em}.footer-social{display:flex;justify-content:center;gap:16px;margin-bottom:10px}.footer-social i{font-size:22px;color:#0b38a4;transition:transform .2s,color .2s}.footer-social i:hover{color:#02768f;transform:translateY(-2px) scale(1.1)}body.dark .footer-social i{color:#93c5fd}.review-progress-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;width:100%;max-width:460px;position:relative}.review-reset-btn{width:25px;height:25px;border-radius:50%;border:none;background:#025bbd;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:-15px;margin-top:21px}.review-reset-btn.spin{animation:.6s ease-out spinOnce}@keyframes spinOnce{from{transform:rotate(0)}to{transform:rotate(360deg)}}.review-reset-btn:disabled{opacity:.4;cursor:not-allowed}body.dark .review-reset-btn{background:#025bbd}.hidden{display:none!important}.add-category-btn{width:32px;height:32px;border-radius:8px;border:none;background:#02768f;color:#fff;font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-category-btn:hover{background:#015e72}body.dark .add-category-btn{background:#1e293b}.category-settings-wrapper{position:relative}.category-settings-dropdown{position:absolute;top:110%;left:0;background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.15);display:flex;flex-direction:column;min-width:180px;z-index:999;opacity:1;transform:translateY(0) scale(1);transition:opacity .18s,transform .18s}.category-settings-dropdown button{background:0 0;border:none;padding:10px 12px;text-align:left;cursor:pointer;font-size:.9rem;color:#0f172a}.category-settings-dropdown button:hover{background:#f1f5f9}.category-settings-dropdown.hidden{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none}body.dark .category-settings-dropdown{background:#0f172a;box-shadow:0 8px 20px rgba(0,0,0,.5)}body.dark .category-settings-dropdown button{color:#e5e7eb}body.dark .category-settings-dropdown button:hover{background:#1e293b}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.modal.hidden{display:none}.modal-box{background:#fff;padding:20px 22px;border-radius:10px;width:80%;max-width:360px;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,.25);animation:.2s ease-out modalPop}body.dark .modal-box{background:#1f2933;color:#f8fafc}@keyframes modalPop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.btn-danger{background:#dc2626;color:#fff;border:none;padding:7px 14px;border-radius:6px;cursor:pointer}.btn-secondary{background:#e5e7eb;border:none;padding:7px 14px;border-radius:6px;cursor:pointer}body.dark .btn-secondary{background:#374151;color:#f8fafc}.btn-primary{background:#2563eb;color:#fff;border:none;padding:7px 14px;border-radius:6px;cursor:pointer}body.dark .btn-primary{background:#3b82f6}.modal-input{width:80%;padding:8px 10px;margin-bottom:12px;border-radius:6px;border:1px solid #cbd5e1;font-size:.95rem}body.dark .modal-input{background:#111827;border-color:#374151;color:#f8fafc}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#0f766e;color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:.95rem;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}body.dark .toast{background:#025bbd;color:#white}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast.hidden{display:none}.toast.error,.toast.info,.toast.success{background:#025bbd}.add-category-btn i{font-size:18px}.input-error{margin-top:6px;font-size:.85rem;color:#dc2626;text-align:center;width:100%}body.dark .input-error{color:#f87171}.category-btn.custom-category{background:#156927;color:#fff}.category-btn.custom-category.active{background:#b91c1c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}body.dark .category-btn.custom-category{background:#156927;color:#fff}body.dark .category-btn.custom-category.active{background:#b91c1c;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}#deleteMessage{margin-bottom:10px}.hide-bracket-wrapper{margin-top:10px;margin-bottom:28px;text-align:center;font-size:.9rem}.up-button{margin-top:32px}