:root{--app-max-width:400px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-size-mn:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-xxl:36px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--primary:#005bbf;--primary-dark:#03468f;--primary-light:#d8e2ff;--on-primary:#fff;--primary-gradient-end:#1a73e8;--secondary:#b78d77;--secondary-light:#fcf5e2;--accent:#e67e22;--accent-light:#fef3e0;--accent-gradient-end:#f39c12;--on-surface:#1f1f1f;--on-surface-variant:#444746;--text-primary:#181c20;--text-secondary:#727785;--text-disabled:#9e9e9e;--background:#fff;--background-secondary:#f1f1f1;--background-surface:#f8f9fa;--background-surface-dark:#e7e7e7;--border-color:#7477751a;--border-color-strong:#c1c6d64d;--border-color-light:#c1c6d61a;--success:#34a853;--success-light:#e6f4ea;--warning:#f9a825;--warning-light:#fef7e0;--error:#ea4335;--error-light:#fce8e6;--icon-color:#414754;--icon-color-secondary:#727785;--color-white:#fff;--color-black:#000;--color-gray-100:#f7f9ff;--color-gray-50:#f8f9fa;--color-gray-200:#e5e8ee;--color-gray-300:#dfe3e8;--color-gray-400:#d8e2ff;--color-gray-500:#c7c7cc;--color-gray-600:#727785;--color-gray-700:#414754;--color-gray-800:#181c20;--overlay-white:#ffffff80;--overlay-white-strong:#fffc;--overlay-dark:#00000080;--spacing-mn:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:80px;--spaceing-bm:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 2px 8px #0000000a;--shadow-lg:0 4px 12px #00000014;--shadow-xl:0 0 40px #00000014;--z-dropdown:100;--z-sticky:50;--z-fixed:100;--z-modal-backdrop:200;--z-modal:300;--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-family);color:var(--on-surface);line-height:var(--line-height-normal);background:#e8e8e8}#app{justify-content:center;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.page{background:var(--background);width:100%;min-height:100vh}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);justify-content:center;align-items:center;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-secondary{background:var(--secondary-light);color:var(--secondary)}.btn-outline{border:1px solid var(--border-color-strong);background:var(--background);color:var(--on-surface)}.card{background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color-light)}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--background);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--primary)}.tag{padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.tag-success{background:var(--success-light);color:var(--success)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-error{background:var(--error-light);color:var(--error)}h1,h2,h3,h4,h5,h6{color:var(--on-surface);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}.home[data-v-4b90401d]{background:var(--color-gray-100);min-height:100vh}.top-bar[data-v-4b90401d]{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);box-sizing:border-box;background:#fffffff2;justify-content:center;align-items:center;height:56px;display:flex;position:relative;top:0}.top-bar-left[data-v-4b90401d]{justify-content:center;align-items:center;display:flex}.header-actions[data-v-4b90401d]{gap:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.top-bar-left .material-symbols-outlined[data-v-4b90401d]{font-size:var(--font-size-3xl);background-color:var(--primary);font-variation-settings:"FILL" 1}.title[data-v-4b90401d]{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.header-actions[data-v-4b90401d]{gap:4px;display:flex}.icon-btn[data-v-4b90401d]{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.icon-btn[data-v-4b90401d]:active{background:var(--color-gray-400)}.content[data-v-4b90401d]{padding:var(--spacing-lg);padding-bottom:var(--spaceing-bm);max-width:var(--app-max-width);margin:0 auto}.stats-bento[data-v-4b90401d]{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.stat-card[data-v-4b90401d]{background:var(--background);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;justify-content:space-between;display:flex}.stat-card .stat-unit[data-v-4b90401d]{margin-top:var(--spacing-sm)}.stat-card:first-child .stat-value-wrap[data-v-4b90401d],.stat-card:last-child .stat-value-wrap[data-v-4b90401d]{margin-top:auto}.stat-label[data-v-4b90401d]{font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.stat-value-wrap[data-v-4b90401d]{align-items:baseline;gap:4px;min-height:44px;display:flex}.stat-value[data-v-4b90401d]{font-size:var(--font-size-xxl);color:var(--text-primary);font-weight:900}.stat-unit[data-v-4b90401d]{font-size:var(--font-size-lg);color:var(--success);font-weight:700}.stat-unit.primary[data-v-4b90401d]{font-size:var(--font-size-3xl);color:var(--primary);font-weight:900}.main-actions[data-v-4b90401d]{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.action-btn[data-v-4b90401d]{width:100%;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:space-between;align-items:center;transition:transform .15s;display:flex}.action-btn[data-v-4b90401d]:active{transform:scale(.98)}.action-btn.practice[data-v-4b90401d]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-gradient-end) 100%);color:var(--on-primary)}.action-btn.exam[data-v-4b90401d]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-gradient-end) 100%);color:var(--on-primary)}.action-text[data-v-4b90401d]{flex-direction:column;align-items:flex-start;display:flex}.action-title[data-v-4b90401d]{font-size:var(--font-size-3xl);font-weight:900}.action-subtitle[data-v-4b90401d]{font-size:var(--font-size-md);color:var(--overlay-white);letter-spacing:.02em}.action-icon-wrap[data-v-4b90401d]{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.action-icon-wrap .material-symbols-outlined[data-v-4b90401d]{font-variation-settings:"FILL" 1;font-size:28px}.section-title[data-v-4b90401d]{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:900}.section-header[data-v-4b90401d]{justify-content:space-between;align-items:center;display:flex}.more-btn[data-v-4b90401d]{color:var(--primary);font-size:var(--font-size-md);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;font-weight:700}.continue-card[data-v-4b90401d]{background:var(--border-color-light);border-radius:var(--radius-lg);padding:4px}.continue-inner[data-v-4b90401d]{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.continue-header[data-v-4b90401d]{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.continue-info[data-v-4b90401d]{align-items:center;gap:var(--spacing-md);display:flex}.continue-icon[data-v-4b90401d]{width:48px;height:48px;color:var(--primary);background:#d8e2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.continue-subject[data-v-4b90401d]{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700;line-height:1.3}.continue-meta[data-v-4b90401d]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:10px}.continue-percent[data-v-4b90401d]{font-size:var(--font-size-md);color:var(--primary);font-weight:900}.progress-bar[data-v-4b90401d]{border-radius:var(--radius-full);background:#dfe3e8;width:100%;height:8px;overflow:hidden}.progress-fill[data-v-4b90401d]{background:var(--success);border-radius:var(--radius-full);height:100%}.continue-btn[data-v-4b90401d]{width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-md);color:var(--icon-color);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:700;transition:background .2s,color .2s;display:flex}.continue-btn[data-v-4b90401d]:hover{background:var(--color-gray-400);color:var(--primary-dark)}.placeholder[data-v-4b90401d]{justify-content:center;align-items:center;min-height:160px;display:flex}.placeholder-content[data-v-4b90401d]{text-align:center;padding:var(--spacing-md)}.placeholder-icon[data-v-4b90401d]{background:var(--color-gray-400);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.placeholder-icon .material-symbols-outlined[data-v-4b90401d]{font-size:var(--font-size-3xl)}.placeholder-title[data-v-4b90401d]{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:700}.placeholder-subtitle[data-v-4b90401d]{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:24px;line-height:1.4}.page[data-v-1e24a985]{background:var(--color-gray-100);min-height:100vh;padding-bottom:100px}.top-bar[data-v-1e24a985]{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);box-sizing:border-box;background:#fffffff2;justify-content:center;align-items:center;height:56px;padding:12px 16px;display:flex;position:relative;top:0}.back-btn[data-v-1e24a985]{cursor:pointer;width:44px;height:44px;color:var(--primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.icon-btn[data-v-1e24a985]{cursor:pointer;width:44px;height:44px;color:var(--primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.title[data-v-1e24a985]{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700}.top-bar-placeholder[data-v-1e24a985]{visibility:hidden;flex:none;width:50px}.content[data-v-1e24a985]{padding:var(--spacing-lg);padding-bottom:var(--spacing-bm)}.search-section[data-v-1e24a985]{margin-bottom:20px}.search-bar[data-v-1e24a985]{background:var(--background);border-radius:var(--radius-md);height:48px;position:relative}.search-icon[data-v-1e24a985]{left:var(--spacing-lg);color:var(--text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.search-bar input[data-v-1e24a985]{width:100%;height:100%;padding:0 var(--spacing-lg) 0 48px;font-size:var(--font-size-md);border-radius:var(--radius-md);background:0 0;border:none;outline:none}.level1[data-v-1e24a985]{margin-bottom:var(--spacing-md)}.bank-grid[data-v-1e24a985]{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.bank-btn[data-v-1e24a985]{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);background:var(--background);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex}.bank-btn.active[data-v-1e24a985]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.bank-btn .material-symbols-outlined[data-v-1e24a985]{font-size:24px}.bank-btn span[data-v-1e24a985]:last-child{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.level2[data-v-1e24a985]{margin-bottom:var(--spacing-md)}.category-tabs[data-v-1e24a985]{gap:var(--spacing-sm);-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex;overflow-x:auto}.category-tabs[data-v-1e24a985]::-webkit-scrollbar{display:none}.category-tab[data-v-1e24a985]{padding:var(--spacing-sm);background:var(--surface-variant);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--icon-color);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:2px;transition:all .2s;display:flex;position:relative}.category-tab.active[data-v-1e24a985]{background:var(--primary-container);color:var(--primary)}.category-tab .tab-icon[data-v-1e24a985]{font-size:18px}.category-tab.active[data-v-1e24a985]:after{content:"";background:var(--primary);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.subject-list[data-v-1e24a985]{gap:var(--spacing-sm);flex-direction:column;display:flex}.subject-transition-wrapper[data-v-1e24a985]{min-height:200px;position:relative}.subject-card[data-v-1e24a985]{background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.subject-header[data-v-1e24a985]{align-items:center;gap:var(--spacing-sm);display:flex}.subject-icon[data-v-1e24a985]{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.subject-icon .material-symbols-outlined[data-v-1e24a985]{font-size:24px}.subject-info[data-v-1e24a985]{flex:1}.subject-info h4[data-v-1e24a985]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--on-surface)}.subject-info p[data-v-1e24a985]{font-size:var(--font-size-md);color:var(--icon-color)}.progress-ring[data-v-1e24a985]{width:48px;height:48px;position:relative}.progress-ring svg[data-v-1e24a985]{transform:rotate(-90deg)}.progress-ring circle[data-v-1e24a985]{fill:#0000;stroke-width:3px}.progress-ring .bg[data-v-1e24a985]{stroke:var(--border-color-strong)}.progress-ring .progress[data-v-1e24a985]{stroke:var(--primary);stroke-linecap:round}.progress-ring .percent[data-v-1e24a985]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subject-footer[data-v-1e24a985]{justify-content:space-between;align-items:center;display:flex}.stats[data-v-1e24a985]{gap:var(--spacing-2xl);display:flex}.stat[data-v-1e24a985]{flex-direction:column;display:flex}.stat-label[data-v-1e24a985]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-secondary)}.stat-value[data-v-1e24a985]{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.enter-btn[data-v-1e24a985]{color:var(--primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;background:#005bbf1a;border:none;padding:6px 14px}.slide-left-enter-active[data-v-1e24a985],.slide-left-leave-active[data-v-1e24a985],.slide-right-enter-active[data-v-1e24a985],.slide-right-leave-active[data-v-1e24a985]{width:100%;transition:all .35s;position:absolute}.slide-left-enter-from[data-v-1e24a985]{transform:translate(100%)}.slide-left-leave-to[data-v-1e24a985],.slide-right-enter-from[data-v-1e24a985]{transform:translate(-100%)}.slide-right-leave-to[data-v-1e24a985]{transform:translate(100%)}.exam-page[data-v-579a5726]{background:var(--background-secondary);min-height:100vh}.top-bar[data-v-579a5726]{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);box-sizing:border-box;background:#fffffff2;justify-content:center;align-items:center;height:56px;padding:12px 16px;display:flex;position:relative;top:0}.icon-btn[data-v-579a5726]:first-child{cursor:pointer;width:44px;height:44px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.icon-btn[data-v-579a5726]:last-child{cursor:pointer;width:44px;height:44px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.title[data-v-579a5726]{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700}.content[data-v-579a5726]{padding:var(--spacing-lg);padding-bottom:100px}.paper-section[data-v-579a5726]{margin-bottom:var(--spacing-lg)}.section-title[data-v-579a5726]{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--on-surface);margin-bottom:var(--spacing-sm)}.paper-actions[data-v-579a5726]{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.paper-action-btn[data-v-579a5726]{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:#005bbf1a;flex:1;justify-content:center;align-items:center;display:flex}.paper-action-btn[data-v-579a5726]:active{box-shadow:var(--shadow-sm);transform:scale(.98)}.paper-action-btn[data-v-579a5726]:hover{background:#005bbf33}.paper-list[data-v-579a5726]{gap:var(--spacing-md);flex-direction:column;display:flex}.paper-card[data-v-579a5726]{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color-light)}.paper-header[data-v-579a5726]{justify-content:space-between;align-items:center;display:flex}.paper-actions-btns[data-v-579a5726]{gap:6px;display:flex}.icon-btn-sm[data-v-579a5726]{background:var(--color-gray-100);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-btn-sm .material-symbols-outlined[data-v-579a5726]{color:var(--text-secondary);font-size:18px}.icon-btn-sm.delete .material-symbols-outlined[data-v-579a5726]{color:var(--error)}.paper-tag[data-v-579a5726]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--primary);background:var(--primary-light);padding:var(--spacing-mn) var(--spacing-md);border-radius:var(--radius-lg)}.paper-title[data-v-579a5726]{font-size:var(--font-size-2x);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:var(--line-height-normal);margin:var(--spacing-mn)}.paper-desc[data-v-579a5726]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-mn)}.paper-stats[data-v-579a5726]{margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:6px;display:flex}.stat-item[data-v-579a5726]{background:var(--background-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-mn);color:var(--text-disabled);align-items:center;gap:3px;padding:3px 8px;display:flex}.stat-item .material-symbols-outlined[data-v-579a5726]{font-size:12px}.stat-item.created-time[data-v-579a5726]{color:var(--primary);background:#005bbf1a}.start-btn[data-v-579a5726]{width:100%;padding:var(--spacing-sm);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #005bbf40}.start-btn[data-v-579a5726]:active{transform:scale(.98)}.export-btn .material-symbols-outlined[data-v-579a5726],.delete-btn .material-symbols-outlined[data-v-579a5726]{font-size:18px}.delete-btn[data-v-579a5726]{color:var(--error)}.empty-papers[data-v-579a5726]{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color-light);color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:60px 20px;display:flex}.empty-papers .material-symbols-outlined[data-v-579a5726]{margin-bottom:var(--spacing-md);color:var(--color-gray-400);font-variation-settings:"FILL" 1;font-size:48px}.empty-papers p[data-v-579a5726]{color:var(--icon-color);margin:0;font-size:16px;font-weight:500}.exam-list[data-v-579a5726]{gap:var(--spacing-lg);flex-direction:column;display:flex}.exam-card[data-v-579a5726]{background:var(--background-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;overflow:hidden}.exam-card.in-progress[data-v-579a5726]{border-left:4px solid var(--secondary)}.card-indicator[data-v-579a5726]{background:var(--secondary);width:4px;height:100%;position:absolute;top:0;left:0}.card-header[data-v-579a5726]{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.status-badge[data-v-579a5726]{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:4px 12px}.status-badge.pending[data-v-579a5726]{background:var(--primary-light);color:var(--primary)}.status-badge.in_progress[data-v-579a5726]{background:var(--secondary-light);color:var(--secondary)}.status-badge.completed[data-v-579a5726]{background:var(--border-color-light);color:var(--on-surface-variant)}.card-meta[data-v-579a5726]{font-size:var(--font-size-xs);color:var(--on-surface-variant);align-items:center;gap:4px;display:flex}.card-meta .material-symbols-outlined[data-v-579a5726]{font-size:16px}.card-title[data-v-579a5726]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--on-surface);margin-bottom:var(--spacing-sm);line-height:1.3}.card-desc[data-v-579a5726]{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--on-surface-variant);margin-bottom:var(--spacing-lg);display:flex}.card-desc .material-symbols-outlined[data-v-579a5726]{font-size:16px}.action-btn[data-v-579a5726]{width:100%;padding:var(--spacing-md);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;border:none;transition:transform .1s;display:flex}.action-btn[data-v-579a5726]:active{transform:scale(.98)}.action-btn.pending[data-v-579a5726]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-gradient-end) 100%);color:var(--on-primary);box-shadow:var(--shadow-lg)}.action-btn.in_progress[data-v-579a5726]{background:var(--background-surface);color:var(--primary-dark);border:1px solid var(--border-color)}.action-btn.completed[data-v-579a5726]{background:var(--background-surface);color:var(--primary);border:1px solid var(--border-color)}.empty-card[data-v-579a5726]{background:var(--background-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:2px dashed var(--border-color-strong);text-align:center;flex-direction:column;align-items:center;display:flex}.empty-icon[data-v-579a5726]{border-radius:var(--radius-full);background:var(--background-surface);width:64px;height:64px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.empty-icon .material-symbols-outlined[data-v-579a5726]{color:var(--text-secondary);font-size:32px}.empty-card h4[data-v-579a5726]{font-weight:var(--font-weight-bold);color:var(--on-surface);margin-bottom:var(--spacing-xs)}.empty-card p[data-v-579a5726]{font-size:var(--font-size-xs);color:var(--on-surface-variant);max-width:200px}.empty-state[data-v-579a5726]{padding:var(--spacing-4xl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .material-symbols-outlined[data-v-579a5726]{color:var(--border-color-strong);margin-bottom:var(--spacing-md);font-size:48px}.empty-state p[data-v-579a5726]{color:var(--text-secondary);font-size:var(--font-size-md)}.profile[data-v-f9433d5d]{background:var(--background);min-height:100vh}.top-bar[data-v-f9433d5d]{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);box-sizing:border-box;background:#fffffff2;justify-content:center;align-items:center;height:56px;padding:12px 16px;display:flex;position:relative;top:0}.icon-btn[data-v-f9433d5d]:first-child{border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.icon-btn[data-v-f9433d5d]:last-child{border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.title[data-v-f9433d5d]{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700}.content[data-v-f9433d5d]{padding:var(--spacing-lg);padding-bottom:100px}.user-section[data-v-f9433d5d]{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.avatar-container[data-v-f9433d5d]{position:relative}.avatar[data-v-f9433d5d]{border-radius:var(--radius-full);width:128px;height:128px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.avatar img[data-v-f9433d5d]{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.edit-btn[data-v-f9433d5d]{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;border:none;align-items:center;gap:2px;padding:6px 10px;transition:opacity .3s;display:flex;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.avatar:hover .edit-btn[data-v-f9433d5d]{opacity:1}.edit-btn .material-symbols-outlined[data-v-f9433d5d]{font-size:14px}.user-info[data-v-f9433d5d]{text-align:center}.user-info h2[data-v-f9433d5d]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--on-surface)}.user-info p[data-v-f9433d5d]{color:var(--on-surface-variant);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.section-title[data-v-f9433d5d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin-bottom:var(--spacing-sm)}.performance-section[data-v-f9433d5d]{margin-top:var(--spacing-sm)}.performance-grid[data-v-f9433d5d]{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.perf-card[data-v-f9433d5d]{background:var(--background-surface);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--border-color-light)}.accuracy-card[data-v-f9433d5d]{grid-column:span 2}.card-header[data-v-f9433d5d]{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-end;display:flex}.card-label[data-v-f9433d5d]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--on-surface-variant)}.card-value[data-v-f9433d5d]{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.card-value.primary[data-v-f9433d5d]{color:var(--primary)}.card-value.tertiary[data-v-f9433d5d]{color:var(--secondary)}.chart-bars[data-v-f9433d5d]{gap:var(--spacing-md);align-items:flex-end;height:64px;display:flex}.bar[data-v-f9433d5d]{background:var(--border-color-strong);border-radius:4px 4px 0 0;flex:1}.bar.active[data-v-f9433d5d]{background:var(--primary)}.card-footer[data-v-f9433d5d]{color:var(--on-surface-variant);margin-top:var(--spacing-sm);font-size:11px;font-style:italic}.radar-card[data-v-f9433d5d]{flex-direction:column;align-items:center;display:flex}.radar-container[data-v-f9433d5d]{width:96px;height:96px;margin:var(--spacing-md) 0;justify-content:center;align-items:center;display:flex;position:relative}.radar[data-v-f9433d5d]{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);position:absolute}.radar-1[data-v-f9433d5d]{background:var(--border-color-strong);opacity:.5;inset:0}.radar-2[data-v-f9433d5d]{background:var(--primary);opacity:.4;inset:8px}.radar-3[data-v-f9433d5d]{background:var(--primary);opacity:.6;inset:16px;transform:scale(.75)}.radar-text[data-v-f9433d5d]{color:var(--on-surface-variant);text-align:center;font-size:10px;line-height:1.5}.streak-card[data-v-f9433d5d]{flex-direction:column;justify-content:space-between;display:flex}.streak-icons[data-v-f9433d5d]{gap:calc(var(--spacing-sm) * -1);margin-top:var(--spacing-sm);display:flex}.streak-icon[data-v-f9433d5d]{border-radius:var(--radius-full);border:2px solid var(--background);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.streak-icon.fire[data-v-f9433d5d]{background:var(--secondary)}.streak-icon .material-symbols-outlined[data-v-f9433d5d]{color:var(--on-primary);font-size:12px}.streak-icon.verified[data-v-f9433d5d]{background:var(--primary)}.history-section[data-v-f9433d5d]{margin-top:var(--spacing-md)}.section-header[data-v-f9433d5d]{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.more-btn[data-v-f9433d5d]{color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.history-scroll[data-v-f9433d5d]{gap:var(--spacing-md);padding-bottom:var(--spacing-md);margin:0 calc(var(--spacing-md) * -1);padding:0 var(--spacing-md);display:flex;overflow-x:auto}.history-scroll[data-v-f9433d5d]::-webkit-scrollbar{display:none}.history-card[data-v-f9433d5d]{background:var(--background-surface);border-radius:var(--radius-lg);min-width:140px;padding:var(--spacing-md);border:1px solid var(--border-color-light);gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.history-date[data-v-f9433d5d]{font-size:10px;font-weight:var(--font-weight-bold);color:var(--on-surface-variant)}.history-name[data-v-f9433d5d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--on-surface);line-height:1.3}.history-result[data-v-f9433d5d]{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.history-score[data-v-f9433d5d]{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.history-badge[data-v-f9433d5d]{font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);padding:2px 8px}.history-badge.pass[data-v-f9433d5d]{background:var(--success-light);color:var(--success)}.history-badge.average[data-v-f9433d5d]{background:var(--primary-light);color:var(--primary)}.history-badge.fail[data-v-f9433d5d]{background:var(--error-light);color:var(--error)}.shortcut-section[data-v-f9433d5d]{margin-top:var(--spacing-md)}.shortcut-list[data-v-f9433d5d]{gap:var(--spacing-sm);flex-direction:column;display:flex}.shortcut-item[data-v-f9433d5d]{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-surface);border-radius:var(--radius-lg);cursor:pointer;transition:transform .1s;display:flex}.shortcut-item[data-v-f9433d5d]:active{transform:scale(.98)}.shortcut-icon[data-v-f9433d5d]{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.shortcut-icon.error-bg[data-v-f9433d5d]{background:var(--error-light)}.shortcut-icon.error-bg .material-symbols-outlined[data-v-f9433d5d]{color:var(--error)}.shortcut-icon.tertiary-bg[data-v-f9433d5d]{background:var(--secondary-light)}.shortcut-icon.tertiary-bg .material-symbols-outlined[data-v-f9433d5d]{color:var(--secondary)}.shortcut-icon.primary-bg[data-v-f9433d5d]{background:var(--primary-light)}.shortcut-icon.primary-bg .material-symbols-outlined[data-v-f9433d5d]{color:var(--primary)}.shortcut-label[data-v-f9433d5d]{font-weight:var(--font-weight-semibold);color:var(--on-surface);flex:1}.shortcut-arrow[data-v-f9433d5d]{color:var(--icon-color-secondary)}.action-section[data-v-f9433d5d]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.action-btn[data-v-f9433d5d]{width:100%;padding:var(--spacing-md);background:var(--background-surface);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--on-surface-variant);cursor:pointer;border:none;transition:background .2s;display:flex}.action-btn[data-v-f9433d5d]:active{background:var(--border-color-light)}.action-btn.logout[data-v-f9433d5d]{background:var(--error-light);color:var(--error)}.action-btn.logout[data-v-f9433d5d]:active{background:var(--error-light)}.empty-history[data-v-f9433d5d]{text-align:center;color:var(--on-surface-variant);font-size:var(--font-size-sm);padding:48px 16px}.settings-modal[data-v-e5bd6fff]{width:100%;height:100vh;z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0}.settings-content[data-v-e5bd6fff]{background:var(--background-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:100%;max-height:90%;display:flex;overflow:hidden}.settings-header[data-v-e5bd6fff]{padding:var(--spacing-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7fafdcc;justify-content:space-between;align-items:center;display:flex}.settings-header .close-btn[data-v-e5bd6fff]{border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-header h2[data-v-e5bd6fff]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.settings-header .spacer[data-v-e5bd6fff]{width:44px}.settings-main[data-v-e5bd6fff]{padding:0 var(--spacing-md);flex:1;overflow-y:auto}.settings-section[data-v-e5bd6fff]{max-width:var(--app-max-width);margin-bottom:var(--spacing-md)}.settings-section h3[data-v-e5bd6fff]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--icon-color);margin-bottom:var(--spacing-md)}.order-options[data-v-e5bd6fff]{gap:8px;display:flex}.order-btn[data-v-e5bd6fff]{border-radius:var(--radius-md);color:#414754;cursor:pointer;background:#fff;border:1px solid #c1c6d64d;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.order-btn .material-symbols-outlined[data-v-e5bd6fff]{font-size:16px}.order-btn.active[data-v-e5bd6fff]{background:var(--primary);color:#fff;border-color:var(--primary)}.mode-cards[data-v-e5bd6fff]{flex-direction:column;gap:12px;display:flex}.mode-toggle[data-v-e5bd6fff]{padding:var(--spacing-mn);background:var(--background-surface-dark);border-radius:var(--radius-lg);gap:4px;display:flex}.mode-toggle-btn[data-v-e5bd6fff]{border-radius:var(--radius-lg);color:#727785;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-toggle-btn .material-symbols-outlined[data-v-e5bd6fff]{font-size:18px}.mode-toggle-btn.active[data-v-e5bd6fff]{background:var(--on-primary);color:var(--primary);font-weight:700}.mode-card[data-v-e5bd6fff]{padding:var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:2px solid #0000;align-items:center;gap:12px;transition:all .2s;display:flex}.mode-card.active[data-v-e5bd6fff]{border-color:var(--primary);background:#d8e2ff}.mode-icon[data-v-e5bd6fff]{border-radius:var(--radius-lg);background:#f1f4f7;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mode-card.active .mode-icon[data-v-e5bd6fff]{background:#005bbf1a}.mode-icon .material-symbols-outlined[data-v-e5bd6fff]{color:#414754;font-size:24px}.mode-card.active .mode-icon .material-symbols-outlined[data-v-e5bd6fff]{color:var(--primary)}.mode-info[data-v-e5bd6fff]{flex:1}.mode-info h4[data-v-e5bd6fff]{margin-bottom:4px;font-size:16px;font-weight:700}.mode-info p[data-v-e5bd6fff]{color:#414754;font-size:12px}.mode-check[data-v-e5bd6fff]{border:2px solid #c1c6d6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mode-card.active .mode-check[data-v-e5bd6fff]{background:var(--primary);border-color:var(--primary)}.mode-check .material-symbols-outlined[data-v-e5bd6fff]{color:#fff;font-size:16px}.toggle-option[data-v-e5bd6fff]{padding:var(--spacing-md);border-radius:var(--radius-lg);background:#fff;justify-content:space-between;align-items:center;display:flex}.toggle-info[data-v-e5bd6fff]{flex-direction:column;display:flex}.toggle-title[data-v-e5bd6fff]{font-size:14px;font-weight:600}.toggle-desc[data-v-e5bd6fff]{color:#414754;margin-top:2px;font-size:11px}.toggle-btn[data-v-e5bd6fff]{border-radius:var(--radius-full);cursor:pointer;background:#e0e3e6;border:none;width:52px;height:28px;transition:background .2s;position:relative}.toggle-btn.active[data-v-e5bd6fff]{background:var(--primary)}.toggle-knob[data-v-e5bd6fff]{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-btn.active .toggle-knob[data-v-e5bd6fff]{transform:translate(24px)}.settings-footer[data-v-e5bd6fff]{padding:var(--spacing-md);background:#fff;border-top:1px solid #e0e3e6}.start-btn[data-v-e5bd6fff]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-gradient-end) 100%);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:56px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #005bbf4d}.bottom-nav[data-v-7b8cc03d]{-webkit-backdrop-filter:blur(20px)saturate(200%);border-radius:var(--radius-full);width:calc(100% - 32px);max-width:368px;height:60px;z-index:var(--z-fixed);background:#ffffffd9;border:1px solid #ffffff80;justify-content:space-around;align-items:center;padding:0 8px;animation:.4s cubic-bezier(.4,0,.2,1) slideUp-7b8cc03d;display:flex;position:fixed;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #0000001f,inset 0 0 0 1px #ffffff4d,0 0 0 .5px #0000000d}.bottom-nav[data-v-7b8cc03d]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes slideUp-7b8cc03d{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}.nav-item[data-v-7b8cc03d]{color:#8e8e93;border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:10px 16px;font-size:10px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item[data-v-7b8cc03d]:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-item[data-v-7b8cc03d]:hover:before{left:100%}.nav-item[data-v-7b8cc03d]:active{transform:scale(.94)}.nav-item .material-symbols-outlined[data-v-7b8cc03d]{z-index:1;font-size:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-item.active[data-v-7b8cc03d]{color:var(--primary);border-radius:var(--radius-lg);font-weight:700}.nav-item.active .material-symbols-outlined[data-v-7b8cc03d]{font-variation-settings:"FILL" 1;text-shadow:0 2px 4px #005bbf4d;transform:scale(1.15)}.nav-item span[data-v-7b8cc03d]{z-index:1;transition:all .3s;position:relative}.nav-item.active span[data-v-7b8cc03d]{transform:translateY(-1px)}.app-container{width:100%;max-width:var(--app-max-width);background:var(--background);min-height:100vh;box-shadow:var(--shadow-lg);position:relative;overflow-y:auto}.main-container{width:100%;height:100vh;position:relative;overflow:hidden}.pages-wrapper{height:100%;transition:transform .3s;display:flex}.page{flex:0 0 100%;height:100%;overflow-y:auto}.app-container.hide-bottom-nav{padding-bottom:0}