:root,[data-theme=monochrome]{--bg-app: #FFFFFF;--bg-surface: #FAFAFA;--bg-surface-elevated: #FFFFFF;--bg-secondary: #F4F4F5;--bg-tertiary: #E4E4E7;--text-primary: #09090B;--text-secondary: #52525B;--text-tertiary: #71717A;--text-muted: #A1A1AA;--border-light: #E4E4E7;--border-subtle: #F4F4F5;--border-strong: #27272A;--accent-primary: #09090B;--accent-primary-hover: #27272A;--accent-text: #FFFFFF;--accent-soft: #F4F4F5;--accent-soft-text: #09090B;--accent-border: #D4D4D8;--accent-ring: rgba(9, 9, 11, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--badge-premium-bg: #18181B;--badge-premium-text: #FAFAFA}[data-theme=slate]{--accent-primary: #334155;--accent-primary-hover: #1e293b;--accent-text: #FFFFFF;--accent-soft: #F1F5F9;--accent-soft-text: #334155;--accent-border: #CBD5E1;--accent-ring: rgba(51, 65, 85, .2)}[data-theme=forest]{--accent-primary: #2D5A27;--accent-primary-hover: #1E3E1A;--accent-text: #FFFFFF;--accent-soft: #EDF4ED;--accent-soft-text: #2D5A27;--accent-border: #C8DDC8;--accent-ring: rgba(45, 90, 39, .2)}[data-theme=navy]{--accent-primary: #1E293B;--accent-primary-hover: #0F172A;--accent-text: #FFFFFF;--accent-soft: #E2E8F0;--accent-soft-text: #1E293B;--accent-border: #CBD5E1;--accent-ring: rgba(30, 41, 59, .2)}[data-theme=sand]{--accent-primary: #5C4D3C;--accent-primary-hover: #42372B;--accent-text: #FFFFFF;--accent-soft: #F5F2EC;--accent-soft-text: #5C4D3C;--accent-border: #E2D9CC;--accent-ring: rgba(92, 77, 60, .2)}[data-theme=burgundy]{--accent-primary: #6B2D38;--accent-primary-hover: #4D1F27;--accent-text: #FFFFFF;--accent-soft: #F9ECEE;--accent-soft-text: #6B2D38;--accent-border: #E8C8CC;--accent-ring: rgba(107, 45, 56, .2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--accent-primary);color:var(--accent-text);border-color:var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-app);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-tertiary)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:10px 20px;font-size:14px;border-radius:var(--radius-lg)}.form-input{width:100%;padding:8px 12px;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background-color:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-ring)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);line-height:1.4}.badge-default{background-color:var(--bg-secondary);color:var(--text-secondary)}.badge-accent{background-color:var(--accent-soft);color:var(--accent-soft-text);border:1px solid var(--accent-border)}.badge-premium{background-color:var(--badge-premium-bg);color:var(--badge-premium-text)}.badge-success{background-color:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.segmented-control{display:inline-flex;padding:3px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.segmented-tab{padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-tertiary);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.segmented-tab.active{background-color:var(--bg-app);color:var(--text-primary);box-shadow:var(--shadow-sm)}.card{background-color:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s ease,box-shadow .15s ease}.card-hover:hover{border-color:var(--text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--bottom-nav-height: 60px}@media (max-width: 639px){.btn,.segmented-tab,.form-input{min-height:44px}.form-input{font-size:16px!important}.card{padding:16px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#09090b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet-content{background-color:var(--bg-app);border-top-left-radius:20px;border-top-right-radius:20px;padding:20px 20px calc(20px + var(--sab));max-height:85vh;overflow-y:auto;box-shadow:0 -10px 30px #00000026;border-top:1px solid var(--border-light);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.bottom-sheet-handle{width:36px;height:4px;background-color:var(--bg-tertiary);border-radius:2px;margin:0 auto 16px}.app-shell{display:flex;min-height:100vh;background-color:var(--bg-app)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.app-content{flex:1;padding:28px 36px;max-width:1280px;width:100%;margin:0 auto}.exam-shell{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-app);overflow:hidden}.exam-content{flex:1;display:flex;overflow:hidden}html,body{overflow-x:hidden;width:100%;max-width:100vw}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 639px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-shell{flex-direction:column;min-height:100vh}.app-content{padding:16px 16px calc(76px + var(--sab)) 16px;width:100%;max-width:100%;box-sizing:border-box}.exam-shell{height:100dvh;width:100vw}}@media (min-width: 640px) and (max-width: 1023px){.app-content{padding:24px;max-width:100%}.mobile-bottom-nav{display:flex!important}}@media (min-width: 1024px){.mobile-bottom-nav,.mobile-only{display:none!important}.desktop-only{display:flex!important}.app-shell{flex-direction:row}.app-content{padding:28px 36px;max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box}.desktop-grid-2col{display:grid;grid-template-columns:2.2fr 1fr;gap:20px}.desktop-grid-4col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.desktop-grid-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.btn-desktop-auto{width:auto!important;max-width:220px!important;padding:8px 20px!important}}