:root{--saffron: #E07856;--saffron-dark: #C55F3D;--saffron-light: #FBE5DA;--saffron-pale: #FDF4EE;--sage: #A8BC9A;--sage-dark: #7D9A6C;--sage-light: #E5EFDF;--sage-pale: #F1F6EC;--crimson: #A13C2E;--crimson-dark: #822E21;--crimson-light: #F5D9D3;--crimson-pale: #FBEDEA;--gold: #D4A574;--gold-dark: #B88956;--gold-light: #F5E3CE;--gold-pale: #FBF3E8;--ink: #2B2218;--ink-2: #55463A;--ink-3: #857360;--ink-4: #B5A99A;--ink-5: #DDD3CA;--bg-scene: linear-gradient(135deg, #FFFAF4 0%, #FDF1E5 40%, #FAE8D8 75%, #F6DFCA 100%);--bg-card: #FFFFFF;--bg-input: rgba(255,255,255,.7);--surface: #F7F2EC;--glass: rgba(255,255,255,.55);--glass-thick: rgba(255,255,255,.78);--glass-border: rgba(255,255,255,.88);--glass-shadow: 0 6px 22px rgba(160,100,60,.1);--blur: blur(20px) saturate(140%);--shadow-1: 0 1px 2px rgba(160,100,60,.05);--shadow-2: 0 4px 14px rgba(160,100,60,.08);--shadow-3: 0 8px 28px rgba(160,100,60,.12);--border: rgba(43,34,24,.1);--border-light: rgba(43,34,24,.06);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 8px;--r: 12px;--r-md: 14px;--r-lg: 16px;--r-xl: 20px;--r-pill: 9999px;--font-serif: "Noto Serif SC", "Noto Serif Tibetan", "Songti SC", serif;--font-sans: "Noto Sans SC", "Noto Sans Tibetan", "PingFang SC", "Microsoft YaHei", sans-serif;--text-display: 700 2rem/1.3 var(--font-serif);--text-h1: 700 1.5rem/1.4 var(--font-serif);--text-h2: 600 1.25rem/1.4 var(--font-serif);--text-section: 700 1.125rem/1.4 var(--font-serif);--text-h3: 700 1rem/1.5 var(--font-serif);--text-body-serif: 400 .9375rem/1.7 var(--font-serif);--text-body: 400 .875rem/1.6 var(--font-sans);--text-meta: 500 .75rem/1.4 var(--font-sans);--text-caption: 400 .6875rem/1.4 var(--font-sans);--ease: cubic-bezier(.25,.1,.25,1);--dur: .18s}:root[data-theme=dark],:root[data-theme=auto]:where([data-theme-system=dark]){--saffron: #F09472;--saffron-dark: #E07856;--saffron-light: rgba(224,120,86,.22);--saffron-pale: rgba(224,120,86,.1);--sage: #B8CCAA;--sage-dark: #93B07F;--sage-light: rgba(168,188,154,.18);--sage-pale: rgba(168,188,154,.1);--crimson: #E07566;--crimson-dark: #C25647;--crimson-light: rgba(225,90,76,.2);--crimson-pale: rgba(225,90,76,.1);--gold: #E0BD92;--gold-dark: #C49E70;--gold-light: rgba(212,165,116,.22);--gold-pale: rgba(212,165,116,.1);--ink: #F2EAE0;--ink-2: #D9CCBC;--ink-3: #A89888;--ink-4: #786C5E;--ink-5: #463C32;--bg-scene: linear-gradient(135deg, #1A1410 0%, #221A12 40%, #2A1F15 75%, #1F1810 100%);--bg-card: #2A2118;--bg-input: rgba(255,255,255,.05);--surface: rgba(255,255,255,.05);--glass: rgba(60,46,32,.5);--glass-thick: rgba(60,46,32,.78);--glass-border: rgba(255,255,255,.08);--glass-shadow: 0 6px 22px rgba(0,0,0,.35);--blur: blur(20px) saturate(120%);--shadow-1: 0 1px 2px rgba(0,0,0,.3);--shadow-2: 0 4px 14px rgba(0,0,0,.35);--shadow-3: 0 8px 28px rgba(0,0,0,.42);--border: rgba(255,255,255,.1);--border-light: rgba(255,255,255,.06);color-scheme:dark}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--saffron: #F09472;--saffron-dark: #E07856;--saffron-light: rgba(224,120,86,.22);--saffron-pale: rgba(224,120,86,.1);--sage: #B8CCAA;--sage-dark: #93B07F;--sage-light: rgba(168,188,154,.18);--sage-pale: rgba(168,188,154,.1);--crimson: #E07566;--crimson-dark: #C25647;--crimson-light: rgba(225,90,76,.2);--crimson-pale: rgba(225,90,76,.1);--gold: #E0BD92;--gold-dark: #C49E70;--gold-light: rgba(212,165,116,.22);--gold-pale: rgba(212,165,116,.1);--ink: #F2EAE0;--ink-2: #D9CCBC;--ink-3: #A89888;--ink-4: #786C5E;--ink-5: #463C32;--bg-scene: linear-gradient(135deg, #1A1410 0%, #221A12 40%, #2A1F15 75%, #1F1810 100%);--bg-card: #2A2118;--bg-input: rgba(255,255,255,.05);--glass: rgba(60,46,32,.5);--glass-thick: rgba(60,46,32,.78);--glass-border: rgba(255,255,255,.08);--glass-shadow: 0 6px 22px rgba(0,0,0,.35);--blur: blur(20px) saturate(120%);--shadow-1: 0 1px 2px rgba(0,0,0,.3);--shadow-2: 0 4px 14px rgba(0,0,0,.35);--shadow-3: 0 8px 28px rgba(0,0,0,.42);--border: rgba(255,255,255,.1);--border-light: rgba(255,255,255,.06);color-scheme:dark}}.tc,.en,[data-lang=tc] .sc{display:none}[data-lang=tc] .tc{display:inline}[data-lang=en] .sc{display:none}[data-lang=en] .en,[data-lang=en] .sc.en-fallback{display:inline}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:calc(17px * var(--font-scale, 1))}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}ul,ol{list-style:none}input,textarea,select{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--saffron);outline-offset:2px;border-radius:var(--r-sm)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--saffron)}.skip-to-content{position:fixed;top:8px;left:8px;z-index:99999;padding:10px 16px;background:var(--bg-card);color:var(--ink);border:2px solid var(--saffron);border-radius:var(--r-sm);font:var(--text-meta);letter-spacing:1px;text-decoration:none;transform:translateY(-200%);transition:transform .2s var(--ease)}.skip-to-content:focus,.skip-to-content:focus-visible{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene{min-height:100vh;background:var(--bg-scene);color:var(--ink);font:var(--text-body)}.phone-wrap{display:flex;justify-content:center;align-items:stretch;min-height:100vh;background:var(--bg-scene)}.phone{width:100%;max-width:480px;min-height:100vh;background:var(--bg-scene);overflow:visible;position:relative;padding-top:max(env(safe-area-inset-top),16px)}body.prototype-frame .phone{padding-top:0;overflow:hidden}.status-bar{display:none}body.scripture-detail-page .phone{padding-top:env(safe-area-inset-top,0)}body.home-fullbleed,body.home-fullbleed>#root{overflow:hidden;height:100dvh;overscroll-behavior:none}body.home-fullbleed .phone-wrap{min-height:100dvh;height:100dvh;overflow:hidden}body.home-fullbleed .phone{padding-top:0;min-height:100dvh;height:100dvh;overflow:hidden}body.home-fullbleed .scroll-area{height:100%;padding-bottom:0!important;overflow:hidden!important}body.home-fullbleed .page-enter{height:100%}body.prototype-frame .phone-wrap{align-items:flex-start;padding:var(--sp-8) var(--sp-4)}body.prototype-frame .phone{width:375px;max-width:375px;min-height:812px;border-radius:44px;box-shadow:0 24px 64px #2b22182e,0 4px 12px #2b22181a;border:1px solid rgba(255,255,255,.7)}body.prototype-frame .status-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-5) var(--sp-2);font:var(--text-caption);color:var(--ink-2);letter-spacing:.5px}body.prototype-frame .status-bar .time{font-weight:600;font-size:.75rem}body.prototype-frame .status-icons{display:flex;gap:var(--sp-1);align-items:center}.t-display{font:var(--text-display);letter-spacing:6px}.t-h1{font:var(--text-h1);letter-spacing:4px}.t-h2{font:var(--text-h2);letter-spacing:3px}.t-section{font:var(--text-section);letter-spacing:3px}.t-h3{font:var(--text-h3);letter-spacing:2px}.t-serif{font:var(--text-body-serif);letter-spacing:1.5px}.t-body{font:var(--text-body);letter-spacing:.5px}.t-meta{font:var(--text-meta);letter-spacing:1.5px}.t-caption{font:var(--text-caption);letter-spacing:.5px}.t-saffron{color:var(--saffron)}.t-ink-2{color:var(--ink-2)}.t-ink-3{color:var(--ink-3)}.t-ink-4{color:var(--ink-4)}.t-sage{color:var(--sage-dark)}.t-crimson{color:var(--crimson)}.t-gold{color:var(--gold-dark)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.px-4{padding-left:var(--sp-4);padding-right:var(--sp-4)}.px-5{padding-left:var(--sp-5);padding-right:var(--sp-5)}.py-2{padding-top:var(--sp-2);padding-bottom:var(--sp-2)}.py-3{padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.flex-1{flex:1}.scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.page-content{padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.divider{height:1px;background:var(--border-light);margin:var(--sp-2) 0}.progress-track{height:6px;border-radius:var(--r-pill);background:var(--saffron-light);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--saffron),var(--saffron-dark));transition:width var(--dur) var(--ease)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@view-transition{navigation: auto;}::view-transition-old(root){animation:.2s cubic-bezier(.4,0,.2,1) both fadeOutPage}::view-transition-new(root){animation:.22s cubic-bezier(.4,0,.2,1) both fadeInPage}@keyframes fadeOutPage{0%{opacity:1}to{opacity:0}}@keyframes fadeInPage{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.22s cubic-bezier(.4,0,.2,1) both fadeInPage}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}.glass-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-shadow)}.glass-card-thick{background:var(--glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-shadow)}.solid-card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--r);padding:var(--sp-3) var(--sp-6);font:var(--text-meta);letter-spacing:3px;transition:all var(--dur) var(--ease);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--saffron) 0%,var(--saffron-dark) 100%);color:#fff;box-shadow:0 6px 18px #e0785661;font-family:var(--font-serif);font-weight:600}.btn-primary:hover{box-shadow:0 8px 24px #e078567a;transform:translateY(-1px)}.btn-ghost{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);color:var(--ink);box-shadow:var(--shadow-1)}.btn-ghost:hover{background:var(--glass-thick)}.btn-ink{background:var(--ink);color:#fff;box-shadow:var(--shadow-2)}.btn-ink:hover{background:var(--ink-2)}.btn-outline-saffron{background:var(--saffron-pale);border:1.5px solid var(--saffron);color:var(--saffron-dark);font-weight:600}.btn-full{width:100%}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:.6875rem}.btn-lg{padding:14px var(--sp-8);font-size:.875rem;border-radius:var(--r-lg)}.btn-pill{border-radius:var(--r-pill)}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-sm);font:var(--text-caption);letter-spacing:1px;font-weight:500}.tag-saffron{background:var(--saffron-light);color:var(--saffron-dark)}.tag-sage{background:var(--sage-light);color:var(--sage-dark)}.tag-crimson{background:var(--crimson-light);color:var(--crimson-dark)}.tag-gold{background:var(--gold-light);color:var(--gold-dark)}.tag-ink{background:#2b221812;color:var(--ink-2)}.pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-pill);font:var(--text-caption);font-weight:600;letter-spacing:.5px}.pill-saffron{background:var(--saffron-light);color:var(--saffron-dark)}.pill-sage{background:var(--sage-light);color:var(--sage-dark)}.pill-gold{background:var(--gold-light);color:var(--gold-dark)}.icon-tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);border-radius:var(--r-lg);background:var(--glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-1);transition:all var(--dur) var(--ease)}.icon-tile:active{transform:scale(.95)}.icon-tile .icon-bg{width:44px;height:44px;border-radius:var(--r);display:flex;align-items:center;justify-content:center}.icon-tile .icon-label{font:var(--text-caption);color:var(--ink-2);letter-spacing:1px;text-align:center}.icon-bg-saffron{background:var(--saffron-pale)}.icon-bg-sage{background:var(--sage-light)}.icon-bg-crimson{background:var(--crimson-light)}.icon-bg-gold{background:var(--gold-pale)}.input-group{display:flex;flex-direction:column;gap:var(--sp-2)}.input-label{font:var(--text-meta);color:var(--ink-2);letter-spacing:1.5px}.input-field{background:#ffffffb3;border:1.5px solid var(--border);border-radius:var(--r);padding:var(--sp-3) var(--sp-4);font:var(--text-body);font-size:16px;color:var(--ink);width:100%;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}textarea.input-field,select.input-field{font-size:16px}input,textarea,select{font-size:max(16px,1rem)!important}.input-field::placeholder{color:var(--ink-4)}.input-field:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px #e078562e;background:#ffffffe6}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;padding:var(--sp-2) var(--sp-4);padding-bottom:calc(var(--sp-2) + max(env(safe-area-inset-bottom,12px),12px));background:var(--glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--glass-border);z-index:20}body.prototype-frame .tab-bar{position:absolute;left:0;transform:none;max-width:none;padding:var(--sp-3) var(--sp-4) 28px}body.has-tab-bar .phone{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}body.prototype-frame.has-tab-bar .phone{padding-bottom:0}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:var(--sp-1) 0;transition:all var(--dur) var(--ease)}.tab-item svg{stroke:var(--ink-4);transition:stroke var(--dur) var(--ease)}.tab-item span{font:var(--text-caption);letter-spacing:1px;color:var(--ink-4);transition:color var(--dur) var(--ease)}.tab-item.active svg{stroke:var(--saffron)}.tab-item.active span{color:var(--saffron);font-weight:600}.tab-bar-text-only{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:none}.tab-bar-text-only .tab-item{padding:var(--sp-3) 0 var(--sp-2);justify-content:center;position:relative}.tab-bar-text-only .tab-item span{font:var(--text-body);font-weight:600;letter-spacing:4px;color:var(--ink);transition:color var(--dur) var(--ease)}.tab-bar-text-only .tab-item.active span{color:var(--saffron-dark);font-weight:700}.tab-bar-text-only .tab-item.active:after{content:"";position:absolute;bottom:var(--sp-1);left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:2px;background:var(--saffron-dark);box-shadow:0 0 4px #fff9}.list-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:#ffffff80;border:1px solid var(--border-light);transition:background var(--dur) var(--ease)}.list-row:active{background:#ffffffbf}.list-row-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-pair{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1.2}.stat-label{font:var(--text-caption);color:var(--ink-3);letter-spacing:1px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-title{font:var(--text-h3);letter-spacing:2px;color:var(--ink)}.section-action{font:var(--text-caption);color:var(--saffron);letter-spacing:1px}.option{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1.5px solid var(--glass-border);transition:all var(--dur) var(--ease)}.option-letter{width:28px;height:28px;border-radius:50%;background:var(--saffron-pale);border:1.5px solid var(--saffron-light);color:var(--saffron-dark);font:var(--text-meta);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option.selected{background:var(--saffron-pale);border-color:var(--saffron);box-shadow:0 0 0 3px #e0785626}.option.selected .option-letter{background:var(--saffron);border-color:var(--saffron-dark);color:#fff}.option.correct{background:var(--sage-light);border-color:var(--sage-dark)}.option.correct .option-letter{background:var(--sage-dark);border-color:var(--sage);color:#fff}.option.wrong{background:var(--crimson-light);border-color:var(--crimson)}.option.wrong .option-letter{background:var(--crimson);border-color:var(--crimson-dark);color:#fff}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--saffron);border:2px solid white}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--saffron-light),var(--gold-light));display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;color:var(--saffron-dark);position:relative;font-size:.875rem;flex-shrink:0;border:2px solid rgba(255,255,255,.8)}.avatar:before{content:"";position:absolute;inset:-2px}.badge-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.badge-ring-track{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--gold) 0deg,var(--gold) calc(var(--pct, 75) * 3.6deg),var(--gold-light) calc(var(--pct, 75) * 3.6deg));mask:radial-gradient(farthest-side,transparent 62%,black 63%);-webkit-mask:radial-gradient(farthest-side,transparent 62%,black 63%)}.lang-btn{height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:.625rem;font-weight:700;letter-spacing:1px;background:var(--saffron-pale);color:var(--saffron-dark);border:1px solid var(--saffron-light);cursor:pointer;transition:all var(--dur) var(--ease)}.lang-btn:hover{background:var(--saffron-light)}.soon{opacity:.55;pointer-events:none}.top-nav{display:flex;align-items:center;gap:var(--sp-3);padding:calc(var(--sp-4) + env(safe-area-inset-top,0px)) var(--sp-5) var(--sp-4);position:sticky;top:0;z-index:20;background:var(--bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.nav-btn,.nav-back,.nav-action{width:34px;height:34px;border-radius:var(--r-sm);background:var(--glass-thick);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;cursor:pointer;position:relative}.nav-btn:before,.nav-back:before,.nav-action:before{content:"";position:absolute;inset:-5px}.top-nav-title,.nav-title{font-family:var(--font-serif);font-weight:700;color:var(--ink);font-size:1.0625rem;letter-spacing:4px;flex:1;text-align:center}@keyframes jx-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{display:block;background:linear-gradient(90deg,#b5a99a29 25%,#ddd3ca6b,#b5a99a29 75%);background-size:200% 100%;animation:jx-skeleton-shimmer 1.4s linear infinite;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){.skel{animation-duration:0s}}.skel-line{height:12px;width:100%}.skel-line-sm{height:10px;width:60%}.skel-line-lg{height:16px;width:80%}.skel-title{height:18px;width:70%;border-radius:var(--r-sm)}.skel-meta{height:10px;width:40%}.skel-pill{height:22px;width:64px;border-radius:var(--r-pill)}.skel-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skel-thumb{width:56px;height:56px;border-radius:var(--r-sm);flex-shrink:0}.skel-cover{width:100%;aspect-ratio:16/9;border-radius:var(--r-lg)}.skel-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-1)}.skel-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0}.skel-row+.skel-row{border-top:1px solid var(--border-light)}.skel-stack{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-width:0}.skel-list{display:flex;flex-direction:column;gap:var(--sp-3)}.skel-list-tight{display:flex;flex-direction:column}.options{display:flex;flex-direction:column;gap:var(--sp-3)}.opt{display:flex;align-items:center;gap:var(--sp-3);background:var(--glass);backdrop-filter:var(--blur);border:1.5px solid var(--glass-border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:all var(--dur) var(--ease);width:100%;text-align:left;color:inherit;font:inherit}.opt:hover:not(.disabled):not(:disabled){background:var(--glass-thick);border-color:var(--saffron-light)}.opt.selected{background:var(--saffron-pale);border-color:var(--saffron-light)}.opt.correct{background:var(--sage-light);border-color:var(--sage)}.opt.wrong{background:var(--crimson-light);border-color:var(--crimson)}.opt.disabled,.opt:disabled{cursor:default}.opt-letter{width:28px;height:28px;border-radius:var(--r);flex-shrink:0;background:#2b221812;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--ink-3)}.opt.selected .opt-letter{background:var(--saffron-light);color:var(--saffron-dark)}.opt.correct .opt-letter{background:var(--sage);color:#fff}.opt.wrong .opt-letter{background:var(--crimson);color:#fff}.opt-text{font:var(--text-body);color:var(--ink);letter-spacing:.5px;line-height:1.5}.feedback{border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);font:var(--text-caption);line-height:1.7}.feedback.correct{background:var(--sage-light);border:1px solid var(--sage)}.feedback.wrong{background:var(--crimson-light);border:1px solid var(--crimson)}.feedback-title{font-weight:700;font-size:.75rem;letter-spacing:1px;margin-bottom:var(--sp-2)}.feedback.correct .feedback-title{color:var(--sage-dark)}.feedback.wrong .feedback-title{color:var(--crimson)}.feedback-body{color:var(--ink-2)}.menu-card{background:var(--glass-thick);border:1px solid var(--glass-border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.menu-card>a,.menu-card>button{width:100%;background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.menu-card>a+a,.menu-card>button+a,.menu-card>a+button,.menu-card>button+button,.menu-card>.menu-item+.menu-item{border-top:1px solid var(--border-light)}.menu-card>a:active,.menu-card>button:active:not(:disabled){background:#e078560f}.menu-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);transition:background var(--dur) var(--ease)}.menu-icon{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-label{flex:1;font:var(--text-body);color:var(--ink);letter-spacing:1px}.menu-arrow{color:var(--ink-4)}.menu-item.danger .menu-label{color:var(--crimson)}.menu-item.danger .menu-icon{background:var(--crimson-light)}.wheel-picker-scroll::-webkit-scrollbar{display:none;width:0;height:0}@keyframes jx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--bg-scene)}.side-nav{background:var(--glass-thick);backdrop-filter:var(--blur);border-right:1px solid var(--glass-border);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-5);position:sticky;top:0;height:100vh;overflow-y:auto;align-self:start}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2)}.brand-icon{width:36px;height:36px;border-radius:var(--r);background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e078564d}.brand-name{font-family:var(--font-serif);font-weight:700;font-size:1rem;letter-spacing:3px;color:var(--ink)}.brand-sub{font:var(--text-caption);color:var(--ink-3);letter-spacing:1px;margin-top:2px}.side-user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--glass);border-radius:var(--r-lg);border:1px solid var(--glass-border)}.side-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;color:#fff;font-size:.9375rem}.side-user-info{flex:1;min-width:0}.side-user-name{font-weight:600;font-size:.8125rem;color:var(--ink);letter-spacing:1px}.side-user-role{font:var(--text-caption);color:var(--ink-3);margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-section{font:var(--text-caption);color:var(--ink-4);letter-spacing:2px;padding:var(--sp-3) var(--sp-3) 4px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-sm);font-size:.8125rem;font-weight:500;letter-spacing:1px;color:var(--ink-2);text-decoration:none;transition:all var(--dur) var(--ease)}.nav-item:hover{background:var(--glass)}.nav-item.active{background:var(--saffron-pale);color:var(--saffron-dark);font-weight:700}.nav-item svg{flex-shrink:0}.main{padding:var(--sp-6) var(--sp-8);overflow-y:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6)}.page-title{font-family:var(--font-serif);font-weight:700;font-size:1.5rem;color:var(--ink);letter-spacing:4px}.page-sub{font:var(--text-caption);color:var(--ink-3);margin-top:4px;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:var(--sp-3)}.lang-btn{height:28px;padding:0 12px;font-size:.75rem}.icon-btn{width:34px;height:34px;border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.notif-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--saffron)}.mb-hamburger{display:none;position:fixed;top:12px;left:12px;width:40px;height:40px;border-radius:var(--r-sm);background:var(--glass-thick);backdrop-filter:var(--blur);border:1px solid var(--glass-border);color:var(--ink-2);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #2b221814;z-index:80;transition:background var(--dur) var(--ease)}.mb-hamburger:hover{background:var(--saffron-pale);color:var(--saffron-dark)}.mb-backdrop{display:none;position:fixed;inset:0;background:#0006;opacity:0;transition:opacity .2s var(--ease);z-index:90;pointer-events:none}.mb-backdrop.open{opacity:1;pointer-events:auto}@media (max-width: 767px){.shell{grid-template-columns:1fr}.side-nav{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:86vw;transform:translate(-100%);transition:transform .25s var(--ease);z-index:100;overflow-y:auto;box-shadow:4px 0 24px #2b22181f}.shell.nav-open .side-nav{transform:translate(0)}.mb-hamburger{display:inline-flex}.mb-backdrop{display:block}.main{padding:var(--sp-6) var(--sp-4) var(--sp-5);padding-top:64px}.top-bar{flex-direction:column;align-items:stretch;gap:var(--sp-3);margin-bottom:var(--sp-4)}.top-actions{flex-wrap:wrap;gap:var(--sp-2)}.page-title{font-size:1.25rem;letter-spacing:3px}.main table{display:block;overflow-x:auto;max-width:100%}.modal-backdrop{padding:var(--sp-3)!important;align-items:flex-start!important;padding-top:12vh!important}.modal{max-width:100%!important;max-height:80vh!important}}