.terms-overlay[data-v-4a558a8a]{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);background:transparent;backdrop-filter:blur(10px) saturate(180%);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));box-sizing:border-box}.terms-modal[data-v-4a558a8a]{background:#ffffffd9;backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 20px 60px #0000001a;max-width:800px;width:100%;max-height:calc(var(--vh, 1vh) * 85 - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.terms-header[data-v-4a558a8a]{padding:30px 30px 20px;border-bottom:1px solid rgba(164,186,220,.15);background:linear-gradient(135deg,#4d9eff05,#a4badc05)}.terms-header h2[data-v-4a558a8a]{margin:0 0 8px;font-size:28px;font-weight:600;color:#1f2937}.version-info[data-v-4a558a8a]{font-size:14px;color:#6b7280;font-weight:400}.terms-content[data-v-4a558a8a]{flex:1;overflow-y:auto;padding:30px;line-height:1.7}.terms-section[data-v-4a558a8a]{margin-bottom:32px}.terms-section[data-v-4a558a8a]:last-child{margin-bottom:0}.terms-section h3[data-v-4a558a8a]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 16px}.terms-section p[data-v-4a558a8a]{margin:0 0 12px;color:#374151;font-size:15px}.terms-section ul[data-v-4a558a8a]{margin:12px 0;padding-left:20px;color:#374151}.terms-section li[data-v-4a558a8a]{margin:8px 0;font-size:15px}.summarization[data-v-4a558a8a]{background:#4d9eff0d;border-radius:12px;padding:24px;margin-top:24px;border:1px solid rgba(77,158,255,.1)}.summarization h4[data-v-4a558a8a]{color:#4d9eff;margin:0 0 16px;font-size:18px;font-weight:600}.summarization p[data-v-4a558a8a]{margin:0 0 12px;color:#374151;font-size:15px}.summarization p[data-v-4a558a8a]:last-child{margin-bottom:0}.terms-actions[data-v-4a558a8a]{padding:24px 30px;border-top:1px solid rgba(164,186,220,.15);background:#f8fafc4d}.checkbox-container[data-v-4a558a8a]{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.agree-checkbox[data-v-4a558a8a]{width:18px;height:18px;margin-top:2px;accent-color:#4d9eff}.checkbox-label[data-v-4a558a8a]{font-size:15px;color:#374151;cursor:pointer;line-height:1.5;user-select:none}.button-container[data-v-4a558a8a]{display:flex;justify-content:center}.accept-button[data-v-4a558a8a]{background:linear-gradient(135deg,#4d9eff,#3b82f6);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4d9eff4d}.accept-button[data-v-4a558a8a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4d9eff66}.accept-button[data-v-4a558a8a]:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #4d9eff4d}.accept-button[data-v-4a558a8a]:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.6}.loading-text[data-v-4a558a8a]{display:flex;align-items:center;gap:8px}.loading-spinner[data-v-4a558a8a]{animation:spin-4a558a8a 1s linear infinite}@keyframes spin-4a558a8a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terms-content[data-v-4a558a8a]::-webkit-scrollbar{width:8px}.terms-content[data-v-4a558a8a]::-webkit-scrollbar-track{background:#a4badc1a;border-radius:4px}.terms-content[data-v-4a558a8a]::-webkit-scrollbar-thumb{background:#a4badc4d;border-radius:4px}.terms-content[data-v-4a558a8a]::-webkit-scrollbar-thumb:hover{background:#a4badc80}@media (prefers-color-scheme: dark){.terms-overlay[data-v-4a558a8a]{background:transparent;backdrop-filter:blur(0px) saturate(180%)}.terms-modal[data-v-4a558a8a]{background:#141e2dd9;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-color:#fff3;box-shadow:0 20px 60px #000a1e66}.terms-header[data-v-4a558a8a]{border-bottom-color:#a4badc33;background:linear-gradient(135deg,#4d9eff08,#a4badc05)}.terms-header h2[data-v-4a558a8a]{color:#fff}.version-info[data-v-4a558a8a]{color:#cbd5e1}.terms-section h3[data-v-4a558a8a]{color:#fff}.terms-section p[data-v-4a558a8a],.terms-section ul[data-v-4a558a8a],.terms-section li[data-v-4a558a8a]{color:#e2e8f0}.summarization[data-v-4a558a8a]{background:#4d9eff14;border-color:#4d9eff26}.summarization h4[data-v-4a558a8a]{color:#60a5fa}.summarization p[data-v-4a558a8a]{color:#e2e8f0}.summarization p[data-v-4a558a8a]:last-child{margin-bottom:0}.terms-actions[data-v-4a558a8a]{border-top-color:#a4badc33;background:#1b243233}.checkbox-label[data-v-4a558a8a]{color:#fff}.terms-content[data-v-4a558a8a]::-webkit-scrollbar-track{background:#a4badc0d}.terms-content[data-v-4a558a8a]::-webkit-scrollbar-thumb{background:#a4badc33}.terms-content[data-v-4a558a8a]::-webkit-scrollbar-thumb:hover{background:#a4badc4d}@supports not (backdrop-filter: blur(1px)){.terms-modal[data-v-4a558a8a]{background:#141e2df2}}}@media (max-width: 768px){.terms-overlay[data-v-4a558a8a]{padding:16px}.terms-modal[data-v-4a558a8a]{max-height:calc(var(--vh, 1vh) * 90 - env(safe-area-inset-bottom));border-radius:12px}.terms-header[data-v-4a558a8a]{padding:24px 20px 16px}.terms-header h2[data-v-4a558a8a]{font-size:24px}.terms-content[data-v-4a558a8a]{padding:20px}.terms-section h3[data-v-4a558a8a]{font-size:18px}.terms-actions[data-v-4a558a8a]{padding:20px}.accept-button[data-v-4a558a8a]{width:100%;padding:14px 24px}}@media (max-width: 480px){.terms-overlay[data-v-4a558a8a]{padding:12px}.terms-header[data-v-4a558a8a]{padding:20px 16px 12px}.terms-header h2[data-v-4a558a8a]{font-size:22px}.terms-content[data-v-4a558a8a]{padding:16px}.terms-section[data-v-4a558a8a]{margin-bottom:24px}.terms-section h3[data-v-4a558a8a]{font-size:16px}.terms-section p[data-v-4a558a8a],.terms-section li[data-v-4a558a8a]{font-size:14px}.terms-actions[data-v-4a558a8a]{padding:16px}}.tooltip-container[data-v-796a5db3]{pointer-events:auto;outline:none}.word-lookup-tooltip[data-v-796a5db3]{text-decoration:none;display:block;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.word-lookup-tooltip[data-v-796a5db3]:focus{outline:none}.tooltip-text[data-v-796a5db3]{display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff!important;padding:12px 20px;border-radius:22px;font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 4px 16px #0003;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation;min-width:48px;min-height:48px;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.word-lookup-tooltip:hover .tooltip-text[data-v-796a5db3]{background:var(--color-accent-hover, var(--color-accent));transform:scale(1.05) translateZ(0);box-shadow:0 4px 12px #0003}.word-lookup-tooltip:active .tooltip-text[data-v-796a5db3]{transform:scale(.95) translateZ(0)}.word-lookup-tooltip:visited .tooltip-text[data-v-796a5db3]{color:#fff}.tooltip-container[data-v-796a5db3]:after{content:"";position:absolute;width:0;height:0;pointer-events:none}.tooltip-container.position-bottom-center[data-v-796a5db3]:after{top:-8px;left:50%;transform:translate(-50%);border-bottom:8px solid var(--color-accent);border-left:6px solid transparent;border-right:6px solid transparent}.tooltip-container.position-top-center[data-v-796a5db3]:after{bottom:-8px;left:50%;transform:translate(-50%);border-top:8px solid var(--color-accent);border-left:6px solid transparent;border-right:6px solid transparent}@media (max-width: 768px){.tooltip-text[data-v-796a5db3]{min-width:56px;min-height:56px;padding:16px 24px;font-size:18px;border-radius:28px;box-shadow:0 6px 20px #00000040}.word-lookup-tooltip:hover .tooltip-text[data-v-796a5db3]{box-shadow:0 8px 24px #0000004d}}@media (prefers-color-scheme: dark){.tooltip-text[data-v-796a5db3]{background:#90caf9;color:#fff;box-shadow:0 4px 16px #0006}.word-lookup-tooltip:hover .tooltip-text[data-v-796a5db3]{background:#90caf9;box-shadow:0 6px 20px #00000080}.word-lookup-tooltip:visited .tooltip-text[data-v-796a5db3]{color:#fff}.tooltip-container.position-bottom-center[data-v-796a5db3]:after{border-bottom-color:#90caf9e6}.tooltip-container.position-top-center[data-v-796a5db3]:after{border-top-color:#90caf9e6}}:root{--vh: 1vh;--toggle-button-bottom: 80px;--toggle-button-right: 10px;--toggle-button-opacity: 1;--header-height: 120px;--footer-height: 76px;--history-header-height: 60px;--history-pagination-height: 40px;--bg-color: #f7fbfd;--bg-secondary-color: #eaf6fa;--card-bg-color: #ffffff;--card-border-color: #e0e8f0;--info-panel-bg-color: #ffffff;--text-color: #333333;--text-muted-color: #666666;--text-subtle-color: #999999;--text-heading-color: #2c3e50;--header-text-color: #333333;--accent-blue: #4d9eff;--accent-blue-light: rgba(77, 158, 255, .15);--accent-blue-dark: #2c5aa0;--accent-orange: #ffb74d;--accent-pink: #ff6b81;--accent-green: #48c774;--accent-blue-strong: #22b8e6;--status-red: rgba(255, 59, 48, .08);--status-red-border: rgba(255, 59, 48, .3);--status-orange: rgba(255, 149, 0, .3);--status-orange-border: rgba(255, 149, 0, .3);--status-yellow: rgba(255, 204, 0, .3);--status-yellow-border: rgba(255, 204, 0, .3);--status-green: rgba(52, 199, 89, .08);--status-green-border: rgba(52, 199, 89, .3);--status-blue: rgba(0, 122, 255, .08);--status-blue-border: rgba(0, 122, 255, .3);--status-indigo: rgba(88, 86, 214, .08);--status-indigo-border: rgba(88, 86, 214, .3);--status-violet: rgba(175, 82, 222, .08);--status-violet-border: rgba(175, 82, 222, .3);--status-white: rgba(255, 255, 255, .48);--moonlight-glow: rgba(164, 186, 220, .08);--moonlight-highlight: rgba(210, 230, 255, .12);--moonlight-shadow: rgba(10, 15, 35, .5);--star-color: rgba(255, 255, 255, .8);--error-color: #dc3545;--error-bg: rgba(255, 255, 255, .85);--error-border: rgba(220, 53, 69, .3);--error-shadow: 0 8px 32px rgba(220, 53, 69, .15), 0 4px 16px rgba(0, 0, 0, .1);--warning-color: #f39c12;--warning-bg: rgba(255, 255, 255, .85);--warning-border: rgba(243, 156, 18, .3);--info-color: #3498db;--info-bg: rgba(255, 255, 255, .85);--info-border: rgba(52, 152, 219, .3);--toggle-button-bg: rgba(255, 255, 255, .85);--toggle-button-border: rgba(56, 214, 203, .25);--toggle-button-color: rgba(56, 214, 203, .9);--toggle-button-shadow: 0 2px 8px rgba(0, 0, 0, .08);--toggle-button-hover-bg: rgba(255, 255, 255, .95);--toggle-button-hover-border: rgba(56, 214, 203, .35);--toggle-button-hover-shadow: 0 4px 12px rgba(0, 0, 0, .12);--toggle-button-paused-bg: rgba(56, 214, 203, .2);--toggle-button-paused-border: rgba(56, 214, 203, .4);--toggle-button-paused-color: rgba(56, 214, 203, 1);--card-shadow-sm: 0 2px 8px rgba(56, 214, 203, .04), 0 1px 3px rgba(56, 214, 203, .06);--card-shadow: 0 2px 12px rgba(56, 214, 203, .06);--card-shadow-lg: 0 8px 25px rgba(56, 214, 203, .1), 0 3px 10px rgba(56, 214, 203, .08);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--link-color: var(--accent-blue);--button-primary-bg: var(--accent-blue);--button-primary-text: white;--color-bg: #f7fbfd;--color-card-bg: #ffffff;--color-border: #e0e8f0;--color-shadow: 0 2px 12px rgba(56, 214, 203, .06);--color-accent: #38d6cb;--color-accent-weak: #b2ece7;--color-text: #333333;--color-text-muted: #666666;--color-correct: #7ed957;--color-wrong: #ffb3b3;--category-red: linear-gradient(90deg, #ffe5e5 0%, #fff5f5 100%);--category-orange: linear-gradient(90deg, #fff3e0 0%, #fff9f0 100%);--category-yellow: linear-gradient(90deg, #fffde7 0%, #fffffa 100%);--category-green: linear-gradient(90deg, #e7ffe7 0%, #f6fff6 100%);--category-blue: linear-gradient(90deg, #e5f0ff 0%, #f5faff 100%);--category-purple: linear-gradient(90deg, #f3e5ff 0%, #faf5ff 100%);--category-pink: linear-gradient(90deg, #ffe5f7 0%, #fff5fa 100%);--font-size-small: clamp(10px, .95vw, 12px);--font-size-base: clamp(12px, 1.1vw, 14px);--font-size-large: clamp(14px, 1.2vw, 16px);--font-family-base: "Noto Sans JP", "メイリオ", "Hiragino Sans", "Yu Gothic", sans-serif;--font-weight-base: 400;--font-weight-bold: 600;--quizcard-option-label-bg: rgba(164, 186, 220, .1);--quizcard-option-label-color: rgba(255, 255, 255, .85);--quizcard-option-label-border: rgba(164, 186, 220, .2);--quizcard-option-label-bg-selected: var(--accent-blue, rgba(77, 158, 255, .8));--quizcard-option-label-color-selected: #fff;--quizcard-option-label-border-selected: rgba(77, 158, 255, .5);--quizcard-cotton-pattern: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='20' cy='20' rx='12' ry='10' fill='%23eaf6fa' fill-opacity='0.5'/%3E%3Cellipse cx='40' cy='30' rx='10' ry='8' fill='%23f7fbfd' fill-opacity='0.7'/%3E%3Cellipse cx='70' cy='60' rx='14' ry='12' fill='%23e0e8f0' fill-opacity='0.4'/%3E%3Cellipse cx='60' cy='80' rx='8' ry='6' fill='%23fff' fill-opacity='0.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){:root{--bg-color: #121620;--bg-secondary-color: #1b2432;--color-bg: transparent;--card-bg-color: rgba(27, 36, 50, .7);--card-border-color: rgba(164, 186, 220, .15);--info-panel-bg-color: rgba(27, 36, 50, .9);--text-color: rgba(255, 255, 255, .85);--text-muted-color: rgba(189, 207, 233, .6);--text-subtle-color: rgba(189, 207, 233, .4);--text-heading-color: #ffffff;--header-text-color: rgba(255, 255, 255, .9);--color-text: var(--text-color);--color-border: var(--card-border-color);--color-card-bg: var(--card-bg-color);--card-shadow-sm: 0 4px 12px rgba(0, 10, 30, .1), 0 1px 3px rgba(0, 10, 30, .08);--card-shadow: 0 10px 30px rgba(0, 10, 30, .12), 0 1px 5px rgba(0, 10, 30, .1);--card-shadow-lg: 0 15px 40px rgba(0, 10, 30, .18), 0 3px 10px rgba(0, 10, 30, .15);--color-shadow: 0 8px 30px rgba(0, 10, 30, .4);--status-white: rgba(30, 41, 59, .85);--status-white-dark: rgba(15, 23, 42, .95);--status-red-light: rgba(255, 59, 48, .15);--status-orange-light: rgba(255, 149, 0, .15);--status-yellow-light: rgba(255, 204, 0, .15);--status-green-light: rgba(52, 199, 89, .15);--status-blue-light: rgba(0, 122, 255, .15);--status-indigo-light: rgba(88, 86, 214, .15);--status-violet-light: rgba(175, 82, 222, .15);--status-red-icon: rgba(255, 59, 48, .8);--status-orange-icon: rgba(255, 149, 0, .8);--status-yellow-icon: rgba(255, 204, 0, .8);--status-green-icon: rgba(52, 199, 89, .8);--status-blue-icon: rgba(0, 122, 255, .8);--status-indigo-icon: rgba(88, 86, 214, .8);--status-violet-icon: rgba(175, 82, 222, .8);--counter-text-color: rgba(164, 186, 220, .5);--counter-opacity: .7;--quizcard-bg: rgba(21, 27, 40, .75);--quizcard-border-radius: 18px;--quizcard-shadow: 0 15px 40px rgba(0, 10, 30, .25), 0 2px 10px rgba(0, 10, 30, .2), 0 0 0 1px rgba(164, 186, 220, .12);--quizcard-card-border: 2.5px solid transparent;--quizcard-card-border-radius: 18px;--quizcard-card-border-color: transparent;--quizcard-card-box-shadow: none;--quizcard-washi-pattern: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239CA3AF' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");--quizcard-washi-opacity: .15;--quizcard-moon-gradient: radial-gradient(circle at 70% 20%, rgba(164, 186, 220, .15) 0%, transparent 60%), linear-gradient(to bottom, rgba(30, 41, 59, .5) 0%, rgba(15, 23, 42, .5) 100%);--quizcard-moon-gradient-opacity: .8;--quizcard-question-number: rgba(15, 23, 42, .15);--quizcard-question-number-glow: rgba(164, 186, 220, .9);--quizcard-question-number-eclipse-start: rgba(0, 0, 0, .2);--quizcard-question-number-eclipse-peak: rgba(30, 35, 45, 1);--quizcard-question-number-eclipse-end: rgba(0, 0, 0, .15);--quizcard-question-number-glow-eclipse: rgba(164, 186, 220, .95);--quizcard-option-bg: rgba(27, 36, 50, .85);--quizcard-option-border: 1px solid rgba(164, 186, 220, .12);--quizcard-option-shadow: 0 2px 10px rgba(0, 0, 0, .1);--quizcard-option-hover-bg: rgba(30, 41, 59, .9);--quizcard-option-selected-bg: rgba(30, 41, 59, .95);--quizcard-option-selected-border: var(--accent-blue, rgba(77, 158, 255, .8));--quizcard-option-selected-shadow: 0 0 20px rgba(77, 158, 255, .2), inset 0 0 15px rgba(77, 158, 255, .08);--quizcard-confident: #48c774;--quizcard-not-confident: #ff5c5c;--quizcard-confident-bg: #48c774;--quizcard-not-confident-bg: #ff5c5c;--quizcard-timer-active: #4d9eff;--quizcard-timer-warning: #ff5c5c;--quizcard-timer-bg: #e0e6ef;--quizcard-question-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--quizcard-question-font-size: 18px;--quizcard-question-font-weight: 400;--quizcard-question-line-height: 1.6;--quizcard-question-letter-spacing: .01em;--quizcard-question-color: rgba(255, 255, 255, .92);--quizcard-question-text-shadow: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 3px rgba(164, 186, 220, .1);--question-button-bg: rgba(27, 36, 50, .25);--question-button-border: rgba(164, 186, 220, .15);--question-button-hover-bg: linear-gradient(135deg, rgba(30, 41, 59, .4) 0%, rgba(77, 158, 255, .12) 50%, rgba(164, 186, 220, .08) 100%);--question-button-shadow: 0 4px 15px rgba(0, 0, 0, .15);--question-button-hover-shadow: 0 8px 25px rgba(0, 10, 30, .25), 0 0 0 1px var(--accent-blue-strong), 0 0 20px rgba(77, 158, 255, .18);--category-card-bg: rgba(27, 36, 50, .5);--category-card-hover-bg: linear-gradient(135deg, rgba(30, 41, 59, .5) 0%, rgba(77, 158, 255, .08) 50%, rgba(164, 186, 220, .05) 100%);--category-card-shadow: 0 4px 15px rgba(0, 0, 0, .2);--category-card-hover-shadow: 0 8px 25px rgba(0, 10, 30, .3), 0 0 0 1px var(--accent-blue-strong), 0 0 20px rgba(77, 158, 255, .15);--category-card-focus-shadow: 0 0 0 2px rgba(56, 214, 203, .3);--error-color: #ff6b7a;--error-bg: rgba(30, 41, 59, .9);--error-border: rgba(255, 107, 122, .4);--error-shadow: 0 12px 40px rgba(255, 107, 122, .2), 0 4px 16px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 107, 122, .1);--warning-color: #ffd93d;--warning-bg: rgba(30, 41, 59, .9);--warning-border: rgba(255, 217, 61, .4);--info-color: #74b9ff;--info-bg: rgba(30, 41, 59, .9);--info-border: rgba(116, 185, 255, .4);--toggle-button-bg: rgba(21, 27, 40, .85);--toggle-button-border: rgba(164, 186, 220, .2);--toggle-button-color: rgba(164, 186, 220, .8);--toggle-button-shadow: 0 2px 8px rgba(0, 0, 0, .3);--toggle-button-hover-bg: rgba(30, 41, 59, .9);--toggle-button-hover-border: rgba(164, 186, 220, .3);--toggle-button-hover-shadow: 0 4px 12px rgba(0, 0, 0, .4);--toggle-button-paused-bg: rgba(30, 41, 59, .8);--toggle-button-paused-border: rgba(164, 186, 220, .4);--toggle-button-paused-color: rgba(164, 186, 220, .9)}.status-group{background:#1b24324d;border:1px solid var(--card-border-color, rgba(164, 186, 220, .15))}.question-number{color:var(--text-heading-color)}.time-taken{color:var(--accent-blue-strong)}}@media (prefers-color-scheme: light){:root{--question-button-bg: rgba(255, 255, 255, .5);--question-button-border: none;--question-button-hover-bg: rgba(224, 251, 250, .35);--question-button-shadow: 0 2px 8px rgba(0, 0, 0, .08);--question-button-hover-shadow: 0 4px 12px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06), 0 1px 4px rgba(56, 214, 203, .15);--question-button-focus-shadow: 0 0 0 2px rgba(56, 214, 203, .4);--category-card-bg: rgba(255, 255, 255, .9);--category-card-hover-bg: linear-gradient(135deg, rgba(224, 251, 250, .8) 60%, rgba(246, 253, 255, .8) 100%);--category-card-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .06);--category-card-hover-shadow: 0 6px 20px rgba(0, 0, 0, .12), 0 12px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(56, 214, 203, .15);--category-card-focus-shadow: 0 0 0 2px rgba(56, 214, 203, .3);--quizcard-question-number: rgba(150, 150, 150, .25);--quizcard-question-number-glow: rgba(56, 214, 203, .8);--quizcard-question-number-eclipse-start: rgba(0, 0, 0, .1);--quizcard-question-number-eclipse-peak: rgba(248, 250, 252, 1);--quizcard-question-number-eclipse-end: rgba(255, 255, 255, .6);--quizcard-question-number-glow-eclipse: rgba(56, 214, 203, .9);--quizcard-timer-active: #38d6cb;--quizcard-timer-warning: #ff7a85;--quizcard-timer-bg: rgba(56, 214, 203, .12);--quizcard-question-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--quizcard-question-font-size: 18px;--quizcard-question-font-weight: 400;--quizcard-question-line-height: 1.6;--quizcard-question-letter-spacing: .01em;--quizcard-question-color: rgba(51, 51, 51, .95);--quizcard-question-text-shadow: 0 1px 3px rgba(255, 255, 255, .8), 0 2px 6px rgba(56, 214, 203, .08);--status-red: rgba(255, 59, 48, .9);--status-orange: rgba(255, 149, 0, .9);--status-yellow: rgba(255, 204, 0, .9);--status-green: rgba(52, 199, 89, .9);--status-blue: rgba(0, 122, 255, .9);--status-indigo: rgba(88, 86, 214, .9);--status-violet: rgba(175, 82, 222, .9);--status-red-light: rgba(255, 59, 48, .12);--status-orange-light: rgba(255, 149, 0, .12);--status-yellow-light: rgba(255, 204, 0, .12);--status-green-light: rgba(52, 199, 89, .12);--status-blue-light: rgba(0, 122, 255, .12);--status-indigo-light: rgba(88, 86, 214, .12);--status-violet-light: rgba(175, 82, 222, .12);--status-red-icon: rgba(255, 59, 48, .7);--status-orange-icon: rgba(255, 149, 0, .7);--status-yellow-icon: rgba(255, 204, 0, .7);--status-green-icon: rgba(52, 199, 89, .7);--status-blue-icon: rgba(0, 122, 255, .7);--status-indigo-icon: rgba(88, 86, 214, .7);--status-violet-icon: rgba(175, 82, 222, .7);--counter-text-color: rgba(56, 214, 203, .6);--counter-opacity: .8;--quizcard-confident: #48c774;--quizcard-not-confident: #ff5c5c;--quizcard-confident-bg: #48c774;--quizcard-not-confident-bg: #ff5c5c;--rainbow-red: #ff3b30;--rainbow-orange: #ff9500;--rainbow-yellow: #ffcc00;--rainbow-green: #34c759;--rainbow-blue: #007aff;--rainbow-indigo: #5856d6;--rainbow-violet: #af52de;--warning-modal-overlay-bg: linear-gradient(135deg, rgba(34, 184, 230, .15) 0%, rgba(255, 255, 255, .85) 30%, rgba(224, 251, 250, .9) 70%, rgba(56, 214, 203, .2) 100%);--warning-modal-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(247, 251, 253, .9) 30%, rgba(224, 251, 250, .85) 70%, rgba(255, 255, 255, .92) 100%);--warning-modal-border: 2px solid rgba(56, 214, 203, .2);--warning-modal-shadow: 0 25px 50px rgba(56, 214, 203, .15), 0 12px 24px rgba(0, 0, 0, .08), 0 4px 16px rgba(56, 214, 203, .1), inset 0 1px 0 rgba(255, 255, 255, .8);--warning-modal-backdrop-filter: blur(20px) saturate(1.8);--warning-modal-before-bg: radial-gradient(circle at 20% 20%, rgba(56, 214, 203, .08) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(34, 184, 230, .06) 0%, transparent 50%), linear-gradient(135deg, rgba(255, 255, 255, .3) 0%, rgba(224, 251, 250, .2) 30%, rgba(247, 251, 253, .1) 70%, rgba(255, 255, 255, .2) 100%);--warning-icon-color: rgba(255, 183, 77, .9);--warning-icon-filter: drop-shadow(0 4px 12px rgba(255, 183, 77, .3));--warning-checkbox-bg: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(224, 251, 250, .4) 50%, rgba(247, 251, 253, .6) 100%);--warning-checkbox-border: 1px solid rgba(56, 214, 203, .15);--warning-checkbox-shadow: 0 4px 12px rgba(56, 214, 203, .08), inset 0 1px 0 rgba(255, 255, 255, .6);--warning-button-bg: linear-gradient(135deg, rgba(56, 214, 203, .9) 0%, rgba(34, 184, 230, .8) 30%, rgba(77, 158, 255, .9) 100%);--warning-button-shadow: 0 8px 20px rgba(56, 214, 203, .25), 0 4px 12px rgba(34, 184, 230, .15), inset 0 1px 0 rgba(255, 255, 255, .3);--warning-button-hover-shadow: 0 12px 30px rgba(56, 214, 203, .35), 0 6px 16px rgba(34, 184, 230, .2), inset 0 1px 0 rgba(255, 255, 255, .4);--warning-floating-csv-bg: linear-gradient(135deg, rgba(56, 214, 203, .95) 0%, rgba(34, 184, 230, .9) 50%, rgba(77, 158, 255, .95) 100%);--warning-floating-csv-shadow: 0 8px 25px rgba(56, 214, 203, .3), 0 4px 12px rgba(34, 184, 230, .2), inset 0 1px 0 rgba(255, 255, 255, .3);--warning-floating-csv-hover-shadow: 0 12px 35px rgba(56, 214, 203, .4), 0 6px 18px rgba(34, 184, 230, .3), inset 0 1px 0 rgba(255, 255, 255, .4)}html,body,#app{background-color:var(--color-bg);background-image:linear-gradient(180deg,#f7fbfd,#eaf6fa);color:var(--color-text)}}@media (prefers-color-scheme: dark){:root{--quizcard-confident: #2ecc71;--quizcard-not-confident: #ff5c5c;--quizcard-confident-bg: #2ecc71;--quizcard-not-confident-bg: #ff5c5c;--rainbow-red: #ff453a;--rainbow-orange: #ff9f0a;--rainbow-yellow: #ffd60a;--rainbow-green: #30d158;--rainbow-blue: #007aff;--rainbow-indigo: #5e5ce6;--rainbow-violet: #bf5af2;--warning-modal-overlay-bg: linear-gradient(135deg, rgba(0, 10, 30, .8) 0%, rgba(15, 23, 42, .9) 30%, rgba(30, 41, 59, .85) 70%, rgba(21, 27, 40, .9) 100%);--warning-modal-bg: linear-gradient(135deg, rgba(21, 27, 40, .95) 0%, rgba(30, 41, 59, .9) 30%, rgba(27, 36, 50, .85) 70%, rgba(15, 23, 42, .95) 100%);--warning-modal-border: 1px solid rgba(164, 186, 220, .2);--warning-modal-shadow: 0 25px 50px rgba(0, 10, 30, .4), 0 12px 24px rgba(0, 0, 0, .3), 0 4px 16px rgba(164, 186, 220, .08), inset 0 1px 0 rgba(164, 186, 220, .1);--warning-modal-backdrop-filter: blur(20px) saturate(1.2);--warning-modal-before-bg: radial-gradient(circle at 30% 20%, rgba(164, 186, 220, .12) 0%, transparent 60%), radial-gradient(circle at 70% 80%, rgba(77, 158, 255, .08) 0%, transparent 50%), linear-gradient(135deg, rgba(30, 41, 59, .4) 0%, rgba(164, 186, 220, .08) 30%, rgba(15, 23, 42, .3) 70%, rgba(21, 27, 40, .5) 100%);--warning-icon-color: rgba(255, 217, 61, .9);--warning-icon-filter: drop-shadow(0 4px 12px rgba(255, 217, 61, .3));--warning-checkbox-bg: linear-gradient(135deg, rgba(30, 41, 59, .8) 0%, rgba(21, 27, 40, .6) 50%, rgba(27, 36, 50, .7) 100%);--warning-checkbox-border: 1px solid rgba(164, 186, 220, .15);--warning-checkbox-shadow: 0 4px 12px rgba(0, 10, 30, .3), inset 0 1px 0 rgba(164, 186, 220, .1);--warning-button-bg: linear-gradient(135deg, rgba(77, 158, 255, .9) 0%, rgba(116, 185, 255, .8) 30%, rgba(164, 186, 220, .9) 100%);--warning-button-shadow: 0 8px 20px rgba(77, 158, 255, .25), 0 4px 12px rgba(0, 10, 30, .2), inset 0 1px 0 rgba(255, 255, 255, .2);--warning-button-hover-shadow: 0 12px 30px rgba(77, 158, 255, .35), 0 6px 16px rgba(0, 10, 30, .3), inset 0 1px 0 rgba(255, 255, 255, .3);--warning-floating-csv-bg: linear-gradient(135deg, rgba(77, 158, 255, .9) 0%, rgba(34, 184, 230, .85) 50%, rgba(164, 186, 220, .9) 100%);--warning-floating-csv-shadow: 0 8px 25px rgba(77, 158, 255, .2), 0 4px 12px rgba(0, 10, 30, .15), inset 0 1px 0 rgba(255, 255, 255, .2);--warning-floating-csv-hover-shadow: 0 12px 35px rgba(77, 158, 255, .3), 0 6px 18px rgba(0, 10, 30, .2), inset 0 1px 0 rgba(255, 255, 255, .3)}html,body,#app{background-color:#000;background-image:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden;touch-action:manipulation;overscroll-behavior-y:none;font-family:var(--font-family-base);line-height:1.7;color:var(--color-text);background-image:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;font-size:var(--font-size-base);font-weight:var(--font-weight-base)}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}#app{display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);width:100%;position:relative}.seo-debug-info{position:fixed;top:10px;left:10px;background:#000c;color:#fff;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;font-size:12px;z-index:10000;max-width:250px;border:2px solid #4d9eff}.debug-header{font-weight:700;margin-bottom:8px;color:#4d9eff;text-align:center}.debug-details div{margin:4px 0;display:flex;justify-content:space-between}.debug-details div:before{content:"• ";color:#4d9eff;font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-text);margin-bottom:.5em;letter-spacing:.02em}p{margin-bottom:1em}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast);font-weight:var(--font-weight-bold)}a:hover{color:color-mix(in srgb,var(--color-accent) 80%,white)}button{font:inherit;cursor:pointer;border:none;background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6em 1.5em;border-radius:8px;font-weight:500;transition:all var(--transition-normal);box-shadow:var(--card-shadow-sm);border:1px solid transparent;letter-spacing:.03em}.btn-primary{background:linear-gradient(135deg,var(--button-primary-bg),color-mix(in srgb,var(--button-primary-bg) 80%,black));color:var(--button-primary-text)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--card-shadow);background:linear-gradient(135deg,var(--button-primary-bg),color-mix(in srgb,var(--button-primary-bg) 90%,black))}.fade-enter-active,.fade-leave-active{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.fade-enter-from{opacity:0;transform:translateY(20px) scale(.98)}.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}::-webkit-scrollbar-thumb{background:#a4badc4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a4badc80}:focus{outline:2px solid var(--accent-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}input,textarea,select{font:inherit;border:1px solid var(--card-border-color);border-radius:6px;padding:.6em .8em;background-color:color-mix(in srgb,var(--card-bg-color) 95%,transparent);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4d9eff26}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.muted{color:var(--color-text-muted)}.small{font-size:var(--font-size-small)}.large{font-size:var(--font-size-large)}@media (max-width: 600px){:root{--font-size-base: 15px;--font-size-small: 13px;--font-size-large: 18px}}body,#app{background:transparent!important}.background-video-toggle{position:fixed!important;bottom:var(--toggle-button-bottom);right:var(--toggle-button-right);width:44px;height:44px;border-radius:50%;background:var(--toggle-button-bg);border:1px solid var(--toggle-button-border);box-shadow:var(--toggle-button-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.25,.46,.45,.94)!important;z-index:var(--toggle-button-z-index, 11);color:var(--toggle-button-color);backdrop-filter:blur(10px);overflow:hidden;pointer-events:auto;touch-action:manipulation;opacity:var(--toggle-button-opacity)}.background-video-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.background-video-toggle:hover:before{transform:translate(100%)}.background-video-toggle:hover{transform:translateY(-2px);box-shadow:var(--toggle-button-hover-shadow);background:var(--toggle-button-hover-bg);border-color:var(--toggle-button-hover-border)}.background-video-toggle:active{transform:translateY(0) scale(.95);transition:transform .1s ease;opacity:.8}.background-video-toggle.paused{background:var(--toggle-button-paused-bg);color:var(--toggle-button-paused-color);border-color:var(--toggle-button-paused-border)}.background-video-toggle.paused:hover{background:var(--toggle-button-hover-bg);border-color:var(--toggle-button-hover-border);color:var(--toggle-button-paused-color)}.background-video-toggle svg{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.background-video-toggle:not(.paused) svg{transform:scale(1)}.background-video-toggle.paused svg{transform:scale(1.1)}.background-video-toggle svg{width:16px;height:16px}@media (max-width: 768px){.background-video-toggle svg{width:14px;height:14px}}.home-button{position:fixed;bottom:10px;left:10px;width:44px;height:44px;border-radius:50%;background:var(--toggle-button-bg);border:1px solid var(--toggle-button-border);box-shadow:var(--toggle-button-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:var(--toggle-button-z-index, 11);color:var(--toggle-button-color);backdrop-filter:blur(10px);overflow:hidden;pointer-events:auto;touch-action:manipulation}.home-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.home-button:hover:before{transform:translate(100%)}.home-button:hover{transform:translateY(-2px);box-shadow:var(--toggle-button-hover-shadow);background:var(--toggle-button-hover-bg);border-color:var(--toggle-button-hover-border)}.home-button:active{transform:translateY(0) scale(.95);transition:transform .1s ease;opacity:.8}.home-button.paused{background:var(--toggle-button-paused-bg);color:var(--toggle-button-paused-color);border-color:var(--toggle-button-paused-border)}.home-button.paused:hover{background:var(--toggle-button-hover-bg);border-color:var(--toggle-button-hover-border);color:var(--toggle-button-paused-color)}.home-button svg{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;width:16px;height:16px}@media (max-width: 768px){.home-button svg{width:14px;height:14px}}.home-button:not(.paused) svg{transform:scale(1)}.home-button.paused svg{transform:scale(1.1)}.hamburger-button,.info-button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:var(--header-text-color);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10}.hamburger-button{left:1.5rem}.info-button{right:1.5rem}.hamburger-button:hover,.info-button:hover{background:#ffffff1a;transform:translateY(-50%) scale(1.1)}.hamburger-button svg,.info-button svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media (max-width: 768px){.hamburger-button,.info-button{padding:6px}.hamburger-button{left:.5rem}.info-button{right:.5rem}.hamburger-button svg,.info-button svg{width:24px;height:24px}.seo-debug-info{top:5px;left:5px;padding:8px 12px;font-size:10px;max-width:200px}}.menu-panel[data-v-2064a2d4]{position:fixed;inset:0;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:stretch;justify-content:flex-start;padding:0}.menu-content[data-v-2064a2d4]{position:relative;background:var(--info-panel-bg-color);border-right:1px solid var(--card-border-color);box-shadow:var(--card-shadow);width:300px;max-width:80vw;height:calc(var(--vh, 1vh) * 100);z-index:1060;color:var(--text-color);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.menu-panel.menu-visible .menu-content[data-v-2064a2d4]{transform:translate(0);transition-delay:.1s}@media (prefers-color-scheme: light){.menu-content[data-v-2064a2d4]{background:#f8fafcf2!important;color:#2c3e50!important;border-right:1px solid rgba(56,214,203,.25)!important;box-shadow:0 10px 25px -5px #38d6cb1a,0 10px 10px -5px #38d6cb0a!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.menu-header h2[data-v-2064a2d4]{color:#38d6cb!important;font-weight:600!important}}.menu-header[data-v-2064a2d4]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--card-border-color)}.menu-header h2[data-v-2064a2d4]{font-size:1.3rem;margin:0;color:var(--text-heading-color);font-weight:var(--font-weight-bold)}.menu-items[data-v-2064a2d4]{flex:1;padding:1rem 0;overflow-y:auto}.menu-item[data-v-2064a2d4]{display:flex;align-items:center;justify-content:space-between;background:var(--category-card-bg);padding:.8rem 1rem;border-radius:8px;box-shadow:0 1px 4px #0000000f,0 2px 8px #0000000a,0 1px 2px #00000014;font-size:.9rem;border:none;cursor:pointer;outline:none;transition:all .2s ease;margin:6px .5rem;text-decoration:none;color:var(--text-color);position:relative;overflow:hidden;backdrop-filter:blur(10px) saturate(1.1) brightness(1.02);-webkit-backdrop-filter:blur(10px) saturate(1.1) brightness(1.02)}.menu-item.special-item[data-v-2064a2d4]{background:var(--category-card-bg)}.menu-item.special-item[data-v-2064a2d4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(56,214,203,.1) 50%,transparent 100%);transition:left .5s ease;z-index:1}.menu-item.special-item[data-v-2064a2d4]:hover:before{left:100%}.menu-item.special-item[data-v-2064a2d4]:hover,.menu-item.special-item[data-v-2064a2d4]:focus{background:var(--category-card-hover-bg);color:var(--accent-blue);box-shadow:0 4px 12px #0000001a,0 8px 24px #0000000f,0 1px 4px #38d6cb1f;transform:translateY(-1px);z-index:2;backdrop-filter:blur(5px) saturate(1.2) brightness(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.2) brightness(1.05)}.menu-item.special-item[data-v-2064a2d4]:focus{box-shadow:0 0 0 2px #38d6cb4d,0 4px 12px #0000001a,0 8px 24px #0000000f,0 1px 4px #38d6cb1f}.menu-item-left[data-v-2064a2d4]{display:flex;align-items:center;gap:.8rem;flex-grow:1}.menu-item-icon-wrapper[data-v-2064a2d4]{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--category-card-bg);border:1px solid rgba(56,214,203,.15);transition:all .2s ease}.menu-item-icon[data-v-2064a2d4]{font-size:1.2rem;position:relative;z-index:2;transition:transform .2s ease}.menu-item-sparkle[data-v-2064a2d4]{position:absolute;top:-2px;right:-2px;font-size:.7rem;opacity:0;transform:scale(0);transition:all .2s ease}.menu-item.special-item:hover .menu-item-icon[data-v-2064a2d4]{transform:scale(1.05) rotate(3deg)}.menu-item.special-item:hover .menu-item-sparkle[data-v-2064a2d4]{opacity:1;transform:scale(1) rotate(90deg)}.menu-item.special-item:hover .menu-item-icon-wrapper[data-v-2064a2d4]{background:var(--category-card-hover-bg);border-color:#38d6cb40}.menu-item-content[data-v-2064a2d4]{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.menu-item-text[data-v-2064a2d4]{font-size:1rem;font-weight:500;color:var(--text-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-subtitle[data-v-2064a2d4]{font-size:.8rem;color:var(--text-muted-color);font-weight:400}.menu-item-right[data-v-2064a2d4]{display:flex;align-items:center;gap:.4rem;min-width:60px;text-align:right}.external-link-badge[data-v-2064a2d4]{background:var(--accent-blue);color:var(--header-text-color);padding:2px 5px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1;box-shadow:0 1px 2px #0000001a,0 0 #38d6cb66;min-width:auto;text-align:center;white-space:nowrap;position:relative;overflow:hidden;animation:excitement-2064a2d4 2.5s ease-in-out infinite}.external-link-badge[data-v-2064a2d4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .6s ease}.menu-item.special-item:hover .external-link-badge[data-v-2064a2d4]:before{left:100%}.external-link-icon[data-v-2064a2d4]{color:var(--text-muted-color);opacity:.7;transition:all .2s ease}.menu-item.special-item:hover .external-link-icon[data-v-2064a2d4]{color:var(--accent-blue);opacity:1;transform:translate(1px,-1px) rotate(5deg);animation:bounce-2064a2d4 .6s ease-in-out}@keyframes excitement-2064a2d4{0%,to{transform:scale(1);box-shadow:0 1px 2px #0000001a,0 0 #38d6cb66}25%{transform:scale(1.08) rotate(-1deg);box-shadow:0 2px 4px #00000026,0 0 0 3px #38d6cb33}50%{transform:scale(1.12);box-shadow:0 3px 6px #0003,0 0 0 5px #38d6cb26,0 0 15px #38d6cb4d}75%{transform:scale(1.08) rotate(1deg);box-shadow:0 2px 4px #00000026,0 0 0 3px #38d6cb33}}@keyframes bounce-2064a2d4{0%,20%,50%,80%,to{transform:translate(1px,-1px) rotate(5deg)}40%{transform:translate(1px,-3px) rotate(8deg)}60%{transform:translate(1px,-2px) rotate(3deg)}}@media (prefers-color-scheme: light){.menu-item[data-v-2064a2d4]{backdrop-filter:blur(3px) saturate(1.2) brightness(1);-webkit-backdrop-filter:blur(3px) saturate(1.2) brightness(1)}.menu-item.special-item[data-v-2064a2d4]:hover,.menu-item.special-item[data-v-2064a2d4]:focus{backdrop-filter:blur(5px) saturate(1.3) brightness(1.12);-webkit-backdrop-filter:blur(5px) saturate(1.3) brightness(1.12)}}@media (prefers-color-scheme: dark){.menu-item[data-v-2064a2d4]{backdrop-filter:blur(3px) saturate(.8) brightness(1.5);-webkit-backdrop-filter:blur(3px) saturate(.8) brightness(1.5)}.menu-item.special-item[data-v-2064a2d4]:hover,.menu-item.special-item[data-v-2064a2d4]:focus{backdrop-filter:blur(5px) saturate(1) brightness(1.5);-webkit-backdrop-filter:blur(5px) saturate(1) brightness(1.5)}}.close-menu-button[data-v-2064a2d4]{background:var(--accent-blue);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #4d9eff40}.close-menu-button[data-v-2064a2d4]:hover{background:var(--accent-blue-strong);color:#fff;transform:scale(1.08);box-shadow:0 4px 12px #22b8e659}.close-menu-button svg[data-v-2064a2d4]{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@media (max-width: 768px){.menu-content[data-v-2064a2d4]{width:280px}.menu-header[data-v-2064a2d4]{padding:1rem 1.5rem}.menu-item[data-v-2064a2d4]{padding:.8rem 1.5rem}.close-menu-button[data-v-2064a2d4]{padding:6px}.close-menu-button svg[data-v-2064a2d4]{width:18px;height:18px}}.menu-overlay[data-v-2064a2d4]{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);backdrop-filter:blur(2px) brightness(.9);-webkit-backdrop-filter:blur(2px) brightness(.9);background-color:#0a0f1980;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.menu-panel.menu-visible .menu-overlay[data-v-2064a2d4]{opacity:1}.info-panel[data-v-58befb6f]{position:fixed;inset:0;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:.5rem}.info-content[data-v-58befb6f]{position:relative;background:var(--info-panel-bg-color);border:1px solid var(--card-border-color);border-radius:12px;padding:1rem;box-shadow:var(--card-shadow);max-width:500px;width:90%;z-index:1060;color:var(--text-color)}@media (prefers-color-scheme: light){.info-content[data-v-58befb6f]{background:#f8fafcf2!important;color:#2c3e50!important;border:1px solid rgba(56,214,203,.25)!important;box-shadow:0 10px 25px -5px #38d6cb1a,0 10px 10px -5px #38d6cb0a!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.info-content h2[data-v-58befb6f]{color:#38d6cb!important;font-weight:600!important}.info-text[data-v-58befb6f],.info-text li[data-v-58befb6f]{color:#2c3e50d9!important}}.info-content h2[data-v-58befb6f]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-heading-color);font-weight:var(--font-weight-bold)}.info-text[data-v-58befb6f]{font-size:1rem;line-height:1.6;color:var(--text-color)}.info-text ul[data-v-58befb6f]{margin:1rem 0;padding-left:1.5rem}.info-text li[data-v-58befb6f]{margin:.5rem 0;color:var(--text-color)}.close-info-button[data-v-58befb6f]{position:absolute;top:1rem;right:1rem;background:var(--accent-blue);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #4d9eff40}.close-info-button[data-v-58befb6f]:hover{background:var(--accent-blue-strong);color:#fff;transform:scale(1.08);box-shadow:0 4px 12px #22b8e659}.close-info-button svg[data-v-58befb6f]{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@media (max-width: 768px){.close-info-button[data-v-58befb6f]{top:.5rem;right:.5rem;padding:6px}.close-info-button svg[data-v-58befb6f]{width:18px;height:18px}}.info-overlay[data-v-58befb6f]{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);backdrop-filter:blur(2px) brightness(.9);-webkit-backdrop-filter:blur(2px) brightness(.9);transition:background .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1)}.info-panel .info-overlay[data-v-58befb6f]{background-color:#0a0f1980}.info-overlay-fade-enter-active[data-v-58befb6f]{transition:opacity .35s cubic-bezier(.4,0,.2,1);transition-delay:0s}.info-overlay-fade-leave-active[data-v-58befb6f]{transition:opacity .35s cubic-bezier(.4,0,.2,1);transition-delay:.18s}.info-overlay-fade-enter-from[data-v-58befb6f],.info-overlay-fade-leave-to[data-v-58befb6f]{opacity:0}.info-overlay-fade-enter-to[data-v-58befb6f],.info-overlay-fade-leave-from[data-v-58befb6f]{opacity:1}.info-content-fade-scale-enter-active[data-v-58befb6f]{transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1);transition-delay:.13s}.info-content-fade-scale-leave-active[data-v-58befb6f]{transition:opacity .33s cubic-bezier(.4,0,.2,1),transform .33s cubic-bezier(.4,0,.2,1)}.info-content-fade-scale-enter-from[data-v-58befb6f],.info-content-fade-scale-leave-to[data-v-58befb6f]{opacity:0;transform:scale(.97)}.info-content-fade-scale-enter-to[data-v-58befb6f],.info-content-fade-scale-leave-from[data-v-58befb6f]{opacity:1;transform:scale(1)}.feedback-section[data-v-2f741282]{margin-top:1.2rem;padding:.8rem;background:#ff98000d;border-radius:8px;border:1px solid rgba(255,152,0,.15);display:flex;align-items:center;gap:.8rem}.feedback-emoji[data-v-2f741282]{font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feedback-content[data-v-2f741282]{flex:1}.feedback-link[data-v-2f741282]{margin:0 0 .5rem;font-size:.95rem;color:var(--text-primary)}.feedback-link[data-v-2f741282]:last-of-type{margin-bottom:.5rem}.feedback-link a[data-v-2f741282]{color:var(--accent-blue);text-decoration:underline;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#ffffffe6;padding:.1rem .3rem;border-radius:4px}.feedback-link a[data-v-2f741282]:hover{color:var(--accent-blue-hover);text-shadow:0 0 8px rgba(77,158,255,.3);background-color:#fff}.feedback-warning[data-v-2f741282]{margin:.5rem 0 0;padding:0;font-size:.82rem;color:#ff9800;display:flex;align-items:center}.feedback-warning-icon[data-v-2f741282]{font-size:1rem;line-height:0;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 3px rgba(255,152,0,.3));margin:0;padding:0;margin-right:.3rem;position:relative;top:0}.feedback-warning-text[data-v-2f741282]{line-height:1.2;opacity:.9;letter-spacing:.02em;margin:0;padding:0}@media (prefers-color-scheme: dark){.feedback-section[data-v-2f741282]{background:#ff98000d;border-color:#ff980026}.feedback-link a[data-v-2f741282]{color:var(--accent-blue);background-color:#0003}.feedback-link a[data-v-2f741282]:hover{color:var(--accent-blue-hover);background-color:#0000004d}.feedback-warning[data-v-2f741282]{color:#ffb74df2}.feedback-warning-icon[data-v-2f741282]{filter:drop-shadow(0 0 4px rgba(255,183,77,.5))}}.footer-nav-root[data-v-845ee92f]{height:100%;width:100%;display:flex;justify-content:center;align-items:flex-end;background:transparent;position:relative;padding:0;margin:0}.footer-nav-grid[data-v-845ee92f]{display:flex;flex-direction:row;gap:18px;border-radius:0;box-shadow:0 -1px 2px #6ee7f70d;border-top:.5px solid rgba(56,214,203,.15);padding:8px 12px;margin:0;width:100%;height:100%;justify-content:center}.footer-nav-btn[data-v-845ee92f]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:60px;background:#fff;border:1px solid transparent;border-radius:8px;box-shadow:none;color:var(--accent-blue, #38d6cb);font-size:1.05rem;font-weight:500;transition:background .18s,border .18s,color .18s,box-shadow .18s;outline:none;cursor:pointer;user-select:none;position:relative;padding:8px 0 4px}.footer-nav-btn .footer-nav-icon[data-v-845ee92f]{width:28px;height:28px;margin-bottom:2px;fill:var(--accent-blue, #38d6cb);display:block}.footer-nav-btn.active[data-v-845ee92f]{background:linear-gradient(135deg,#e0fbfa 60%,#f6fdff);border:1px solid var(--accent-blue, #38d6cb);color:var(--accent-blue, #38d6cb);box-shadow:0 0 0 1px #38d6cb1a;z-index:2}.footer-nav-btn[data-v-845ee92f]:active{background:#e0fbfa}.footer-nav-btn[data-v-845ee92f]:disabled{opacity:.6;cursor:not-allowed}.footer-nav-btn[data-v-845ee92f]:hover,.footer-nav-btn[data-v-845ee92f]:focus-visible{background:linear-gradient(135deg,#e0fbfa 60%,#f6fdff);border:1px solid var(--accent-blue, #38d6cb);color:var(--accent-blue, #38d6cb);box-shadow:0 0 0 1px #38d6cb21;z-index:2;outline:none}.footer-nav-btn:hover .footer-nav-icon[data-v-845ee92f],.footer-nav-btn:focus-visible .footer-nav-icon[data-v-845ee92f]{fill:var(--accent-blue, #38d6cb)}.footer-nav-label[data-v-845ee92f]{display:block;font-size:1.02rem;font-weight:500;color:inherit}@media (max-width: 768px){.footer-nav-grid[data-v-845ee92f]{gap:8px;padding:6px 4px;width:100%}.footer-nav-btn[data-v-845ee92f]{min-width:0;width:100%;font-size:.98rem;padding:6px 0 2px}.footer-nav-label[data-v-845ee92f]{font-size:.95rem}}@media (prefers-color-scheme: dark){.footer-nav-grid[data-v-845ee92f]{background:#101824d9;border-top-color:var(--card-border-color);backdrop-filter:blur(12px) saturate(120%);box-shadow:0 -4px 20px #00050f4d}.footer-nav-btn[data-v-845ee92f]{background:transparent;color:var(--text-muted-color)}.footer-nav-btn .footer-nav-icon[data-v-845ee92f]{fill:var(--text-muted-color)}.footer-nav-btn[data-v-845ee92f]:hover,.footer-nav-btn[data-v-845ee92f]:focus-visible{background:#1e293bcc;border-color:var(--accent-blue);color:var(--accent-blue)}.footer-nav-btn:hover .footer-nav-icon[data-v-845ee92f],.footer-nav-btn:focus-visible .footer-nav-icon[data-v-845ee92f]{fill:var(--accent-blue)}.footer-nav-btn.active[data-v-845ee92f]{background:#1e293be6;border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 15px #4d9eff26}.footer-nav-btn.active .footer-nav-icon[data-v-845ee92f]{fill:var(--accent-blue)}}.score-arc-chart[data-v-59b49171]{display:inline-block;position:relative;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));will-change:transform,filter}.score-arc-chart.pulsing[data-v-59b49171]{animation:gentle-pulse-59b49171 4s ease-in-out infinite}.score-arc-chart[data-v-59b49171]:not(.pulsing){filter:drop-shadow(0 1px 4px rgba(0,0,0,.05))}.score-arc-chart:not(.pulsing) .background-circle[data-v-59b49171]{transition:opacity .8s ease}@keyframes gentle-pulse-59b49171{0%,to{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}50%{transform:scale(1.02);filter:drop-shadow(0 4px 16px rgba(0,0,0,.15))}}.arc-container[data-v-59b49171]{position:relative;display:flex;align-items:center;justify-content:center}.glow-background[data-v-59b49171]{position:absolute;top:50%;left:50%;width:90%;height:90%;border-radius:50%;transform:translate(-50%,-50%);transition:box-shadow .3s ease;z-index:-1;will-change:box-shadow}.particles-container[data-v-59b49171]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;will-change:transform}.particle[data-v-59b49171]{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity}.arc-svg[data-v-59b49171]{display:block;z-index:1}.score-circle[data-v-59b49171]{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1),stroke .5s ease;animation:gentle-glow-59b49171 3s ease-in-out infinite}@keyframes gentle-glow-59b49171{0%,to{opacity:1}50%{opacity:.9}}.inner-highlight[data-v-59b49171]{transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1);animation:inner-shimmer-59b49171 4s ease-in-out infinite}@keyframes inner-shimmer-59b49171{0%,to{opacity:.2}50%{opacity:.5}}.background-circle[data-v-59b49171]{transition:opacity .5s ease}.score-text[data-v-59b49171]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:800;text-align:center;pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:3;letter-spacing:.5px;animation:text-breathe-59b49171 3s ease-in-out infinite}.score-arc-chart:not(.pulsing) .score-text[data-v-59b49171]{animation:none;font-weight:600;letter-spacing:.3px}@keyframes text-breathe-59b49171{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.95}}@media (prefers-color-scheme: light){.glow-background[data-v-59b49171]{background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(224,251,250,.4) 50%,transparent 70%)}}@media (prefers-color-scheme: dark){.glow-background[data-v-59b49171]{background:radial-gradient(circle,rgba(30,41,59,.6) 0%,rgba(15,23,42,.3) 50%,transparent 70%)}.score-text[data-v-59b49171]{font-weight:600}}@media (max-width: 600px){.score-text[data-v-59b49171]{font-size:12px;letter-spacing:.4px}.score-arc-chart.pulsing[data-v-59b49171]{animation-duration:5s}}.home-screen[data-v-41cec796]{display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);overflow:hidden;color:var(--text-color);font-family:Helvetica Neue,Arial,sans-serif;position:relative;z-index:10;--category-grid-bottom-margin: 150px;--history-list-bottom-margin: 150px}.home-screen.modal-open[data-v-41cec796],.home-screen.modal-open{--toggle-button-z-index: 1}.home-screen.loading[data-v-41cec796]{opacity:.8;pointer-events:none}.loading-indicator[data-v-41cec796],.error-message[data-v-41cec796],.no-history-message[data-v-41cec796]{text-align:center;padding:2rem;color:var(--text-muted-color);margin-top:2rem}.error-message[data-v-41cec796]{background:var(--error-bg);border:2px solid var(--error-border);border-radius:16px;padding:2rem;margin:1.5rem auto;max-width:480px;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:var(--error-shadow, var(--card-shadow-lg));position:relative;overflow:hidden}@media (prefers-color-scheme: light){.error-message[data-v-41cec796]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(220,53,69,.03) 0%,transparent 50%,rgba(220,53,69,.02) 100%);pointer-events:none}}.error-message p[data-v-41cec796]{color:var(--error-color);font-weight:600;margin-bottom:.5rem;font-size:1rem;position:relative;z-index:1}.error-message .error-detail[data-v-41cec796]{color:var(--text-muted-color);font-weight:400;font-size:.9rem;line-height:1.6;margin-bottom:1rem;opacity:.9;position:relative;z-index:1}.error-message button[data-v-41cec796]{margin-top:1.5rem;padding:.4rem .8rem;background:var(--accent-blue);color:var(--header-text-color);border:none;border-radius:6px;font-weight:500;font-size:.8rem;cursor:pointer;transition:background-color .2s ease;position:relative;z-index:1;display:inline-flex;align-items:center;gap:.4rem}.error-message button[data-v-41cec796]:hover{background:color-mix(in srgb,var(--accent-blue) 85%,#000 15%)}.home-header[data-v-41cec796]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--header-bg-gradient);color:var(--header-text-color);text-shadow:0 2px 8px rgba(63,208,201,.08);box-shadow:0 2px 12px #3fd0c90f;position:relative;z-index:11;padding:1rem}.hamburger-button[data-v-41cec796],.info-button[data-v-41cec796]{background:none;border:none;color:var(--header-text-color);cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.hamburger-button[data-v-41cec796]:hover,.info-button[data-v-41cec796]:hover{background-color:#ffffff1a}.header-right-section[data-v-41cec796]{display:flex;align-items:center}.today-counter[data-v-41cec796]{position:absolute;top:.8rem;right:.8rem;z-index:15;font-size:.75rem;color:var(--counter-text-color);opacity:var(--counter-opacity);font-weight:500;text-align:center;transition:opacity .2s ease;user-select:none;pointer-events:none;line-height:1}.home-header[data-v-41cec796]{opacity:1;transform:translateY(0);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)!important}.home-header.fade-out[data-v-41cec796]{opacity:0;transform:translateY(-100%);pointer-events:none}.header-title-group[data-v-41cec796]{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;text-align:center}.app-title[data-v-41cec796]{font-size:2rem;font-weight:700;margin:0;line-height:1.1;letter-spacing:.04em;color:var(--header-text-color);text-shadow:0 2px 8px rgba(63,208,201,.08)}.app-subtitle[data-v-41cec796]{font-size:1.15rem;opacity:.92;margin:0;line-height:1.2;font-weight:400;color:var(--header-text-color);text-shadow:0 2px 8px rgba(63,208,201,.08)}.main-content[data-v-41cec796]{flex:1;padding:1.5rem;position:relative;max-width:680px;width:100%;margin:0 auto;box-sizing:border-box;z-index:11;opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.panel-content[data-v-41cec796]{position:relative;width:100%;height:100%}.panel-category[data-v-41cec796],.panel-history[data-v-41cec796]{position:absolute;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100 - 180px - env(safe-area-inset-bottom));padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;opacity:0;transition:opacity .3s ease;pointer-events:none}.panel-category[data-v-41cec796]{height:calc(var(--vh, 1vh) * 100 - env(safe-area-inset-bottom))}.home-screen.active-panel-quizzes .category-section[data-v-41cec796],.home-screen.active-panel-history .history-section[data-v-41cec796]{opacity:1;pointer-events:auto;padding-left:12px;padding-right:5px}.scrollable-content[data-v-41cec796]{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateY(0);will-change:transform}.category-grid[data-v-41cec796]{display:flex;flex-direction:column;gap:.7rem;padding:8px 8px var(--category-grid-bottom-margin) 8px;margin-bottom:0;align-items:center;height:100%;overflow-y:auto}.category-card[data-v-41cec796]{width:100%;max-width:600px;margin:6px auto .7rem;background:var(--category-card-bg);border:none;border-radius:8px;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a,0 1px 4px #0000000f;color:var(--text-color);transition:box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);min-height:180px;height:180px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;flex-shrink:0;box-sizing:border-box;cursor:pointer;outline:none;z-index:12;backdrop-filter:blur(10px) saturate(1.1) brightness(1.02);-webkit-backdrop-filter:blur(10px) saturate(1.1) brightness(1.02)}.category-thumbnail[data-v-41cec796]{flex-shrink:0;width:320px;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-image[data-v-41cec796]{width:auto;height:100%;object-fit:cover;display:block}.category-content[data-v-41cec796]{flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:auto;min-height:180px;position:relative}.category-updated[data-v-41cec796]{position:absolute;bottom:.8rem;right:1rem;font-size:.7rem;color:var(--text-subtle-color);z-index:3}.category-question-count[data-v-41cec796]{position:absolute;bottom:.8rem;left:1rem;font-size:2rem;font-weight:600;color:var(--accent-blue);letter-spacing:.05em;z-index:3}@media (max-width: 600px){.category-card[data-v-41cec796]{flex-direction:column;text-align:center;gap:0;padding:0;overflow:hidden;min-height:380px;height:380px;align-items:stretch;flex-shrink:0;position:relative}.category-thumbnail[data-v-41cec796]{width:100%;height:0;padding-bottom:56.25%;position:relative;align-self:stretch;margin:0 0 .5rem;border-radius:8px 8px 0 0;order:-1;overflow:hidden}.thumbnail-image[data-v-41cec796]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.category-content[data-v-41cec796]{text-align:center;padding:0;height:auto;min-height:auto;flex:1}.category-info[data-v-41cec796]{text-align:center;grid-template-areas:"name" "desc" "score" "updated";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;justify-items:center;padding:.8rem 1rem 3rem;gap:.6rem;height:auto;min-height:auto;display:grid;position:relative}.category-name[data-v-41cec796]{justify-content:center;height:auto;white-space:normal;text-overflow:initial;overflow:visible}.category-updated[data-v-41cec796]{position:absolute;bottom:.5rem;right:1rem;font-size:.7rem;color:var(--text-subtle-color);z-index:3}.category-question-count[data-v-41cec796]{position:absolute;bottom:.5rem;left:1rem;font-weight:600;color:var(--accent-blue);letter-spacing:.05em;z-index:3}.high-score[data-v-41cec796]{justify-content:center}}.category-card[data-v-41cec796]:focus{box-shadow:0 0 0 2px #38d6cb4d,0 4px 12px #0000001a,0 8px 24px #0000000f,0 1px 4px #38d6cb1f}.category-card.transitioning[data-v-41cec796]{opacity:.6;cursor:default;pointer-events:none}.category-icon[data-v-41cec796]{font-size:2.2rem;margin-right:1rem;display:flex;align-items:center;margin-bottom:.2rem}.category-info[data-v-41cec796]{flex:1;z-index:2;display:grid;grid-template-areas:"name" "desc" "score" "updated";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:.4rem;position:relative;text-align:left;align-items:start;padding:.8rem 1rem}.category-name[data-v-41cec796]{grid-area:name;font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:0;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:1.5rem;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shortcut-key[data-v-41cec796]{display:inline-block;font-size:.7rem;font-weight:700;color:var(--header-text-color);background-color:var(--accent-blue);border-radius:4px;padding:2px 6px;margin-right:.5rem;line-height:1;box-shadow:0 1px 2px #0000001a}.category-description[data-v-41cec796]{grid-area:desc;font-size:.85rem;color:var(--secondary-text-color);line-height:1.4;margin-bottom:0;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.high-score[data-v-41cec796]{grid-area:score;display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;height:90px;width:100%}@media (prefers-color-scheme: light){.category-card[data-v-41cec796],.history-item[data-v-41cec796]{backdrop-filter:blur(3px) saturate(1.2) brightness(1);-webkit-backdrop-filter:blur(3px) saturate(1.2) brightness(1)}.category-card[data-v-41cec796]:hover,.category-card[data-v-41cec796]:focus,.category-card.selected[data-v-41cec796],.history-item[data-v-41cec796]:hover,.history-item[data-v-41cec796]:focus,.history-item.selected[data-v-41cec796]{backdrop-filter:blur(5px) saturate(1.3) brightness(1.12);-webkit-backdrop-filter:blur(5px) saturate(1.3) brightness(1.12)}.history-thumbnail-overlay[data-v-41cec796]{background:linear-gradient(transparent,#38d6cba6);backdrop-filter:blur(6px) saturate(1.4) brightness(.9);-webkit-backdrop-filter:blur(6px) saturate(1.4) brightness(.9)}.history-shortcut-topleft[data-v-41cec796]{background-color:#fffffff2;color:var(--accent-blue);box-shadow:0 2px 6px #00000040}.history-thumbnail-overlay .history-category-overlay[data-v-41cec796]{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:600}}.category-card[data-v-41cec796],.history-item[data-v-41cec796]{backdrop-filter:blur(3px) saturate(.8) brightness(1.5);-webkit-backdrop-filter:blur(3px) saturate(.8) brightness(1.5)}.history-item[data-v-41cec796]:hover,.history-item[data-v-41cec796]:focus,.history-item.selected[data-v-41cec796],.category-card[data-v-41cec796]:hover,.category-card[data-v-41cec796]:focus,.category-card.selected[data-v-41cec796]{backdrop-filter:blur(5px) saturate(1) brightness(1.5);-webkit-backdrop-filter:blur(5px) saturate(1) brightness(1.5)}.history-thumbnail-overlay[data-v-41cec796]{background:linear-gradient(transparent,#000000d9)}.history-thumbnail-overlay .history-category-overlay[data-v-41cec796]{text-shadow:0 1px 2px rgba(0,0,0,.8)}.history-header[data-v-41cec796]{display:flex;justify-content:space-between;align-items:center}.history-header[data-v-41cec796]{border-bottom:none;margin-bottom:0}.csv-download-button[data-v-41cec796]{background-color:var(--accent-blue);color:var(--header-text-color);border:none;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background-color .2s ease}.csv-download-button svg[data-v-41cec796]{margin-top:-1px}.csv-download-button[data-v-41cec796]:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent-blue) 85%,#000 15%)}.csv-download-button[data-v-41cec796]:disabled{background-color:var(--card-border-color);cursor:not-allowed;opacity:.7}.history-list[data-v-41cec796]{display:flex;flex-direction:column;gap:.8rem;padding-left:8px;padding-right:8px;height:calc(var(--vh, 1vh) * 100 - 120px - env(safe-area-inset-bottom));overflow-y:auto;scrollbar-gutter:stable;padding-bottom:var(--history-list-bottom-margin);margin-bottom:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateY(0);will-change:transform}.history-item[data-v-41cec796]{display:flex;align-items:center;justify-content:space-between;background:var(--category-card-bg);padding:.8rem;border-radius:12px;box-shadow:0 1px 4px #0000000f,0 2px 8px #0000000a,0 1px 2px #00000014;font-size:.9rem;border:none;cursor:pointer;outline:none;transition:all .2s ease;margin:6px .5rem;backdrop-filter:blur(10px) saturate(1.1) brightness(1.02);-webkit-backdrop-filter:blur(10px) saturate(1.1) brightness(1.02);gap:1rem;min-height:auto}.history-item[data-v-41cec796]:hover,.history-item[data-v-41cec796]:focus,.history-item.selected[data-v-41cec796]{background:var(--category-card-hover-bg);color:var(--accent-blue);box-shadow:0 4px 12px #0000001a,0 8px 24px #0000000f,0 1px 4px #38d6cb1f;transform:translateY(-1px);z-index:2;backdrop-filter:blur(5px) saturate(1.2) brightness(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.2) brightness(1.05)}.history-item.transitioning[data-v-41cec796]{opacity:.6;cursor:default;pointer-events:none}.history-thumbnail[data-v-41cec796]{flex-shrink:0;width:120px;height:75px;position:relative;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--card-bg-color);box-shadow:0 2px 8px #0000001a}.history-thumbnail-image[data-v-41cec796]{width:100%;height:100%;object-fit:cover;display:block}.history-thumbnail-overlay[data-v-41cec796]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);backdrop-filter:blur(4px) saturate(1.2);-webkit-backdrop-filter:blur(4px) saturate(1.2);padding:.4rem .5rem .3rem;display:flex;align-items:flex-end;border-radius:0 0 8px 8px}.history-shortcut-topleft[data-v-41cec796]{position:absolute;top:.4rem;left:.4rem;font-size:.7rem;font-weight:700;color:var(--header-text-color);background-color:var(--accent-blue);border-radius:4px;padding:3px 6px;line-height:1;box-shadow:0 2px 4px #0000004d;min-width:1.3em;text-align:center;z-index:2}.history-thumbnail-overlay .history-category-overlay[data-v-41cec796]{font-size:.75rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.history-content[data-v-41cec796]{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.history-datetime[data-v-41cec796]{font-size:.95rem;color:var(--text-muted-color);line-height:1.4;font-weight:500}.history-stats[data-v-41cec796]{display:flex;align-items:center;gap:1.2rem}.history-score[data-v-41cec796],.history-time[data-v-41cec796]{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px}.score-percent[data-v-41cec796],.time-value[data-v-41cec796]{font-size:1.3rem;font-weight:600;color:var(--accent-blue);line-height:1.2}.bottom-nav[data-v-41cec796]{position:relative;width:100%;max-width:768px;margin:0 auto;height:60px;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);box-shadow:0 -2px 5px #0000000d;display:flex;z-index:100}@media (max-width: 768px){.home-screen[data-v-41cec796]{padding-bottom:60px}.main-content[data-v-41cec796]{max-width:none;padding:0;margin:0}.today-counter[data-v-41cec796]{font-size:.7rem;top:.6rem;right:.6rem}.panel[data-v-41cec796]{padding:1rem}.bottom-nav[data-v-41cec796]{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;z-index:1000;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);box-shadow:0 -2px 5px #0000001a}.app-title[data-v-41cec796]{font-size:1.8rem}.app-subtitle[data-v-41cec796]{font-size:.9rem}.category-grid[data-v-41cec796]{grid-template-columns:1fr;gap:1rem}.category-info[data-v-41cec796]{flex:1;min-width:0}.category-name[data-v-41cec796]{margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.category-description[data-v-41cec796]{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;height:auto;text-align:center}.high-score[data-v-41cec796]{font-size:.75rem;margin-top:.3rem;margin-bottom:.3rem;height:auto;width:auto;justify-content:center}.history-header[data-v-41cec796]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.csv-download-button[data-v-41cec796]{align-self:center}.history-item[data-v-41cec796]{flex-wrap:wrap;padding:.6rem;font-size:.85rem}.history-item[data-v-41cec796]{padding:.7rem;gap:.8rem;min-height:auto}.history-thumbnail[data-v-41cec796]{width:100px;height:65px}.history-thumbnail-overlay[data-v-41cec796]{padding:.3rem .4rem .25rem}.history-shortcut-topleft[data-v-41cec796]{top:.3rem;left:.3rem;font-size:.6rem;padding:2px 5px;min-width:1.1em}.history-thumbnail-overlay .history-category-overlay[data-v-41cec796]{font-size:.7rem}.history-stats[data-v-41cec796]{gap:.8rem}.history-score[data-v-41cec796],.history-time[data-v-41cec796]{min-width:45px}.score-percent[data-v-41cec796],.time-value[data-v-41cec796]{font-size:1.1rem}.history-category[data-v-41cec796]{margin:.3rem 0;width:100%;order:1;text-align:left}.history-date[data-v-41cec796]{order:0;min-width:auto}.history-score[data-v-41cec796]{order:2;width:55%;text-align:left}.history-time[data-v-41cec796]{order:3;width:40%;min-width:auto}}@media (min-width: 769px){.home-screen[data-v-41cec796]{padding-bottom:0}.bottom-nav[data-v-41cec796]{position:relative;width:100%;max-width:768px;margin:0 auto}}@media (hover: none){.category-card[data-v-41cec796]{cursor:pointer}.category-card[data-v-41cec796]:active{transform:scale(.98)}}.history-pagination[data-v-41cec796]{display:flex;align-items:center;justify-content:flex-end;gap:1.2rem;margin-bottom:.5rem;font-size:1rem}.history-pagination-link[data-v-41cec796]{color:var(--accent-blue);cursor:pointer;opacity:.7;padding:2px 8px;border-radius:4px;transition:background .2s,opacity .2s;user-select:none}.history-pagination-link[data-v-41cec796]:hover:not(.disabled){background:var(--accent-blue-light);opacity:1}.history-pagination-link.disabled[data-v-41cec796]{color:var(--text-muted-color);cursor:default;opacity:.4;pointer-events:none}.history-pagination-info[data-v-41cec796]{color:var(--text-muted-color);font-size:.95em}.high-score[data-v-41cec796]{color:#81c784}.history-item[data-v-41cec796]{background-color:var(--color-card-bg);border:none;color:var(--color-text)}.history-category[data-v-41cec796]{color:var(--text-heading-color)}.history-date[data-v-41cec796]{color:var(--text-muted-color)}.history-score[data-v-41cec796],.history-time[data-v-41cec796]{color:var(--accent-blue-strong)}.csv-download-button[data-v-41cec796]{background-color:#4d9eff26;color:#ffffffd9;border:1px solid rgba(77,158,255,.3)}[data-v-41cec796] .footer-nav-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:768px;margin:0 auto;height:60px;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);box-shadow:0 -2px 5px #0000000d;display:flex;z-index:100}.nav-button[data-v-41cec796]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-muted-color);font-size:.75rem;padding:4px 0;transition:color .2s ease,background-color .2s ease;gap:2px;position:relative;border:1px solid transparent;margin:4px;border-radius:6px}.nav-button svg[data-v-41cec796]{width:22px;height:22px;margin-bottom:2px;fill:currentColor}.nav-button[data-v-41cec796]:hover{background-color:var(--bg-secondary-color);border-color:var(--card-border-color)}.nav-button.active[data-v-41cec796]{color:var(--accent-blue);background-color:var(--bg-secondary-color);border-color:var(--accent-blue)}.main-content.fade-out[data-v-41cec796]{opacity:0;transform:translateY(-30px);pointer-events:none}.fade-out[data-v-41cec796] *{pointer-events:none}.footer-wrapper[data-v-41cec796]{position:fixed;padding:0;margin:0;bottom:0;left:0;right:0;width:100%;height:var(--footer-height);z-index:100;opacity:1;transform:translateY(0);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)!important}.footer-wrapper.fade-out[data-v-41cec796]{opacity:0;transform:translateY(var(--footer-height));pointer-events:none}.footer-wrapper.auto-hidden[data-v-41cec796]{transform:translateY(100%);opacity:0;pointer-events:none}.history-warning-modal-overlay[data-v-41cec796]{position:fixed;inset:0;background:var(--warning-modal-overlay-bg);backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-41cec796 .5s cubic-bezier(.25,.46,.45,.94)}.history-warning-modal[data-v-41cec796]{background:var(--warning-modal-bg);border:var(--warning-modal-border);padding:2.5rem;border-radius:24px;box-shadow:var(--warning-modal-shadow);max-width:520px;width:90%;text-align:center;position:relative;overflow:hidden;backdrop-filter:var(--warning-modal-backdrop-filter);-webkit-backdrop-filter:var(--warning-modal-backdrop-filter);animation:modalSlideIn-41cec796 .6s cubic-bezier(.34,1.56,.64,1)}.history-warning-modal[data-v-41cec796]:before{content:"";position:absolute;inset:0;background:var(--warning-modal-before-bg);pointer-events:none;z-index:-1;animation:gentleShimmer-41cec796 4s ease-in-out infinite}.warning-icon[data-v-41cec796]{font-size:3.5rem;color:var(--warning-icon-color);margin-bottom:1.5rem;filter:var(--warning-icon-filter);animation:iconPulse-41cec796 2.5s ease-in-out infinite,iconWiggle-41cec796 6s ease-in-out infinite;position:relative}.warning-title[data-v-41cec796]{font-size:1.4rem;font-weight:600;color:var(--text-heading-color);margin-bottom:1rem;line-height:1.3}.warning-message[data-v-41cec796]{font-size:1rem;color:var(--text-muted-color);margin-bottom:1.5rem;line-height:1.6}.warning-message p[data-v-41cec796]{margin-bottom:.5rem}.warning-checkbox[data-v-41cec796]{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding:1rem;background:var(--warning-checkbox-bg);border-radius:16px;border:var(--warning-checkbox-border);box-shadow:var(--warning-checkbox-shadow);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.checkbox-label[data-v-41cec796]{display:flex;align-items:center;font-size:.9rem;color:var(--text-muted-color);cursor:pointer;transition:color .2s ease}.checkbox-label[data-v-41cec796]:hover{color:var(--text-color)}.checkbox-input[data-v-41cec796]{width:18px;height:18px;margin-right:.75rem;accent-color:var(--accent-blue);cursor:pointer}.checkbox-text[data-v-41cec796]{user-select:none}.warning-actions[data-v-41cec796]{display:flex;justify-content:center;gap:1rem}.warning-button[data-v-41cec796]{padding:.75rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.warning-button[data-v-41cec796]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.warning-button[data-v-41cec796]:hover:before{transform:translate(100%)}.warning-button.primary[data-v-41cec796]{background:var(--warning-button-bg);color:#fff;box-shadow:var(--warning-button-shadow);font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden}.warning-button.primary[data-v-41cec796]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.warning-button.primary[data-v-41cec796]:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--warning-button-hover-shadow)}.warning-button.primary[data-v-41cec796]:hover:after{opacity:1}.warning-button.primary[data-v-41cec796]:active{transform:translateY(-1px) scale(.98)}.floating-csv-download[data-v-41cec796]{position:fixed;bottom:2rem;right:2rem;background:var(--warning-floating-csv-bg);color:#fff;padding:.8rem 1.2rem;border-radius:16px;display:flex;align-items:center;gap:.6rem;box-shadow:var(--warning-floating-csv-shadow);cursor:pointer;z-index:10000;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:floatIn-41cec796 .6s ease-out,softPulse-41cec796 3s ease-in-out infinite;overflow:visible;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.floating-csv-download[data-v-41cec796]:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--warning-floating-csv-hover-shadow)}.floating-csv-icon[data-v-41cec796]{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.floating-csv-text[data-v-41cec796]{font-size:.9rem;font-weight:600;white-space:nowrap}.csv-download-button.enhanced[data-v-41cec796]{background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-strong));color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #4d9eff4d;animation:buttonPulse-41cec796 2s ease-in-out infinite}.csv-download-button.enhanced[data-v-41cec796]:hover{transform:scale(1.1);box-shadow:0 6px 20px #4d9eff66}@keyframes fadeIn-41cec796{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-41cec796{0%{opacity:0;transform:translateY(-40px) scale(.85) rotateX(15deg)}60%{opacity:.8;transform:translateY(-5px) scale(1.02) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes iconPulse-41cec796{0%{transform:scale(1);filter:var(--warning-icon-filter)}25%{transform:scale(1.05);filter:var(--warning-icon-filter)}50%{transform:scale(1.15);filter:var(--warning-icon-filter)}75%{transform:scale(1.05);filter:var(--warning-icon-filter)}to{transform:scale(1);filter:var(--warning-icon-filter)}}@keyframes floatIn-41cec796{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes softPulse-41cec796{0%{box-shadow:var(--warning-floating-csv-shadow);transform:scale(1)}50%{box-shadow:var(--warning-floating-csv-hover-shadow);transform:scale(1.01)}to{box-shadow:var(--warning-floating-csv-shadow);transform:scale(1)}}@keyframes buttonPulse-41cec796{0%,to{transform:scale(1.05)}50%{transform:scale(1.08)}}@keyframes gentleShimmer-41cec796{0%{opacity:.8;transform:translate(-2px)}25%{opacity:.9;transform:translate(1px)}50%{opacity:1;transform:translate(0)}75%{opacity:.9;transform:translate(-1px)}to{opacity:.8;transform:translate(-2px)}}@keyframes iconWiggle-41cec796{0%{transform:rotate(0)}10%{transform:rotate(2deg)}20%{transform:rotate(-2deg)}30%{transform:rotate(1deg)}40%{transform:rotate(-1deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@media (max-width: 768px){.history-warning-modal[data-v-41cec796]{width:95%;padding:1.5rem;border-radius:16px}.warning-title[data-v-41cec796]{font-size:1.2rem}.warning-message[data-v-41cec796]{font-size:.95rem}.floating-csv-download[data-v-41cec796]{bottom:1rem;right:1rem;padding:.5rem .8rem}.floating-csv-text[data-v-41cec796]{font-size:.8rem}}@media (prefers-color-scheme: dark){.app-title[data-v-41cec796],.app-subtitle[data-v-41cec796]{color:var(--header-text-color);text-shadow:none}.bottom-nav[data-v-41cec796]{background-color:#101824e6;border-top:1px solid rgba(80,100,140,.3);box-shadow:0 -4px 8px #0003}.category-card[data-v-41cec796]{background-color:var(--color-card-bg);border:none;box-shadow:0 4px 15px #0003;color:var(--color-text)}.category-name[data-v-41cec796]{color:#fff}.category-description[data-v-41cec796]{color:#ffffffd9}.csv-download-button[data-v-41cec796]{background-color:#4d9effcc;color:#f5f5f5}.csv-download-button[data-v-41cec796]:hover:not(:disabled){background-color:#4d9effe6}.csv-download-button[data-v-41cec796]:disabled{background-color:#4d9eff4d;color:#ffffff80}.difficulty[data-v-41cec796]{background-color:#283c5a66}.difficulty-easy[data-v-41cec796],.difficulty-初級[data-v-41cec796]{background-color:#1976d233;color:#90caf9}.difficulty-medium[data-v-41cec796],.difficulty-中級[data-v-41cec796]{background-color:#ff8f0033;color:#ffe082}.difficulty-hard[data-v-41cec796],.difficulty-上級[data-v-41cec796]{background-color:var(--accent-pink);color:#fff}.error-message[data-v-41cec796]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,122,.1) 0%,transparent 60%),linear-gradient(135deg,#1e293b4d,#0f172a80);pointer-events:none}.error-message button[data-v-41cec796]{background:#64a0b4cc;color:#f5f5f5}.error-message button[data-v-41cec796]:hover{background:#78b4c8e6}.category-card[data-v-41cec796]:hover,.category-card[data-v-41cec796]:focus,.category-card.selected[data-v-41cec796],.history-item[data-v-41cec796]:hover,.history-item[data-v-41cec796]:focus,.history-item.selected[data-v-41cec796]{background:linear-gradient(135deg,#1e293be6,#4d9eff14,#a4badc0d);box-shadow:0 4px 15px #000a1e4d,0 0 0 1px var(--accent-blue-strong),0 0 15px #4d9eff1a;transform:translateY(-1px)}.nav-button[data-v-41cec796]{color:#c8dcf099}.nav-button[data-v-41cec796]:hover{background-color:#3c507833;border-color:#648cb433}.nav-button.active[data-v-41cec796]{color:#90caf9;background-color:#1e3c644d;border-color:#6496c880;position:relative}.nav-button.active[data-v-41cec796]:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(140,180,220,.15),transparent 70%);pointer-events:none;border-radius:6px}.shortcut-key[data-v-41cec796]{background-color:#4d9eff26;color:var(--accent-blue)}}.quiz-card[data-v-81b4d5f1]{position:absolute;width:300px;height:500px;background:var(--quizcard-bg);border-radius:var(--quizcard-border-radius);box-shadow:var(--quizcard-shadow);overflow:hidden;will-change:transform;backdrop-filter:blur(10px);transform-style:preserve-3d;perspective:1200px}.quiz-card[data-v-81b4d5f1]:before,.quiz-card[data-v-81b4d5f1]:after{border-radius:var(--quizcard-border-radius)}.quiz-card[data-v-81b4d5f1]:before{content:"";position:absolute;inset:0;background-image:var(--quizcard-washi-pattern);opacity:var(--quizcard-washi-opacity);z-index:-1;pointer-events:none}.quiz-card[data-v-81b4d5f1]:after{content:"";position:absolute;inset:0;background:var(--quizcard-moon-gradient);opacity:var(--quizcard-moon-gradient-opacity);z-index:-1;pointer-events:none}.card-content[data-v-81b4d5f1]{padding:28px;height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.question-number-container[data-v-81b4d5f1]{position:absolute;top:50px;left:-20px;width:100%;height:1em;text-align:left;pointer-events:none;user-select:none;z-index:0;transform:rotate(-3deg);filter:contrast(1.1)}.question-number-bg[data-v-81b4d5f1]{position:absolute;top:0;left:0;width:100%;font-size:140px;font-weight:900;color:var(--quizcard-question-number);letter-spacing:.04em;font-family:Montserrat,Arial Black,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:2;will-change:opacity;transition:opacity .3s ease}.question-number-glow[data-v-81b4d5f1]{position:absolute;top:0;left:0;width:100%;font-size:140px;font-weight:900;letter-spacing:.04em;font-family:Montserrat,Arial Black,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--quizcard-question-number-glow);opacity:0;z-index:1;will-change:opacity,filter,transform;transform-origin:center;text-shadow:0 0 2px var(--quizcard-question-number-glow);mix-blend-mode:screen;filter:blur(2px)}.question-container[data-v-81b4d5f1]{margin-top:10px;margin-bottom:10px;max-height:50%;overflow:visible;display:flex;flex-direction:column;position:relative;z-index:2}.question-text[data-v-81b4d5f1]{font-family:var(--quizcard-question-font-family);font-size:var(--quizcard-question-font-size);font-weight:var(--quizcard-question-font-weight);line-height:var(--quizcard-question-line-height);letter-spacing:var(--quizcard-question-letter-spacing);color:var(--quizcard-question-color);text-shadow:var(--quizcard-question-text-shadow);overflow-y:hidden;overflow-x:hidden;max-height:300px;min-height:60px;flex:1;padding-right:10px;pointer-events:none;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-overflow:ellipsis;display:block;touch-action:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none}.question-text[data-v-81b4d5f1]::-webkit-scrollbar{display:none}.is-dragging .question-text[data-v-81b4d5f1]{overflow-y:hidden;overflow-x:hidden;pointer-events:none;touch-action:none}.options-container[data-v-81b4d5f1]{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;margin:auto 0 0;position:relative}.options-container[data-v-81b4d5f1]:before{content:"";position:absolute;top:0;left:35px;width:1px;height:calc(100% - 20px);background:linear-gradient(180deg,transparent 0%,rgba(164,186,220,.15) 20%,rgba(164,186,220,.15) 80%,transparent 100%);opacity:.6;z-index:0}.option[data-v-81b4d5f1]{padding:10px 14px;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;background:var(--quizcard-option-bg);backdrop-filter:blur(4px);border:var(--quizcard-option-border);box-shadow:var(--quizcard-option-shadow);color:#ffffffd9;font-size:16px}.option[data-v-81b4d5f1]:before{content:"";position:absolute;inset:0;background-image:var(--quizcard-washi-pattern);opacity:.3;z-index:-1}.option[data-v-81b4d5f1]:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(164,186,220,.08) 0%,transparent 60%);opacity:.4;z-index:-1;transition:opacity .5s ease}.option[data-v-81b4d5f1]:hover{transform:translateY(-3px) scale(1.01);border-color:#a4badc40;box-shadow:0 6px 20px #0003,0 0 15px #a4badc26;background:var(--quizcard-option-hover-bg)}.option.selected[data-v-81b4d5f1]{background:var(--quizcard-option-selected-bg);border-color:var(--quizcard-option-selected-border);box-shadow:var(--quizcard-option-selected-shadow);transform:translateY(-2px)}.confidence-indicator[data-v-81b4d5f1]{position:absolute;top:20px;left:0;right:0;text-align:center;opacity:0;transition:opacity .3s ease}.confidence-indicator.show[data-v-81b4d5f1]{opacity:1}.confidence-text.confident[data-v-81b4d5f1]{background-color:var(--quizcard-confident-bg);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px var(--quizcard-confident-bg)}.confidence-text.not-confident[data-v-81b4d5f1]{background-color:var(--quizcard-not-confident-bg);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px var(--quizcard-not-confident-bg)}.timer-indicator[data-v-81b4d5f1]{position:absolute;top:20px;left:20px;right:20px;height:6px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;background:none;padding:0;margin:0}.timer-segment[data-v-81b4d5f1]{flex:1 1 0;height:100%;margin:0 1px;border-radius:3px;background:var(--quizcard-timer-bg);transition:background .3s;box-shadow:none;min-width:0}.timer-segment.active[data-v-81b4d5f1]{background:var(--quizcard-timer-active)}.timer-segment.warning[data-v-81b4d5f1]{background:var(--quizcard-timer-warning)}.timer-segment[data-v-81b4d5f1]:last-child{margin-right:0}.timer-segment[data-v-81b4d5f1]:first-child{margin-left:0}.timeout-message[data-v-81b4d5f1]{width:100%;text-align:center;color:#ff5c5c;font-weight:700;font-size:14px;letter-spacing:.08em;text-shadow:none;padding:0;background:none;border-radius:0;margin:0;height:100%;line-height:12px}.center-indicator-area[data-v-81b4d5f1]{position:absolute;top:50%;left:50%;width:100%;min-width:0;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none}.confidence-indicator-centered[data-v-81b4d5f1]{display:flex;align-items:center;justify-content:center;width:auto;min-width:140px;padding:16px 24px;border-radius:12px;background:#000000bf;backdrop-filter:blur(8px);transform-origin:center;opacity:0;transform:scale(.92);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.confidence-indicator-centered.dragging[data-v-81b4d5f1]{opacity:1;transform:scale(1)}.confidence-indicator-centered.swiping-out[data-v-81b4d5f1]{transition:none}.confidence-indicator-centered.swiping-out .confidence-indicator-inner[data-v-81b4d5f1]{transform:none}.confidence-indicator-centered.confident[data-v-81b4d5f1]{border:2px solid var(--quizcard-confident-bg);box-shadow:0 0 0 1px var(--quizcard-confident-bg),0 4px 16px #2ecc7133}.confidence-indicator-centered.not-confident[data-v-81b4d5f1]{border:2px solid var(--quizcard-not-confident-bg);box-shadow:0 0 0 1px var(--quizcard-not-confident-bg),0 4px 16px #ff5c5c33}.confidence-indicator-inner[data-v-81b4d5f1]{display:flex;flex-direction:column;align-items:center;gap:8px}.confidence-icon[data-v-81b4d5f1]{display:flex;align-items:center;justify-content:center;height:48px;animation:bounceIn-81b4d5f1 .3s cubic-bezier(.68,-.55,.265,1.55)}.confident .confidence-icon[data-v-81b4d5f1]{color:var(--quizcard-confident)}.not-confident .confidence-icon[data-v-81b4d5f1]{color:var(--quizcard-not-confident)}.confidence-text[data-v-81b4d5f1]{color:#fff;font-size:16px;font-weight:600;letter-spacing:.03em;white-space:nowrap}@keyframes scaleIn-81b4d5f1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn-81b4d5f1{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.1)}80%{opacity:1;transform:scale(.89)}to{opacity:1;transform:scale(1)}}.moon-icon[data-v-81b4d5f1]{display:none}.guidance-message[data-v-81b4d5f1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#222;padding:16px 24px;border-radius:18px;font-size:18px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 2px 8px #00000014;border:1px solid #ddd;z-index:110;text-align:center;min-width:180px;letter-spacing:.02em}.guidance-message.show[data-v-81b4d5f1]{opacity:1;transform:translate(-50%,-50%) scale(1);animation:none}.guidance-message[data-v-81b4d5f1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(120deg,#1e293bfa 60%,#4d9eff21),radial-gradient(circle at 60% 30%,rgba(164,186,220,.18) 0%,transparent 80%);color:#fff;padding:22px 36px;border-radius:28px;font-size:20px;font-weight:600;opacity:0;transition:all .3s ease;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.32),0 0 8px #4d9eff99,0 0 2px #fff;box-shadow:0 8px 25px #00000052,0 0 0 1px #ffffff21;backdrop-filter:blur(10px);border:1.5px solid rgba(164,186,220,.22);z-index:110;text-align:center;min-width:280px;letter-spacing:.04em}.guidance-message.show[data-v-81b4d5f1]{opacity:1;transform:translate(-50%,-50%) scale(1);animation:messageAppear .4s cubic-bezier(.4,0,.2,1)}.card-border[data-v-81b4d5f1]{position:absolute;inset:0;border-width:2.5px;border-style:solid;border-color:transparent;border-radius:18px;pointer-events:none;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:none}.fade-zoom-enter-active[data-v-81b4d5f1],.fade-zoom-leave-active[data-v-81b4d5f1]{transition:all .35s cubic-bezier(.4,0,.2,1)}.fade-zoom-enter-from[data-v-81b4d5f1],.fade-zoom-leave-to[data-v-81b4d5f1]{opacity:0;transform:scale(.92)}.fade-zoom-enter-to[data-v-81b4d5f1],.fade-zoom-leave-from[data-v-81b4d5f1]{opacity:1;transform:scale(1)}.confidence-indicator-centered.swiping-out[data-v-81b4d5f1],.confidence-indicator-centered.keep-visible[data-v-81b4d5f1]{opacity:1!important;transform:scale(1)!important;transition:none!important}.confidence-indicator-centered.swiping-out .confidence-indicator-inner[data-v-81b4d5f1],.confidence-indicator-centered.keep-visible .confidence-indicator-inner[data-v-81b4d5f1]{transform:scale(1)!important}.confidence-indicator-centered.swiping-out .confidence-icon[data-v-81b4d5f1],.confidence-indicator-centered.swiping-out .confidence-text[data-v-81b4d5f1],.confidence-indicator-centered.keep-visible .confidence-icon[data-v-81b4d5f1],.confidence-indicator-centered.keep-visible .confidence-text[data-v-81b4d5f1]{opacity:1!important;transform:scale(1)!important}.option-label[data-v-81b4d5f1]{font-weight:700;margin-right:15px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--quizcard-option-label-bg);color:var(--quizcard-option-label-color);border:1px solid var(--quizcard-option-label-border);transition:all .4s ease;position:relative;z-index:2;box-shadow:inset 0 0 5px #ffffff1a,0 0 5px #0000001a}.option.selected .option-label[data-v-81b4d5f1]{background:var(--quizcard-option-label-bg-selected);color:var(--quizcard-option-label-color-selected);border-color:var(--quizcard-option-label-border-selected);box-shadow:0 0 15px #4d9eff4d,inset 0 0 8px #fff6;transform:scale(1.1)}@media (prefers-color-scheme: light){.quiz-card[data-v-81b4d5f1]{background:var(--card-bg-color);box-shadow:var(--card-shadow);border-radius:18px}.quiz-card[data-v-81b4d5f1]:before{background-image:var(--quizcard-cotton-pattern);opacity:.18}.quiz-card[data-v-81b4d5f1]:after{background:none;opacity:0}.question-number-bg[data-v-81b4d5f1]{color:var(--quizcard-question-number)}.question-number-glow[data-v-81b4d5f1]{color:var(--quizcard-question-number-glow-eclipse);text-shadow:0 0 6px rgba(56,214,203,.8),0 0 12px rgba(255,105,180,.6),0 0 18px rgba(56,214,203,.4);filter:none;mix-blend-mode:normal}.option[data-v-81b4d5f1]{background:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:0 2px 8px #38d6cb0a;color:var(--color-text)}.option[data-v-81b4d5f1]:before{background-image:var(--quizcard-cotton-pattern);opacity:.22}.option.selected[data-v-81b4d5f1]{background:var(--accent-blue-light);border-color:var(--accent-blue);color:var(--accent-blue-dark)}.option-label[data-v-81b4d5f1]{background:var(--accent-blue-light);color:var(--accent-blue-dark);border-color:var(--accent-blue)}.option.selected .option-label[data-v-81b4d5f1]{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue-dark)}.question-text[data-v-81b4d5f1]{font-family:var(--quizcard-question-font-family);font-size:var(--quizcard-question-font-size);font-weight:var(--quizcard-question-font-weight);line-height:var(--quizcard-question-line-height);letter-spacing:var(--quizcard-question-letter-spacing);color:var(--quizcard-question-color);text-shadow:var(--quizcard-question-text-shadow);pointer-events:none;touch-action:none;overflow-y:hidden;overflow-x:hidden}.guidance-message[data-v-81b4d5f1]{background:linear-gradient(120deg,#fff 60%,var(--accent-blue-light) 100%),radial-gradient(circle at 60% 30%,#eaf6fa 0%,transparent 80%);color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:0 4px 16px #4d9eff14,0 0 0 1px #eaf6fa;text-shadow:0 2px 8px rgba(164,186,220,.08),0 0 2px #fff}.confident .confidence-icon[data-v-81b4d5f1]{color:var(--quizcard-confident)}.not-confident .confidence-icon[data-v-81b4d5f1]{color:var(--quizcard-not-confident)}.confidence-indicator-centered[data-v-81b4d5f1]{background:linear-gradient(120deg,#fff 60%,var(--accent-blue-light) 100%),radial-gradient(circle at 60% 30%,#eaf6fa 0%,transparent 80%);backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 2px 12px #4d9eff14}.confidence-text[data-v-81b4d5f1]{color:var(--color-text)}.confidence-text.confident[data-v-81b4d5f1]{color:var(--quizcard-confident)}.confidence-text.not-confident[data-v-81b4d5f1]{color:var(--quizcard-not-confident)}}[data-v-bdac4869]:root{--bg-color: #121620;--bg-secondary-color: #1b2432;--card-bg-color: rgba(255, 255, 255, .96);--card-border-color: rgba(164, 186, 220, .5);--text-color: #333344;--text-muted-color: #6c7a89;--text-heading-color: #2c3e50;--header-text-color: rgba(255, 255, 255, .85);--accent-blue: #4d9eff;--accent-orange: #ffb74d;--accent-pink: #ff6b81;--moonlight-glow: rgba(164, 186, 220, .08);--moonlight-highlight: rgba(210, 230, 255, .12);--moonlight-shadow: rgba(10, 15, 35, .5);--star-color: rgba(255, 255, 255, .8)}.quiz-screen[data-v-bdac4869]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:var(--header-text-color);transition:transform .7s cubic-bezier(.4,2,.6,1),opacity .7s}.moonlight-backdrop[data-v-bdac4869]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,#323c6433,#1419280d 70%);opacity:.7;z-index:0;pointer-events:none}.moonlight-gradient[data-v-bdac4869]{position:absolute;top:-20%;right:-10%;width:80%;height:60%;background:radial-gradient(circle at center,rgba(164,186,220,.15) 0%,transparent 70%);opacity:.6;filter:blur(40px);z-index:0;pointer-events:none;animation:subtle-glow 15s infinite alternate ease-in-out}.starry-particle[data-v-bdac4869]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 20%,var(--star-color) 1px,transparent 1px),radial-gradient(circle at 70% 40%,var(--star-color) 1px,transparent 1px),radial-gradient(circle at 40% 80%,var(--star-color) 1px,transparent 1px),radial-gradient(circle at 80% 10%,var(--star-color) 1px,transparent 1px),radial-gradient(circle at 15% 60%,var(--star-color) 1px,transparent 1px),radial-gradient(circle at 90% 80%,var(--star-color) 1px,transparent 1px);background-size:200px 200px;background-repeat:repeat;opacity:.3;z-index:0;pointer-events:none;animation:twinkle 8s infinite alternate ease-in-out}.quiz-header[data-v-bdac4869]{width:100%;z-index:1;position:relative}.question-indicators-row[data-v-bdac4869]{display:flex;justify-content:center;align-items:center;gap:4px;width:100%;margin:0 auto;min-height:32px}.indicator-square[data-v-bdac4869]{width:8px;height:8px;border-radius:4px;background:#eee;display:inline-block;transition:background .3s,border .3s;box-sizing:border-box;opacity:.8}.indicator-square.not-started[data-v-bdac4869]{background:#f5f5f5;border-color:#ccc}.indicator-square.answered.correct[data-v-bdac4869]{background:#48bb78}.indicator-square.answered.wrong[data-v-bdac4869]{background:#ff8a80}.indicator-square.animated[data-v-bdac4869]{animation:popIn .5s ease-in-out}.indicator-square.answered.correct.animated[data-v-bdac4869]{animation:popInGreen-bdac4869 .5s ease-in-out;box-shadow:0 0 #48bb78b3,0 0 8px 4px #48bb7880}.indicator-square.answered.wrong.animated[data-v-bdac4869]{animation:popInRed-bdac4869 .5s ease-in-out;box-shadow:0 0 #ff5050b3,0 0 8px 4px #ff505080}@keyframes popInGreen-bdac4869{0%{transform:scale(1);opacity:.2;box-shadow:0 0 #48bb7800,0 0 #48bb7800}60%{transform:scale(1.5);opacity:1;box-shadow:0 0 12px 8px #48bb78b3,0 0 24px 12px #48bb7880}to{transform:scale(1);opacity:.8;box-shadow:0 0 #48bb7800,0 0 #48bb7800}}@keyframes popInRed-bdac4869{0%{transform:scale(1);opacity:.2;box-shadow:0 0 #ff505000,0 0 #ff505000}60%{transform:scale(1.5);opacity:1;box-shadow:0 0 12px 8px #ff5050b3,0 0 24px 12px #ff505080}to{transform:scale(1);opacity:.8;box-shadow:0 0 #ff505000,0 0 #ff505000}}.cards-container[data-v-bdac4869]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.25,.1,.25,1);z-index:10;pointer-events:auto;overflow:visible}.cards-container.time-up-effect[data-v-bdac4869]{animation:time-up-ambience-bdac4869 8s infinite alternate;filter:saturate(.95)}@keyframes time-up-ambience-bdac4869{0%{filter:saturate(.92) brightness(1)}50%{filter:saturate(.85) brightness(.96)}to{filter:saturate(.92) brightness(1)}}.loading-container[data-v-bdac4869],.error-container[data-v-bdac4869]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);z-index:100;backdrop-filter:blur(5px)}.loading-spinner[data-v-bdac4869]{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--accent-blue);border-radius:50%;animation:spin-bdac4869 1s linear infinite;margin-bottom:20px}@keyframes spin-bdac4869{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-bdac4869]{font-size:16px;line-height:1.5;margin-bottom:24px;color:#fffc}.error-content[data-v-bdac4869]{max-width:400px;padding:40px 20px;background:#ffffff1a;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.error-icon[data-v-bdac4869]{font-size:48px;margin-bottom:16px}.error-title[data-v-bdac4869]{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--header-text-color)}.error-actions[data-v-bdac4869]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.retry-button[data-v-bdac4869]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px;background:var(--accent-blue);color:#fff}.retry-button[data-v-bdac4869]:hover{background:#3a7bd5;transform:translateY(-2px);box-shadow:0 4px 12px #4d9eff4d}.retry-button[data-v-bdac4869]:active{transform:translateY(1px);box-shadow:0 2px 10px #4d9eff4d,inset 0 1px 1px #fff3}@media (max-width: 480px){.question-indicator[data-v-bdac4869]{font-size:22px}.timer-bar[data-v-bdac4869]{height:3px}.loading-spinner[data-v-bdac4869]{width:40px;height:40px}.error-message[data-v-bdac4869]{font-size:16px}.retry-button[data-v-bdac4869]{padding:10px 24px;font-size:15px}}@supports (padding: max(0px)){.quiz-screen[data-v-bdac4869]{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}}.screen-edge[data-v-bdac4869]{position:fixed;inset:0;pointer-events:none;z-index:9999}.correct-flash[data-v-bdac4869]:before{content:"";position:absolute;inset:0;pointer-events:none;animation:flashGreenSurround-bdac4869 .6s linear forwards}.correct-flash[data-v-bdac4869]:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 2px 2px #48bb78;animation:flashGreenEdge-bdac4869 .6s ease-in forwards;pointer-events:none}.incorrect-flash[data-v-bdac4869]:before{content:"";position:absolute;inset:0;pointer-events:none;animation:flashRedSurround-bdac4869 .6s linear forwards}.incorrect-flash[data-v-bdac4869]:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 2px 2px #f56565;animation:flashRedEdge-bdac4869 .6s ease-in forwards;pointer-events:none}@keyframes flashGreenSurround-bdac4869{0%{opacity:0;box-shadow:inset 0 0 4px 3px #48bb78e6,inset 0 0 15px 5px #48bb78b3,inset 0 0 30px 10px #38a16966}3%{opacity:1;box-shadow:inset 0 0 4px 3px #48bb78e6,inset 0 0 15px 5px #48bb78b3,inset 0 0 30px 10px #38a16966}to{opacity:0;box-shadow:inset 0 0 4px 3px #48bb78e6,inset 0 0 15px 5px #48bb78b3,inset 0 0 30px 10px #38a16966}}@keyframes flashGreenEdge-bdac4869{0%{opacity:0}3%{opacity:1}66%{opacity:1}to{opacity:0}}@keyframes flashRedSurround-bdac4869{0%{opacity:0;box-shadow:inset 0 0 4px 3px #f56565e6,inset 0 0 15px 5px #f56565b3,inset 0 0 30px 10px #e53e3e66}3%{opacity:1;box-shadow:inset 0 0 4px 3px #f56565e6,inset 0 0 15px 5px #f56565b3,inset 0 0 30px 10px #e53e3e66}to{opacity:0;box-shadow:inset 0 0 4px 3px #f56565e6,inset 0 0 15px 5px #f56565b3,inset 0 0 30px 10px #e53e3e66}}@keyframes flashRedEdge-bdac4869{0%{opacity:0}3%{opacity:1}66%{opacity:1}to{opacity:0}}@media (prefers-color-scheme: dark){.quiz-screen[data-v-bdac4869]{background:transparent}.indicator-square[data-v-bdac4869]{background-color:#a4badc26;box-shadow:none}.indicator-square.answered.correct[data-v-bdac4869]{background-color:var(--quizcard-confident, #2ecc71)}.indicator-square.answered.wrong[data-v-bdac4869]{background-color:var(--quizcard-not-confident, #ff5c5c)}}@media (max-width: 768px){.error-content[data-v-bdac4869]{padding:30px 16px;margin:0 16px}.error-title[data-v-bdac4869]{font-size:18px}.error-message[data-v-bdac4869]{font-size:14px}.error-actions[data-v-bdac4869]{flex-direction:column;align-items:center}.retry-button[data-v-bdac4869]{width:100%;max-width:200px}}.home-confirm-modal-overlay[data-v-bdac4869]{position:fixed;inset:0;background:var(--warning-modal-overlay-bg);backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-bdac4869 .5s cubic-bezier(.25,.46,.45,.94)}.home-confirm-modal[data-v-bdac4869]{background:var(--warning-modal-bg);border:var(--warning-modal-border);padding:2.5rem;border-radius:24px;box-shadow:var(--warning-modal-shadow);max-width:520px;width:90%;text-align:center;position:relative;overflow:hidden;backdrop-filter:var(--warning-modal-backdrop-filter);-webkit-backdrop-filter:var(--warning-modal-backdrop-filter);animation:modalSlideIn-bdac4869 .6s cubic-bezier(.34,1.56,.64,1)}.home-confirm-modal[data-v-bdac4869]:before{content:"";position:absolute;inset:0;background:var(--warning-modal-before-bg);pointer-events:none;z-index:-1;animation:gentleShimmer-bdac4869 4s ease-in-out infinite}.warning-icon[data-v-bdac4869]{font-size:3.5rem;color:var(--warning-icon-color);margin-bottom:1.5rem;filter:var(--warning-icon-filter);animation:iconPulse-bdac4869 2.5s ease-in-out infinite,iconWiggle-bdac4869 6s ease-in-out infinite;position:relative}.warning-title[data-v-bdac4869]{font-size:1.4rem;font-weight:600;color:var(--text-heading-color);margin-bottom:1rem;line-height:1.3}.warning-message[data-v-bdac4869]{font-size:1rem;color:var(--text-muted-color);margin-bottom:1.5rem;line-height:1.6}.warning-message p[data-v-bdac4869]{margin-bottom:.5rem}.warning-actions[data-v-bdac4869]{display:flex;justify-content:center;gap:1rem}.warning-button[data-v-bdac4869]{padding:.75rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.warning-button[data-v-bdac4869]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.warning-button[data-v-bdac4869]:hover:before{transform:translate(100%)}.warning-button.primary[data-v-bdac4869]{background:var(--warning-button-bg);color:#fff;box-shadow:var(--warning-button-shadow);font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden}.warning-button.primary[data-v-bdac4869]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.warning-button.primary[data-v-bdac4869]:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--warning-button-hover-shadow)}.warning-button.primary[data-v-bdac4869]:hover:after{opacity:1}.warning-button.primary[data-v-bdac4869]:active{transform:translateY(-1px) scale(.98)}.warning-button.secondary[data-v-bdac4869]{background:var(--card-bg);color:var(--text-color);border:1px solid var(--card-border-color);box-shadow:0 2px 8px #0000001a}.warning-button.secondary[data-v-bdac4869]:hover{background:var(--card-hover-bg);transform:translateY(-2px) scale(1.01);box-shadow:0 4px 12px #00000026}.warning-button.secondary[data-v-bdac4869]:active{transform:translateY(-1px) scale(.98)}.warning-button.selected[data-v-bdac4869]{outline:3px solid var(--accent-blue);outline-offset:2px}.warning-button.primary.selected[data-v-bdac4869]{box-shadow:var(--warning-button-shadow),0 0 0 3px #4d9eff80}.warning-button.secondary.selected[data-v-bdac4869]{box-shadow:0 2px 8px #0000001a,0 0 0 3px #4d9eff80}@keyframes fadeIn-bdac4869{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-bdac4869{0%{opacity:0;transform:translateY(-40px) scale(.85) rotateX(15deg)}60%{opacity:.8;transform:translateY(-5px) scale(1.02) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes iconPulse-bdac4869{0%{transform:scale(1);filter:var(--warning-icon-filter)}25%{transform:scale(1.05);filter:var(--warning-icon-filter)}50%{transform:scale(1.15);filter:var(--warning-icon-filter)}75%{transform:scale(1.05);filter:var(--warning-icon-filter)}to{transform:scale(1);filter:var(--warning-icon-filter)}}@keyframes gentleShimmer-bdac4869{0%{opacity:.8;transform:translate(-2px)}25%{opacity:.9;transform:translate(1px)}50%{opacity:1;transform:translate(0)}75%{opacity:.9;transform:translate(-1px)}to{opacity:.8;transform:translate(-2px)}}@keyframes iconWiggle-bdac4869{0%{transform:rotate(0)}10%{transform:rotate(2deg)}20%{transform:rotate(-2deg)}30%{transform:rotate(1deg)}40%{transform:rotate(-1deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@media (max-width: 768px){.home-confirm-modal[data-v-bdac4869]{width:95%;padding:1.5rem;border-radius:16px}.warning-title[data-v-bdac4869]{font-size:1.2rem}.warning-message[data-v-bdac4869]{font-size:.95rem}.warning-actions[data-v-bdac4869]{flex-direction:column;gap:.8rem}.warning-button[data-v-bdac4869]{width:100%;padding:1rem}}.status-icon[data-v-38af589f]{width:24px;height:24px}.red[data-v-38af589f]{color:#ff3b30cc}.orange[data-v-38af589f]{color:#ff9500cc}.yellow[data-v-38af589f]{color:#fc0c}.green[data-v-38af589f]{color:#34c759cc}.blue[data-v-38af589f]{color:#007affcc}.indigo[data-v-38af589f]{color:#5856d6cc}.violet[data-v-38af589f]{color:#af52decc}:root{--excard-bg: linear-gradient(180deg, #e0fbfa 0%, #b6f6ec 100%);--excard-surface: #fff;--excard-accent: #38d6cb;--excard-accent-dark: #17697a;--excard-border: #b6f6ec;--excard-shadow: 0 2px 16px rgba(56, 214, 203, .08);--excard-muted: #b6e0e0;--excard-choice-bg: #fff;--excard-choice-selected: #e0fbfa;--excard-choice-correct: #b6f6ec;--excard-choice-incorrect: #fbeaea;--excard-choice-text: #17697a;--excard-choice-text-muted: #7ba6a6;--excard-label-bg: #e0fbfa;--excard-label-text: #17697a}.explanation-content.glass-card{display:flex;flex-direction:column;height:calc(100vh - var(--excard-top-offset, 5px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - var(--excard-top-offset, 5px) - env(safe-area-inset-bottom,0px));max-height:1000px;min-height:320px;width:100%;max-width:700px;margin:0 auto;box-sizing:border-box;border-radius:20px;pointer-events:auto;background:var(--color-bg);box-shadow:var(--color-shadow);border:1px solid var(--color-border);contain:layout style}.explanation-content.glass-card.red{border-color:var(--status-red-border)}.explanation-content.glass-card.orange{border-color:var(--status-orange-border)}.explanation-content.glass-card.yellow{border-color:var(--status-yellow-border)}.explanation-content.glass-card.green{border-color:var(--status-green-border)}.explanation-content.glass-card.blue{border-color:var(--status-blue-border)}.explanation-content.glass-card.indigo{border-color:var(--status-indigo-border)}.explanation-content.glass-card.violet{border-color:var(--status-violet-border)}.explanation-header{width:100%;height:3.5rem;padding:1.2rem 1.5rem .7rem;background:none;overflow:hidden;position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-text);box-shadow:none;min-height:44px;cursor:pointer}@media (max-width: 768px){.explanation-header{padding:1rem .5rem .5rem}}.explanation-header.red{border-bottom:1px solid var(--status-red-border)}.explanation-header.orange{border-bottom:1px solid var(--status-orange-border)}.explanation-header.yellow{border-bottom:1px solid var(--status-yellow-border)}.explanation-header.green{border-bottom:1px solid var(--status-green-border)}.explanation-header.blue{border-bottom:1px solid var(--status-blue-border)}.explanation-header.indigo{border-bottom:1px solid var(--status-indigo-border)}.explanation-header.violet{border-bottom:1px solid var(--status-violet-border)}.excard-footer{border-radius:0 0 6px 6px;border-top:1px solid var(--color-border);min-height:44px;display:grid;grid-template-columns:60px auto 60px;align-items:center;padding:0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--color-card-bg);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:1}.explanation-scrollable{flex:1 1 auto;overflow-y:auto;min-height:0;background:none;color:var(--excard-accent-dark);scrollbar-width:none;-ms-overflow-style:none}.explanation-scrollable::-webkit-scrollbar{display:none}.box,.question-block{background:var(--excard-surface);border-radius:14px;margin-top:.7rem;padding:.9rem 1.2rem;color:var(--excard-accent-dark);margin-bottom:.7rem;box-shadow:none;line-height:1.7;position:relative;word-break:break-word;border:1.5px solid var(--excard-border)}.question-text{flex:1;font-size:1rem;color:var(--text-color)}.question-block .question-text{margin-bottom:.3em;letter-spacing:.01em}.qa-badge{margin-right:.7em;font-size:1rem}.qa-text{color:var(--excard-accent-dark);font-weight:600;font-size:1.08em;letter-spacing:.01em;background:none;text-shadow:0 1px 2px rgba(255,255,255,.7)}.meow-section{display:flex;align-items:center;margin:.7em 0}.meow-bubble{background:var(--excard-accent-dark);color:#fff;border-radius:1.2em;padding:10px;font-size:1rem;display:inline-block;z-index:1;width:100%}.choices{margin-bottom:1.2em;display:flex;flex-direction:column;gap:.8em;padding:.5em 0}.choice-minimal{font-size:var(--font-size-base);color:var(--color-text);padding:.3em;line-height:1.7;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;font-weight:var(--font-weight-base);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;grid-template-columns:1.8em 1fr;grid-template-areas:"icon text";align-items:center;gap:.1em}.choice-icon-area{grid-area:icon;display:flex;justify-content:center;align-items:center;position:relative;z-index:3;min-width:1.8em;max-width:1.8em}.choice-text-area{grid-area:text;display:flex;align-items:center;position:relative;z-index:2}.choice-minimal.correct{color:var(--color-correct);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#34c7591f,#40e0ff14,#34c7590a);border:2px solid rgba(52,199,89,.15);box-shadow:0 1px 3px #34c7590d,0 0 0 1px #34c75905;transform:translateY(-1px);position:relative;overflow:visible;transition:all .8s ease-out}.choice-minimal.in-current-card.correct.icon-appear .choice-icon-area:before{animation:correctIconAppear .5s ease-in forwards}.choice-minimal.in-current-card.correct.ripple-effect{overflow:hidden}.choice-minimal.in-current-card.correct.ripple-effect:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;border-radius:8px;background:linear-gradient(90deg,transparent 0%,rgba(52,199,89,.4) 50%,transparent 100%);pointer-events:none;z-index:1;animation:simpleRipple 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.choice-minimal.in-current-card.correct.ripple-effect .choice-icon-area:before{animation:correctIconAppear .5s ease-in forwards}@keyframes simpleRipple{0%{transform:translate(-50%);opacity:0}20%{opacity:.8}80%{opacity:.3}to{transform:translate(50%);opacity:0}}.choice-minimal.correct.enhanced{border-color:#34c759e6;box-shadow:0 6px 20px #34c75940,0 2px 10px #34c75926,0 0 0 1px #34c75933,0 0 15px #34c7591a,inset 0 1px #ffffff4d}.choice-minimal.correct .choice-icon-area:before{content:"✓";display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--color-correct);font-weight:700;font-size:1.1em;opacity:0;z-index:10;transform-origin:center center}@keyframes correctIconAppear{0%{opacity:0;transform:scale(0)}20%{opacity:.3;transform:scale(4)}to{opacity:.8;transform:scale(1)}}.choice-minimal.correct:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(52,199,89,.15) 40%,rgba(52,199,89,.3) 50%,rgba(52,199,89,.15) 60%,transparent 80%);transform:translate(-100%);pointer-events:none;opacity:0}.choice-minimal.in-waiting-card{opacity:0!important;transform:translateY(20px) scale(.95)!important;filter:blur(2px)!important;pointer-events:none}.choice-minimal.in-current-card{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}@media (max-width: 768px){.choices{gap:.6em;padding:.3em 0}.choice-minimal{padding:.4em;font-size:.95em;min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.choice-minimal.correct .choice-icon-area:before,.choice-minimal.incorrect .choice-icon-area:before{font-size:1.2em}.choice-minimal.in-current-card:active{transform:scale(.98) translateY(0);transition:transform .1s ease}.choice-minimal.in-current-card.correct:active{transform:scale(.98) translateY(-1px)}.choice-minimal.in-current-card.incorrect:active{transform:scale(.98)}}.choice-minimal:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-color-scheme: dark){.choice-minimal.in-current-card.correct.ripple-effect:after{background:linear-gradient(90deg,transparent 0%,rgba(144,202,249,.5) 50%,transparent 100%)}.choice-minimal.correct:after{background:linear-gradient(90deg,transparent 20%,rgba(180,255,200,.1) 40%,rgba(144,202,249,.15) 45%,rgba(180,255,200,.2) 50%,rgba(144,202,249,.15) 55%,rgba(180,255,200,.1) 60%,transparent 80%)}.choice-minimal.correct .choice-icon-area:before{color:#b4ffc8e6;text-shadow:0 0 8px rgba(144,202,249,.6),0 0 12px rgba(180,255,200,.4),0 0 16px rgba(144,202,249,.2)}@keyframes rippleEffect{0%{box-shadow:0 0 #90caf9cc}to{box-shadow:0 0 0 20px #90caf900}}@keyframes correctIconAppear{0%{opacity:0;transform:scale(0);text-shadow:none}20%{opacity:.4;transform:scale(4);text-shadow:0 0 12px rgba(144,202,249,.8)}to{opacity:.9;transform:scale(1);text-shadow:0 0 8px rgba(144,202,249,.6),0 0 12px rgba(180,255,200,.4),0 0 16px rgba(144,202,249,.2)}}}@media (prefers-reduced-motion: reduce){.choice-minimal.in-current-card{animation:none!important;transition:none;opacity:1!important;transform:translateY(0) scale(1)!important;filter:blur(0px)!important}.choice-minimal.in-waiting-card{animation:none!important;transition:none;opacity:0!important;transform:translateY(20px) scale(.95)!important;filter:blur(2px)!important}.choice-minimal.correct:after{animation:none!important}.choice-minimal.correct.ripple-effect:after{animation:none!important;opacity:0}.choice-minimal:hover,.choice-minimal.correct,.choice-minimal.incorrect{transform:none!important}}.choice-minimal.incorrect{color:var(--color-wrong);font-weight:var(--font-weight-bold);position:relative}.choice-minimal.incorrect .choice-icon-area:before{content:"✗";display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--color-wrong);font-weight:700;font-size:1.1em;opacity:.7}.choice-minimal:not(.correct):not(.incorrect):hover{background:linear-gradient(135deg,#40e0ff0d,#00bfff08,#40e0ff03);border-color:#00bfff4d;box-shadow:0 2px 8px #00bfff1a,0 0 0 1px #00bfff0d;transform:translateY(-1px)}@media (prefers-color-scheme: dark){.choice-minimal{background:#1b243299;border:1px solid rgba(164,186,220,.15);box-shadow:0 2px 8px #000a1e4d,inset 0 1px #a4badc0d;backdrop-filter:blur(15px) saturate(1.2);-webkit-backdrop-filter:blur(15px) saturate(1.2)}.choice-minimal.correct{background:linear-gradient(135deg,#34c7592e,#90caf91f,#34c75914);border:2px solid rgba(52,199,89,.2);box-shadow:0 2px 6px #34c75914,0 0 0 1px #34c7590d,0 0 8px #34c75905;color:#b4ffc8f2;transition:all .8s ease-out}.choice-minimal.correct .choice-icon-area:before{color:#b4ffc8e6;text-shadow:0 0 8px rgba(52,199,89,.6)}.choice-minimal.correct.enhanced{border-color:#34c759e6;box-shadow:0 8px 25px #34c7594d,0 4px 15px #34c75933,0 0 0 1px #34c75940,0 0 40px #34c75926,0 0 20px #90caf91a,inset 0 1px #90caf966}.choice-minimal.incorrect{color:#ffb6c1e6}.choice-minimal.incorrect .choice-icon-area:before{color:#ffb6c1cc;text-shadow:0 0 6px rgba(255,59,48,.4)}.choice-minimal:not(.correct):not(.incorrect):hover{background:linear-gradient(135deg,#90caf914,#a4badc0f,#90caf90a);border-color:#90caf966;box-shadow:0 4px 12px #90caf926,0 0 0 1px #90caf91a,0 0 20px #90caf90d;color:#e6f0fff2}}.rules-section,.mistakes-section{margin:.7em 0}.rules-label,.mistakes-label{font-weight:700;color:var(--excard-accent);margin-right:.5em}.rules-section ul,.mistakes-section ul{margin:.2em 0 0 1.2em;padding:0;list-style:none}.rules-section li,.mistakes-section li{margin-bottom:.2em;font-size:1em}.pattern-section{margin-top:0;margin-bottom:10px;width:100%;overflow:hidden;background-color:var(--excard-choice-selected);border:1px solid var(--excard-border)}.pattern-section ul{display:inline-block;margin:0;padding-left:100%;white-space:nowrap;animation:slideAnimation 20s linear infinite}.pattern-section ul li{display:inline;margin-right:20px;padding:20px;color:var(--excard-accent-dark);font-size:1rem;text-shadow:none;overflow:hidden}@keyframes slideAnimation{0%{transform:translate(0)}to{transform:translate(-100%)}}.ex-section{margin:.7em 0}.ex-label,.pattern-label{font-weight:700;color:var(--excard-accent-dark)}.ex-card{background:var(--excard-surface);border-radius:10px;padding:.5rem .8rem;color:var(--excard-accent-dark);margin-bottom:.7rem;box-shadow:none;line-height:1.7;position:relative;word-break:break-word;border:1.5px solid var(--excard-border)}.ex-en{font-size:1.08em;color:var(--excard-accent-dark);font-weight:700}.ex-jp{font-size:1em;color:var(--excard-muted);margin-top:.2em}.flick-arrow{background:none;border:none;color:var(--color-accent);font-size:1.5em;border-radius:6px;padding:0;transition:background .2s;display:flex;align-items:center;justify-content:center;height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;min-height:44px}.flick-arrow:hover:not(.disabled){background:var(--color-accent-weak)}.flick-arrow.disabled{color:var(--color-text-muted);opacity:.4;pointer-events:none}.footer-arrow-svg{width:48px;height:48px;display:block;margin:0 auto}.flick-arrow.animating-inactive{opacity:.3!important;transition:opacity .2s}.arrow-polyline{stroke:#000;stroke-opacity:.5;transition:stroke .2s,stroke-opacity .2s}.left-arrow.inactive,.right-arrow.inactive{stroke:silver;stroke-opacity:.1}.bounce-left{animation:bounceLeft .5s cubic-bezier(.4,0,.2,1)}.bounce-right{animation:bounceRight .5s cubic-bezier(.4,0,.2,1)}@keyframes bounceLeft{0%{transform:translate(-50%)}40%{transform:translate(calc(-50% - 360px))}to{transform:translate(-50%)}}@keyframes bounceRight{0%{transform:translate(-50%)}40%{transform:translate(calc(-50% + 360px))}to{transform:translate(-50%)}}@media (max-width: 768px){.explanation-content{border-radius:12px;padding:0;height:95vh;height:calc(95vh - env(safe-area-inset-bottom,0px));height:calc(100dvh - 5vh - env(safe-area-inset-bottom,0px))}.explanation-header{border-radius:12px 12px 0 0;padding:1rem .5rem .5rem;-webkit-tap-highlight-color:transparent}.excard-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));min-height:calc(44px + env(safe-area-inset-bottom,0px))}.flick-arrow{min-height:calc(44px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}}@media (max-width: 768px){.explanation-inner{padding:0 .5rem}}.explanation-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 30% 20%,rgba(44,54,80,.1) 0%,var(--bg-color) 100%);pointer-events:none;filter:blur(2.5px);opacity:.98;animation:moonlightGlow 12s infinite alternate}@keyframes moonlightGlow{0%{opacity:.92}50%{opacity:1}to{opacity:.92}}.glass-card{border-radius:20px;box-shadow:0 8px 32px #00000052,0 0 0 2px #2224;background:transparent;backdrop-filter:saturate(.3);border:1.5px solid rgba(120,140,180,.13);overflow:hidden;margin:0 auto;max-width:700px;width:95vw;padding:0;z-index:1}.moonlight-text{font-size:1.22rem;font-weight:600;color:#e3e8ef;text-shadow:0 2px 8px rgba(44,54,80,.13);margin-bottom:.5rem;letter-spacing:.01em;line-height:1.7;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,メイリオ,sans-serif;word-break:break-word}.translation-text{font-size:1.05rem;color:#b0b8c9;margin-bottom:1.2rem;margin-top:.1rem;line-height:1.7;font-family:Noto Sans JP,メイリオ,sans-serif;letter-spacing:.01em;text-shadow:0 1px 6px rgba(44,54,80,.08);padding-left:.2em;border-left:3px solid #2d3a5a33}.explanation-label{display:inline-block;font-size:.98em;font-weight:700;color:#90caf9;margin-right:.7em;letter-spacing:.04em}@media (max-width: 768px){.glass-card{border-radius:12px;padding:0}.moonlight-text{font-size:1.05rem}}.explanation-header:before,.explanation-header:after{content:"";position:absolute;z-index:0;pointer-events:none;opacity:.13;font-family:inherit;font-weight:700;user-select:none;line-height:1}.explanation-header:before{content:attr(data-qnum);top:10px;left:24px;font-size:4.5rem;color:inherit;filter:blur(.5px);letter-spacing:.05em}.explanation-header:after{content:attr(data-statusicon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;color:inherit;filter:blur(.5px)}.explanation-header.red:before,.explanation-header.red:after{color:#ff3b30}.explanation-header.orange:before,.explanation-header.orange:after{color:#ff9500}.explanation-header.yellow:before,.explanation-header.yellow:after{color:#fc0}.explanation-header.green:before,.explanation-header.green:after{color:#34c759}.explanation-header.blue:before,.explanation-header.blue:after{color:#007aff}.explanation-header.indigo:before,.explanation-header.indigo:after{color:#5856d6}.explanation-header.violet:before,.explanation-header.violet:after{color:#af52de}.header-info{position:relative;z-index:1}@media (max-width: 768px){.explanation-header:before,.explanation-header:after{font-size:2.5rem;top:4px;left:10px}.explanation-header:after{left:60px}}.header-bg-qnum{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);font-size:4rem;font-weight:700;pointer-events:none;user-select:none;line-height:1;display:flex;align-items:center;justify-content:center}.header-bg-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;z-index:0;pointer-events:none;user-select:none;opacity:.3}.status-svg{width:80px;height:80px;display:block}.explanation-inner{padding:20px 16px 24px;font-size:var(--font-size-base);color:var(--color-text);line-height:1.8}h3.accent{color:var(--color-accent);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-top:.8em;margin-bottom:.3em}ul{margin:.5em 0 2em 1.2em;padding:0;color:var(--color-text);font-size:var(--font-size-base);line-height:1.7}li{margin-bottom:.2em;list-style:disc}.box{background:var(--color-card-bg);border:1.5px solid var(--color-border);border-radius:6px;padding:.8em 1em;margin-bottom:.7em;color:var(--color-text);font-size:var(--font-size-base)}.choice-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;margin-bottom:1em;color:var(--color-text);display:flex;align-items:center;transition:background .2s,border .2s;min-height:44px}.choice-card.selected,.choice-card.correct{border:1.5px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent-weak) 40%,#fff 60%)}.choice-card.incorrect{border:1.5px solid var(--color-wrong);background:color-mix(in srgb,var(--color-wrong) 10%,#fff 90%)}.choice-label{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-right:1em;min-width:1.8em;text-align:center;background:none;border:none}.choice-card .choice-text{font-size:var(--font-size-base);color:inherit}.choices{margin-bottom:.7em;gap:.1em}.box,.question-block{border-radius:6px;border:1px solid var(--color-border);background:var(--color-card-bg);margin-bottom:.7em;padding:.8em 1em}.meow-section{background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);margin-bottom:1.2em;padding:.8em 1em}.explanation-inner{line-height:1.9;padding:0 1.2em 0 1em}.section{margin-top:0;padding-top:0}.excard-footer.red{border-top:1px solid var(--border-color-red)}.excard-footer.orange{border-top:1px solid var(--border-color-orange)}.excard-footer.yellow{border-top:1px solid var(--border-color-yellow)}.excard-footer.green{border-top:1px solid var(--border-color-green)}.excard-footer.blue{border-top:1px solid var(--border-color-blue)}.excard-footer.indigo{border-top:1px solid var(--border-color-indigo)}.excard-footer.violet{border-top:1px solid var(--border-color-violet)}.header-bg-status.red{stroke:var(--status-color-red)}.header-bg-status.orange{stroke:var(--status-color-orange)}.header-bg-status.yellow{stroke:var(--status-color-yellow)}.header-bg-status.green{stroke:var(--status-color-green)}.header-bg-status.blue{stroke:var(--status-color-blue)}.header-bg-status.indigo{stroke:var(--status-color-indigo)}.header-bg-status.violet{stroke:var(--status-color-violet)}.meow-text{font-size:var(--font-size-small);text-align:center;padding:0 1em;white-space:normal;word-break:break-word;line-height:1.4;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.close-explanation-button{position:absolute;top:50%;right:.4rem;transform:translateY(-50%);background:var(--status-yellow, rgba(30, 40, 60, .22));border:none;outline:none;color:#fff;cursor:pointer;border-radius:50%;transition:background .2s,transform .2s;z-index:20;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:6px}@media (prefers-color-scheme: light){.close-explanation-button{border:none;border-width:0;border-style:none;border-color:transparent;outline:none;box-shadow:none}.close-explanation-button.red{background:var(--status-red-light);color:var(--status-red-icon)}.close-explanation-button.orange{background:var(--status-orange-light);color:var(--status-orange-icon)}.close-explanation-button.yellow{background:var(--status-yellow-light);color:var(--status-yellow-icon)}.close-explanation-button.green{background:var(--status-green-light);color:var(--status-green-icon)}.close-explanation-button.blue{background:var(--status-blue-light);color:var(--status-blue-icon)}.close-explanation-button.indigo{background:var(--status-indigo-light);color:var(--status-indigo-icon)}.close-explanation-button.violet{background:var(--status-violet-light);color:var(--status-violet-icon)}.close-explanation-button svg{filter:drop-shadow(0 1px 2px rgba(255,255,255,.5))}}@media (prefers-color-scheme: dark){.close-explanation-button.red{background:var(--status-red-light);color:var(--status-red-icon)}.close-explanation-button.orange{background:var(--status-orange-light);color:var(--status-orange-icon)}.close-explanation-button.yellow{background:var(--status-yellow-light);color:var(--status-yellow-icon)}.close-explanation-button.green{background:var(--status-green-light);color:var(--status-green-icon)}.close-explanation-button.blue{background:var(--status-blue-light);color:var(--status-blue-icon)}.close-explanation-button.indigo{background:var(--status-indigo-light);color:var(--status-indigo-icon)}.close-explanation-button.violet{background:var(--status-violet-light);color:var(--status-violet-icon)}.close-explanation-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.close-explanation-button:hover{color:#fff}.close-explanation-button:hover svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}}.close-explanation-button:hover{transform:translateY(-50%) scale(1.08)}.close-explanation-button.red:hover{background:#ff3b30f2}.close-explanation-button.orange:hover{background:#ff9500f2}.close-explanation-button.yellow:hover{background:#ffcc00f2}.close-explanation-button.green:hover{background:#34c759f2}.close-explanation-button.blue:hover{background:#007afff2}.close-explanation-button.indigo:hover{background:#5856d6f2}.close-explanation-button.violet:hover{background:#af52def2}@media (prefers-color-scheme: light){.close-explanation-button:hover{color:#fff}.close-explanation-button:hover svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}}.close-explanation-button svg{width:18px;height:18px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.explanation-header{position:relative}:root{--border-color-red: rgba(255, 59, 48, .4);--border-color-orange: rgba(255, 149, 0, .4);--border-color-yellow: rgba(255, 204, 0, .4);--border-color-green: rgba(52, 199, 89, .4);--border-color-blue: rgba(0, 122, 255, .4);--border-color-indigo: rgba(88, 86, 214, .4);--border-color-violet: rgba(175, 82, 222, .4);--status-color-red: #ff3b30;--status-color-orange: #ff9500;--status-color-yellow: #ffcc00;--status-color-green: #34c759;--status-color-blue: #007aff;--status-color-indigo: #5856d6;--status-color-violet: #af52de;--excard-top-offset: 1px}@keyframes moveToRightStandby{0%{right:0;opacity:1}to{right:-400px;opacity:.7}}.home-header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--header-bg-gradient);color:var(--header-text-color);text-shadow:0 2px 8px rgba(63,208,201,.08);box-shadow:0 2px 12px #3fd0c90f;position:relative;z-index:11;padding:1rem}.home-header{opacity:1;transform:translateY(0);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)!important}.home-header.fade-out{opacity:0;transform:translateY(-100%);pointer-events:none}.card.next.move-to-right-standby{animation:moveToRightStandby .44s cubic-bezier(.4,0,.2,1);right:-400px;opacity:.7}@keyframes moveToLeftStandby{0%{left:0;opacity:1}to{left:-400px;opacity:.7}}.card.prev.move-to-left-standby{animation:moveToLeftStandby .44s cubic-bezier(.4,0,.2,1);left:-400px;opacity:.7}@keyframes standbyRightToCenter{0%{right:-400px;opacity:.7}to{right:0;opacity:1}}.card.next.standby-right-to-center{animation:standbyRightToCenter .44s cubic-bezier(.4,0,.2,1);right:0;opacity:1}@keyframes standbyLeftToCenter{0%{left:-400px;opacity:.7}to{left:0;opacity:1}}.card.prev.standby-left-to-center{animation:standbyLeftToCenter .44s cubic-bezier(.4,0,.2,1);left:0;opacity:1}.explanation-fade-enter-active{animation:fadeInDown .44s cubic-bezier(.4,0,.2,1)}.explanation-fade-leave-active{animation:fadeOutUp .4s cubic-bezier(.4,0,.2,1)}.explanation-fade-enter-from,.explanation-fade-leave-to{opacity:0;transform:translateY(-30px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.result-screen{display:flex;flex-direction:column;height:100vh;height:calc(100vh - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-bottom,0px));color:var(--color-text);overflow-x:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:calc(100vh + 200px);max-width:768px;margin:0 auto;width:100%;box-sizing:border-box;position:relative}.header-title-group{display:flex;flex-direction:column;align-items:center;gap:.4rem}.app-title{font-size:2rem;font-weight:700;margin:0;line-height:1.1;letter-spacing:.04em;color:var(--header-text-color);text-shadow:0 2px 8px rgba(63,208,201,.08)}.app-subtitle{font-size:1.15rem;opacity:.92;margin:0;line-height:1.2;font-weight:400;color:var(--header-text-color);text-shadow:0 2px 8px rgba(63,208,201,.08)}.fade-scale-enter-active,.fade-scale-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.95)}@media (max-width: 768px){.app-title{font-size:1.8rem}.app-subtitle{font-size:.9rem}}.rainbow-grid{display:flex;flex-direction:column;gap:.7rem;padding:1rem 2.2rem;padding-bottom:calc(76px + 2rem + env(safe-area-inset-bottom,0px));max-width:600px;margin:0 auto;background:none}.question-buttons{width:100%}.status-group.red{background:transparent;border:1.5px solid var(--status-red-border)}.status-group.orange{background:transparent;border:1.5px solid var(--status-orange-border)}.status-group.yellow{background:transparent;border:1.5px solid var(--status-yellow-border)}.status-group.green{background:transparent;border:1.5px solid var(--status-green-border)}.status-group.blue{background:transparent;border:1.5px solid var(--status-blue-border)}.status-group.indigo{background:transparent;border:1.5px solid var(--status-indigo-border)}.status-group.violet{background:transparent;border:1.5px solid var(--status-violet-border)}.question-button{width:100%;max-width:600px;margin:6px auto .7rem;background:var(--category-card-bg);border:none;border-radius:8px;box-shadow:var(--category-card-shadow);color:var(--text-color);transition:box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);padding:.8rem 1.2rem;min-height:48px;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;box-sizing:border-box;cursor:pointer;outline:none;z-index:12}.question-button:hover,.question-button:focus,.question-button.focused{background:var(--category-card-hover-bg);color:var(--accent-blue);box-shadow:var(--category-card-hover-shadow);transform:translateY(-2px);z-index:2}.question-button:focus{box-shadow:var(--category-card-focus-shadow),var(--category-card-hover-shadow)}@media (prefers-color-scheme: light){.question-button{backdrop-filter:blur(1px) saturate(1) brightness(1);-webkit-backdrop-filter:blur(1px) saturate(1) brightness(1)}.question-button:hover,.question-button:focus,.question-button.focused{backdrop-filter:blur(2px) saturate(.8) brightness(1);-webkit-backdrop-filter:blur(2px) saturate(.8) brightness(1)}}.question-number{font-weight:700;font-size:1.1rem;color:var(--quizcard-question-number-glow);letter-spacing:.02em}.status-group.red .question-number{color:#ff3b30cc}.status-group.orange .question-number{color:#ff9500cc}.status-group.yellow .question-number{color:#fc0c}.status-group.green .question-number{color:#34c759cc}.status-group.blue .question-number{color:#007affcc}.status-group.indigo .question-number{color:#5856d6cc}.status-group.violet .question-number{color:#af52decc}.question-text{font-size:1.1rem;font-weight:600;color:var(--text-heading-color);text-align:left}.time-taken{min-width:70px;text-align:right;font-size:.85rem;color:var(--text-muted-color);flex-shrink:0}@media (max-width: 768px){.question-button{padding:.7rem 1rem;gap:.8rem;min-height:44px}.question-number{font-size:1rem}.time-taken{font-size:.8rem;min-width:auto}}.status-group{animation:fadeIn .33s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-group{padding:1.2rem 1.1rem;border-radius:8px;position:relative;overflow:visible;margin-bottom:.7rem}.question-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600}.question-status.correct{background:#34c7591a;color:#34c759cc}.question-status.incorrect{background:#ff3b301a;color:#ff3b30cc}.bottom-nav{position:relative;width:100%;max-width:768px;margin:0 auto;height:60px;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);box-shadow:0 -2px 5px #0000000d;display:flex;z-index:100}.nav-button{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-muted-color);font-size:.75rem;padding:4px 0;transition:color .2s ease,background-color .2s ease;gap:2px;position:relative;border:1px solid transparent;margin:4px;border-radius:6px}.nav-button svg{width:22px;height:22px;margin-bottom:2px;fill:currentColor}.nav-button:hover{background-color:var(--bg-secondary-color);border-color:var(--card-border-color)}.nav-button.active{color:var(--accent-blue);background-color:var(--bg-secondary-color);border-color:var(--accent-blue)}@media (max-width: 768px){.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;z-index:1000;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);box-shadow:0 -2px 5px #0000001a;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(60px + env(safe-area-inset-bottom,0px))}}.explanation-panel{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.explanation-panel.mobile{width:100vw;height:100vh;padding:0}.header-info{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;font-size:1.02rem}.header-qnum{font-weight:700;font-size:1.1rem;color:#90caf9;letter-spacing:.03em}.header-status-icon{font-size:1.2rem}.header-correct.correct{color:#2ecc40;font-weight:700}.header-correct.incorrect{color:#e74c3c;font-weight:700}.header-confidence.confident{color:#2ecc40}.header-confidence.not-confident{color:gold}.header-time{color:gold;font-size:.98em;font-family:var(--font-mono, monospace)}.header-answer{color:#90caf9}.header-correct-answer{color:#e74c3c}.card-stack{position:fixed;background:transparent;top:var(--excard-top-offset);left:0;width:100vw;height:calc(100vh - var(--excard-top-offset));height:calc(100vh - var(--excard-top-offset) - env(safe-area-inset-bottom,0px));height:calc(100dvh - var(--excard-top-offset) - env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.card{max-height:95vh;max-height:calc(95vh - env(safe-area-inset-bottom,0px));max-height:calc(95dvh - env(safe-area-inset-bottom,0px));max-height:700px;position:absolute;width:100%;max-width:700px;min-width:320px;will-change:transform,opacity;opacity:1;z-index:1;background:transparent;transition:none;pointer-events:auto}.card.is-animating{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .44s cubic-bezier(.4,0,.2,1)}.card.current{left:50%;transform:translate(-50%);z-index:2;opacity:1}.card.prev{left:-120vw;transform:none;z-index:1;opacity:.7}.card.next{left:120vw;transform:none;z-index:1;opacity:.7}@keyframes slideInFromRight{0%{right:-120vw;opacity:.7}to{right:0;opacity:1}}@keyframes slideInFromLeft{0%{left:-120vw;opacity:.7}to{left:0;opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-120vw);opacity:0}}.card.current.current-slide-out-left{animation:currentSlideOutToLeft .44s cubic-bezier(.4,0,.2,1);z-index:3}@keyframes currentSlideOutToLeft{0%{left:0;opacity:1}to{left:-120vw;opacity:.7}}.card.prev.prev-slide-in-from-left{animation:beforeSlideInFromLeft .44s cubic-bezier(.4,0,.2,1);left:0;opacity:1;z-index:2}@keyframes beforeSlideInFromLeft{0%{left:-120vw;opacity:.7}to{left:0;opacity:1}}.card.prev.prev-slide-out-to-left{animation:prevSlideOutToLeft .44s cubic-bezier(.4,0,.2,1);left:-120vw;opacity:.7}.card.next.next-slide-in-from-right{animation:afterSlideInFromRight .44s cubic-bezier(.4,0,.2,1);right:0;opacity:1;z-index:2}@keyframes afterSlideInFromRight{0%{right:-120vw;opacity:.7}to{right:0;opacity:1}}.card.next.next-slide-out-to-right{animation:nextSlideOutToRight .44s cubic-bezier(.4,0,.2,1);right:-120vw;opacity:.7}.card.current.prev-to-current{animation:prevToCurrent .44s cubic-bezier(.4,0,.2,1)}@keyframes prevToCurrent{0%{transform:translate(-120vw);opacity:.7}to{transform:translate(0);opacity:1}}.card.current.next-to-current{animation:nextToCurrent .44s cubic-bezier(.4,0,.2,1)}@keyframes nextToCurrent{0%{transform:translate(120vw);opacity:.7}to{transform:translate(0);opacity:1}}.card.current.current-to-prev{animation:currentToPrev .44s cubic-bezier(.4,0,.2,1)}@keyframes currentToPrev{0%{transform:translate(0);opacity:1}to{transform:translate(-120vw);opacity:.7}}.card.current.current-to-next{animation:currentToNext .44s cubic-bezier(.4,0,.2,1)}@keyframes currentToNext{0%{transform:translate(0);opacity:1}to{transform:translate(120vw);opacity:.7}}.card.prev.prev-slide-out-to-left{animation:prevSlideOutToLeft .44s cubic-bezier(.4,0,.2,1)}@keyframes prevSlideOutToLeft{0%{left:0;opacity:1}to{left:-120vw;opacity:.7}}.card.next.next-slide-out-to-right{animation:nextSlideOutToRight .44s cubic-bezier(.4,0,.2,1)}@keyframes nextSlideOutToRight{0%{right:0;opacity:1}to{right:-120vw;opacity:.7}}.fade-scale-no-transition{opacity:1;transform:scale(1);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.explanation-overlay{position:fixed;z-index:9998;top:0;left:0;width:100vw;height:100vh;background:transparent;backdrop-filter:blur(1px) brightness(.9);-webkit-backdrop-filter:blur(1px) brightness(.9);transition:background .3s cubic-bezier(.4,0,.2,1)}.card.current.to-prev{animation:currentToPrev .44s cubic-bezier(.4,0,.2,1)}@keyframes currentToPrev{0%{left:50%;transform:translate(-50%);opacity:1}to{left:-120vw;transform:none;opacity:.7}}.card.current.to-next{animation:currentToNext .44s cubic-bezier(.4,0,.2,1)}@keyframes currentToNext{0%{left:50%;transform:translate(-50%);opacity:1}to{left:120vw;transform:none;opacity:.7}}.card.prev.to-current{animation:prevToCurrent .44s cubic-bezier(.4,0,.2,1)}@keyframes prevToCurrent{0%{left:-120vw;transform:none;opacity:.7}to{left:50%;transform:translate(-50%);opacity:1}}.card.next.to-current{animation:nextToCurrent .44s cubic-bezier(.4,0,.2,1)}@keyframes nextToCurrent{0%{left:120vw;transform:none;opacity:.7}to{left:50%;transform:translate(-50%);opacity:1}}.loading{text-align:center;margin-top:20px;color:#fff}.question-buttons .question-button:last-child{margin-bottom:0}.question-buttons .question-button:first-child{margin-top:0}.time-taken{color:var(--accent-blue-strong)}@media (prefers-color-scheme: light),not all and (prefers-color-scheme: dark){.status-group .question-button{border-color:var(--card-border-color)}}.question-number{color:var(--quizcard-question-number-glow)}.card .question-block,.card .box,.card .ex-card,.card .meow-section{border:none}.footer-wrapper{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(76px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;opacity:1;transform:translateY(0);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)!important}.footer-wrapper.fade-out{opacity:0;transform:translateY(calc(76px + env(safe-area-inset-bottom,0px)));pointer-events:none}.footer-wrapper.auto-hidden{opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}.main-content{opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.main-content.fade-out{opacity:0;transform:translateY(-30px);pointer-events:none}.fade-out *{pointer-events:none}@media (prefers-color-scheme: dark){:root{--moonlight-accent: rgba(164, 186, 220, .85);--moonlight-accent-soft: rgba(189, 207, 233, .7)}.app-title,.app-subtitle,.info-button{color:var(--header-text-color);text-shadow:none}.info-button:hover{background:#ffffff1a}.close-info-button{background:#a4badccc!important;color:#fff!important;box-shadow:0 2px 8px #a4badc4d!important}.close-info-button:hover{background:#d2e6ffe6!important;color:#1b2432e6!important;transform:scale(1.08)!important;box-shadow:0 4px 12px #d2e6ff66!important}.question-button:hover,.question-button:focus,.question-button.focused{background:linear-gradient(135deg,#1e293be6,#4d9eff14,#a4badc0d);box-shadow:0 4px 15px #000a1e4d,0 0 0 1px var(--accent-blue-strong),0 0 15px #4d9eff1a;transform:translateY(-1px)}.status-group{background:#1b24324d;border:1px solid var(--card-border-color, rgba(164, 186, 220, .15))}.status-group.red{background:transparent;border:1.5px solid var(--status-red-border)}.status-group.orange{background:transparent;border:1.5px solid var(--status-orange-border)}.status-group.yellow{background:transparent;border:1.5px solid var(--status-yellow-border)}.status-group.green{background:transparent;border:1.5px solid var(--status-green-border)}.status-group.blue{background:transparent;border:1.5px solid var(--status-blue-border)}.status-group.indigo{background:transparent;border:1.5px solid var(--status-indigo-border)}.status-group.violet{background:transparent;border:1.5px solid var(--status-violet-border)}.bottom-nav{background-color:#101824e6;border-top:1px solid rgba(80,100,140,.3);box-shadow:0 -4px 8px #0003}.nav-button{color:#c8dcf099}.nav-button:hover{background-color:#3c507833;border-color:#648cb433}.nav-button.active{color:#90caf9;background-color:#1e3c644d;border-color:#6496c880;position:relative}.nav-button.active:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(140,180,220,.15),transparent 70%);pointer-events:none;border-radius:6px}.action-buttons{background-color:#101824e6;border-top:1px solid rgba(80,100,140,.3);box-shadow:0 -4px 8px #0003}.action-btn{color:#c8dcf099}.action-btn:hover{background-color:#3c507833;border-color:#648cb433}.card h3.accent{color:var(--moonlight-accent)}}:root{--color-primary: #38d6cb;--color-primary-light: #e0fbfa;--color-primary-dark: #1bb5a5;--color-secondary: #6c757d;--color-accent-green: #aee9e1;--color-accent-blue: #6ee7f7;--color-accent-yellow: #fffbe6;--color-accent-pink: #ffe6f0;--color-accent-orange: #fd7e14;--color-accent-orange-light: #ffe5d0;--color-accent-orange-dark: #c76510;--color-background: linear-gradient(180deg, #b2f4f7 0%, #6ee7f7 60%, #38bdf8 100%);--color-background-secondary: rgba(238, 251, 252, .7);--color-surface: rgba(255, 255, 255, .72);--color-text: #17697a;--color-text-muted: #6ba6a3;--color-text-heading: #179a8b;--color-text-inverted: #ffffff;--color-link: #22d3ee;--color-border: #7de3e6;--color-header-background: linear-gradient(135deg, #6ee7f7 0%, #38bdf8 100%);--color-header-text: #ffffff;--shadow-xs: 0 1px 2px rgba(56, 214, 203, .08);--shadow-sm: 0 2px 4px rgba(56, 214, 203, .1);--shadow-md: 0 4px 16px rgba(56, 214, 203, .13);--shadow-lg: 0 10px 32px rgba(56, 214, 203, .18);--transition-duration: .2s;--transition-timing-function: ease;--transition-color: color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function);--transition-shadow: box-shadow var(--transition-duration) var(--transition-timing-function);--transition-all: all var(--transition-duration) var(--transition-timing-function);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--border-radius-round: 50%;--bg-color: var(--color-background);--text-color: var(--color-text);--text-muted-color: var(--color-text-muted);--text-heading-color: var(--color-text-heading);--card-bg-color: var(--color-surface);--bg-secondary-color: var(--color-background-secondary);--card-border-color: var(--color-border);--accent-blue: var(--color-accent-blue);--accent-blue-light: var(--color-primary-light);--accent-blue-dark: var(--color-primary-dark);--accent-pink: var(--color-accent-pink);--accent-orange: var(--color-accent-orange);--accent-green: var(--color-accent-green);--link-color: var(--color-link);--header-bg-color: var(--color-header-background);--header-text-color: var(--color-header-text);--card-shadow: var(--shadow-md);--card-shadow-xs: var(--shadow-xs);--card-shadow-sm: var(--shadow-sm);--card-shadow-md: var(--shadow-md);--card-shadow-lg: var(--shadow-lg);--color-transition: var(--transition-color);--header-bg-gradient: linear-gradient(135deg, #6ee7f7 0%, #38bdf8 100%);--color-shadow: 0 4px 24px rgba(56, 214, 203, .1);--button-primary-bg: var(--color-primary);--button-primary-text: #fff;--button-primary-bg-hover: var(--color-primary-dark);--button-outline-bg: #fff;--button-outline-border: var(--color-primary);--button-outline-text: var(--color-primary);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--color-primary: #38d6cb;--color-primary-light: rgba(110, 231, 247, .18);--color-primary-dark: #1bb5a5;--color-secondary: #8b949e;--color-accent-green: #5eead4;--color-accent-blue: #38bdf8;--color-accent-yellow: #ffe082;--color-accent-pink: #ff7eb3;--color-accent-orange: #ff9a57;--color-background: linear-gradient(180deg, #164e63 0%, #155e75 60%, #0e7490 100%);--color-background-secondary: rgba(22, 78, 99, .7);--color-surface: rgba(255, 255, 255, .13);--color-text: #e0f2f1;--color-text-muted: #7dd3fc;--color-text-heading: #a5f3fc;--color-text-inverted: #0d1117;--color-link: #38bdf8;--color-border: #38bdf8;--color-header-background: linear-gradient(135deg, #164e63 0%, #0e7490 100%);--color-header-text: #e0f2f1;--shadow-xs: 0 1px 2px rgba(56, 214, 203, .1);--shadow-sm: 0 2px 4px rgba(56, 214, 203, .13);--shadow-md: 0 4px 16px rgba(56, 214, 203, .18);--shadow-lg: 0 10px 32px rgba(56, 214, 203, .22);--header-bg-gradient: linear-gradient(135deg, #164e63 0%, #0e7490 100%);--color-shadow: 0 5px 12px rgba(56, 214, 203, .13);--card-bg-color: var(--color-surface);--card-border-color: var(--color-border);--button-primary-bg: var(--color-primary);--button-primary-text: #e0f2f1;--button-primary-bg-hover: var(--color-primary-dark);--button-outline-bg: var(--color-background-secondary);--button-outline-border: var(--color-primary);--button-outline-text: var(--color-primary);--border-radius-md: 16px;--border-radius-lg: 24px;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);transition:var(--transition-color);line-height:1.6}.is-dragging{transition:none!important;cursor:grabbing}.is-confident .card-border{border-color:rgba(72,199,116,var(--confidence-intensity, 0));box-shadow:0 0 calc(15px * var(--confidence-intensity, 0)) calc(5px * var(--confidence-intensity, 0)) rgba(72,199,116,calc(.7 * var(--confidence-intensity, 0)))}.is-not-confident .card-border{border-color:rgba(255,76,97,var(--confidence-intensity, 0));box-shadow:0 0 calc(15px * var(--confidence-intensity, 0)) calc(5px * var(--confidence-intensity, 0)) rgba(255,76,97,calc(.7 * var(--confidence-intensity, 0)))}.swiping-out{transition:transform .5s cubic-bezier(.175,.885,.32,1.275)!important;pointer-events:none}.swiping-out-right .card-border{border-color:#48c774;box-shadow:0 0 20px 8px #48c774b3}.swiping-out-left .card-border{border-color:#ff4c61;box-shadow:0 0 20px 8px #ff4c61b3}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cards-container{perspective:1200px}.quiz-card{backface-visibility:hidden}.quiz-card.is-dragging{transform-style:preserve-3d}.option:active{transform:scale(.98);transition:transform .1s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple .6s linear;pointer-events:none}