:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f4f7fa;--bg-secondary:#e9eef4;--bg-tertiary:#dfe8f0;--bg-hover:#d2dfe9;--text-primary:#1e2933;--text-secondary:#687987;--text-tertiary:#93a3af;--border:#d4e0ea;--border-strong:#b7c9d8;--accent:#3b94a8;--accent-soft:#3b94a824;--accent-hover:#2c7c90;--accent-gradient:linear-gradient(135deg, #4aa0b8f5, #2c7c90f5);--accent-glow:#3b94a84d;--btn-primary-text:#fff;--accent2:#4a7fb8;--accent2-gradient:linear-gradient(135deg, #6294c4f5, #3e6a9ef5);--accent2-glow:#4a7fb847;--btn-course-text:#fff;--success:#15996b;--success-soft:#15996b1f;--warning:#b97e22;--warning-soft:#b97e221f;--error:#cf4d4d;--error-soft:#cf4d4d1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:22px;--radius-full:9999px;--shadow-sm:0 1px 2px #14283a0f;--shadow-md:0 6px 18px #14283a14;--glass-blur:16px;--glass-blur-strong:24px;--glass-blur-soft:12px;--glass-bg:linear-gradient(135deg, #ffffff57, #ffffff1f);--glass-bg-strong:linear-gradient(135deg, #ffffff94, #ffffff4d);--glass-bg-soft:linear-gradient(135deg, #ffffff42, #ffffff17);--glass-bg-inset:#ffffff47;--glass-raised-bg:linear-gradient(135deg, #ffffffa8, #ffffff52);--glass-border:#b9d7eb73;--glass-border-strong:#cde4f299;--glass-highlight:inset 0 1px 0 #fff9, inset 0 -1px 0 #1e3c500d;--glass-shadow:0 8px 32px #1932461a;--glass-shadow-hover:0 14px 42px #19324626;--glass-raised-shadow:inset 0 1px 0 #ffffffc7, 0 3px 12px #1e374b21;--glass-fallback:#f3f7faf0}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#16202a;--bg-secondary:#10171f;--bg-tertiary:#1d2a35;--bg-hover:#26333f;--text-primary:#e7eff5;--text-secondary:#8ea3b2;--text-tertiary:#6d8090;--border:#2a3a47;--border-strong:#3a4f5f;--accent:#58b8cf;--accent-soft:#58b8cf29;--accent-hover:#6fc6da;--accent-gradient:linear-gradient(135deg, #65c4d8f5, #3f99b0f5);--accent-glow:#58b8cf52;--btn-primary-text:#07222c;--accent2:#7fa8d8;--accent2-gradient:linear-gradient(135deg, #85afd8f5, #5a82b8f5);--accent2-glow:#7fa8d84d;--btn-course-text:#0a1a2a;--success:#3ab98a;--success-soft:#3ab98a24;--warning:#d9a03f;--warning-soft:#d9a03f24;--error:#e06b6b;--error-soft:#e06b6b24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 18px #00000059;--glass-bg:linear-gradient(135deg, #ffffff1c, #ffffff09);--glass-bg-strong:linear-gradient(135deg, #283846b8, #18222c8c);--glass-bg-soft:linear-gradient(135deg, #ffffff17, #ffffff08);--glass-bg-inset:#ffffff0f;--glass-raised-bg:linear-gradient(135deg, #ffffff29, #ffffff0f);--glass-border:#aad7eb2e;--glass-border-strong:#b4dcf042;--glass-highlight:inset 0 1px 0 #c8ebfa33, inset 0 -1px 0 #00000059;--glass-shadow:0 12px 40px #00000073;--glass-shadow-hover:0 16px 48px #0000008c;--glass-raised-shadow:inset 0 1px 0 #d2f0fc42, 0 3px 12px #00000061;--glass-fallback:#161f28f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:var(--bg-secondary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}button{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#3b94a847}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:640px;padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{max-width:720px}}@media (width>=1024px){.container{max-width:960px}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--glass-shadow)}.glass-bar{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--glass-highlight), var(--glass-shadow)}.glass-chip{align-items:center;gap:var(--space-1);color:var(--text-secondary);background:var(--glass-bg-inset);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:3px 10px;font-size:12px;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;outline:none;padding:10px 16px;font-size:14px;font-weight:500;transition:transform .18s,box-shadow .25s,filter .25s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:var(--btn-primary-text);box-shadow:inset 0 1px 0 #fff6, inset 0 -2px 4px #00000014, 0 6px 20px var(--accent-glow);border:1px solid #ffffff4d}.btn-primary:hover{filter:brightness(1.06)}.btn-course{background:var(--accent2-gradient);color:var(--btn-course-text);box-shadow:inset 0 1px 0 #fff6, inset 0 -2px 4px #00000014, 0 6px 20px var(--accent2-glow);border:1px solid #ffffff4d}.btn-course:hover{filter:brightness(1.06)}.btn-secondary{background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight)}.btn-secondary:hover{filter:brightness(1.04);border-color:var(--glass-border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--glass-bg-inset);color:var(--text-primary)}.btn-danger{background:var(--error-soft);color:var(--error);border:1px solid #0000}.btn-danger:hover{background:var(--error);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 24px;font-size:16px}.btn-block{width:100%}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--glass-shadow);padding:var(--space-5);transition:box-shadow .25s,transform .25s,border-color .2s}.card:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-highlight), var(--glass-shadow-hover)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.99)}.input{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-inset);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);color:var(--text-primary);box-shadow:var(--glass-highlight);padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder{color:var(--text-tertiary)}.segmented-control{background:var(--glass-bg-inset);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);backdrop-filter:blur(var(--glass-blur-soft)) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-full);gap:3px;padding:3px;display:flex}.segmented-control button{border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.segmented-control button.active{background:var(--glass-raised-bg);border-color:var(--glass-border-strong);color:var(--text-primary);box-shadow:var(--glass-raised-shadow);font-weight:600}.loading{border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.progress-bar{background:var(--glass-bg-inset);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .3s;box-shadow:inset 0 1px #ffffff59}.bottom-bar{bottom:calc(12px + env(safe-area-inset-bottom));background:var(--glass-bg-strong);max-width:640px;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-highlight), var(--glass-shadow);padding:var(--space-3) var(--space-4);z-index:100;margin:0 auto;position:fixed;left:12px;right:12px}.top-bar{top:calc(12px + env(safe-area-inset-top));width:calc(100% - 24px);max-width:640px;margin:calc(12px + env(safe-area-inset-top)) auto 0;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--glass-highlight), var(--glass-shadow);padding:var(--space-2) var(--space-4);z-index:100;align-items:center;gap:var(--space-3);display:flex;position:sticky}.content-with-bottom-bar{padding-bottom:100px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-medium{font-weight:500}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card,.top-bar,.bottom-bar,.glass-panel,.glass-bar,.glass-chip,.btn-secondary,.input,.segmented-control,.progress-bar{background:var(--glass-fallback);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:opacity .15s}.page-enter-from,.page-leave-to{transform:none}.btn,.card{transition:none}}.ambient-bg[data-v-8970ee13]{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg[data-v-8970ee13]:before{content:"";background:radial-gradient(130% 90% at 18% -5%,#f5f9fc 0%,#0000 55%),radial-gradient(110% 85% at 92% 6%,#e7eff6 0%,#0000 52%),radial-gradient(130% 100% at 50% 112%,#e2ecf3 0%,#0000 55%),linear-gradient(165deg,#eff3f7 0%,#e8eef4 100%);position:absolute;inset:0}[data-theme=dark] .ambient-bg[data-v-8970ee13]:before{background:radial-gradient(130% 90% at 18% -5%,#1c2833 0%,#0000 55%),radial-gradient(110% 85% at 92% 6%,#1a2632 0%,#0000 52%),radial-gradient(130% 100% at 50% 112%,#15202b 0%,#0000 55%),linear-gradient(165deg,#16202a 0%,#10171f 100%)}.blob[data-v-8970ee13]{filter:blur(72px);will-change:transform;border-radius:50%;position:absolute}.blob-1[data-v-8970ee13]{background:radial-gradient(circle at 40% 40%,#a8cde873,#0000 68%);width:48vmax;height:48vmax;animation:46s ease-in-out infinite alternate drift-a-8970ee13;top:-14%;left:-16%}.blob-2[data-v-8970ee13]{background:radial-gradient(circle at 45% 45%,#9ed6d061,#0000 68%);width:40vmax;height:40vmax;animation:58s ease-in-out infinite alternate drift-b-8970ee13;top:18%;right:-18%}.blob-3[data-v-8970ee13]{background:radial-gradient(circle at 42% 42%,#bcd0e46b,#0000 70%);width:44vmax;height:44vmax;animation:38s ease-in-out infinite alternate drift-c-8970ee13;bottom:-12%;left:6%}.blob-4[data-v-8970ee13]{background:radial-gradient(circle at 45% 45%,#b2dee259,#0000 70%);width:30vmax;height:30vmax;animation:52s ease-in-out infinite alternate-reverse drift-a-8970ee13;top:48%;left:34%}[data-theme=dark] .blob-1[data-v-8970ee13]{background:radial-gradient(circle at 40% 40%,#4a9ebc3d,#0000 68%)}[data-theme=dark] .blob-2[data-v-8970ee13]{background:radial-gradient(circle at 45% 45%,#3e84a42e,#0000 68%)}[data-theme=dark] .blob-3[data-v-8970ee13]{background:radial-gradient(circle at 42% 42%,#36789229,#0000 70%)}[data-theme=dark] .blob-4[data-v-8970ee13]{background:radial-gradient(circle at 45% 45%,#60bace24,#0000 70%)}@keyframes drift-a-8970ee13{0%{transform:translate(0)scale(1)}50%{transform:translate(6vw,5vh)scale(1.1)}to{transform:translate(-4vw,9vh)scale(.95)}}@keyframes drift-b-8970ee13{0%{transform:translate(0)scale(1)}50%{transform:translate(-7vw,6vh)scale(1.06)}to{transform:translate(3vw,-5vh)scale(1.12)}}@keyframes drift-c-8970ee13{0%{transform:translate(0)scale(1)}50%{transform:translate(5vw,-7vh)scale(1.08)}to{transform:translate(-6vw,-3vh)scale(.94)}}@media (prefers-reduced-motion:reduce){.blob[data-v-8970ee13]{animation:none!important}}.page-enter-active,.page-leave-active{transition:opacity .24s,transform .24s}.page-enter-from{opacity:0;transform:translateY(8px)scale(.985)}.page-leave-to{opacity:0;transform:scale(.99)}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:opacity .15s}.page-enter-from,.page-leave-to{transform:none}}