.shell{display:flex;min-height:100vh}.shell-rail{position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;width:248px;height:100vh;padding:20px 14px;border-right:1px solid var(--md-outline-variant);background:color-mix(in srgb,var(--md-surface-container-low) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-shrink:0}.shell-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 10px 18px;text-decoration:none;color:var(--md-on-surface)}.shell-brand-wordmark{width:132px;height:auto;display:block}.shell-brand-logo{max-width:132px;max-height:40px;object-fit:contain;display:block}.shell-brand-text{display:flex;flex-direction:column;line-height:1.15}.shell-brand-text strong{font-family:var(--font-mono);font-weight:600;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--md-on-surface-variant)}.shell-brand-text small{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--md-primary)}.shell-nav{display:flex;flex-direction:column;gap:4px}.shell-nav--admin{margin-top:22px;padding-top:16px;border-top:1px solid var(--md-outline-variant)}.shell-nav-label{font-family:var(--font-mono);font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--md-on-surface-variant);padding:0 12px 6px}.shell-link{--link-accent: var(--md-primary);--link-accent-soft: var(--accent-vault-soft);position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-pill);color:var(--md-on-surface-variant);text-decoration:none;font-weight:500;font-size:.92rem;transition:color .18s var(--ease-out),background-color .18s var(--ease-out)}.shell-link[data-accent=ask]{--link-accent: var(--accent-ask);--link-accent-soft: var(--accent-ask-soft)}.shell-link[data-accent=roleplay]{--link-accent: var(--accent-roleplay);--link-accent-soft: var(--accent-roleplay-soft)}.shell-link[data-accent=quiz]{--link-accent: var(--accent-quiz);--link-accent-soft: var(--accent-quiz-soft)}.shell-link[data-accent=cert]{--link-accent: var(--accent-cert);--link-accent-soft: var(--accent-cert-soft)}.shell-link svg{width:21px;height:21px;flex-shrink:0}.shell-link:hover{color:var(--md-on-surface);background:var(--md-surface-container-high)}.shell-link.active{color:var(--link-accent);background:var(--link-accent-soft)}.shell-link.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--link-accent)}.shell-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--md-outline-variant)}.shell-user{display:flex;align-items:center;gap:10px;padding:0 6px}.shell-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.shell-avatar--initial{display:grid;place-items:center;background:var(--md-primary-container);color:var(--md-on-primary-container);font-weight:700;font-size:.9rem}.shell-user-meta{display:flex;flex-direction:column;min-width:0}.shell-user-meta strong{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-signout{background:none;border:none;padding:0;text-align:left;font-family:var(--font-body);font-size:.74rem;color:var(--md-on-surface-variant);cursor:pointer}.shell-signout:hover{color:var(--md-error)}.shell-theme-toggle{display:flex;align-items:center;width:64px;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-high);cursor:pointer;transition:border-color .2s var(--ease-out)}.shell-theme-toggle:hover{border-color:var(--hairline)}.shell-theme-thumb{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--md-primary);color:var(--md-on-primary);transition:transform .3s var(--ease-out)}.shell-theme-thumb[data-mode=light]{transform:translate(28px)}.shell-theme-thumb svg{width:15px;height:15px}.shell-main{flex:1;min-width:0;padding:32px clamp(20px,4vw,48px) 96px;max-width:1280px}.shell-topbar,.shell-tabs{display:none}@media (max-width: 899px){.shell{flex-direction:column}.shell-rail{display:none}.shell-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--md-outline-variant);background:color-mix(in srgb,var(--md-surface-container-low) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.shell-topbar .shell-brand{padding:0}.shell-topbar-actions{display:flex;align-items:center;gap:10px}.shell-topbar-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--md-outline-variant);background:var(--md-surface-container-high);color:var(--md-on-surface-variant);cursor:pointer}.shell-topbar-icon svg{width:18px;height:18px}.shell-main{padding:20px 16px 110px}.shell-tabs{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--md-outline-variant);background:color-mix(in srgb,var(--md-surface-container-low) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shell-tab{flex-direction:column;gap:3px;padding:6px 14px;font-size:.66rem;border-radius:14px}.shell-tab svg{width:22px;height:22px}.shell-tab.active:before{display:none}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);background:var(--md-surface-dim);background-image:var(--atmosphere)}.auth-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,64px);overflow:hidden}.auth-hero:after{content:"";position:absolute;inset:auto -20% -45% -20%;height:70%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 22%,transparent),transparent);pointer-events:none}.auth-hero-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--md-on-surface-variant)}.auth-hero-wordmark{width:168px;height:auto;display:block}.auth-hero-copy{position:relative;z-index:1}.auth-hero-copy h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 20px;max-width:14ch}.auth-hero-copy h1 em{font-style:normal;color:var(--brand)}.auth-hero-copy p{font-size:1.02rem;line-height:1.6;color:var(--md-on-surface-variant);max-width:44ch;margin:0}.auth-hero-foot{position:relative;z-index:1;display:flex;gap:22px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--md-on-surface-variant)}.auth-hero-foot span{display:flex;align-items:center;gap:7px}.auth-hero-foot span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:32px;border-left:1px solid var(--md-outline-variant);background:color-mix(in srgb,var(--md-surface-container-low) 65%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card{width:100%;max-width:360px}.auth-card h2{font-family:var(--font-display);font-weight:600;font-size:1.6rem;margin:0 0 6px}.auth-card>p{color:var(--md-on-surface-variant);font-size:.92rem;margin:0 0 28px}.auth-error{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:18px;border-radius:var(--radius-s);border:1px solid color-mix(in srgb,var(--md-error) 40%,transparent);background:color-mix(in srgb,var(--md-error-container) 55%,transparent);color:var(--md-on-error-container);font-size:.85rem}.auth-error svg{width:18px;height:18px;flex-shrink:0}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border-radius:var(--radius-pill);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-highest);color:var(--md-on-surface);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s var(--ease-out),border-color .2s var(--ease-out),box-shadow .25s var(--ease-out)}.google-signin-btn:hover{transform:translateY(-1px);border-color:var(--hairline);box-shadow:var(--shadow-card)}.auth-info{margin-top:18px;text-align:center;font-size:.78rem;color:var(--md-on-surface-variant)}@media (max-width: 819px){.auth-page{grid-template-columns:1fr}.auth-hero{min-height:42vh;padding-bottom:12px}.auth-hero-foot{display:none}.auth-panel{border-left:none;border-top:1px solid var(--md-outline-variant)}}.search-container{position:relative;width:100%;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;height:48px;padding:0 48px;font-size:16px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-full);color:var(--text-primary);transition:var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--md-primary);background:var(--md-surface-container-high)}.search-input::placeholder{color:var(--text-muted)}.search-spinner{position:absolute;right:16px;width:20px;height:20px}.search-clear{position:absolute;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.search-clear:hover{background:var(--overlay-strong);color:var(--text-primary)}.search-clear svg{width:16px;height:16px}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);overflow:hidden;z-index:900;animation:search-dropdown .15s ease-out}@keyframes search-dropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-results-header{padding:12px 16px;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--md-outline-variant)}.search-results-list{list-style:none;max-height:400px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:var(--transition-fast)}.search-result-item:hover,.search-result-item.active{background:var(--overlay-soft)}.search-result-item.active{background:var(--brand-tint-10)}.search-result-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--md-surface-container);border-radius:var(--radius-sm);color:var(--md-primary)}.search-result-icon svg{width:18px;height:18px}.search-result-content{flex:1;min-width:0}.search-result-title{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-title mark{background:var(--brand-tint-30);color:inherit;padding:0 2px;border-radius:2px}.search-result-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.search-result-category{font-size:11px;font-weight:500;color:var(--md-primary);text-transform:capitalize}.search-result-type{font-size:11px;color:var(--text-muted);text-transform:capitalize}.search-result-arrow{flex-shrink:0;width:16px;height:16px;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:var(--transition-fast)}.search-result-item:hover .search-result-arrow,.search-result-item.active .search-result-arrow{opacity:1;transform:translate(0)}.search-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center}.search-no-results svg{width:32px;height:32px;color:var(--text-muted)}.search-no-results p{font-size:14px;color:var(--text-secondary)}.library-view{max-width:1200px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.library-header-content{flex:1}.library-search-bar{margin-bottom:16px}.library-filters-wrapper{margin-bottom:24px}.filters-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.filters-toggle:hover{color:var(--text-primary);border-color:var(--md-primary)}.filters-toggle svg:first-child{width:18px;height:18px}.filters-chevron{width:16px;height:16px;transition:transform .2s ease}.filters-chevron.open{transform:rotate(180deg)}.filters-active-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;background:var(--md-primary);color:var(--md-on-primary);border-radius:var(--radius-full)}.library-filters{display:flex;flex-wrap:wrap;gap:24px;margin-top:12px;padding:0 16px;background:var(--md-surface-container);border-radius:var(--radius-lg);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .2s ease}.library-filters.filters--open{max-height:500px;padding:16px;opacity:1}.filter-group{display:flex;align-items:center;gap:12px}.filter-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.library-section{margin-bottom:32px}.section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.section-title svg{width:18px;height:18px;color:var(--md-primary)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.content-card{position:relative;display:flex;flex-direction:column;overflow:hidden}.content-card-thumbnail{position:relative;height:160px;margin:-16px -16px 16px;background:var(--md-surface-container-high);overflow:hidden}.content-card-thumbnail img{width:100%;height:100%;object-fit:cover}.content-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:50%;color:#fff;transition:var(--transition-base)}.content-card:hover .content-card-play{background:var(--md-primary);transform:translate(-50%,-50%) scale(1.1)}.content-card-play svg{width:24px;height:24px;margin-left:4px}.content-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.content-card-icon svg{width:32px;height:32px}.content-card-body{flex:1;display:flex;flex-direction:column}.content-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.content-card-category{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-full)}.content-card-type{font-size:12px;color:var(--text-muted);text-transform:capitalize}.content-card-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.content-card-description{font-size:14px;color:var(--text-secondary);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-card-stats{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--md-outline-variant)}.content-card-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.content-card-stats .stat svg{width:14px;height:14px}.content-card-pin{position:absolute;top:12px;right:12px;color:var(--md-primary)}.content-card-pin svg{width:16px;height:16px}@media (max-width: 768px){.library-header{flex-direction:column;margin-bottom:12px}.library-search-bar{position:sticky;top:0;z-index:100;background:var(--md-surface);margin-left:-16px;margin-right:-16px;padding:8px 16px;margin-bottom:12px}.library-search-bar .search-container{max-width:100%}.library-filters.filters--open{max-height:400px}.library-filters{flex-direction:column;gap:16px}.filter-group{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{color-scheme:only light;position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:0;--min-font-size: 1;--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv: calc(1 / var(--min-font-size))}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height: 0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x: 1;--rotate: 0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color: rgb(180 0 170 / .25);--highlight-selected-bg-color: rgb(0 100 0 / .25);--highlight-backdrop-filter: none;--highlight-selected-backdrop-filter: none;margin:-1px;padding:1px;background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px}@media screen and (forced-colors: active){.textLayer .highlight{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.textLayer ::selection{background:#0000ff40}@supports (background: color-mix(in srgb,AccentColor,transparent 75%)){.textLayer ::selection{background:color-mix(in srgb,AccentColor,transparent 75%)}}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fade-in .2s ease-out}.viewer-container{width:95%;max-width:1200px;max-height:95vh;background:var(--md-surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;animation:slide-up .3s ease-out}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--md-outline-variant);background:var(--md-surface-container)}.viewer-header-content{flex:1;min-width:0}.viewer-header h2{font-size:1.125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.viewer-category{font-size:12px;font-weight:500;color:var(--md-primary);text-transform:capitalize}.viewer-type{font-size:12px;color:var(--text-muted);text-transform:capitalize}.viewer-actions{display:flex;align-items:center;gap:8px}.viewer-actions .btn-icon.voted{color:var(--md-primary)}.vote-count{font-size:12px;margin-left:4px}.viewer-content{flex:1;overflow:auto;background:var(--md-surface-dim)}.viewer-footer{display:flex;flex-direction:column;gap:12px;padding:16px 24px;border-top:1px solid var(--md-outline-variant);background:var(--md-surface-container)}.viewer-description{flex:1;font-size:14px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 24px;text-align:center}.viewer-fallback svg{width:64px;height:64px;color:var(--md-primary)}.viewer-fallback h3{font-size:1.25rem}.viewer-fallback p{color:var(--text-secondary);max-width:400px}.pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:500px}.pdf-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--md-surface-container);border-bottom:1px solid var(--md-outline-variant)}.pdf-controls-group{display:flex;align-items:center;gap:4px}.pdf-controls-divider{width:1px;height:24px;background:var(--md-outline-variant);margin:0 8px}.pdf-page-info{font-size:14px;color:var(--text-secondary);padding:0 12px;min-width:120px;text-align:center}.pdf-zoom-value{font-size:14px;color:var(--text-secondary);background:transparent;border:none;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer}.pdf-zoom-value:hover{background:var(--overlay-strong)}.pdf-document-container{flex:1;overflow:auto;display:flex;justify-content:center;padding:24px;background:var(--md-surface-dim)}.pdf-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.pdf-document{display:flex;justify-content:center}.pdf-page{box-shadow:var(--shadow-3)}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 24px;text-align:center}.pdf-error svg{width:48px;height:48px;color:var(--md-error)}.video-player{position:relative;width:100%;height:100%;min-height:400px;background:#000;display:flex;flex-direction:column}.video-player video{flex:1;width:100%;object-fit:contain;cursor:pointer}.video-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(transparent,#000c);position:absolute;bottom:0;left:0;right:0}.video-play-btn svg{width:20px;height:20px}.video-time{font-size:12px;font-variant-numeric:tabular-nums;color:#fff;min-width:40px}.video-progress{flex:1;height:4px;background:#ffffff4d;border-radius:var(--radius-full);cursor:pointer;position:relative}.video-progress-fill{height:100%;background:var(--md-primary);border-radius:var(--radius-full);transition:width .1s linear}.video-progress:hover .video-progress-fill{height:6px;margin-top:-1px}.video-volume{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:var(--radius-full);cursor:pointer}.video-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.video-controls .btn-icon{color:#fff}.video-controls .btn-icon:hover{background:#fff3}.video-embed{position:relative;width:100%;height:100%;min-height:500px}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.viewer-header{flex-direction:column;align-items:flex-start}.viewer-header h2{white-space:normal;overflow:visible}.viewer-actions{width:100%;justify-content:flex-end}.viewer-footer{flex-direction:column;align-items:stretch}.pdf-controls{flex-wrap:wrap}.video-volume{display:none}}.confidence-rating{display:flex;align-items:center;gap:12px}.confidence-rating.rated{color:var(--md-primary)}.confidence-rating.rated svg{width:20px;height:20px}.confidence-question{font-size:14px;color:var(--text-secondary)}.confidence-buttons{display:flex;gap:8px}.confidence-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border:1px solid var(--md-outline);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:var(--transition-fast)}.confidence-btn svg{width:16px;height:16px}.confidence-yes{color:var(--md-primary)}.confidence-yes:hover{background:var(--brand-tint-10);border-color:var(--md-primary)}.confidence-no{color:var(--text-secondary)}.confidence-no:hover{background:var(--overlay-soft)}.comments-section{margin-top:12px}.comment-form{display:flex;gap:8px;margin-bottom:12px}.comment-input{flex:1;padding:10px 16px;font-size:14px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-full);color:var(--text-primary);transition:var(--transition-fast)}.comment-input:focus{outline:none;border-color:var(--md-primary)}.comment-input::placeholder{color:var(--text-muted)}.comment-submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:50%;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.comment-submit:hover:not(:disabled){opacity:.9}.comment-submit:disabled{opacity:.4;cursor:not-allowed}.comments-loading{display:flex;justify-content:center;padding:16px}.comments-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:12px}.comments-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.comment-item{padding:10px 12px;background:var(--md-surface-container);border-radius:var(--radius-sm)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.comment-author{font-size:12px;font-weight:500;color:var(--md-primary)}.comment-time{font-size:11px;color:var(--text-muted)}.comment-text{font-size:13px;color:var(--text-primary);line-height:1.4;word-break:break-word}.step-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:160px;position:relative}.step:after{content:"";position:absolute;top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--md-outline-variant)}.step:last-child:after{display:none}.step.completed:after{background:var(--md-primary)}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;background:var(--md-surface-container-high);color:var(--text-secondary);border:2px solid var(--md-outline-variant);z-index:1;transition:var(--transition-fast)}.step.active .step-circle,.step.completed .step-circle{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.step-label{font-size:12px;color:var(--text-muted);text-align:center}.step.active .step-label{color:var(--md-primary);font-weight:500}.step.completed .step-label{color:var(--text-secondary)}.upload-step{max-width:600px;margin:0 auto}.upload-btn{margin-top:16px;width:100%}.upload-progress{margin-top:16px}.progress-bar{width:100%;height:8px;background:var(--md-surface-container-high);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary, var(--md-primary));border-radius:var(--radius-full);transition:width .3s ease}.progress-text{display:block;text-align:center;font-size:13px;color:var(--text-secondary);margin-top:8px}.upload-error{background:#ffb4ab1a;border:1px solid var(--md-error);border-radius:var(--radius-sm);padding:12px 16px;color:var(--md-error);font-size:14px;margin-bottom:16px}.file-drop-zone{border:2px dashed var(--md-outline-variant);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;cursor:pointer;transition:var(--transition-fast);background:var(--md-surface-container)}.file-drop-zone:hover,.file-drop-zone:focus-visible{border-color:var(--md-primary);background:var(--brand-tint-05)}.file-drop-zone.drag-active{border-color:var(--md-primary);background:var(--brand-tint-10);border-style:solid}.file-drop-zone.has-file{border-style:solid;border-color:var(--md-primary);padding:20px 24px}.file-drop-zone.has-error{border-color:var(--md-error)}.drop-prompt{display:flex;flex-direction:column;align-items:center;gap:12px}.drop-icon{width:48px;height:48px;color:var(--text-muted)}.file-drop-zone:hover .drop-icon,.file-drop-zone.drag-active .drop-icon{color:var(--md-primary)}.drop-text{font-size:16px;font-weight:500;color:var(--text-primary)}.drop-hint{font-size:13px;color:var(--text-muted)}.drop-error{color:var(--md-error);font-size:13px;margin-top:8px}.file-info{display:flex;align-items:center;gap:16px}.file-icon{font-size:32px}.file-details{flex:1;text-align:left}.file-name{display:block;font-weight:500;color:var(--text-primary);word-break:break-all}.file-meta{font-size:13px;color:var(--text-muted)}.file-clear{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.file-clear:hover{background:#ffffff1a;color:var(--md-error)}.file-clear svg{width:18px;height:18px}.extraction-step{text-align:center;padding:40px 0}.extraction-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.extraction-hint{font-size:13px;color:var(--text-muted)}.extraction-failed{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--md-error)}.extraction-error-detail{font-size:13px;color:var(--text-muted);max-width:400px}.extraction-actions{display:flex;gap:12px;margin-top:8px}.metadata-step{max-width:700px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-field input,.form-field textarea,.form-field select{padding:10px 14px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:var(--transition-fast)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)}.form-field textarea{resize:vertical;min-height:80px}.form-section{margin-bottom:24px}.form-section h3{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.keywords-source{font-size:12px;color:var(--md-primary);margin-bottom:8px}.keyword-editor{position:relative}.keyword-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);min-height:48px}.keyword-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:13px;background:transparent;border:1px solid var(--md-primary);border-radius:var(--radius-full);color:var(--md-primary)}.keyword-chip.readonly{cursor:default}.keyword-chip.readonly.small{font-size:11px;padding:2px 6px}.keyword-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--md-primary);cursor:pointer;padding:0;opacity:.6}.keyword-remove:hover{opacity:1;color:var(--md-error)}.keyword-input-wrap{display:flex;align-items:center;gap:4px;flex:1;min-width:120px}.keyword-input{flex:1;border:none!important;background:transparent!important;padding:4px 0!important;font-size:13px;color:var(--text-primary);box-shadow:none!important}.keyword-input:focus{outline:none}.keyword-add-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--md-primary);color:var(--md-on-primary);border:none;font-size:16px;font-weight:500;cursor:pointer;flex-shrink:0}.keyword-add-btn:disabled{opacity:.3;cursor:not-allowed}.keyword-counter{display:block;text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.keyword-more{font-size:11px;color:var(--text-muted);align-self:center}.step-actions{display:flex;gap:12px;margin-top:24px}.review-card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.review-card h3{font-size:1.1rem;margin-bottom:8px}.review-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.review-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.review-meta-item{display:flex;flex-direction:column;gap:4px}.review-label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.review-keywords{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--md-outline-variant)}.review-list{display:flex;flex-direction:column;gap:12px}.review-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-left:3px solid var(--md-warning, #FFBB33);border-radius:var(--radius-sm)}.review-item-info{flex:1;min-width:0}.review-item-info h4{margin-bottom:4px;font-size:15px}.review-item-desc{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-item-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-muted)}.review-item-keywords{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.review-item-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.btn-approve{padding:8px 16px;font-size:13px;font-weight:500;background:var(--brand-tint-15);color:var(--md-primary);border:1px solid var(--md-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.btn-approve:hover{background:var(--brand-tint-25)}.btn-reject{padding:8px 16px;font-size:13px;font-weight:500;background:#ffb4ab1a;color:var(--md-error);border:1px solid var(--md-error);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.btn-reject:hover{background:#ffb4ab33}.btn-reject:disabled,.btn-approve:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px}.modal-card h3{margin-bottom:4px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-actions{display:flex;gap:12px;margin-top:16px}@media (max-width: 768px){.step-indicator{overflow-x:auto}.step-label{font-size:10px}.form-grid{grid-template-columns:1fr}.review-item{flex-direction:column}.review-item-actions{flex-direction:row}}.admin-view{max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.admin-actions{display:flex;gap:12px}.admin-actions .btn-tonal svg{width:18px;height:18px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.stat-icon svg{width:24px;height:24px}.stat-icon.users{background:#4285f426;color:var(--md-secondary)}.stat-icon.content{background:var(--brand-tint-15);color:var(--md-primary)}.stat-content{flex:1;display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:500;color:var(--text-primary)}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-meta{font-size:12px;color:var(--text-muted)}.admin-tabs{display:flex;gap:4px;padding:4px;background:var(--md-surface-container);border-radius:var(--radius-full);margin-bottom:24px;width:fit-content}.admin-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.admin-tab:hover{color:var(--text-primary);background:var(--overlay-soft)}.admin-tab.active{color:var(--md-on-primary);background:var(--md-primary)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:11px;font-weight:600;background:var(--md-error);color:#fff;border-radius:var(--radius-full)}.admin-tabs-mobile{display:none;width:100%;padding:12px 16px;font-size:14px;font-weight:500;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;margin-bottom:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.admin-tabs-mobile:focus{outline:none;border-color:var(--md-primary)}.admin-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.admin-overview .card{padding:24px}.admin-overview .card h3{margin-bottom:16px;font-size:1rem;color:var(--text-secondary)}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--md-surface-container-high);border-radius:var(--radius-sm)}.recent-item-info{display:flex;flex-direction:column}.recent-item-name{font-weight:500;color:var(--text-primary)}.recent-item-meta{font-size:12px;color:var(--text-muted)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--md-outline-variant)}.admin-table th{font-weight:500;color:var(--text-secondary);background:var(--md-surface-container)}.admin-table td{color:var(--text-primary)}.admin-table tr:hover td{background:var(--overlay-faint)}.status-badge{display:inline-flex;padding:4px 8px;font-size:11px;font-weight:500;text-transform:uppercase;border-radius:var(--radius-full)}.status-badge.active,.status-badge.published{background:var(--brand-tint-15);color:var(--md-primary)}.status-badge.inactive,.status-badge.draft{background:#ffb4ab26;color:var(--md-error)}.status-badge.in_review{background:#ffbb3326;color:var(--md-warning, #FFBB33)}.status-badge.rejected{background:#ff646426;color:#ff6464}.status-badge.archived{background:#96969626;color:var(--text-muted)}.role-badge{display:inline-flex;padding:4px 8px;font-size:11px;font-weight:500;text-transform:uppercase;border-radius:var(--radius-full)}.role-badge.super_admin{background:#ffbb3326;color:var(--md-warning, #FFBB33)}.role-badge.admin{background:#4285f426;color:var(--md-secondary)}.role-badge.moderator{background:#8b7ed826;color:#8b7ed8}.role-badge.user{background:var(--md-surface-container-high);color:var(--text-secondary)}.user-mgmt-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.user-mgmt-search{flex:1;min-width:200px;padding:10px 14px;font-size:14px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);color:var(--text-primary)}.user-mgmt-search:focus{outline:none;border-color:var(--md-primary)}.role-select{padding:6px 10px;font-size:12px;font-weight:500;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-transform:capitalize}.role-select:focus{outline:none;border-color:var(--md-primary)}.confirm-dialog{display:flex;flex-direction:column;gap:16px}.confirm-dialog p{color:var(--text-secondary);font-size:14px}.action-buttons{display:flex;gap:8px}.content-title-cell{display:flex;align-items:center;gap:8px}.content-title-cell svg{color:var(--md-primary);flex-shrink:0}.analytics-dashboard{max-width:1200px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.back-link:hover{color:var(--md-primary)}.back-link svg{width:16px;height:16px}.period-select{padding:10px 16px;font-size:14px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.metric-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);text-align:center}.metric-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.metric-icon svg{width:20px;height:20px}.metric-icon.users{background:#4285f426;color:var(--md-secondary)}.metric-icon.views{background:var(--brand-tint-15);color:var(--md-primary)}.metric-icon.downloads{background:#ffbb3326;color:var(--md-warning)}.metric-icon.searches{background:#8b7ed826;color:#8b7ed8}.metric-icon.feedback{background:var(--brand-tint-15);color:var(--md-primary)}.metric-icon.rating{background:#ffbb3326;color:var(--md-warning)}.metric-value{font-size:2rem;font-weight:500;color:var(--text-primary)}.metric-label{font-size:12px;color:var(--text-secondary)}.analytics-section{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.analytics-section h2{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.chart-container{overflow-x:auto}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:200px;min-width:100%}.bar-item{flex:1;min-width:30px;display:flex;flex-direction:column;align-items:center;height:100%}.bar{width:100%;min-height:4px;background:var(--gradient-primary);border-radius:var(--radius-xs) var(--radius-xs) 0 0;position:relative;transition:var(--transition-base)}.bar:hover{opacity:.8}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-muted);opacity:0;transition:var(--transition-fast)}.bar:hover .bar-value{opacity:1}.bar-label{margin-top:8px;font-size:10px;color:var(--text-muted);white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.top-list{list-style:none;counter-reset:item}.top-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--md-outline-variant)}.top-item:last-child{border-bottom:none}.top-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;background:var(--md-surface-container-high);border-radius:var(--radius-full);color:var(--text-secondary)}.top-info{flex:1;min-width:0}.top-title{display:block;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-meta{font-size:12px;color:var(--text-muted);text-transform:capitalize}.top-count{font-size:14px;font-weight:500;color:var(--md-primary)}.no-data{color:var(--text-muted);font-size:14px;text-align:center;padding:24px}.modal-card--wide{width:90%;max-width:700px;max-height:85vh;overflow-y:auto}.batch-action-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;background:var(--md-surface-container-high);border:1px solid var(--md-primary);border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary)}.audit-log-tab{overflow-x:auto}.audit-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.audit-filter-select{padding:8px 12px;font-size:13px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.audit-details{margin-top:8px;padding:8px 12px;font-size:11px;background:var(--md-surface-container);border-radius:var(--radius-sm);overflow-x:auto;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-width:300px}.viewer-footer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.viewer-footer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.viewer-footer-actions .btn-text.active{color:var(--md-primary)}.search-results-page{max-width:1200px;margin:0 auto}.search-results-header-bar{margin-bottom:24px}@media (max-width: 768px){.admin-header{flex-direction:column;gap:8px;margin-bottom:16px}.admin-tabs{display:none}.admin-tabs-mobile{display:block}.admin-table:not(.admin-table--stack){display:block;overflow-x:auto}.admin-table--stack,.admin-table--stack tbody,.admin-table--stack tr,.admin-table--stack td{display:block;width:100%}.admin-table--stack thead{display:none}.admin-table--stack tr{margin-bottom:12px;padding:8px 4px;border:1px solid var(--md-outline-variant);border-radius:var(--radius-md);background:var(--md-surface-container)}.admin-table--stack tr:hover td{background:transparent}.admin-table--stack td{border-bottom:none;padding:6px 16px;text-align:left!important;white-space:normal!important}.admin-table--stack td[data-label]{display:grid;grid-template-columns:minmax(84px,38%) 1fr;gap:12px;align-items:baseline}.admin-table--stack td[data-label]:before{content:attr(data-label);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.admin-table--stack .action-buttons{flex-wrap:wrap}.analytics-header{flex-direction:column;gap:16px}.analytics-header-controls{flex-wrap:wrap;width:100%}.analytics-header-controls .period-select{flex:1}.bar-chart,.bar-item{min-width:0}.bar-label{display:none}.quick-actions .input-field{flex:1 1 100%;width:100%;max-width:100%;min-width:0}.analytics-grid{grid-template-columns:minmax(0,1fr)}.heatmap-container,.hour-chart{overflow-x:auto}}.analytics-header-controls{display:flex;gap:12px;align-items:center}.analytics-tab-content{margin-top:16px}.metric-icon.sessions{color:var(--md-tertiary, #9c27b0)}.metric-icon.clock{color:var(--md-secondary)}.metric-icon.new-users{color:var(--md-primary)}.metric-icon.zero{color:var(--md-error)}.metric-icon.click{color:var(--md-primary)}.metric-icon.refine{color:var(--md-secondary)}.metric-icon.reject{color:var(--md-error)}.trend-list{display:flex;flex-direction:column;gap:8px}.trend-item{display:flex;align-items:center;gap:12px}.trend-label{min-width:80px;font-size:.8rem;color:var(--md-on-surface-variant)}.trend-bar-container{flex:1;height:8px;background:var(--md-surface-container-high);border-radius:4px;overflow:hidden}.trend-bar{height:100%;background:var(--md-primary);border-radius:4px;transition:width .3s ease}.trend-value{min-width:40px;text-align:right;font-weight:500;font-size:.85rem}.retention-buckets{display:flex;flex-direction:column;gap:10px}.retention-bucket{display:flex;align-items:center;gap:12px}.bucket-label{min-width:80px;font-size:.8rem;color:var(--md-on-surface-variant)}.bucket-bar-container{flex:1;height:10px;background:var(--md-surface-container-high);border-radius:5px;overflow:hidden}.bucket-bar{height:100%;background:var(--md-secondary);border-radius:5px;transition:width .3s ease}.bucket-value{min-width:30px;text-align:right;font-weight:500}.badge-inline{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:500;margin-left:4px}.badge-inline.new{background:var(--brand-tint-15);color:var(--md-primary)}.badge-inline.returning{background:#4285f426;color:var(--md-secondary)}.score-bar{display:flex;align-items:center;gap:8px}.score-fill{height:6px;min-width:4px;max-width:80px;background:var(--md-primary);border-radius:3px}.score-bar span{font-weight:600;font-size:.85rem}.status-breakdown{display:flex;flex-wrap:wrap;gap:12px}.status-item{display:flex;align-items:center;gap:8px}.status-count{font-weight:600;font-size:1.1rem}.hour-chart{display:flex;align-items:flex-end;height:180px;gap:2px;padding:16px 0}.hour-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.hour-bar{width:100%;min-height:2px;background:var(--md-primary);border-radius:2px 2px 0 0;transition:height .3s ease}.hour-label{font-size:.65rem;color:var(--md-on-surface-variant);margin-top:4px}.dow-chart{display:flex;flex-direction:column;gap:8px}.dow-item{display:flex;align-items:center;gap:12px}.dow-label{min-width:40px;font-size:.85rem;font-weight:500}.dow-bar-container{flex:1;height:24px;background:var(--md-surface-container-high);border-radius:4px;overflow:hidden}.dow-bar{height:100%;background:var(--md-primary);border-radius:4px;transition:width .3s ease}.dow-value{min-width:40px;text-align:right;font-weight:500}.heatmap-container{padding:16px 0}.heatmap-grid{display:grid;grid-template-columns:40px repeat(24,1fr);gap:2px}.heatmap-hour-label{text-align:center;font-size:.6rem;color:var(--md-on-surface-variant);padding-bottom:4px}.heatmap-row{display:contents}.heatmap-day-label{font-size:.7rem;font-weight:500;display:flex;align-items:center}.heatmap-cell{aspect-ratio:1;background:var(--md-primary);border-radius:2px;min-height:16px}.heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.75rem;color:var(--md-on-surface-variant)}.heatmap-legend-gradient{width:100px;height:8px;border-radius:4px;background:linear-gradient(to right,var(--brand-tint-10),var(--md-primary))}.export-dropdown{position:relative}.export-btn{display:flex;align-items:center;gap:6px}.export-dropdown-content{display:none;position:absolute;right:0;top:100%;background:var(--md-surface-container-high);border-radius:12px;padding:4px;min-width:160px;z-index:10;box-shadow:0 4px 16px #0000004d}.export-dropdown:hover .export-dropdown-content,.export-dropdown:focus-within .export-dropdown-content{display:block}.export-dropdown-content button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;color:var(--md-on-surface);font-size:.85rem;cursor:pointer;border-radius:8px}.export-dropdown-content button:hover{background:var(--md-surface-container-highest)}.module-page{max-width:880px}.module-header{margin-bottom:28px}.module-header .kicker{color:var(--module-accent, var(--md-primary))}.module-header h1{margin:10px 0 8px}.module-header>p{margin:0;color:var(--md-on-surface-variant);font-size:.98rem;max-width:56ch;line-height:1.55}.module-empty{padding:56px 24px;text-align:center;border:1px dashed var(--md-outline-variant);border-radius:var(--radius-m);color:var(--md-on-surface-variant)}.module-error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:14px 0;border-radius:var(--radius-s);background:color-mix(in srgb,var(--md-error-container) 55%,transparent);border:1px solid color-mix(in srgb,var(--md-error) 35%,transparent);color:var(--md-on-error-container);font-size:.88rem}.module-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;background:none;border:none;padding:4px 0;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--md-on-surface-variant);cursor:pointer}.module-back:hover{color:var(--md-on-surface)}.module-back svg{width:16px;height:16px}.ask-input-card{display:flex;gap:10px;padding:10px;border-radius:var(--radius-l);border:1px solid var(--md-outline-variant);background:var(--md-surface-container);box-shadow:var(--shadow-card);transition:border-color .2s var(--ease-out)}.ask-input-card:focus-within{border-color:var(--module-accent)}.ask-input-card textarea{flex:1;resize:none;border:none;outline:none;background:transparent;padding:10px 12px;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--md-on-surface);min-height:52px;max-height:160px}.ask-send{align-self:flex-end;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:none;background:var(--module-accent);color:var(--md-surface-container-lowest);cursor:pointer;transition:transform .15s var(--ease-out),opacity .2s}.ask-send:hover:not(:disabled){transform:scale(1.06)}.ask-send:disabled{opacity:.4;cursor:default}.ask-send svg{width:20px;height:20px}.ask-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ask-suggestion{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--md-outline-variant);background:transparent;color:var(--md-on-surface-variant);font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.ask-suggestion:hover{border-color:var(--module-accent);color:var(--md-on-surface);background:var(--module-accent-soft)}.ask-thread{margin-top:28px;display:flex;flex-direction:column;gap:20px}.ask-exchange{border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);overflow:hidden}.ask-question{padding:14px 20px;font-weight:600;font-size:.95rem;border-bottom:1px solid var(--md-outline-variant);background:var(--module-accent-soft)}.ask-answer{padding:18px 20px;line-height:1.65;font-size:.95rem;white-space:pre-wrap}.ask-answer--miss{color:var(--md-on-surface-variant);font-style:italic}.ask-citations{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}.ask-citation{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--radius-pill);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-high);color:var(--md-on-surface-variant);font-family:var(--font-mono);font-size:.72rem;text-decoration:none;cursor:pointer}.ask-citation:hover{border-color:var(--module-accent);color:var(--md-on-surface)}.ask-citation svg{width:13px;height:13px;color:var(--module-accent)}.ask-thinking{display:flex;align-items:center;gap:12px;padding:18px 20px;color:var(--md-on-surface-variant);font-size:.9rem}.ask-dots{display:inline-flex;gap:4px}.ask-dots span{width:6px;height:6px;border-radius:50%;background:var(--module-accent);animation:ask-pulse 1.2s ease-in-out infinite}.ask-dots span:nth-child(2){animation-delay:.18s}.ask-dots span:nth-child(3){animation-delay:.36s}@keyframes ask-pulse{0%,70%,to{opacity:.25;transform:scale(.85)}35%{opacity:1;transform:scale(1.15)}}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.module-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--md-on-surface);transition:transform .18s var(--ease-out),border-color .25s,box-shadow .25s}.module-card:hover{transform:translateY(-2px);border-color:var(--module-accent);box-shadow:var(--shadow-raised)}.module-card h3{margin:0;font-family:var(--font-display);font-size:1.12rem;font-weight:600}.module-card p{margin:0;font-size:.85rem;line-height:1.5;color:var(--md-on-surface-variant)}.module-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.module-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:var(--module-accent-soft);color:var(--module-accent);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.module-pill--muted{background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.chat-stage{display:flex;flex-direction:column;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--md-outline-variant);background:var(--module-accent-soft)}.chat-persona{display:flex;align-items:center;gap:12px;min-width:0}.chat-persona-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--module-accent);color:var(--md-surface-container-lowest);font-family:var(--font-display);font-weight:600;flex-shrink:0}.chat-persona-meta{min-width:0;line-height:1.25}.chat-persona-meta strong{display:block;font-size:.92rem}.chat-persona-meta small{color:var(--md-on-surface-variant);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.chat-turns{font-family:var(--font-mono);font-size:.7rem;color:var(--md-on-surface-variant);white-space:nowrap}.chat-messages{display:flex;flex-direction:column;gap:12px;padding:22px 18px;min-height:320px;max-height:52vh;overflow-y:auto}.chat-bubble{max-width:78%;padding:12px 16px;font-size:.93rem;line-height:1.5;animation:rise .35s var(--ease-out) both}.chat-bubble--customer{align-self:flex-start;background:var(--md-surface-container-high);border-radius:4px 18px 18px}.chat-bubble--seller{align-self:flex-end;background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:18px 4px 18px 18px}.chat-close-note{align-self:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--module-accent);padding:6px 0}.chat-input-row{display:flex;gap:10px;padding:14px;border-top:1px solid var(--md-outline-variant)}.chat-input-row textarea{flex:1;resize:none;border:1px solid var(--md-outline-variant);border-radius:var(--radius-m);background:var(--md-surface-container);color:var(--md-on-surface);font-family:var(--font-body);font-size:.93rem;padding:11px 14px;min-height:48px;max-height:120px;outline:none}.chat-input-row textarea:focus{border-color:var(--module-accent)}.chat-mic{align-self:flex-end;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--md-outline-variant);background:var(--md-surface-container-high);color:var(--module-accent);cursor:pointer;transition:border-color .2s,transform .15s var(--ease-out);flex-shrink:0}.chat-mic:hover:not(:disabled){border-color:var(--module-accent);transform:scale(1.05)}.chat-mic:disabled{opacity:.4;cursor:default}.chat-mic svg{width:20px;height:20px}.chat-mic--recording{background:var(--md-error);border-color:var(--md-error);color:var(--md-on-error);animation:mic-pulse 1.4s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--md-error) 45%,transparent)}50%{box-shadow:0 0 0 9px transparent}}.scorecard{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:26px;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low)}.score-ring{--score: 0;position:relative;width:130px;height:130px;border-radius:50%;background:radial-gradient(closest-side,var(--md-surface-container-low) 78%,transparent 79%),conic-gradient(var(--module-accent) calc(var(--score) * 1%),var(--md-surface-container-highest) 0);display:grid;place-items:center}.score-ring strong{font-family:var(--font-mono);font-size:1.7rem;font-weight:600}.score-ring small{position:absolute;bottom:26px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--md-on-surface-variant)}.score-criteria{display:flex;flex-direction:column;gap:14px}.score-criterion{font-size:.85rem}.score-criterion-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.score-criterion-head strong{font-weight:600}.score-criterion-head span{font-family:var(--font-mono);color:var(--md-on-surface-variant)}.score-bar{height:7px;border-radius:999px;background:var(--md-surface-container-highest);overflow:hidden}.score-bar i{display:block;height:100%;border-radius:999px;background:var(--module-accent);transition:width .8s var(--ease-out)}.score-criterion p{margin:6px 0 0;color:var(--md-on-surface-variant);line-height:1.45}.score-lists{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.score-list{padding:16px 18px;border-radius:var(--radius-s);background:var(--md-surface-container)}.score-list h4{margin:0 0 10px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.score-list--good h4{color:var(--md-success)}.score-list--improve h4{color:var(--md-warning)}.score-list ul{margin:0;padding-left:18px}.score-list li{font-size:.85rem;line-height:1.5;margin-bottom:6px;color:var(--md-on-surface-variant)}.score-feedback{grid-column:1 / -1;margin:0;padding:16px 18px;border-left:3px solid var(--module-accent);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--module-accent-soft);font-size:.92rem;line-height:1.6}.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:22px}.quiz-progress-bar{flex:1;height:6px;border-radius:999px;background:var(--md-surface-container-highest);overflow:hidden}.quiz-progress-bar i{display:block;height:100%;background:var(--module-accent);border-radius:999px;transition:width .4s var(--ease-out)}.quiz-progress span{font-family:var(--font-mono);font-size:.74rem;color:var(--md-on-surface-variant)}.quiz-question-card{padding:26px;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low)}.quiz-question-card h2{margin:0 0 22px;font-size:1.25rem;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:var(--radius-s);border:1px solid var(--md-outline-variant);background:var(--md-surface-container);color:var(--md-on-surface);font-family:var(--font-body);font-size:.93rem;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,transform .12s var(--ease-out)}.quiz-option:hover{border-color:var(--module-accent);transform:translate(2px)}.quiz-option--selected{border-color:var(--module-accent);background:var(--module-accent-soft)}.quiz-option--correct{border-color:var(--md-success);background:color-mix(in srgb,var(--md-success-container) 50%,transparent)}.quiz-option--wrong{border-color:var(--md-error);background:color-mix(in srgb,var(--md-error-container) 40%,transparent)}.quiz-option-key{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--md-surface-container-highest);font-family:var(--font-mono);font-size:.74rem;font-weight:600;flex-shrink:0}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.quiz-review{margin-top:26px;display:flex;flex-direction:column;gap:14px}.quiz-review-item{padding:16px 18px;border-radius:var(--radius-s);border-left:3px solid var(--md-success);background:var(--md-surface-container)}.quiz-review-item--wrong{border-left-color:var(--md-error)}.quiz-review-item strong{display:block;font-size:.9rem;margin-bottom:6px}.quiz-review-item span{font-size:.82rem;color:var(--md-on-surface-variant)}.cert-track{border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:16px}.cert-track-head{display:flex;align-items:center;gap:16px;width:100%;padding:20px 22px;background:none;border:none;color:var(--md-on-surface);font-family:var(--font-body);text-align:left;cursor:pointer}.cert-medal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--module-accent-soft);color:var(--module-accent);flex-shrink:0}.cert-medal svg{width:24px;height:24px}.cert-medal--earned{background:var(--module-accent);color:var(--md-surface-container-lowest)}.cert-track-meta{flex:1;min-width:0}.cert-track-meta h3{margin:0 0 3px;font-family:var(--font-display);font-size:1.1rem;font-weight:600}.cert-track-meta p{margin:0;font-size:.82rem;color:var(--md-on-surface-variant)}.cert-chevron{transition:transform .25s var(--ease-out);color:var(--md-on-surface-variant)}.cert-chevron svg{width:18px;height:18px}.cert-track[data-open=true] .cert-chevron{transform:rotate(180deg)}.cert-track-body{padding:0 22px 22px}.cert-reqs{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.cert-req{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-s);background:var(--md-surface-container);font-size:.88rem}.cert-req-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--md-outline);color:transparent;flex-shrink:0}.cert-req-mark svg{width:13px;height:13px}.cert-req--met .cert-req-mark{border-color:var(--md-success);background:var(--md-success);color:var(--md-surface-container-lowest)}.cert-req-label{flex:1;min-width:0}.cert-req-value{font-family:var(--font-mono);font-size:.74rem;color:var(--md-on-surface-variant);white-space:nowrap}.cert-earned-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;border-radius:var(--radius-s);background:var(--module-accent-soft);font-size:.88rem}.cert-code{font-family:var(--font-mono);font-size:.78rem;padding:5px 10px;border-radius:6px;background:var(--md-surface-container-highest)}@media (max-width: 640px){.scorecard{grid-template-columns:1fr;justify-items:center}.score-criteria{width:100%}}.courses-root{--module-accent: var(--accent-course, var(--brand, var(--md-primary)));--module-accent-soft: var(--accent-course-soft, var(--brand-tint-08, rgba(0, 0, 0, .06)))}.course-section{margin-bottom:34px}.course-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.course-section-head h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600}.course-section-head a,.course-section-head button{font-size:.85rem}.course-card{position:relative}.course-card .course-cover{width:100%;aspect-ratio:16 / 7;border-radius:var(--radius-s);object-fit:cover;background:var(--module-accent-soft)}.course-card .course-cover--placeholder{display:grid;place-items:center;color:var(--md-on-surface-variant)}.course-card .course-cover--placeholder svg{width:32px;height:32px}.course-progress{height:6px;border-radius:999px;background:var(--md-surface-container-high);overflow:hidden}.course-progress>i{display:block;height:100%;background:var(--md-success)}.course-due{font-family:var(--font-mono);font-size:.72rem;color:var(--md-on-surface-variant)}.course-due--overdue{color:var(--md-error);font-weight:600}.course-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}@media (max-width: 860px){.course-detail-hero{grid-template-columns:1fr}}.course-detail-panel{padding:20px;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);display:flex;flex-direction:column;gap:12px}.course-detail-panel dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.85rem}.course-detail-panel dt{color:var(--md-on-surface-variant)}.course-detail-panel dd{margin:0}.course-search{display:flex;gap:10px;margin-bottom:20px}.course-search input{flex:1}.player-page{display:flex;flex-direction:column;height:calc(100dvh - 24px);min-height:480px;gap:10px}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low)}.player-bar h1{margin:0;font-size:1rem;font-family:var(--font-display);font-weight:600}.player-bar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.player-status{font-size:.8rem;color:var(--md-on-surface-variant);display:inline-flex;align-items:center;gap:6px}.player-status i{width:8px;height:8px;border-radius:50%;background:var(--md-outline);display:inline-block}.player-status--saved i{background:var(--module-accent)}.player-status--error{color:var(--md-error)}.player-status--error i{background:var(--md-error)}.player-frame-wrap{flex:1;min-height:0;border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--md-outline-variant);background:#fff}.player-frame-wrap iframe{width:100%;height:100%;border:0;display:block}.player-complete{padding:28px;text-align:center;border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low)}.player-complete h2{margin:0 0 8px;font-family:var(--font-display)}.course-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.course-admin-form{display:grid;gap:12px;max-width:640px}.course-admin-form label{display:grid;gap:6px;font-size:.85rem;font-weight:600}.course-admin-form label>span{color:var(--md-on-surface-variant);font-weight:500;font-size:.78rem}.course-admin-form input[type=text],.course-admin-form input[type=url],.course-admin-form input[type=number],.course-admin-form input[type=date],.course-admin-form input[type=datetime-local],.course-admin-form textarea,.course-admin-form select,.course-search input,.enrol-form input,.enrol-form select{width:100%;padding:10px 12px;border-radius:var(--radius-s);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-lowest);color:var(--md-on-surface);font:inherit}.course-admin-form textarea{min-height:90px;resize:vertical}.course-admin-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-admin-form .check{display:flex;align-items:center;gap:10px;font-weight:500}.course-admin-form .check input{width:18px;height:18px}.package-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--radius-s);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);margin-bottom:10px}.package-row .version{font-family:var(--font-mono);font-size:.8rem;color:var(--md-on-surface-variant)}.package-row .package-meta{font-size:.8rem;color:var(--md-on-surface-variant)}.package-row .package-error{color:var(--md-error);font-size:.82rem}.package-row .package-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.enrol-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end;margin-bottom:14px}@media (max-width: 720px){.enrol-form{grid-template-columns:1fr}}.enrol-form label{display:grid;gap:6px;font-size:.8rem;color:var(--md-on-surface-variant)}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.report-summary .stat{padding:12px;border-radius:var(--radius-s);background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant)}.report-summary .stat strong{display:block;font-size:1.4rem;font-family:var(--font-display)}.report-summary .stat span{font-size:.75rem;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.admin-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.admin-subnav a,.admin-subnav button{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--md-outline-variant);background:transparent;color:var(--md-on-surface-variant);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:none}.admin-subnav a.active,.admin-subnav button.active{background:var(--module-accent-soft);color:var(--module-accent);border-color:var(--module-accent)}.status-chip{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.status-chip--published,.status-chip--completed,.status-chip--ready{background:color-mix(in srgb,var(--md-success) 16%,transparent);color:var(--md-success)}.status-chip--failed{background:color-mix(in srgb,var(--md-error-container) 60%,transparent);color:var(--md-on-error-container)}.status-chip--in_progress,.status-chip--processing,.status-chip--uploaded{background:color-mix(in srgb,var(--md-secondary) 18%,transparent)}.drop-zip{padding:22px;border:1px dashed var(--md-outline-variant);border-radius:var(--radius-m);text-align:center;color:var(--md-on-surface-variant)}.drop-zip input{display:none}.drop-zip.busy{opacity:.6;pointer-events:none}.report-kept{font-size:.75rem;color:var(--md-on-surface-variant);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--md-primary: #3DDC84;--md-primary-light: #73FBBB;--md-primary-dark: #00A956;--md-on-primary: #003919;--md-primary-container: #005227;--md-on-primary-container: #73FBBB;--md-secondary: #4285F4;--md-secondary-light: #80B4FF;--md-secondary-dark: #0059C1;--md-on-secondary: #00315C;--md-secondary-container: #004883;--md-on-secondary-container: #D2E4FF;--md-tertiary: #073042;--md-tertiary-light: #3D5A6C;--md-tertiary-dark: #001E2D;--md-surface: #1A1C1E;--md-surface-dim: #111315;--md-surface-bright: #373A3D;--md-surface-container-lowest: #0D0F11;--md-surface-container-low: #1A1C1E;--md-surface-container: #1E2022;--md-surface-container-high: #282A2D;--md-surface-container-highest: #333537;--md-on-surface: #E2E2E5;--md-on-surface-variant: #C4C6CA;--md-outline: #8E9194;--md-outline-variant: #43474B;--md-error: #FFB4AB;--md-error-container: #93000A;--md-on-error: #690005;--md-on-error-container: #FFDAD6;--md-success: #3DDC84;--md-success-container: #005227;--md-warning: #FFBB33;--md-warning-container: #4D3B00;--bg-primary: var(--md-surface-dim);--bg-secondary: var(--md-surface);--bg-tertiary: var(--md-surface-container);--bg-elevated: var(--md-surface-container-high);--bg-card: var(--md-surface-container);--accent-primary: var(--md-primary);--accent-primary-light: var(--md-primary-light);--accent-primary-dark: var(--md-primary-dark);--accent-secondary: var(--md-secondary);--accent-secondary-light: var(--md-secondary-light);--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-variant);--text-tertiary: rgba(226, 226, 229, .6);--text-muted: rgba(226, 226, 229, .38);--text-on-primary: var(--md-on-primary);--border-subtle: var(--md-outline-variant);--border-medium: var(--md-outline);--shadow-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--shadow-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15);--shadow-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--shadow-4: 0 6px 10px 4px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.3);--shadow-5: 0 8px 12px 6px rgba(0,0,0,.15), 0 4px 4px rgba(0,0,0,.3);--shadow-glow-primary: 0 0 20px var(--brand-tint-25);--shadow-glow-secondary: 0 0 20px rgba(24, 99, 220, .25);--gradient-primary: linear-gradient(135deg, var(--md-primary-light) 0%, var(--md-primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--md-secondary-light) 0%, var(--md-secondary-dark) 100%);--gradient-surface: linear-gradient(180deg, var(--md-surface-container) 0%, var(--md-surface) 100%);--font-display: "Google Sans", "Roboto", sans-serif;--font-body: "Roboto", sans-serif;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: all .1s cubic-bezier(.2, 0, 0, 1);--transition-base: all .2s cubic-bezier(.2, 0, 0, 1);--transition-slow: all .3s cubic-bezier(.2, 0, 0, 1);--transition-emphasized: all .5s cubic-bezier(.2, 0, 0, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;letter-spacing:.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;letter-spacing:0;color:var(--text-primary)}h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.75rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}h4{font-size:1rem;line-height:1.5}a{color:var(--md-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--md-primary-light)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.page-header{margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:500;color:var(--text-primary)}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.1px;border:none;border-radius:var(--radius-full);background:var(--md-primary);color:var(--md-on-primary);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-1);text-decoration:none}.btn-primary:hover{box-shadow:var(--shadow-2);background:var(--md-primary-light);color:var(--md-on-primary)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.1px;border:1px solid var(--md-outline);border-radius:var(--radius-full);background:transparent;color:var(--md-primary);cursor:pointer;transition:var(--transition-base);text-decoration:none}.btn-secondary:hover{background:var(--brand-tint-08);border-color:var(--md-primary)}.btn-secondary:disabled{opacity:.38;cursor:not-allowed}.btn-tonal{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-family:var(--font-body);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-full);background:var(--md-secondary-container);color:var(--md-on-secondary-container);cursor:pointer;transition:var(--transition-base);text-decoration:none}.btn-tonal:hover{box-shadow:var(--shadow-1)}.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 12px;font-family:var(--font-body);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-full);background:transparent;color:var(--md-primary);cursor:pointer;transition:var(--transition-fast)}.btn-text:hover{background:var(--brand-tint-08)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--overlay-strong);color:var(--text-primary)}.btn-icon svg{width:24px;height:24px}.card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--radius-lg);padding:16px;transition:var(--transition-base)}.card:hover{background:var(--md-surface-container-high);box-shadow:var(--shadow-2)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--md-primary)}.card-elevated{background:var(--md-surface-container-low);border:none;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-1);transition:var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-3)}.input-field{position:relative;margin-bottom:16px}.input-field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.5px}.input-field input,.input-field textarea,.input-field select{width:100%;font-family:var(--font-body);font-size:16px;padding:16px;border:1px solid var(--md-outline);border-radius:var(--radius-xs);background:transparent;color:var(--text-primary);transition:var(--transition-fast)}.input-field input:focus,.input-field textarea:focus,.input-field select:focus{outline:none;border-color:var(--md-primary);border-width:2px;padding:15px}.input-field input::placeholder,.input-field textarea::placeholder{color:var(--text-muted)}.input-field .error{font-size:12px;color:var(--md-error);margin-top:4px}.chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:14px;border:1px solid var(--md-outline);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.chip:hover{background:var(--overlay-soft)}.chip--selected{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:transparent}.chip--primary{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:transparent}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:500;border-radius:var(--radius-full);background:var(--md-primary);color:var(--md-on-primary)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border:none;border-radius:var(--radius-lg);background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:var(--shadow-3);cursor:pointer;transition:var(--transition-base);z-index:100}.fab:hover{box-shadow:var(--shadow-4)}.fab svg{width:24px;height:24px}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;min-width:288px;max-width:568px;padding:14px 16px;background:var(--md-surface-container-highest);color:var(--text-primary);border-radius:var(--radius-xs);box-shadow:var(--shadow-3);z-index:2000;animation:snackbar-in .2s ease-out}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.snackbar-action{margin-left:auto;color:var(--md-primary);font-weight:500;background:none;border:none;cursor:pointer}.spinner{width:24px;height:24px;border:3px solid var(--md-outline-variant);border-top-color:var(--md-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner--large{width:48px;height:48px;border-width:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;text-align:center}.empty-state svg{width:64px;height:64px;color:var(--text-muted)}.empty-state h3{color:var(--text-secondary)}.empty-state p{color:var(--text-muted);max-width:400px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content{padding-bottom:80px}.page-title{font-size:1.25rem}.page-subtitle{font-size:13px}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding:16px 16px 80px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}::selection{background:var(--brand-tint-30);color:var(--text-primary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:3000;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);box-shadow:var(--shadow-4);animation:toast-in .3s ease-out;pointer-events:auto;cursor:pointer;max-width:400px}.toast--success{background:var(--md-primary-container);border-left:3px solid var(--md-primary)}.toast--error{background:var(--md-error-container, #93000A);border-left:3px solid var(--md-error)}.toast--warning{background:#fb33;border-left:3px solid var(--md-warning, #FFBB33)}.toast--info{background:var(--md-surface-container-high);border-left:3px solid var(--md-secondary)}.toast-message{flex:1}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.toast-container{bottom:88px;right:12px;left:12px}.toast{max-width:100%}}:root{--font-display: "Satoshi", "Helvetica Neue", Arial, sans-serif;--font-body: "Satoshi", "Helvetica Neue", Arial, sans-serif;--font-alt: "General Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--brand: #ff6d66;--brand-pressed: #e65a58;--qm-navy: #102f36;--qm-cream: #f8eee3;--qm-green: #60cd90;--qm-blue: #1863dc;--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--radius-pill: 999px;--ease-out: cubic-bezier(.2, .8, .2, 1)}:root,:root[data-theme=dark]{color-scheme:dark;--md-primary: var(--brand);--md-primary-light: #ff9a95;--md-primary-dark: var(--brand-pressed);--md-on-primary: #2b0906;--md-primary-container: #7a2a25;--md-on-primary-container: #ffd6d3;--md-secondary: #6fa0f2;--md-secondary-light: #a2c1f8;--md-secondary-dark: var(--qm-blue);--md-on-secondary: #00245e;--md-secondary-container: #164a9e;--md-on-secondary-container: #dce7ff;--md-tertiary: #0e2a30;--md-tertiary-light: #1d4852;--md-tertiary-dark: #081a1f;--md-surface: var(--qm-navy);--md-surface-dim: #0b2127;--md-surface-bright: #2a5f6b;--md-surface-container-lowest: #081a1f;--md-surface-container-low: #143740;--md-surface-container: #183f49;--md-surface-container-high: #1d4852;--md-surface-container-highest: #23525d;--md-on-surface: var(--qm-cream);--md-on-surface-variant: #b9c7c3;--md-outline: #5f7b7f;--md-outline-variant: #274c55;--md-error: #ff8a80;--md-error-container: #7d1f18;--md-on-error: #410002;--md-on-error-container: #ffdad6;--md-success: var(--qm-green);--md-success-container: #1c4d33;--md-warning: #f2c14e;--md-warning-container: #4d3b00;--accent-ask: #6fa0f2;--accent-ask-soft: rgba(111, 160, 242, .14);--accent-roleplay: #ffb49c;--accent-roleplay-soft: rgba(255, 180, 156, .13);--accent-quiz: #6fd9e2;--accent-quiz-soft: rgba(111, 217, 226, .12);--accent-cert: #eecf60;--accent-cert-soft: rgba(238, 207, 96, .12);--accent-vault: var(--brand);--accent-vault-soft: rgba(255, 109, 102, .12);--accent-course: var(--qm-green);--accent-course-soft: rgba(96, 205, 144, .14);--btn-primary-bg: var(--qm-cream);--btn-primary-fg: var(--qm-navy);--btn-primary-hover-bg: var(--brand);--btn-primary-hover-fg: var(--qm-navy);--shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 28px -12px rgba(0, 0, 0, .55);--shadow-raised: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 44px -16px rgba(0, 0, 0, .6);--hairline: color-mix(in srgb, var(--brand) 32%, transparent);--overlay-faint: rgba(248, 238, 227, .025);--overlay-soft: rgba(248, 238, 227, .06);--overlay-strong: rgba(248, 238, 227, .1);--brand-tint-05: color-mix(in srgb, var(--brand) 5%, transparent);--brand-tint-08: color-mix(in srgb, var(--brand) 8%, transparent);--brand-tint-10: color-mix(in srgb, var(--brand) 10%, transparent);--brand-tint-15: color-mix(in srgb, var(--brand) 15%, transparent);--brand-tint-25: color-mix(in srgb, var(--brand) 25%, transparent);--brand-tint-30: color-mix(in srgb, var(--brand) 30%, transparent);--atmosphere: radial-gradient(1100px 520px at 8% -8%, rgba(255, 109, 102, .08), transparent 60%), radial-gradient(900px 480px at 100% 0%, rgba(24, 99, 220, .07), transparent 55%)}:root[data-theme=light]{color-scheme:light;--md-primary: #c9443e;--md-primary-light: var(--brand);--md-primary-dark: #a8342f;--md-on-primary: #ffffff;--md-primary-container: #ffd9d6;--md-on-primary-container: #4a1210;--md-secondary: var(--qm-blue);--md-secondary-light: #4a86ea;--md-secondary-dark: #0056a7;--md-on-secondary: #ffffff;--md-secondary-container: #d8e5ff;--md-on-secondary-container: #0d2c5e;--md-tertiary: #efe3d5;--md-tertiary-light: var(--qm-cream);--md-tertiary-dark: #e3d3c0;--md-surface: #fbf6ef;--md-surface-dim: #f1e6da;--md-surface-bright: #ffffff;--md-surface-container-lowest: #ffffff;--md-surface-container-low: var(--qm-cream);--md-surface-container: #f2e6d8;--md-surface-container-high: #ebddcc;--md-surface-container-highest: #e3d3c0;--md-on-surface: var(--qm-navy);--md-on-surface-variant: #4e6367;--md-outline: #7c8f92;--md-outline-variant: #d6c9ba;--md-error: #b3261e;--md-error-container: #f9dedc;--md-on-error: #ffffff;--md-on-error-container: #410002;--md-success: #2e9b62;--md-success-container: #cdefdb;--md-warning: #8a5a00;--md-warning-container: #ffe3a8;--accent-ask: var(--qm-blue);--accent-ask-soft: rgba(24, 99, 220, .1);--accent-roleplay: #b35a00;--accent-roleplay-soft: rgba(179, 90, 0, .1);--accent-quiz: #00838a;--accent-quiz-soft: rgba(0, 131, 138, .09);--accent-cert: #7a5c00;--accent-cert-soft: rgba(122, 92, 0, .1);--accent-vault: #c9443e;--accent-vault-soft: rgba(201, 68, 62, .09);--accent-course: #2e9b62;--accent-course-soft: rgba(46, 155, 98, .12);--btn-primary-bg: var(--qm-navy);--btn-primary-fg: var(--qm-cream);--btn-primary-hover-bg: var(--brand);--btn-primary-hover-fg: #ffffff;--shadow-card: 0 1px 2px rgba(16, 47, 54, .06), 0 10px 30px -14px rgba(16, 47, 54, .18);--shadow-raised: 0 2px 6px rgba(16, 47, 54, .08), 0 22px 48px -18px rgba(16, 47, 54, .25);--hairline: color-mix(in srgb, var(--md-primary) 28%, transparent);--overlay-faint: rgba(16, 47, 54, .025);--overlay-soft: rgba(16, 47, 54, .05);--overlay-strong: rgba(16, 47, 54, .08);--brand-tint-05: color-mix(in srgb, var(--md-primary) 6%, transparent);--brand-tint-08: color-mix(in srgb, var(--md-primary) 9%, transparent);--brand-tint-10: color-mix(in srgb, var(--md-primary) 11%, transparent);--brand-tint-15: color-mix(in srgb, var(--md-primary) 16%, transparent);--brand-tint-25: color-mix(in srgb, var(--md-primary) 24%, transparent);--brand-tint-30: color-mix(in srgb, var(--md-primary) 30%, transparent);--atmosphere: radial-gradient(1100px 520px at 8% -8%, rgba(255, 109, 102, .12), transparent 60%), radial-gradient(900px 480px at 100% 0%, rgba(24, 99, 220, .06), transparent 55%)}:root{--text-muted: var(--md-on-surface-variant)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}body{font-family:var(--font-body);background-color:var(--md-surface-dim);background-image:var(--atmosphere);background-attachment:fixed;color:var(--md-on-surface);transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}::selection{background:var(--md-primary);color:var(--md-on-primary)}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline);background-clip:content-box}h1,h2,h3,.page-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}.page-title{font-weight:600;font-size:clamp(1.7rem,3.5vw,2.4rem)}.mono{font-family:var(--font-mono)}.kicker{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--md-primary);display:inline-flex;align-items:center;gap:8px}.kicker:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}.btn-primary,.btn-secondary,.btn-tonal{font-family:var(--font-body);font-weight:600;border-radius:var(--radius-pill);transition:transform .15s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-fg);transform:translateY(-1px);box-shadow:0 6px 18px -6px var(--hairline)}.btn-primary:disabled{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.module-card h3 a,.course-card h3 a,.course-detail h1 a{color:inherit;text-decoration:none}.module-card h3 a:hover,.course-card h3 a:hover{color:var(--md-primary)}.btn-primary:active:not(:disabled){transform:translateY(0)}.card,.card-elevated{border-radius:var(--radius-m);border:1px solid var(--md-outline-variant);box-shadow:var(--shadow-card);transition:transform .18s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s var(--ease-out)}.card-clickable:hover{transform:translateY(-2px);border-color:var(--hairline);box-shadow:var(--shadow-raised)}.input-field{font-family:var(--font-body);border-radius:var(--radius-s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .5s var(--ease-out) both}.stagger>*{animation:rise .5s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.09s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.21s}.stagger>*:nth-child(5){animation-delay:.27s}.stagger>*:nth-child(6){animation-delay:.33s}.stagger>*:nth-child(n+7){animation-delay:.39s}@media (prefers-reduced-motion: reduce){.rise,.stagger>*{animation:none}body{transition:none}}