@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";.sidebar{--sidebar-outer-gap: 10px;width:260px;flex:0 0 auto;min-height:0;height:calc(100vh - 2 * var(--sidebar-outer-gap));height:calc(100dvh - 2 * var(--sidebar-outer-gap));margin:var(--sidebar-outer-gap);padding:12px;display:flex;flex-direction:column;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);z-index:2000}.sidebar.collapsed{width:80px}.sidebar-header-real{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;margin-bottom:16px}.sidebar-brand{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-brand-mark{width:34px;height:34px;border-radius:10px;flex-shrink:0}.sidebar-brand span{display:grid;gap:4px;font-family:var(--font-heading);line-height:1}.sidebar-brand strong{font-size:14px;letter-spacing:-.035em}.sidebar-brand em{color:var(--brand-primary);font-size:10px;font-style:normal;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.sidebar .toggle-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .sidebar-header-real{justify-content:center}.sidebar-nav{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding:2px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.sidebar-group{display:grid;gap:3px;flex-shrink:0}.sidebar-section-label{padding:0 12px 5px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.sidebar .nav-item{flex-shrink:0}.sidebar .nav-item .label{white-space:nowrap;text-align:left}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-group+.sidebar-group{border-top:1px solid var(--border-light);padding-top:10px}.sidebar-support{margin-top:auto;flex-shrink:0}.sidebar-search{background:var(--bg-app);border-color:var(--border-light)}.sidebar-search kbd{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--text-secondary)}.sidebar-footer{flex:0 0 auto;display:grid;gap:5px;border-top:1px solid var(--border-light);padding-top:8px;margin-top:8px}.sidebar-profile-wrapper{position:relative}.sidebar-profile{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--bg-app);color:var(--text-main);text-align:left}.sidebar-profile-pic,.sidebar-profile-placeholder{flex:0 0 auto;width:34px;height:34px;border-radius:var(--radius-full);object-fit:cover}.sidebar-profile-placeholder{display:grid;place-items:center;color:var(--brand-primary);background:var(--brand-light);font-weight:700}.sidebar-profile-info{display:grid;gap:2px;flex:1;min-width:0}.sidebar .profile-name{font-size:var(--text-sm);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .profile-caption{font-size:10px;color:var(--text-secondary)}.sidebar.collapsed .sidebar-profile{justify-content:center;padding:7px 0}.sidebar-popup{position:absolute;bottom:0;left:calc(100% + 18px);width:220px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:8px;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:2001}.sidebar .sidebar-logout-button{color:var(--color-danger)}.sidebar-notification-icon{position:relative;display:flex;flex-shrink:0}.sidebar-unread,.sidebar-notification-dot{display:grid;place-items:center;border-radius:var(--radius-full);background:var(--color-danger);color:var(--text-inverse);font-size:10px;font-weight:700;min-width:21px;height:21px;padding:0 4px}.sidebar-unread{margin-left:auto}.sidebar-notification-dot{position:absolute;top:-7px;right:-10px;min-width:17px;height:17px;font-size:9px}.sidebar .toggle-button:hover,.sidebar-profile:hover{background:var(--brand-light)}.sidebar .toggle-button:focus-visible,.sidebar-profile:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media(min-width:769px)and (max-height:840px){.sidebar{--sidebar-outer-gap: 6px}.sidebar-header-real{margin-bottom:8px}.sidebar-nav{gap:10px}}@media(max-width:768px){.sidebar{display:none!important}}.mbn-bar{display:none}.app-modal:has(.mbn-menu-content) .app-modal-close{width:44px;height:44px;display:grid;place-items:center}.app-modal:has(.mbn-menu-content){max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))}.mbn-menu-content{width:100%;min-width:0;text-align:left}.mbn-menu-content .mbn-search{margin-bottom:var(--space-3);background:var(--brand-light);color:var(--brand-primary);border-color:var(--border-light)}.mbn-menu-identity{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-width:0}.mbn-menu-avatar{width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--brand-light);color:var(--brand-primary);font-weight:700;overflow:hidden}.mbn-menu-avatar img,.mbn-avatar img{width:100%;height:100%;object-fit:cover}.mbn-menu-identity>div{min-width:0;display:grid;gap:var(--space-1)}.mbn-menu-identity strong{font-size:var(--text-sm);overflow-wrap:anywhere}.mbn-menu-identity>div>span{color:var(--text-secondary);font-size:var(--text-xs);overflow-wrap:anywhere}.mbn-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.mbn-menu-grid .mbn-menu-link{min-height:56px;flex-direction:row;justify-content:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-app);border-color:var(--border-light);text-align:left}.mbn-menu-link>span{min-width:0;overflow-wrap:anywhere}.mbn-menu-grid .mbn-menu-link[aria-current=page]{background:var(--brand-light);border-color:var(--brand-primary)}.mbn-menu-section{margin-top:var(--space-4)}.mbn-menu-section h4{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.mbn-menu-account{display:grid;gap:var(--space-1);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.mbn-menu-account .mbn-logout{color:var(--color-danger)}@media(max-width:768px){.mbn-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:0 0 auto;z-index:1500;box-sizing:border-box;height:var(--mobile-nav-height, calc(72px + env(safe-area-inset-top)) );padding:calc(5px + env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) 5px max(6px,env(safe-area-inset-left));background:var(--bg-surface);border-bottom:1px solid var(--border-light);box-shadow:0 4px 20px color-mix(in srgb,var(--text-main) 5%,transparent)}.mbn-item{min-width:0;min-height:56px;display:grid;grid-template-columns:minmax(0,max-content);align-content:center;justify-content:center;justify-items:start;gap:3px;border:0;border-radius:var(--radius-md);padding:3px 4px;background:transparent;color:var(--text-secondary);text-decoration:none;font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:1.2;-webkit-tap-highlight-color:transparent;transition:color .16s,background .16s}.mbn-item>span:last-child{max-width:100%;overflow-wrap:anywhere;text-align:left}.mbn-icon-wrap,.mbn-center-bubble{display:grid;place-items:center;position:relative;width:30px;height:30px;border-radius:var(--radius-md);transition:background .16s}.mbn-active{color:var(--brand-primary)}.mbn-active .mbn-icon-wrap{background:var(--brand-light)}.mbn-center-bubble{background:var(--brand-light);color:var(--brand-primary)}.mbn-item--center.mbn-active .mbn-center-bubble{background:var(--brand-primary);color:var(--text-inverse)}.mbn-item:disabled{opacity:.45;cursor:not-allowed!important}.mbn-item:active:not(:disabled){background:var(--brand-light)}.mbn-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.mbn-badge{position:absolute;top:-1px;right:-3px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;border-radius:var(--radius-full);border:2px solid var(--bg-surface);background:var(--color-danger);color:var(--text-inverse);font-size:9px;font-weight:800}.mbn-avatar{display:grid;place-items:center;width:25px;height:25px;overflow:hidden;border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand-primary);border:1px solid var(--border-strong);font-size:11px;font-weight:700}}@media(max-width:768px)and (max-height:700px){.app-modal:has(.mbn-menu-content){padding:24px 16px 16px}.mbn-menu-grid .mbn-menu-link{min-height:48px;flex-direction:row;justify-content:flex-start;padding:8px;font-size:12px;text-align:left}.mbn-menu-identity{margin-bottom:12px}.mbn-menu-section,.mbn-menu-account{margin-top:12px}}@media(prefers-reduced-motion:reduce){.mbn-item,.mbn-icon-wrap,.mbn-center-bubble{transition:none}.app-modal:has(.mbn-menu-content),.app-modal-overlay:has(.mbn-menu-content){animation:none}}.app-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modalFadeIn .2s ease-out;padding:var(--space-4)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.app-modal{position:relative;background:var(--bg-surface);width:100%;max-width:440px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.app-modal-size-wide{max-width:min(980px,calc(100vw - var(--space-8)));align-items:stretch}.app-modal-size-medium{max-width:min(560px,calc(100vw - var(--space-8)));align-items:stretch}.app-modal-size-full{max-width:min(1180px,calc(100vw - var(--space-8)));max-height:min(92vh,900px);align-items:stretch}@keyframes modalSlideUp{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.app-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.app-modal-close:hover{background:var(--bg-surface-active);color:var(--text-main)}.app-modal-icon-wrap{margin-bottom:var(--space-4)}.app-modal-icon{stroke-width:1.5}.app-modal-icon.icon-success{color:var(--color-success)}.app-modal-icon.icon-error{color:var(--color-danger)}.app-modal-icon.icon-warning{color:var(--color-warning)}.app-modal-icon.icon-info{color:var(--brand-primary)}.app-modal-icon.icon-danger{color:var(--color-danger)}.app-modal-icon.spin{animation:spinAnim 1s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spinAnim 1s linear infinite}.app-modal-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-main);margin:0 0 var(--space-2)}.app-modal-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-5);max-width:360px}.app-modal-body{width:100%;text-align:left;margin-bottom:var(--space-5)}.app-modal-no-actions .app-modal-body{margin-bottom:0}.app-modal-form{width:100%;text-align:left;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.app-modal-field{display:flex;flex-direction:column;gap:var(--space-1)}.app-modal-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.app-modal-textarea{resize:vertical;min-height:80px}.app-modal-actions{display:flex;gap:var(--space-3);justify-content:center;width:100%}.app-modal-actions .btn-primary,.app-modal-actions .btn-ghost{flex:1;justify-content:center}.btn-danger{background-color:var(--color-danger)!important}.btn-danger:hover:not(:disabled){background-color:#dc2626!important}.toast-container{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));right:max(var(--space-4),env(safe-area-inset-right));z-index:99999;display:flex;flex-direction:column;gap:var(--space-3);max-width:380px;width:min(380px,calc(100vw - 2 * var(--space-4)));pointer-events:none;max-height:calc(100dvh - 2 * var(--space-4));overflow-y:auto;overscroll-behavior:contain}.toast{flex-shrink:0;pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--brand-primary);animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes toastSlideIn{0%{transform:translateY(-8px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--brand-primary)}.toast-info .toast-icon{color:var(--brand-primary)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;font-size:var(--text-sm);color:var(--text-main);margin-bottom:2px}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;overflow-wrap:anywhere}.toast-title{overflow-wrap:anywhere}.toast-notification .toast-icon{color:var(--brand-primary)}.toast-notification .toast-title,.toast-notification .toast-message{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.toast-notification .toast-title{-webkit-line-clamp:2}.toast-notification .toast-message{-webkit-line-clamp:3}.toast-action{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--brand-primary);background:var(--brand-light);border:1px solid var(--semantic-info-border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);cursor:pointer}.toast-action:focus-visible,.toast-close:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:44px}.toast-close:hover{background:var(--bg-surface-active);color:var(--text-main)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.2;animation:toastProgress linear forwards;width:100%}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media(max-width:480px){.app-modal{max-width:100%;border-radius:var(--radius-lg)}.toast-container{left:var(--space-4);right:var(--space-4);max-width:100%;width:auto}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast-progress{display:none}}.toast-level-up{border-color:var(--brand-primary)}.toast-level-up .toast-icon{color:var(--brand-primary);border-radius:50%;animation:hub-level-bloom 1.3s ease-out 2}.toast-level-up .toast-progress{background:var(--brand-primary)}@keyframes hub-level-bloom{0%{transform:scale(.7) rotate(-12deg);box-shadow:0 0 color-mix(in srgb,var(--brand-primary) 35%,transparent)}40%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0);box-shadow:0 0 0 22px transparent}}@media(prefers-reduced-motion:reduce){.toast-level-up,.toast-level-up .toast-icon,.toast-level-up .toast-progress{animation:none}}.update-notifier-overlay{--update-notifier-inline-inset: clamp(var(--space-4), 4vw, var(--space-8));position:fixed;inset:0;z-index:10000;display:grid;place-items:center;box-sizing:border-box;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--update-notifier-inline-inset),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--update-notifier-inline-inset),env(safe-area-inset-left));overflow-y:auto;background:var(--bg-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-notifier-card{display:grid;width:min(100%,44rem);max-height:calc(100dvh - (var(--space-5) * 2));margin:auto;box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(var(--space-4),3vw,var(--space-6));row-gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-8));overflow-y:auto;background:var(--bg-surface);background:linear-gradient(125deg,color-mix(in srgb,var(--brand-primary) 9%,var(--bg-surface)),color-mix(in srgb,var(--brand-primary) 2%,var(--bg-surface)) 72%,var(--bg-surface));border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);color:var(--text-main);animation:update-notifier-enter .3s cubic-bezier(.16,1,.3,1) both}.update-notifier-icon{display:grid;place-items:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);background:var(--info-soft);color:var(--brand-primary)}.update-notifier-content strong{display:block;margin-bottom:var(--space-2);color:var(--text-main);font-family:var(--font-heading);font-size:var(--text-lg);line-height:1.4}.update-notifier-content{min-width:0;overflow-wrap:anywhere}.update-notifier-content p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.update-notifier-btn{flex-shrink:0;min-height:2.8rem;margin-left:var(--space-2);padding-inline:var(--space-5);white-space:nowrap}@keyframes update-notifier-enter{0%{opacity:0;transform:translateY(1rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.update-notifier-card{animation:none}}@media(max-width:640px){.update-notifier-overlay{--update-notifier-inline-inset: var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.update-notifier-card{max-height:calc(100dvh - (var(--space-4) * 2));grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg)}.update-notifier-btn{grid-column:1 / -1;width:100%;min-height:3rem;margin:var(--space-2) 0 0}}.ui-async-state{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;max-width:100%;padding:var(--space-5);margin-block:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary)}.ui-async-state__icon{flex:0 0 auto;margin-top:2px;color:var(--brand-primary)}.ui-async-state__copy{flex:1;min-width:0;overflow-wrap:anywhere}.ui-async-state .ui-async-state__title{margin:0;color:var(--text-main);font-size:var(--text-sm);font-weight:700;line-height:1.5}.ui-async-state .ui-async-state__description{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.ui-async-state__retry{flex:0 0 auto;min-height:44px;gap:var(--space-2)}.ui-async-state--compact{padding:var(--space-3) var(--space-4)}.ui-async-state--error,.ui-async-state--offline{border-inline-start:3px solid var(--color-warning)}.ui-async-state--error .ui-async-state__icon,.ui-async-state--offline .ui-async-state__icon{color:var(--text-secondary)}.ui-async-state--loading .ui-async-state__icon{animation:ui-state-spin 1s linear infinite}.hub-connection-status{position:fixed;z-index:1800;right:max(var(--space-3),env(safe-area-inset-right));bottom:max(var(--space-3),env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--space-2);width:max-content;max-width:min(430px,calc(100vw - 24px));box-sizing:border-box;padding:var(--space-2) var(--space-3);background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hub-connection-status>svg{flex:0 0 auto;color:var(--text-secondary)}.hub-connection-status p{flex:1;min-width:0;margin:0;line-height:1.4;font-size:var(--text-xs);overflow-wrap:anywhere}.hub-connection-status strong,.hub-connection-status span{display:block}.hub-connection-status span{color:var(--text-secondary)}.hub-connection-status button{flex:0 0 44px;width:44px;min-height:44px;padding:0}@keyframes ui-state-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.ui-async-state{flex-wrap:wrap;padding:var(--space-3)}.ui-async-state__copy{flex-basis:calc(100% - 40px)}.ui-async-state__retry{margin-left:34px;max-width:calc(100% - 34px);white-space:normal}}@media(prefers-reduced-motion:reduce){.ui-async-state--loading .ui-async-state__icon{animation:none}}:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Poppins", var(--font-sans);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 15px rgba(37, 99, 235, .5);--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--bg-app: var(--color-slate-50);--bg-surface: #ffffff;--bg-surface-hover: var(--color-slate-50);--bg-surface-active: var(--color-slate-100);--text-main: var(--color-slate-900);--text-secondary: var(--color-slate-600);--text-muted: var(--color-slate-400);--border-light: var(--color-slate-200);--border-strong: var(--color-slate-300);--brand-primary: var(--color-primary-600);--brand-primary-hover: var(--color-primary-700);--brand-light: var(--color-primary-50);--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-backdrop: rgba(15, 23, 42, .6);--text-inverse: #ffffff;--focus-ring: rgba(37, 99, 235, .18);--shadow-card: 0 4px 20px rgba(15, 23, 42, .06);--shadow-card-hover: 0 14px 32px rgba(15, 23, 42, .12);--shadow-elevated: 0 24px 60px rgba(15, 23, 42, .18);--success-soft: rgba(16, 185, 129, .12);--warning-soft: rgba(245, 158, 11, .14);--danger-soft: rgba(239, 68, 68, .12);--info-soft: rgba(37, 99, 235, .12);--purple-soft: rgba(124, 58, 237, .12);--accent-teal: #0f766e;--accent-teal-soft: rgba(15, 118, 110, .12);--accent-purple: #7c3aed;--accent-purple-soft: rgba(124, 58, 237, .12);--accent-pink: #db2777;--accent-pink-soft: rgba(219, 39, 119, .12);--semantic-success-border: rgba(16, 185, 129, .22);--semantic-warning-border: rgba(245, 158, 11, .26);--semantic-info-border: rgba(37, 99, 235, .2);--catalog-public-bg: rgba(16, 185, 129, .92);--catalog-public-text: #ffffff;--catalog-premium-bg: rgba(15, 23, 42, .92);--catalog-premium-text: #fbbf24;--catalog-lock-overlay: rgba(15, 23, 42, .66);--catalog-hero-bg: linear-gradient(135deg, var(--color-slate-900) 0%, #1e1b4b 100%);--catalog-hero-surface: rgba(15, 23, 42, .82);--catalog-hero-text: #ffffff;--catalog-hero-muted: var(--color-slate-300);--catalog-highlight-bg: rgba(245, 158, 11, .12);--catalog-highlight-border: rgba(245, 158, 11, .34);--catalog-rating-star: #fbbf24;--type-video-bg: rgba(37, 99, 235, .12);--type-video-text: var(--brand-primary);--type-live-bg: rgba(220, 38, 38, .11);--type-live-text: #b91c1c;--type-reading-bg: rgba(16, 185, 129, .12);--type-reading-text: #047857;--type-quiz-bg: rgba(245, 158, 11, .14);--type-quiz-text: #b45309;--type-resources-bg: rgba(100, 116, 139, .12);--type-resources-text: var(--text-secondary);--type-markdown-bg: rgba(100, 116, 139, .12);--type-markdown-text: var(--text-secondary);--type-interactive-bg: rgba(15, 118, 110, .12);--type-interactive-text: var(--accent-teal);--type-certificate-bg: rgba(245, 158, 11, .14);--type-certificate-text: #b45309;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2)}[data-theme=dark]{color-scheme:dark;--bg-app: var(--color-slate-900);--bg-surface: var(--color-slate-800);--bg-surface-hover: var(--color-slate-700);--bg-surface-active: var(--color-slate-600);--text-main: var(--color-slate-50);--text-secondary: var(--color-slate-300);--text-muted: var(--color-slate-500);--border-light: var(--color-slate-700);--border-strong: var(--color-slate-600);--brand-primary: var(--color-primary-500);--brand-primary-hover: var(--color-primary-400);--brand-light: rgba(37, 99, 235, .15);--bg-elevated: #111c2e;--bg-input: #0f172a;--bg-input-focus: #162235;--bg-backdrop: rgba(2, 6, 23, .72);--text-inverse: #ffffff;--focus-ring: rgba(96, 165, 250, .24);--shadow-card: 0 4px 22px rgba(2, 6, 23, .24);--shadow-card-hover: 0 18px 40px rgba(2, 6, 23, .36);--shadow-elevated: 0 28px 70px rgba(2, 6, 23, .5);--success-soft: rgba(16, 185, 129, .18);--warning-soft: rgba(245, 158, 11, .18);--danger-soft: rgba(239, 68, 68, .18);--info-soft: rgba(96, 165, 250, .18);--purple-soft: rgba(167, 139, 250, .18);--accent-teal: #2dd4bf;--accent-teal-soft: rgba(45, 212, 191, .16);--accent-purple: #a78bfa;--accent-purple-soft: rgba(167, 139, 250, .18);--accent-pink: #f472b6;--accent-pink-soft: rgba(244, 114, 182, .18);--semantic-success-border: rgba(52, 211, 153, .26);--semantic-warning-border: rgba(251, 191, 36, .28);--semantic-info-border: rgba(96, 165, 250, .24);--catalog-public-bg: rgba(16, 185, 129, .22);--catalog-public-text: #a7f3d0;--catalog-premium-bg: rgba(251, 191, 36, .16);--catalog-premium-text: #fde68a;--catalog-lock-overlay: rgba(2, 6, 23, .72);--catalog-hero-bg: linear-gradient(135deg, #0f172a 0%, #172554 100%);--catalog-hero-surface: rgba(15, 23, 42, .88);--catalog-hero-text: #ffffff;--catalog-hero-muted: var(--color-slate-300);--catalog-highlight-bg: rgba(245, 158, 11, .16);--catalog-highlight-border: rgba(251, 191, 36, .36);--catalog-rating-star: #fbbf24;--type-video-bg: rgba(96, 165, 250, .18);--type-video-text: #bfdbfe;--type-live-bg: rgba(248, 113, 113, .18);--type-live-text: #fecaca;--type-reading-bg: rgba(52, 211, 153, .16);--type-reading-text: #a7f3d0;--type-quiz-bg: rgba(245, 158, 11, .18);--type-quiz-text: #fde68a;--type-resources-bg: rgba(148, 163, 184, .16);--type-resources-text: var(--text-secondary);--type-markdown-bg: rgba(148, 163, 184, .16);--type-markdown-text: var(--text-secondary);--type-interactive-bg: rgba(45, 212, 191, .16);--type-interactive-text: #99f6e4;--type-certificate-bg: rgba(245, 158, 11, .18);--type-certificate-text: #fde68a;--glass-bg: rgba(30, 41, 59, .85);--glass-border: rgba(255, 255, 255, .05)}.ui-table-frame{min-width:0;overflow:hidden;color:var(--text-main);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.ui-table{width:100%;border-collapse:collapse;text-align:left}.ui-table>thead>tr>th{color:var(--text-secondary);background:var(--bg-surface-hover);border-bottom:1px solid var(--border-light)}.ui-table>tbody>tr+tr>:is(td,th){border-top:1px solid var(--border-light)}.ce-list-box{padding:var(--space-4);color:var(--text-main);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ce-list-box-info{background:var(--info-soft);border-color:var(--semantic-info-border)}.ce-list-box-accent{background:var(--brand-light);border-color:var(--focus-ring)}.ce-list-box-row{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.ce-list-box-row:last-child{margin-bottom:0}.ce-list-box-row>:first-child{min-width:0}.ce-list-box-empty{margin:0;color:var(--text-muted);font-size:var(--text-xs)}.text-heading{font-family:var(--font-heading);font-weight:600;color:var(--text-main);letter-spacing:-.02em}.page-eyebrow{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary);margin-bottom:var(--space-1)}.page-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:var(--text-main);margin:0 0 var(--space-2) 0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:var(--brand-primary);color:var(--text-inverse);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-ghost:hover:not(:disabled){background-color:var(--bg-surface-active);color:var(--text-main)}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.card-base{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-card);padding:var(--space-6);transition:all .3s ease;color:var(--text-main)}.card-base:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong)}.input-base{width:100%;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);transition:all .2s ease;outline:none}.input-base:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--bg-input-focus)}.input-base::placeholder{color:var(--text-muted)}:root{--ui-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark]{--ui-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]){--ui-select-icon-space: 2.5rem;box-sizing:border-box;height:2.75rem;min-width:0;min-height:2.75rem;max-width:100%;padding-block:.625rem;padding-inline-start:.875rem;padding-inline-end:var(--ui-select-icon-space)!important;color:var(--text-main);background-color:var(--bg-input);background-image:var(--ui-select-chevron)!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.125rem!important;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);appearance:none;-webkit-appearance:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.25;text-overflow:ellipsis;cursor:pointer!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}select:not([multiple]){cursor:pointer!important}select:not([multiple]):disabled{cursor:not-allowed!important}:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]):hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:color-mix(in srgb,var(--brand-primary) 35%,var(--border-strong))}:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]):focus{outline:none;background-color:var(--bg-input-focus);border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring)}:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]):disabled{color:var(--text-muted);background-color:var(--bg-surface-hover);border-color:var(--border-light);box-shadow:none;opacity:.72;cursor:not-allowed!important}:where(select option,select optgroup){color:var(--text-main);background-color:var(--bg-elevated);font-family:var(--font-sans)}:where(select optgroup){font-weight:700}:where(select option:checked){color:var(--text-main);background-color:var(--brand-light)}@media(forced-colors:active){:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]){padding-inline-end:.875rem!important;background-image:none!important;appearance:auto!important;-webkit-appearance:menulist!important}}.ui-form-stack{display:flex;width:100%;min-width:0;flex-direction:column;gap:var(--space-4)}.ui-form-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ui-field{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.ui-field-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;letter-spacing:0}.ui-form-hint,.ui-form-empty{margin:0;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.ui-form-empty{padding:var(--space-4);text-align:center}.ui-form-error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-3);color:var(--color-danger);background-color:var(--danger-soft);border:1px solid color-mix(in srgb,var(--color-danger) 28%,var(--border-light));border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;line-height:1.4}.ui-form-error svg{flex:0 0 auto;margin-top:1px}.ui-segmented-control{display:grid;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);background-color:var(--bg-surface-hover);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ui-segmented-option{display:inline-flex;min-width:0;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;line-height:1.2;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.ui-segmented-option:hover:not(:disabled){color:var(--text-main);background-color:color-mix(in srgb,var(--bg-surface) 70%,transparent)}.ui-segmented-option[aria-pressed=true]{color:var(--brand-primary);background-color:var(--bg-surface);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.ui-segmented-option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ui-check-list{min-width:0;max-height:13rem;margin:0;padding:var(--space-3);overflow-y:auto;background-color:var(--bg-surface-hover);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ui-check-list>legend{padding:0 var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);font-weight:700}.ui-check-options{display:grid;gap:var(--space-2)}label.ui-check-option{display:flex;min-width:0;min-height:2.75rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer!important;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}label.ui-check-option:hover{background-color:var(--brand-light);border-color:color-mix(in srgb,var(--brand-primary) 28%,var(--border-light))}label.ui-check-option:has(:is(.ui-checkbox,.ui-radio):checked){background-color:var(--brand-light);border-color:color-mix(in srgb,var(--brand-primary) 42%,var(--border-light))}label.ui-check-option:has(:is(.ui-checkbox,.ui-radio):focus-visible){box-shadow:0 0 0 3px var(--focus-ring)}.ui-check-option>span{min-width:0;overflow-wrap:anywhere;font-size:var(--text-xs);font-weight:700}:is(.ui-checkbox,.ui-radio){width:1rem;height:1rem;flex:0 0 auto;margin:0;accent-color:var(--brand-primary);cursor:pointer!important}.ui-button-full{width:100%}@media(max-width:520px){.ui-form-grid{grid-template-columns:minmax(0,1fr)}.ui-segmented-option{padding-inline:var(--space-2)}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--brand-light);color:var(--brand-primary)}.badge-success{background-color:var(--success-soft);color:var(--color-success)}.badge-warning{background-color:var(--warning-soft);color:var(--color-warning)}.glass-surface{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.ui-game-panel{--ui-accent: var(--brand-primary);position:relative;overflow:hidden;color:var(--text-main);background:var( --ui-game-background, linear-gradient(135deg, color-mix(in srgb, var(--ui-accent) 14%, var(--bg-surface)), var(--bg-surface) 58%) );border:2px solid color-mix(in srgb,var(--ui-accent) 30%,var(--border-light));border-bottom-width:5px;border-radius:24px}.ui-game-panel.is-success{--ui-accent: var(--color-success)}.ui-game-panel.is-warning{--ui-accent: var(--color-warning)}.ui-game-panel.is-social{--ui-accent: #8b5cf6}.ui-game-icon{--ui-game-icon-color: #854d0e;--ui-game-icon-background: linear-gradient(145deg, #fde047, #fbbf24);--ui-game-icon-border: #fff7b2;--ui-game-icon-shadow: #d97706;display:grid;place-items:center;width:58px;height:58px;color:var(--ui-game-icon-color);background:var(--ui-game-icon-background);border:3px solid var(--ui-game-icon-border);border-radius:19px;box-shadow:0 6px 0 var(--ui-game-icon-shadow)}.ui-progress-ring{display:inline-grid;place-items:center;position:relative;width:var(--ring-size, 64px);aspect-ratio:1;flex-shrink:0}.ui-progress-ring>svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.ui-progress-ring circle{fill:none;stroke-width:7}.ui-progress-ring__track{stroke:var(--border-light)}.ui-progress-ring__value{stroke:var(--ring-color, var(--brand-primary));stroke-dashoffset:var(--ring-offset);transition:stroke-dashoffset .6s ease;animation:ui-ring-reveal .7s ease-out backwards}.ui-progress-ring__label{position:absolute;display:grid;place-items:center;font-variant-numeric:tabular-nums}@keyframes ui-ring-reveal{0%{stroke-dashoffset:100}}@media(prefers-reduced-motion:reduce){.ui-progress-ring__value{animation:none;transition:none}}@media(forced-colors:active){.ui-progress-ring__track{stroke:GrayText}.ui-progress-ring__value{stroke:Highlight}}.ui-progress-track{height:13px;padding:3px;overflow:hidden;background:color-mix(in srgb,var(--text-main) 10%,transparent);border-radius:var(--radius-full);box-shadow:inset 0 2px color-mix(in srgb,var(--text-main) 8%,transparent)}.ui-progress-fill{display:block;min-width:5px;height:100%;background:var(--ui-progress-fill, linear-gradient(90deg, #58cc02, #89e219));border-radius:inherit;box-shadow:0 0 10px color-mix(in srgb,#58cc02 45%,transparent);transition:width .45s cubic-bezier(.2,.8,.2,1)}.ui-stat-chip,.ui-tag-chip,.ui-score-badge,.ui-reward-banner{display:inline-flex;align-items:center;gap:var(--space-2)}.ui-stat-chip{min-width:118px;padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:800;background:color-mix(in srgb,var(--bg-surface) 88%,transparent);border:2px solid var(--border-light);border-bottom-width:4px;border-radius:var(--radius-md)}.ui-stat-chip.is-warning{color:#a16207;border-color:var(--semantic-warning-border)}.ui-stat-chip.is-info{color:var(--brand-primary);border-color:var(--semantic-info-border)}.ui-tag-chip{padding:6px 10px;color:var(--text-muted);font-size:var(--text-xs);background:var(--bg-surface-hover);border:1px solid var(--border-light);border-radius:var(--radius-full)}.ui-callout{padding:var(--space-3) var(--space-4);color:var(--text-secondary);background:var(--bg-surface-hover);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ui-callout.is-info{background:var(--info-soft);border-color:var(--semantic-info-border)}.ui-callout.is-warning{background:var(--warning-soft);border-color:var(--semantic-warning-border)}.ui-tool-surface{padding:var(--space-5);background:color-mix(in srgb,var(--brand-light) 34%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--border-light));border-radius:var(--radius-lg)}.ui-raised-card,.ui-raised-control,.ui-choice-card{border:2px solid var(--ui-raised-border, var(--border-light));border-bottom-width:var(--ui-raised-depth, 5px);border-radius:var(--ui-raised-radius, var(--radius-lg));box-shadow:var(--ui-raised-shadow, var(--shadow-sm));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ui-raised-control,.ui-choice-card{cursor:pointer}.ui-choice-card{padding:var(--space-3);color:var(--text-secondary);text-align:left;background:var(--bg-surface-hover)}.ui-raised-card:hover,.ui-raised-control:hover:not(:disabled),.ui-choice-card:hover:not(:disabled){border-color:var(--ui-raised-hover-border, var(--border-strong));box-shadow:var(--ui-raised-hover-shadow, var(--shadow-md));transform:translateY(-2px)}.ui-raised-control:active:not(:disabled),.ui-choice-card:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.ui-choice-card.is-active,.ui-choice-card[aria-pressed=true]{--ui-raised-border: #58a700;color:#3f6212;background:color-mix(in srgb,#d7ffb8 68%,var(--bg-surface))}.ui-toggle-chip{color:var(--text-secondary);background:var(--bg-surface-hover);border:2px solid var(--border-light);border-bottom-width:4px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.ui-toggle-chip:hover{border-color:var(--border-strong);transform:translateY(-1px)}.ui-toggle-chip.is-selected,.ui-toggle-chip[aria-pressed=true]{color:var(--text-inverse);background:var(--brand-primary);border-color:var(--brand-primary-hover)}.ui-pressable{--ui-pressable-shadow: color-mix(in srgb, var(--brand-primary) 72%, #172554);box-shadow:0 3px 0 var(--ui-pressable-shadow);transition:transform .12s ease,box-shadow .12s ease}.ui-pressable:active:not(:disabled){box-shadow:0 1px 0 var(--ui-pressable-shadow);transform:translateY(2px)}.ui-score-badge{padding:4px 7px;color:#a16207;font-size:var(--text-xs);font-weight:800;white-space:nowrap;background:var(--warning-soft);border:1px solid var(--semantic-warning-border);border-radius:var(--radius-full)}.ui-reward-banner{justify-content:center;padding:var(--space-2) var(--space-3);color:#3f6212;font-size:var(--text-xs);font-weight:900;background:color-mix(in srgb,#d7ffb8 72%,var(--bg-surface));border:2px solid #a3e635;border-radius:var(--radius-md)}[data-theme=dark] .ui-game-icon{--ui-game-icon-color: #fef3c7;--ui-game-icon-background: linear-gradient(145deg, #a16207, #713f12);--ui-game-icon-border: color-mix(in srgb, #fbbf24 55%, var(--border-strong));--ui-game-icon-shadow: #422006}[data-theme=dark] .ui-stat-chip.is-warning,[data-theme=dark] .ui-score-badge{color:#fbbf24;background:color-mix(in srgb,var(--warning-soft) 75%,var(--bg-surface))}[data-theme=dark] .ui-choice-card.is-active,[data-theme=dark] .ui-choice-card[aria-pressed=true]{color:#bef264;background:color-mix(in srgb,#58a700 20%,var(--bg-surface))}[data-theme=dark] .ui-reward-banner{color:#bef264;background:color-mix(in srgb,#58a700 22%,var(--bg-surface));border-color:color-mix(in srgb,#a3e635 58%,var(--border-strong))}@media(prefers-reduced-motion:reduce){:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]),.ui-segmented-option,label.ui-check-option,.ui-progress-fill,.ui-raised-card,.ui-raised-control,.ui-choice-card,.ui-toggle-chip,.ui-pressable{transition:none}}.page-container{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-6);width:100%}@media(max-width:768px){.page-container{padding:var(--space-6) var(--space-4)}}.page-header{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-2)}.page-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-3xl);color:var(--text-main);margin:0}.page-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.tab-container{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border-light);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.tab-container::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--text-main);background:var(--bg-surface-hover);border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state-icon{font-size:var(--text-4xl);color:var(--color-slate-300);margin-bottom:var(--space-4)}.empty-state-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg);color:var(--text-main);margin-bottom:var(--space-2)}:is(.ui-switch,.admin-switch){position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;flex:0 0 auto;padding:.125rem;background:var(--bg-surface-active);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}:is(.ui-switch-thumb,.admin-switch-thumb){display:block;width:1.125rem;height:1.125rem;background:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transform:translate(0);transition:transform .2s ease,background-color .2s ease}:is(.ui-switch,.admin-switch).is-on{background:var(--ui-switch-color, var(--brand-primary));border-color:var(--ui-switch-color, var(--brand-primary))}:is(.ui-switch,.admin-switch).is-on :is(.ui-switch-thumb,.admin-switch-thumb){background:var(--text-inverse);transform:translate(1.2rem)}:is(.ui-switch,.admin-switch).is-pending,:is(.ui-switch,.admin-switch):disabled{cursor:not-allowed;opacity:.55}:is(.ui-switch--small,.admin-switch-sm){width:2.25rem;height:1.25rem}:is(.ui-switch--small,.admin-switch-sm) :is(.ui-switch-thumb,.admin-switch-thumb){width:.9rem;height:.9rem}:is(.ui-switch--small,.admin-switch-sm).is-on :is(.ui-switch-thumb,.admin-switch-thumb){transform:translate(.95rem)}:is(.ui-switch,.admin-switch):focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}button:is(.ui-switch,.admin-switch):after{content:"";position:absolute;inset:-10px 0}:is(.ui-switch-field,.usm-toggle){position:relative;display:inline-block;width:2.75rem;height:2.75rem;flex:0 0 auto}:is(.ui-switch-field,.usm-toggle) input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}:is(.ui-switch-track,.usm-slider){position:absolute;inset:10px 0;pointer-events:none;background:var(--bg-surface-active);border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:background-color .2s ease,border-color .2s ease}:is(.ui-switch-track,.usm-slider):before{content:"";position:absolute;width:1rem;height:1rem;inset-inline-start:3px;top:3px;background:var(--bg-elevated);box-shadow:var(--shadow-sm);border-radius:var(--radius-full);transition:transform .2s ease}input:checked+:is(.ui-switch-track,.usm-slider){background:var(--brand-primary);border-color:var(--brand-primary)}input:checked+:is(.ui-switch-track,.usm-slider):before{transform:translate(1.2rem);background:var(--text-inverse)}input:focus-visible+:is(.ui-switch-track,.usm-slider){outline:2px solid var(--brand-primary);outline-offset:3px}input:disabled+:is(.ui-switch-track,.usm-slider){opacity:.55}:is(.ui-switch-field,.usm-toggle):has(input:disabled){cursor:not-allowed}select.ui-select.ui-select--bare{min-height:44px;min-width:0;max-width:100%;padding:0;color:var(--text-main);background:transparent;border:0;box-shadow:none;appearance:none;font:inherit;cursor:pointer}select.ui-select.ui-select--bare:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}select.ui-select.ui-select[aria-invalid=true]{border-color:var(--color-danger)}select.ui-select.ui-select[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}select.ui-select[multiple],select.ui-select[size]:not([size="1"]){min-width:0;max-width:100%;padding:var(--space-2);color:var(--text-main);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);font:inherit;accent-color:var(--brand-primary)}select.ui-select[multiple]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ui-toggle-chip{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm)}.ui-toggle-chip:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.ui-toggle-chip:disabled,.ui-segmented-option:disabled{opacity:.55;cursor:not-allowed}.ui-toggle-chip:disabled:hover{transform:none}@media(max-width:768px){:is(select.ui-select.ui-select,select):where(:not([multiple]):not(.ui-select--bare)):where(:not([size]),[size="1"]){font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){:is(.ui-switch,.admin-switch,.ui-switch-thumb,.admin-switch-thumb,.ui-switch-track,.usm-slider),:is(.ui-switch-track,.usm-slider):before{transition:none}}@media(forced-colors:active){:is(.ui-switch,.admin-switch,.ui-switch-track,.usm-slider){border-color:ButtonText}:is(.ui-switch,.admin-switch).is-on,input:checked+:is(.ui-switch-track,.usm-slider){background:Highlight;forced-color-adjust:none}}.ui-nav-link{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;line-height:1.35;text-align:left;text-decoration:none;cursor:pointer}.ui-nav-link>svg{flex-shrink:0}.ui-nav-link:hover{background:var(--bg-app);color:var(--text-main)}.ui-nav-link[aria-current=page]{background:var(--brand-light);color:var(--brand-primary)}.ui-nav-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.ui-current-course-shortcut{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);text-decoration:none}.ui-current-course-shortcut>svg{flex-shrink:0}.ui-current-course-shortcut--preview{width:fit-content;max-width:100%;min-height:44px;color:var(--brand-primary);background:var(--brand-light);overflow-wrap:anywhere}.ui-disclosure{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main)}.ui-disclosure>summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);min-height:44px;list-style:none;cursor:pointer;font-size:var(--text-sm);font-weight:600}.ui-disclosure>summary::-webkit-details-marker{display:none}.ui-disclosure>summary>svg{flex-shrink:0}.ui-disclosure>summary>span{flex:1;min-width:0}.ui-disclosure>summary:hover{background:var(--bg-surface-hover);border-radius:var(--radius-md)}.ui-disclosure>summary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-md)}.ui-disclosure[open]>summary .ui-disclosure__chevron{transform:rotate(180deg)}.ui-disclosure__body{padding:var(--space-3);border-top:1px solid var(--border-light)}.ui-nav-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-nav-news-dot{position:absolute;width:8px;height:8px;top:-3px;right:-3px;border-radius:var(--radius-full);background:var(--color-danger);outline:2px solid var(--bg-surface);pointer-events:none}@media(forced-colors:active){.ui-nav-news-dot{background:Highlight;outline-color:Canvas;forced-color-adjust:none}}.ui-operation-feedback{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--text-secondary);font-size:var(--text-sm);min-width:0}.ui-operation-feedback button,.ui-evidence-timeline button,.ui-next-action button{min-height:44px}.ui-operation-feedback>svg{flex:0 0 auto}.ui-operation-feedback.is-saved{color:var(--color-success)}.ui-operation-feedback.is-error,.ui-operation-feedback.is-conflict{color:var(--color-danger)}.ui-operation-feedback.is-saving>svg{animation:ui-operation-spin 1s linear infinite}@keyframes ui-operation-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-operation-feedback.is-saving>svg{animation:none}}.ui-evidence-timeline{margin:0;padding:0;list-style:none}.ui-evidence-timeline>li{position:relative;display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) 0;border-bottom:1px solid var(--border-light)}.ui-evidence-timeline>li>div{flex:1;min-width:0;overflow-wrap:anywhere}.ui-evidence-timeline p{margin:var(--space-1) 0}.ui-evidence-timeline time,.ui-evidence-timeline small{font-size:var(--text-xs);color:var(--text-secondary)}.ui-evidence-timeline__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--brand-primary);flex:0 0 auto;margin-top:.5rem}@media(max-width:480px){.ui-evidence-timeline>li{flex-wrap:wrap}.ui-evidence-timeline>li>button{margin-left:var(--space-5)}}.ui-next-action{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);min-width:0}.ui-next-action>svg{flex:0 0 auto;color:var(--brand-primary)}.ui-next-action__copy{flex:1;min-width:0;overflow-wrap:anywhere}.ui-next-action h2{font-family:var(--font-sans);font-size:var(--text-xl);margin:var(--space-1) 0}.ui-next-action p{margin:var(--space-2) 0;color:var(--text-secondary);line-height:1.5}.ui-next-action small{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary)}.ui-next-action .learning-dashboard__progress-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.ui-next-action .ui-progress-track{flex:1}.ui-next-action .ui-progress-fill{--ui-progress-fill:var(--brand-primary);min-width:0;box-shadow:none}.ui-next-action button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ui-next-action__dismiss{align-self:flex-start}@media(max-width:760px){.ui-next-action{flex-wrap:wrap;padding:var(--space-4)}.ui-next-action__copy{flex-basis:calc(100% - 4rem);padding-right:var(--space-4)}.ui-next-action>.btn-primary{width:100%;justify-content:center}.ui-next-action__dismiss{position:absolute;top:var(--space-1);right:var(--space-1)}}*{font-family:var(--font-sans);box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}html,body,#root,.app-container,.main-content{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);cursor:default!important}a,button,.nav-item,.course-card,.week-header,.module-item,.login-button,.mobile-menu-button{cursor:pointer!important}input,textarea,[contenteditable=true]{cursor:text!important}.sidebar,.week-header,.module-item,button,.logo-image{-webkit-user-select:none;user-select:none}.app-container{display:flex;height:100vh;height:100dvh;overflow:hidden}.main-content{flex:1;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative}.header.minimal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:transparent;margin-bottom:20px}.header-date{font-size:1.2rem;color:var(--text-main);margin:0}button{font-size:1rem;border:none;padding:10px 15px;border-radius:8px;transition:background .3s;font-weight:500;color:inherit}.mobile-menu-button{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:8px;padding:8px;display:flex;align-items:center;box-shadow:var(--shadow-sm)}.login-container,.mobile-blocker{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:default}.login-container{background:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);padding:40px;max-width:400px;margin:50px auto}.login-container h2{font-size:1.5rem;font-weight:700;color:var(--text-main)}.login-container p{font-size:1rem;color:var(--text-secondary);margin-bottom:20px}.login-button{background:var(--brand-primary);color:var(--text-inverse);padding:10px 20px;border-radius:8px;transition:background .3s}.login-button:hover{background:var(--brand-primary-hover)}.mobile-blocker{height:100vh;padding:2rem;background:var(--bg-app);color:var(--text-main)}@media(max-width:768px){:root{--mobile-nav-height: calc(72px + env(safe-area-inset-top)) }.app-container{padding-top:var(--mobile-nav-height)}.main-content{padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.header-left h2{display:none}iframe[src*=whatsapp i],iframe[src*="wa.me" i],iframe[src*="api.whatsapp" i],a[href*=whatsapp i][style*=position i],a[href*="wa.me" i][style*=position i],div[id*=whatsapp i],div[class*=whatsapp i],div[id*=wa-widget i],div[class*=wa-widget i]{display:none!important;pointer-events:none!important}}.app-container.app-container--focus{padding-top:env(safe-area-inset-top,0px)}.main-content.main-content--summit{padding:0}.main-content,.main-content *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;cursor:default!important}input,textarea,[contenteditable=true]{-webkit-user-select:auto!important;user-select:auto!important;cursor:text!important}button,a,.nav-item,.course-card{cursor:pointer!important}