@font-face{font-family:NewZen;src:url("https://m.universalclass.com/core/fonts/NewZen-Regular.ttf")}@font-face{font-family:NewZen;src:url("https://m.universalclass.com/core/fonts/NewZen-Bold.ttf");font-weight:700}@font-face{font-family:NewZen;src:url("https://m.universalclass.com/core/fonts/NewZen-SemiBold.ttf");font-weight:600}
html:has(.uc-client),body.uc-client{height:100%;overflow:hidden}.uc-client{display:flex;flex-direction:column;background:#08141f;color:#f6efdc;font:17px/1.4 NewZen,system-ui,sans-serif}.uc-client *{box-sizing:border-box}.client-bar{display:flex;flex-direction:row;align-items:center;gap:28px;padding:10px 28px;min-height:68px;z-index:50;background:#08131ef7;border-bottom:1px solid #49616a55;flex-shrink:0}.client-brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;margin-right:auto;white-space:nowrap}.client-brand img{width:27px;height:43px}.client-brand small{display:block;color:#d8bc7b;font-size:7px;letter-spacing:2px;margin-top:3px}.client-bar nav{display:flex;flex-direction:row;gap:25px;align-items:center;font-size:14px}.client-bar nav a{padding:9px 0}.client-bar nav a[aria-current=page]{color:#edd194;border-bottom:1px solid #edd194}.client-session{font-size:13px;padding:8px 16px;border-color:#7e9b93}.client-view{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;isolation:isolate}.client-view>.ux-view{height:100%;width:100%;min-height:0;position:relative;overflow:hidden;animation:client-arrive .3s ease-out}.ux-view :where(div,section,main,header,footer,nav,aside,article){display:flex;flex-direction:column;position:relative;min-width:0;flex-shrink:0;border:0 solid transparent}.ux-view :where(button,img,label){position:relative;border-style:solid}.ux-view .u-label{white-space:pre-line;flex-shrink:0}.ux-view img[data-empty-image]{visibility:hidden}.ux-view img[data-decorative]{pointer-events:none}.ux-view [data-decorative]:not(button):not(label):not(a){pointer-events:none}.ux-view :where(.u-scroll){overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.ux-view :where(button){display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6px;flex-shrink:0}.ux-view .ux-field{display:flex;flex-direction:column;min-width:0;flex-shrink:0}.ux-view .ux-field>input,.ux-view .ux-field>select,.ux-view .ux-field>textarea{width:100%;font:inherit;color:inherit;min-width:0}.ux-view .ux-field>.unity-base-field__label{display:block;font-size:13px;margin-bottom:7px}.ux-view .ux-toggle{display:flex;flex-direction:row;gap:12px;align-items:center}.ux-view .ux-toggle input{width:22px;height:22px;min-height:22px;accent-color:#dab978;flex-shrink:0}.ux-view .ux-slider{display:flex;gap:14px;flex-direction:column}.ux-view input[type=range]{padding:0;width:100%;accent-color:#dfbf7d}.ux-view progress{width:100%;height:10px;accent-color:#9dd8c8}.ux-view details{display:block}.ux-view summary{cursor:pointer}.ux-view [hidden],.uc-client [hidden]{display:none!important}.client-dock{display:none}.client-card{background:linear-gradient(125deg,#182e39,#11232f);border:1px solid #476068;border-radius:21px;padding:25px}.client-stack{display:flex;flex-direction:column;gap:18px}.client-row{display:flex;flex-direction:row;gap:14px;align-items:center}.client-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.client-section{padding:30px;overflow:auto;min-height:0;max-width:1400px;width:100%;margin:auto;height:100%}.client-section h1{font-size:44px;margin:0 0 20px}.client-section h2{font-size:26px;margin:8px 0 15px}.client-section p{line-height:1.7}.client-empty{padding:45px;text-align:center;align-items:center;justify-content:center;gap:18px;min-height:250px}.client-empty h2{font-size:32px}.client-empty img{height:100px}.client-note{font-size:14px;color:#b3cec8;line-height:1.6}.client-status{padding:13px 18px;border:1px solid #526d76;border-radius:12px;margin:14px 0;color:#e6d59f;line-height:1.5}.client-error{color:#ffc9ad;border-color:#997260}.client-status:empty{display:none}.client-native-host{flex:1;min-height:0;overflow:auto}.client-loading-skeleton{background:linear-gradient(100deg,#20333b,#34494e,#20333b);background-size:250% 100%;animation:client-shimmer 1.8s infinite;border-radius:14px;height:100px}.client-table{width:100%;border-collapse:collapse;font-size:15px}.client-table th,.client-table td{padding:15px;border-bottom:1px solid #52656b55;text-align:left}.client-table th{color:#e8c98b;font-size:12px}.client-table a{color:#c9e3d7}.client-link{color:#e5cc92;text-decoration:underline;text-underline-offset:3px}.client-native-close{border:1px solid #859b91;border-radius:50%;width:42px;height:42px;min-width:42px;padding:0;font-size:25px}.client-value{color:#f0d49a;font-weight:700}.client-help{border-top:1px solid #63776f44;padding-top:18px;font-size:14px;color:#b3c9c6}.client-field{display:flex;flex-direction:column;gap:7px;min-width:0}.client-field>input,.client-field>textarea,.client-field>select{width:100%}#client-busy{position:fixed;inset:68px 0 0;z-index:90;display:flex;align-items:center;justify-content:center;gap:20px;background:#08131ed9;backdrop-filter:blur(9px);font-size:17px}.client-spinner{width:35px;height:35px;border:2px solid #5c756e;border-top-color:#edd08b;border-radius:50%;animation:client-spin 1s linear infinite}#client-toast{position:fixed;bottom:35px;left:50%;translate:-50% 15px;z-index:300;pointer-events:none;opacity:0;background:#16313a;border:1px solid #d0c28b;border-radius:17px;max-width:min(92vw,600px);padding:14px 22px;transition:opacity .2s,translate .2s}#client-toast.visible{opacity:1;translate:-50% 0}.client-modal-shade{position:fixed;inset:0;background:#000b;z-index:150;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(7px)}.client-modal-shade>.ux-view{position:relative;width:min(94vw,1160px);height:min(92dvh,960px);border:1px solid #78968c;border-radius:24px;overflow:hidden;background:#0c1c29}.client-modal-shade>.ux-view.client-compact-modal{max-width:650px;height:auto;max-height:90dvh;padding:30px}.client-native-description{line-height:1.8;color:#c1d7cd}.client-native-description p+p{margin-top:18px}.client-setting-row{padding:18px 0;border-bottom:1px solid #64807144;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.client-setting-row input{accent-color:#d9bc79}.client-setting-row>label{display:flex;flex-direction:column;gap:5px}.client-collection-card{display:flex;flex-direction:column;gap:15px;position:relative;min-height:210px;border:1px solid #6b7d6d;border-radius:20px;background:linear-gradient(145deg,#1b363d,#142632);padding:25px;color:#f0e4c6}.client-collection-card img{width:75px;height:85px;object-fit:contain}.client-collection-card h3{font-size:24px}.client-collection-card button{align-self:flex-start}.client-slim-card{display:flex;flex-direction:row;gap:18px;align-items:center;padding:14px;background:#172c35;border:1px solid #465f61;border-radius:15px}.client-slim-card img{width:104px;height:105px;border-radius:11px;object-fit:cover}.client-slim-card>div{flex:1;gap:7px}.client-slim-card h3{font-size:21px}.client-slim-card small{font-size:12px;color:#b2cec5}.client-progress-track{height:6px;background:#45645b;border-radius:8px;overflow:hidden}.client-progress-track>span{display:block;height:100%;background:#a4dcc4}.client-title-font{font-weight:700}.client-toggle-on{background:#5f786044!important;color:#f0dba3!important;border-color:#e0c78b!important}.client-art-float{animation:client-float 6s ease-in-out infinite}.client-award{position:fixed;left:50%;top:30%;translate:-50% 0;z-index:400;text-align:center;pointer-events:none;animation:client-award 3.4s ease-out both;color:#f4d585;font-size:76px;font-weight:700;text-shadow:0 0 40px #d79c33aa;white-space:nowrap}.client-award img{height:80px;vertical-align:middle;margin-right:17px}.client-award small{display:block;font-size:22px;color:#e7e8c8;margin-top:12px}.client-screen-fallback{padding:25px;display:flex;gap:18px;align-items:center;justify-content:center;height:100%}.client-bindings-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-bindings-menu>a{padding:20px;border:1px solid #536f6c;border-radius:14px;background:#153039;color:#e5e6cb}
@keyframes client-arrive{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes client-spin{to{rotate:360deg}}@keyframes client-shimmer{to{background-position:-250% 0}}@keyframes client-float{50%{translate:0 -8px}}@keyframes client-award{0%{opacity:0;scale:.65;transform:translateY(70px)}15%,70%{opacity:1;scale:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100px)}}
@media(max-width:900px){.client-bar{gap:14px;padding:10px 17px}.client-bar nav{gap:15px;font-size:12px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-section{padding:23px}.client-section h1{font-size:36px}}@media(max-width:700px){.client-bar{min-height:61px}.client-brand{font-size:18px}.client-brand small{font-size:6px}.client-brand img{width:24px;height:35px}.client-bar nav{display:none}.client-session{font-size:12px;min-height:38px}.client-dock{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:5px 8px max(6px,env(safe-area-inset-bottom));background:#0a1b27;border-top:1px solid #54706466;z-index:50;min-height:61px;flex-shrink:0}.client-dock>a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:22px;min-width:60px}.client-dock span{font-size:10px;color:#bed1c8}.client-section{padding:20px 17px}.client-section h1{font-size:32px}.client-grid{grid-template-columns:1fr}.client-row{flex-wrap:wrap}.client-bindings-menu{grid-template-columns:1fr}.client-empty{padding:25px}.client-modal-shade{padding:8px}.client-modal-shade>.ux-view{width:100%;height:95dvh;border-radius:18px}.client-award{font-size:46px}.client-award img{height:60px}.client-award small{font-size:17px}.client-table{font-size:12px}.client-table th,.client-table td{padding:9px}#client-busy{inset:61px 0 60px}#client-toast{bottom:85px}.client-native-description{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ux-view,.client-art-float,.client-award{animation:none!important}.client-award{opacity:1}}html.reduced-motion .ux-view,html.reduced-motion .client-art-float,html.reduced-motion .client-award{animation:none!important}
/* Browser equivalents for procedural native children. Scoped to this client. */
.client-immersive .client-bar,.client-immersive .client-dock{display:none!important}
.ux-view .u-scroll{flex-shrink:1}.client-spectrum{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;height:55px;gap:4px}.client-spectrum span{height:20%;width:5px;background:#91d5d2;border-radius:4px}.is-playing .client-spectrum span{animation:client-wave .8s ease-in-out alternate infinite;animation-delay:calc(var(--i)*-0.13s)}@keyframes client-wave{to{height:90%;opacity:.5}}
.client-saved-cover{width:100%;height:190px;object-fit:cover;border-radius:16px}
/* Website help and accessibility use the document's native scrollbar. */
html:has(body.client-document-page),body.uc-client.client-document-page{height:auto;min-height:100%;overflow-x:clip;overflow-y:visible}
body.client-document-page .a11y-app-shell{height:auto;min-height:100dvh;flex:0 0 auto}
body.client-document-page #client-view{flex:1 0 auto;overflow:visible}
body.client-document-page #client-view>.ux-view{height:auto;max-height:none;overflow:visible}
body.client-document-page #client-view>.ux-view>.client-section{height:auto;max-height:none;overflow:visible}
.website-guide,.website-settings{max-width:1180px;padding:36px clamp(18px,4vw,56px) 64px;display:block}
.website-options-top{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px;flex-wrap:wrap}
.website-options-top button{padding:8px 14px;min-height:44px;color:#d9dfd5}
.website-guide h1,.website-settings h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.02em;margin:0 0 18px}
.website-options-intro{font-size:18px;line-height:1.65;color:#b8cdc8;max-width:660px;margin:0 0 34px}
.website-guide-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.website-guide-card,.website-settings-preview{padding:26px;border:1px solid #3e5659;border-radius:22px;background:linear-gradient(135deg,#183132,#12232d);min-width:0}
.website-guide-number{color:#dcc58d;font-size:12px;letter-spacing:.16em;margin-bottom:24px}
.website-guide-card h2,.website-settings-preview h2{font-size:24px;line-height:1.25;margin:0 0 14px;color:#f2ebd8}
.website-guide-card p,.website-settings-preview p{color:#c0d0cd;font-size:16px;line-height:1.7;margin:0 0 22px}
.website-options-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:8px 0;color:#f0d69b;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.website-guide-card .website-options-link{margin-top:auto;align-self:flex-start}
.website-options-foot{display:flex!important;flex-direction:row!important;gap:20px;flex-wrap:wrap;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #3e5659}
.website-options-foot a{color:#e6d4ad;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.website-settings-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
.website-settings-controls{border:1px solid #3e5659;border-radius:22px;overflow:hidden;background:#122630}
.website-setting{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid #3e565970;cursor:pointer;min-width:0}
.website-setting:last-child{border-bottom:0}.website-setting>span{display:block;min-width:0}
.website-setting strong{display:block;font-size:18px;line-height:1.4;color:#f2ebd8}.website-setting small{display:block;font-size:14px;line-height:1.6;color:#b8cdc8;margin-top:7px}
.website-setting input[type=checkbox]{width:26px;height:26px;min-height:26px;flex-shrink:0;accent-color:#e2c88d}
.website-setting select{width:130px;min-width:110px;flex-shrink:0;font-size:16px;min-height:46px}
.website-settings-preview{background:linear-gradient(145deg,#293b35,#14252d)}.website-settings-preview>.eyebrow{margin-bottom:28px}
.website-settings-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px;margin:28px 0 24px}
.website-settings-note{font-size:14px;line-height:1.7;max-width:760px;margin-bottom:14px;color:#b8cdc8}
.a11y-contrast :is(.website-guide-card,.website-settings-preview,.website-settings-controls){background:#071927!important;border-color:#d3e9f0!important}
@media(max-width:700px){.website-guide-grid,.website-settings-grid{grid-template-columns:1fr}.website-guide-card,.website-settings-preview{padding:22px}.website-options-top{margin-bottom:26px}.website-setting{padding:20px 18px;gap:14px}.website-setting:first-child{align-items:flex-start;flex-direction:column!important}.website-setting select{width:100%}.website-options-intro{font-size:17px}}
.uc-client .client-presentation .lp-background-image{display:block!important;width:100%;height:100%;object-fit:cover;opacity:.75!important;animation:client-camera 28s ease-in-out alternate infinite}.uc-client .client-presentation .lp-subtitle-stack{top:auto!important;bottom:150px!important;height:auto!important;max-height:130px;min-height:0!important}.uc-client .client-presentation .lp-header{top:20px!important;left:25px!important;right:25px!important}.uc-client .client-presentation .lp-header-title{font-size:18px!important}.uc-client .li-stage,.uc-client .sc-stage,.uc-client .ai-stage{width:100%;height:100%;object-fit:cover}.client-reader-focus .lesson-hero,.client-reader-focus .lesson-tabs,.client-reader-focus .lesson-metrics{display:none}.client-reader-focus .reader-shell{max-width:1000px;margin:auto}.uc-client .client-presentation .lp-settings-overlay{position:absolute;inset:0}.uc-client .client-presentation .lp-settings-panel{max-height:100%;overflow:auto}
@keyframes client-camera{from{transform:scale(1.02) translateX(-.8%)}to{transform:scale(1.1) translateX(.8%)}}
.client-view>.ux-view{display:flex;flex-direction:column}.client-view>.ux-view>div:first-child{flex:1;min-height:0;max-height:100%}.client-modal-shade>.ux-view{display:flex;flex-direction:column}.client-character-portrait{height:240px;max-width:100%;object-fit:contain}.client-curio-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.client-enroll-cover{width:100%;height:430px;object-fit:cover;border-radius:28px}.uc-client .menu-card{justify-content:flex-start;text-align:left}.uc-client .menu-card-inner{text-align:left}.uc-client .menu-card-icon-wrap{flex-shrink:0}.uc-client .client-status{z-index:15}.uc-client .sp-field-row .ux-field{flex:1;min-width:0}.uc-client .ux-field,.uc-client .ux-slider,.uc-client .ux-toggle{border:0}.uc-client .flip-back{transform:none!important;rotate:none!important;backface-visibility:visible}.uc-client .client-section{font-size:calc(17px * var(--client-ui-scale,1) * var(--client-text-scale,1))}.uc-client .client-dock{scale:var(--client-dock-scale,1);transform-origin:bottom center}
.ux-view :where(img,label){border-width:0}.uc-client .client-answer{justify-content:flex-start!important}.uc-client .choices-list{gap:10px}.uc-client .client-subscription .sp-plan-cards{display:flex;gap:18px}.uc-client .client-subscription .sp-plan-card.is-selected{display:flex}.uc-client .client-subscription .sp-quick-choices{display:none}.uc-client .puzzle-root{height:100%}.uc-client .puzzle-page{min-height:0;height:100%}.uc-client .puzzle-root .page-scroll{flex:1;min-height:0}.uc-client .puzzle-grid{display:grid}.uc-client .puzzle-root .save-status{display:flex}.uc-client .client-presentation .lp-stage{top:90px;bottom:170px}.uc-client .client-presentation .lp-subtitle-stack{position:absolute;top:auto;bottom:155px;left:10%;right:10%;height:auto;max-height:135px}.uc-client .client-presentation .lp-subtitle{font-size:25px;max-width:100%}.uc-client .client-presentation .lp-controls button{width:auto;min-width:95px}.uc-client .client-presentation .lp-title-reveal{display:none}.uc-client .client-presentation .lp-footer{z-index:10}.uc-client .client-presentation .lp-controls{bottom:20px}
@media(max-width:700px){.uc-client .client-subscription .sp-quick-choices{display:flex;gap:8px;flex-direction:row;margin-bottom:16px}.uc-client .sp-quick-plan{flex:1;min-width:0;padding:10px 4px!important;font-size:13px!important;white-space:normal}.uc-client .li-phone-portrait .li-content{top:155px}.uc-client .li-phone-portrait .li-title{font-size:30px;line-height:1.1}.uc-client .li-phone-portrait .li-description{font-size:13px;margin-top:10px;max-height:52px;overflow:hidden}.uc-client .li-phone-portrait .li-lower-content{bottom:105px}.uc-client .puzzle-root .game-layout{flex-direction:column}.uc-client .puzzle-root .board-panel,.uc-client .puzzle-root .clue-panel{width:100%;margin:0;flex-basis:auto}.uc-client .puzzle-root .board-panel{padding:15px 8px}.uc-client .puzzle-root .clue-panel{padding:22px 4px}.uc-client .client-presentation .lp-subtitle-stack{left:5%;right:5%;bottom:155px}.uc-client .client-presentation .lp-subtitle{font-size:19px}}
.uc-client .client-lesson-tile{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #56717f;border-radius:18px;background:#102331;color:#f7efd6;text-align:left;min-height:170px}.uc-client .client-lesson-tile h3{font-size:24px;margin:0}.uc-client .client-flashcard{width:100%;min-height:310px;border:1px solid #8eb9c3;border-radius:24px;background:linear-gradient(135deg,#183242,#0d1b29);display:flex;align-items:center;justify-content:center;gap:32px;padding:35px;flex-direction:column;color:#f9eed0;transition:transform .4s,background .4s}.uc-client .client-flashcard.is-flipped{background:linear-gradient(140deg,#38453f,#18292e);transform:rotateY(0deg)}.client-flashcard strong{font:600 36px NewZen, sans-serif;text-align:center;white-space:normal}.client-flashcard small{opacity:.6}.uc-client .client-answer{display:flex;gap:22px;text-align:left;align-items:center;width:100%;min-height:65px;padding:18px 24px;border:1px solid #7392a1;border-radius:14px;background:#1b3041;color:#e2e9e7;white-space:normal}.client-answer span{color:#ecd79c;font-weight:700}.client-answer.correct{border-color:#a6e6cc;background:#1d493f}.client-answer.incorrect{border-color:#f5999c;background:#492d38}.client-answer.selected{border-color:#f3d48b;background:#39443f}.uc-client .client-puzzle-grid{display:grid!important;grid-template-columns:repeat(var(--cols),minmax(29px,1fr));width:min(100%,620px);min-width:340px;gap:3px;margin:auto;padding:12px;touch-action:pan-x pan-y}.client-puzzle-cell{width:100%;aspect-ratio:1;min-height:0!important;min-width:0!important;border:1px solid #66858a!important;border-radius:5px!important;padding:0!important;display:grid!important;place-items:center;font:600 clamp(13px,1.5vw,20px) NewZen!important;background:#182b36!important;color:#f7e9c0!important}.client-puzzle-cell.found{background:#31574b!important;border-color:#aad3b3!important}.client-puzzle-cell.active{background:#46463a!important}.client-puzzle-cell.anchor{outline:3px solid #f3d38c}.client-puzzle-cell.incorrect{background:#71383d!important}.client-puzzle-block{background:transparent}.client-puzzle-clue{white-space:normal;text-align:left}.client-puzzle-clue.solved{opacity:.55;text-decoration:line-through}.client-artifact-thumb{width:76px;height:76px;object-fit:contain}.client-artifact{text-align:center}.client-artifact>img{height:170px;width:100%;object-fit:contain}.client-artifact.is-locked>img{filter:brightness(.15) grayscale(1)}.client-avatar-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px;overflow:auto;min-height:200px}.client-avatar{display:flex;flex-direction:column;padding:12px;gap:8px;align-items:center}.client-avatar img{height:120px;width:100%;object-fit:contain}.client-avatar.is-locked img{filter:grayscale(1);opacity:.35}.client-certificate{background:#fbf3df;color:#34434b;border:12px double #b59c5a;padding:70px 45px;text-align:center;max-width:1100px;width:100%;margin:auto;min-height:650px;box-shadow:0 20px 60px #0006}.client-certificate h1{font-family:Georgia,serif;font-size:54px}.client-certificate h2{font-size:40px}.client-certificate.design-1{border-color:#405768;background:#fff}.client-certificate.design-2{border-color:#576c5c;background:#f1f4e7}.client-finale{align-items:center;text-align:center;justify-content:center;min-height:75vh}.client-finale h1{font-size:clamp(36px,5vw,78px);max-width:800px}.client-finale-bulb{width:120px;height:170px;object-fit:contain}.client-breath-orb{height:160px;width:160px;border-radius:50%;background:radial-gradient(circle,#f5de9f,#68868d55,transparent);animation:client-breathe 9s ease-in-out infinite}.client-video{width:100%;aspect-ratio:16/9;border:0;border-radius:20px}.uc-client .client-tally-category{padding:25px 15px;border:1px solid #56717f;border-radius:18px;margin:15px 0;background:#122432b8}.client-tally-category .client-row>span:first-child{flex:1}.client-tally-item{margin:12px 0}.client-milestone-track{height:52px;border-radius:30px;background:linear-gradient(90deg,#512d3e,#575744 45%,#1c514b);position:relative;margin:18px 0;overflow:hidden}.client-milestone-track>span{position:absolute;top:0;height:100%;display:flex;align-items:center;transform:translateX(-50%);font-size:16px;z-index:2;font-weight:600;white-space:nowrap}.client-milestone-fill{height:100%;width:0;background:linear-gradient(90deg,#ef617b,#e0ba73 50%,#8de1b7);border:2px solid #f8ddd4;border-radius:28px;box-shadow:0 0 14px #fbd382aa,inset 0 5px 7px #fff8}.uc-client .client-tally .sc-tally-dock{flex-shrink:0;z-index:4}.uc-client .client-subscription .sp-root{position:absolute;inset:0;max-width:none;width:100%;height:100%;border-radius:0;display:flex}.client-subscription .sp-plan-card{padding:28px;background:#142633;border:1px solid #49616e;border-radius:22px;display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.client-subscription .sp-selected{border-color:#f0d69c;background:#29363b}.client-subscription .sp-plan-card button{margin-top:auto}.client-subscription .sp-plan-name{font-size:30px}.client-subscription .sp-plan-price{font-size:50px;font-weight:700;color:#f5e5bb}.client-subscription .sp-plan-price small{font-size:14px}.client-subscription .sp-plan-kicker{font-size:13px;color:#f4d58d;font-weight:700}.client-presenter-canvas,.client-native-actor{position:absolute;inset:0;margin:auto;width:100%;height:100%;pointer-events:none;object-fit:contain;z-index:5}.client-native-actor{display:flex;justify-content:center;align-items:center;padding:0 0 45px}.client-actor-rig{position:relative;height:85%;max-width:85%;animation:client-actor-idle 7s ease-in-out infinite}.client-actor-part{position:absolute!important;object-fit:contain!important;max-width:none}.is-playing .client-actor-jaw{animation:client-jaw .18s alternate infinite}.client-actor-arm{transform-origin:top center;animation:client-arm 7s ease-in-out infinite}.client-theme-pose{height:80%;width:75%;object-fit:contain;animation:client-actor-idle 6s ease-in-out infinite}.client-presentation .lp-subtitle-stack{z-index:8}.client-presentation .lp-header,.client-presentation .lp-controls,.client-presentation .lp-footer{z-index:10}.client-presentation .lp-settings-overlay{z-index:25}.client-checkpoint{position:absolute;left:50%;top:22%;transform:translateX(-50%);z-index:20;box-shadow:0 0 55px #f5d28599;animation:client-breathe 2s ease-in-out infinite}.client-presentation .lp-background-image{object-fit:cover}.client-reduced-motion *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.client-high-contrast{--muted:#e2ebed}.client-high-contrast .u-label{color:#fff}.client-large-targets button{min-height:52px!important}.client-readable-font .uc-client{font-family:Arial,sans-serif!important}.client-hide-celebrations #client-celebrations{display:none}.uc-client .u-scroll{touch-action:pan-y!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.uc-client .board-scroll{touch-action:pan-x pan-y!important}.client-modal-shade{overscroll-behavior:contain}
@keyframes client-breathe{0%,100%{scale:.9;opacity:.7}50%{scale:1.05;opacity:1}}@keyframes client-actor-idle{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-10px) rotate(.6deg)}}@keyframes client-jaw{to{translate:0 5px}}@keyframes client-arm{50%{rotate:3deg}}
@media(max-width:700px){.uc-client .sp-plan-cards{flex-direction:column!important}.client-subscription .sp-plan-price{font-size:40px}.client-flashcard strong{font-size:27px}.client-certificate{min-height:500px;padding:35px 15px}.client-certificate h1{font-size:32px}.client-certificate h2{font-size:27px}.client-milestone-track>span{font-size:11px}.client-tally-category{padding:16px 9px}.client-avatar-grid{grid-template-columns:repeat(3,1fr)}}
@media print{body.uc-client{height:auto;overflow:visible;background:#fff}.client-bar,.client-dock,.client-print-hidden,#client-toast{display:none!important}.client-view,.ux-view,.client-section{height:auto;overflow:visible;position:static}.client-certificate{box-shadow:none;break-inside:avoid;transform:none!important}}
/* Welcome performance keeps its own exit controls inside the viewport. */
#client-celebrations{position:fixed;inset:0;pointer-events:none;z-index:400;overflow:hidden}
.client-reward-flight{position:absolute;left:50%;top:26%;translate:-50% 0;width:min(90vw,620px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;text-align:center;pointer-events:none;animation:client-award 4.8s ease-out both;color:#f4d585;font-size:clamp(42px,7vw,76px);font-weight:700;text-shadow:0 0 40px #d79c33aa}
.client-reward-flight img{height:80px;width:55px;object-fit:contain}
.client-reward-flight span{flex-basis:100%;font-size:clamp(16px,3vw,22px);color:#e7e8c8}
.client-wish .client-wish-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;justify-content:center;z-index:15;pointer-events:auto;flex-wrap:wrap;padding:12px}
.client-wish .client-wish-controls[hidden]{display:none}
.client-wish .reward-performance-focus .reward-card{opacity:0;pointer-events:none}
.uc-client .client-wish .reward-wish-rig{height:min(60vh,620px);width:min(44vh,440px);left:50%;top:44%;bottom:auto;transform:translate(-50%,-50%)}
.uc-client .client-wish .reward-wish-pose{width:100%;height:100%;object-fit:contain;animation:client-actor-idle 5s ease-in-out infinite}
.uc-client .client-wish .reward-celebration-overlay{pointer-events:none}
.uc-client .client-wish .reward-topbar{z-index:20}
.uc-client .client-wish .reward-close-button{color:#17303a;font-size:24px}
.uc-client .client-wish .reward-wish-caption-text{text-align:center}
.client-wish .reward-wish-caption{bottom:115px}
/* USS scale-to-fit backgrounds must be sized explicitly in a browser. */
.uc-client .login-root .field-icon,.uc-client .login-root .selected-email-icon,.uc-client .ev-root .ev-hero-icon{background-size:contain;background-position:center;background-repeat:no-repeat;flex-shrink:0}
.uc-client .login-root .field-input{height:100%;min-height:0;padding:0 12px 0 0;border:0;border-radius:0;background:transparent;justify-content:center}
.uc-client .login-root .field-input>input{height:100%;min-height:0;padding:0 8px;background:transparent;border:0;border-radius:0;color:#f0f2f6;box-shadow:none}
.uc-client .login-root .field-control:focus-within{outline:2px solid #86cdff;outline-offset:2px}
.uc-client .login-root .field-input>input:focus-visible{outline:none}
.uc-client .login-root .footer-link,.uc-client .ev-root .ev-footer-link{display:block;color:#b7c3d4;line-height:1.6}
.uc-client .login-root .footer-link a,.uc-client .ev-root .ev-footer-link a{color:#86cdff;text-decoration:underline;text-underline-offset:3px}
.uc-client .ob-root .ob-input{padding:0;border:1px solid #607b8b;border-radius:14px;background:#10212f;color:#f0f2f6;overflow:hidden}
.uc-client .ob-root .ob-input>input{height:100%;min-height:52px;padding:12px 16px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit}
.uc-client .ob-root .ob-input:focus-within{outline:2px solid #86cdff;outline-offset:2px}
.uc-client .ob-root .ob-input>input:focus-visible{outline:none}
.uc-client .ob-root .ob-screen[hidden]{display:none!important}
.uc-client .ob-web-layout :is([data-name^="Finale"],[data-name="MissionCuriosityAweMeters"]){display:none!important;pointer-events:none!important}
/* The account menu needs a bounded flex viewport; content-sized nested flex
   items otherwise grow beyond the clipped page and never acquire a scrollbar. */
.uc-client [data-screen="OptionsPage"] .courses-scroll{flex:1 1 0;min-height:0;overflow:hidden}
.uc-client [data-screen="OptionsPage"] .menu-scroll{flex:1 1 0;min-height:0;overflow-y:auto;scroll-padding-block:16px;padding-bottom:24px}
.uc-client [data-screen="OptionsPage"] .menu-card-inner{flex:1 1 0;min-width:0;text-align:left}
.uc-client [data-screen="OptionsPage"] :is(.menu-card-title,.menu-card-subtitle){max-height:none;overflow-wrap:anywhere;white-space:normal}
.uc-client [data-screen="OptionsPage"] .menu-bottom-spacer{height:16px}
.uc-client [data-screen="OptionsPage"] .client-wish-account{width:90%;margin:0 auto;min-height:48px;flex-shrink:0}
.client-dock .client-myclasses-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.client-learning-home .client-bar{display:none}
.client-learning-home #client-busy{top:0}
.uc-client .login-root .login-card{width:calc(100% - 32px);min-width:0;min-height:0;height:min(560px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;margin:0}
.uc-client .login-root .login-card-content{padding:clamp(20px,3vw,40px);min-height:0;flex-shrink:1}
.uc-client .login-root .login-scroll,.uc-client .ev-root .ev-scroll{min-height:0;flex-shrink:1;overscroll-behavior:contain}
.uc-client .login-root .login-hero-copy,.uc-client .ev-root .ev-hero-copy{flex:1 1 0;min-width:0}
.uc-client .login-root .login-title,.uc-client .ev-root .ev-title{white-space:normal;overflow-wrap:break-word}
.uc-client .login-root .login-hero{padding-right:0}
.uc-client .login-root .login-close-button{right:12px;top:12px;width:40px;height:40px;font-size:26px;z-index:3}
.uc-client .ev-root .ev-card{min-height:0;max-height:calc(100% - 24px);width:calc(100% - 24px)}
.uc-client .ob-web-layout .ob-stage{min-height:0;flex:1 1 0}
.uc-client .ob-web-layout .ob-scroll-stage>.ob-scroll-screen{flex:1 1 0;min-height:0;overflow-y:auto;scroll-padding-block:16px}
.uc-client .ob-web-layout .ob-scroll-stage>.ob-footer-cta{position:relative;inset:auto;flex:0 0 auto;padding:8px 4px 4px}
.uc-client .ob-root .ob-form-shell{max-width:600px;padding-inline:12px}
.uc-client .ob-web-layout .ob-screen-art-name{width:112px;height:112px;flex:0 0 112px;object-fit:contain;align-self:center;margin:0 0 14px}
.uc-client .ob-web-layout .ob-mission-screen{overflow-y:auto;justify-content:flex-start;overscroll-behavior:contain}
.uc-client .ob-web-layout .ob-mission-shell{flex:0 0 auto;margin:auto;padding-block:28px;min-height:100%;height:auto}
.uc-client .ob-web-layout .ob-mission-screen>:not(.ob-mission-shell){pointer-events:none}
.uc-client .ob-web-layout .ob-mission-action-stage{width:min(100%,360px);height:auto;margin-top:24px}
.uc-client .ob-web-layout .ob-mission-button{width:100%;height:auto;min-height:54px;padding:14px 24px;border-radius:28px;background:#edd194;color:#08141f;font-weight:700}
.uc-client .ob-web-layout .ob-mission-hint{margin-top:16px}
@media(max-width:700px){
 .uc-client .login-root .login-hero,.uc-client .ev-root .ev-hero{min-height:105px;gap:12px;padding-top:32px}
 .uc-client .login-root .login-title,.uc-client .ev-root .ev-title{font-size:28px;line-height:1.2}
 .uc-client .login-root .login-hero-orbit,.uc-client .ev-root .ev-hero-orbit{width:64px;min-width:64px;height:72px;margin:0}
 .uc-client .login-root .login-hero-icon,.uc-client .ev-root .ev-hero-icon{width:60px;height:68px}
 .uc-client .ev-root .ev-hero-ring{width:66px;height:66px}.uc-client .ev-root .ev-hero-ring-soft{width:54px;height:54px}
 .uc-client .login-root .login-footer,.uc-client .ev-root .ev-footer{gap:16px;flex-wrap:wrap}
 .uc-client .login-root .footer-link,.uc-client .ev-root .ev-footer-link{max-width:none;flex:1 1 180px}
}
@media(max-height:500px){.uc-client .ob-web-layout .ob-topbar{height:30px}.uc-client .ob-root .ob-form-shell{padding-top:8px}.uc-client .ob-root .ob-title{font-size:24px}.uc-client .ob-root .ob-subtitle{margin-bottom:12px}}
/* Browser lists have intrinsic height; contain them in the available workspace. */
.uc-client .mci-root .mci-content{height:100%;min-height:0;flex:1 1 0;padding:24px 32px;max-width:1700px;width:100%;margin-inline:auto;overflow:hidden}
.uc-client .mci-root .mci-header{height:auto;min-height:0;margin-bottom:18px;gap:8px}
.uc-client .mci-root .mci-header-top{height:auto;min-height:54px;flex-wrap:wrap;gap:8px}
.uc-client .mci-root .mci-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:32px;flex:1 1 0;min-height:0;overflow:hidden}
.uc-client .mci-root .mci-feature{width:auto;min-height:0;overflow-y:auto;padding:12px 12px 12px 0}
.uc-client .mci-root .mci-story{flex-shrink:0}
.uc-client .mci-root .mci-feature-title{height:auto;max-height:none;overflow:visible;font-size:clamp(28px,3.2vw,46px);margin:14px 0}
.uc-client .mci-root .mci-personal-bar,.uc-client .mci-root .mci-certificates-button{opacity:1;visibility:visible}
.uc-client .mci-root .mci-library{width:100%;height:100%;align-self:stretch;margin:0;min-height:0;padding:20px;overflow:hidden}
.uc-client .mci-root .mci-list{flex:1 1 0;min-height:0;overflow-y:auto;gap:12px;padding:4px;scroll-padding-block:12px}
.uc-client .mci-root .mci-list .client-slim-card{flex-shrink:0;gap:16px}
.uc-client .mci-root .mci-list h2{font-size:22px;line-height:1.25;margin:0}
.uc-client .mci-root .mci-list img{width:92px;height:98px;flex-shrink:0}
.uc-client .mci-root .mci-search{margin-bottom:12px}
.uc-client .mci-root .mci-search input{min-height:44px;padding:10px 14px}
.uc-client .mci-root .mci-photo{object-fit:cover}
.uc-client .mci-root .mci-photo:nth-child(2){display:none}
.uc-client .mci-root .mci-library-heading{display:flex}
.uc-client .ci-root .ci-rail-row{height:168px;min-height:168px;min-width:0;gap:10px;flex-shrink:0}
.uc-client .ci-root .ci-rail{flex:1 1 0;min-width:0;overflow-x:auto;overflow-y:hidden;gap:12px;padding:4px;scroll-padding-inline:4px;touch-action:pan-x}
.uc-client .ci-root .client-lesson-tile{flex:0 0 280px;width:280px;min-width:0;max-width:80vw;height:152px;min-height:152px;align-items:flex-start;justify-content:space-between;padding:16px;text-align:left;white-space:normal;overflow:hidden}
.uc-client .ci-root .client-lesson-tile strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.35;max-width:100%}
.uc-client .mu-input{padding:0;background:#071927;border:1px solid #6e8792;border-radius:12px;box-shadow:none;color:#f1f5fa}
.uc-client .mu-input>input{height:100%;min-height:42px;padding:10px 14px;border:0;border-radius:inherit;box-shadow:none}
.uc-client .mu-scroll{overflow-x:hidden;min-height:0;flex-shrink:1}
.uc-client .mu-card{max-width:100%;min-width:0}
.uc-client :is(.advanced-modal-close,.advanced-modal-close-button){color:#f1f5fa;background:#102633;border:1px solid #69818d}
.uc-client .sc-root .sc-title{font-size:clamp(32px,4.2vw,62px);line-height:1.15}
.uc-client .sc-root .sc-stage{width:100%;height:100%;object-fit:cover}
.uc-client .sc-root .sc-shade{background:linear-gradient(90deg,#04101ce0,#04101c99)}
.uc-client .sc-root .sc-title-lockup{min-width:0;width:100%}
.uc-client .sc-root .sc-title-lockup>img[data-empty-image]{display:none}
.uc-client .sc-root .sc-title{flex:1 1 0;min-width:0;overflow-wrap:break-word}
.uc-client .client-reader .client-reader-toolbar{position:relative;z-index:4;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 20px;background:#0b1e2c;border-bottom:1px solid #526d76;flex-shrink:0}
.uc-client .client-reader-toolbar>strong{flex:1 1 240px;font-size:18px;line-height:1.35}
.uc-client .client-reader .client-reader-toolbar>button{position:static;inset:auto;width:auto;height:auto;min-height:44px;display:flex;padding:9px 14px;font-size:14px;margin:0}
.uc-client .client-reader .lessonview-content{padding:24px 20px!important}
.uc-client .client-reader .reader-text{display:block;white-space:normal;overflow-wrap:anywhere}
.uc-client .client-reader .reader-text :is(div,section,article){display:block}
.uc-client .client-reader .reader-text p{margin:0 0 1.25em}
.uc-client .client-reader .reader-text img{max-width:100%;height:auto}
.uc-client .client-reader .lessonview-scroll{flex:1 1 0!important;height:auto!important;min-height:0}
.uc-client .client-reader .reader-toolbar{flex-wrap:wrap;gap:8px}
.uc-client .client-reader .reader-toolbar .tool-btn{flex:1 1 48px;min-width:0;padding:10px}
.uc-client .client-reader .reader-toolbar .tool-spacer{display:none}
.uc-client .client-reader .sticky-cta{position:relative;inset:auto;flex:0 0 auto;padding:12px 20px;background:#0b1e2c}
/* Unity's Ignore picking mode still allows interactive descendants. */
.uc-client .ux-view :is(button,input,select,textarea,a,summary){pointer-events:auto}
.uc-client .li-root{display:flex;flex-direction:column;overflow-y:auto;padding:20px 28px;gap:18px}
.uc-client .li-root .li-header{position:relative;inset:auto;flex:none;min-height:56px;padding:0;gap:16px}
.uc-client .li-root .li-content{position:relative;inset:auto;flex:none;min-height:0;padding:20px 0 0}
.uc-client .li-root .li-card{position:relative;inset:auto;width:100%;max-width:900px;margin:auto;padding:24px;border:1px solid #829ca155;border-radius:22px;background:#06121cd9}
.uc-client .li-root .li-title{font-size:clamp(27px,3.4vw,52px);line-height:1.22;height:auto;max-height:none;overflow:visible;margin:18px 0}
.uc-client .li-root .li-description{height:auto;max-height:none;line-height:1.65;overflow:visible}
.uc-client .li-root .li-lower-content{position:relative;inset:auto;flex:none;max-width:1000px;width:100%;margin:0 auto;padding:0;gap:16px}
.uc-client .li-root .li-actions{position:relative;inset:auto;margin:0;padding:0;gap:14px}
.uc-client .li-root .li-learning-choices{min-height:0;gap:12px}
.uc-client .li-root .li-activity-dock{margin:0;padding:14px;border-radius:18px;background:#06121ce8}
.uc-client .li-root .li-activities{gap:10px;flex-wrap:wrap}
.uc-client .li-root .li-course-caption{height:auto;margin:0;text-align:center}
.uc-client .li-root .li-footer{position:relative;inset:auto;flex:none;min-height:70px;margin-top:auto;padding:10px 0;gap:20px;flex-wrap:wrap}
.uc-client .li-root .li-stage{width:100%;height:100%;object-fit:cover}
.uc-client .study-root .study-context{flex:1 1 240px;min-width:0}
.uc-client .study-root .study-header{flex-wrap:wrap;gap:14px}
.uc-client .study-root .study-header-actions{flex:0 0 auto;gap:10px}
.uc-client .study-root .study-lesson{white-space:normal;overflow-wrap:break-word;line-height:1.35}
@media(max-width:700px){
 .uc-client .ci-root .ci-page{overflow-y:auto;min-height:0;gap:20px;padding-bottom:20px}
 .uc-client .ci-root .ci-main{flex:none;gap:22px;justify-content:flex-start}
 .uc-client .ci-root .ci-feature{width:100%;min-width:0}
 .uc-client .ci-root .ci-title-area,.uc-client .ci-root .ci-description{height:auto;max-height:none;overflow:visible}
 .uc-client .ci-root .ci-journey{flex-shrink:0}
 .uc-client .li-root{padding:14px;gap:14px}
 .uc-client .li-root .li-card{padding:20px}
 .uc-client .li-root .li-footer-navigation{flex-wrap:wrap;gap:10px}
 .uc-client .study-root .study-header{flex-direction:column;align-items:stretch}
 .uc-client .study-root .study-context{flex:0 0 auto;width:100%}
 .uc-client .study-root .study-header-actions{justify-content:flex-end}
}
@media(max-width:900px){
 .uc-client .mci-root .mci-content{padding:16px}
 .uc-client .mci-root .mci-workspace{display:flex;flex-direction:column;overflow-y:auto;gap:22px}
 .uc-client .mci-root .mci-feature{width:100%;flex:none;overflow:visible;padding:8px 0}
 .uc-client .mci-root .mci-library{height:auto;min-height:250px;overflow:visible;flex:none;padding:16px;background:#07121fee;border:1px solid #607681;border-radius:18px}
 .uc-client .mci-root .mci-list{flex:none;overflow:visible}
 .uc-client .mci-root .mci-description{display:block}
 .uc-client .mci-root .mci-heading{flex:1 1 160px}
 .uc-client .mci-root .mci-header-top>.mci-quiet{font-size:13px;margin-left:0;padding:8px 12px}
 .uc-client .mci-root .mci-page-title{font-size:26px}
}

/* HTML name confirmation fades through black while the next view loads. */
.client-onboarding-fade{position:fixed;inset:0;z-index:10000;background:#000;opacity:0;pointer-events:auto}

/* My Classes branding uses the native bulb with quiet outward radial pulses. */
.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:52px;height:60px;margin-right:0;overflow:visible;isolation:isolate;flex-shrink:0}
.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand::before,.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand::after{content:"";position:absolute;left:50%;top:calc(50% - 2.55px);width:42px;height:42px;border:1px solid #e7ce8b99;box-shadow:0 0 10px #e7ce8b20;border-radius:50%;pointer-events:none;z-index:0;opacity:0;animation:client-bulb-radial 4s ease-out infinite}
.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand::after{animation-delay:-2s}
.uc-client [data-screen="MyClassesIntroductionPage"] .mci-bulb{position:relative;z-index:1;flex-shrink:0;margin:0;object-fit:contain}
@keyframes client-bulb-radial{0%{transform:translate(-50%,-50%) scale(.65);opacity:0}18%{opacity:.65}100%{transform:translate(-50%,-50%) scale(2.1);opacity:0}}
@media(max-width:700px),(max-height:500px){.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand{width:36px;height:44px}.uc-client [data-screen="MyClassesIntroductionPage"] .mci-bulb{width:25px;height:33px}.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand::before,.uc-client [data-screen="MyClassesIntroductionPage"] .mci-brand::after{top:calc(50% - 1.65px);width:30px;height:30px}}
html:is(.reduced-motion,.client-reduced-motion,.a11y-pause-motion) .mci-brand::before,html:is(.reduced-motion,.client-reduced-motion,.a11y-pause-motion) .mci-brand::after{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.mci-brand::before,.mci-brand::after{animation:none!important;opacity:0}}

/* A course card selects the feature; its Continue link opens that course. */
.uc-client .mci-list .client-course-card{position:relative;isolation:isolate;transition:border-color .2s,background-color .2s}
.uc-client .mci-list .client-course-card.is-selected{border-color:#d7bf81;background:#273a40}
.uc-client .mci-list .client-course-select{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:inherit;background:transparent;z-index:0}
.uc-client .mci-list .client-course-card>img,.uc-client .mci-list .client-course-card>div{position:relative;z-index:1;pointer-events:none}
.uc-client .mci-list .client-course-card .text-link{position:relative;pointer-events:auto;align-self:flex-start;z-index:2}
.uc-client .ux-view .mu-quick-btn [data-name="QuickFavoritesIcon"],.uc-client .ux-view .mu-quick-btn [data-name="QuickSettingsIcon"]{width:28px;height:28px;object-fit:contain;filter:none;opacity:1}
.uc-client .ux-view .mu-quick-btn [data-name="QuickAvatarIcon"]{width:30px;height:30px;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal}

/* Native FavoritesIntroduction layout, with normal-flow browser cards. */
.uc-client .client-saved .fi-root{position:relative;isolation:isolate;font-size:16px}
.uc-client .client-saved .fi-fill{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.uc-client .client-saved [data-name="Backdrop"]{object-fit:cover;animation:saved-garden-drift 52s ease-in-out infinite alternate;z-index:-2}
.uc-client .client-saved [data-name="Veil"]{background:linear-gradient(90deg,#07151bea,#07151ba6),linear-gradient(0deg,#07151bcc,transparent 75%);z-index:-1}
.uc-client .client-saved .fi-content{flex:1 1 0;min-height:0;padding:24px 40px 24px}
.uc-client .client-saved .fi-header{height:auto;min-height:48px;gap:0}
.uc-client .client-saved .fi-page-title{line-height:1.2}
.uc-client .client-saved .fi-page-title[tabindex="-1"]:focus{outline:none}
.uc-client .client-saved .fi-subtitle{font-weight:400}
.uc-client .client-saved .fi-brand{object-fit:contain;animation:saved-brand-breathe 5.6s ease-in-out infinite}
.uc-client .client-saved .fi-toolbar{gap:12px}
.uc-client .client-saved .fi-search{flex:1 1 0;min-width:0}
.uc-client .client-saved .fi-input{flex:1 1 0;min-width:0;height:44px}
.uc-client .client-saved .fi-input>input{width:100%;height:44px;min-height:44px;border:0;box-shadow:none;background:transparent;color:#f0f0e2;padding:0 12px;outline-offset:-4px}
.uc-client .client-saved .fi-sort{flex:0 0 190px;margin:0;min-width:0}
.uc-client .client-saved .fi-sort>select{width:100%;height:48px;min-width:0;border:1px solid #99b6b180;border-radius:12px;background:#0f2026;color:#eee9d8;padding:0 12px;font:inherit}
.uc-client .client-saved .fi-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:8px;scroll-padding-block:12px}
.uc-client .client-saved .fi-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;flex:none}
.uc-client .client-saved .fi-card{position:relative;isolation:isolate;flex:none;width:100%;max-width:none;min-height:174px;height:auto;align-items:stretch}
.uc-client .client-saved .fi-open{position:absolute;inset:0;border-radius:18px;z-index:0}
.uc-client .client-saved .fi-open:hover{background:#d9c3840c}
.uc-client .client-saved .fi-art{height:auto;min-height:142px;pointer-events:none;z-index:1}
.uc-client .client-saved .fi-image{position:absolute;inset:0;object-fit:cover}
.uc-client .client-saved .fi-copy{pointer-events:none;z-index:1;justify-content:center}
.uc-client .client-saved .fi-card-title{font:700 20px/1.3 NewZen,system-ui,sans-serif;max-height:none;overflow-wrap:anywhere;margin:0}
.uc-client .client-saved .fi-facts{font:400 12px/1.5 NewZen,system-ui,sans-serif;margin:12px 0 0;color:#dacfA1}
.uc-client .client-saved .fi-actions{position:relative;z-index:2;flex:0 0 44px;justify-content:center}
.uc-client .client-saved .fi-icon-button{width:44px;height:44px;min-height:44px;padding:10px;border-radius:10px}
.uc-client .client-saved .fi-icon{width:22px;height:22px;object-fit:contain;pointer-events:none}
.uc-client .client-saved .fi-notice{margin-top:12px;gap:8px}
.uc-client .client-saved .fi-notice-text{white-space:normal;overflow:visible}
.uc-client .client-saved .fi-signature span{position:absolute;inset:10px;border:1px solid #e8d5a04d;border-radius:50%;transform:rotate(-20deg) scaleX(1.3)}
.uc-client .client-saved .fi-signature span:nth-child(2){inset:0;transform:rotate(25deg) scaleX(1.15)}
.uc-client .client-saved .fi-signature span:nth-child(3){inset:23px;background:#e8d5a01a;border-color:#e8d5a080}
.uc-client .client-saved .fi-title{font-size:clamp(30px,3.5vw,48px);line-height:1.2}
.uc-client .client-saved .client-status{flex:none;margin:10px 0 0;max-height:120px;overflow:auto}
@keyframes saved-garden-drift{from{transform:scale(1.025)}to{transform:scale(1.075)}}
@keyframes saved-brand-breathe{0%,100%{opacity:.8}50%{opacity:1}}
@media(max-width:1400px){.uc-client .client-saved .fi-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:930px){.uc-client .client-saved .fi-results{grid-template-columns:1fr}}
@media(max-width:700px){.uc-client .client-saved .fi-content{padding:14px}.uc-client .client-saved .fi-toolbar{flex-direction:column;gap:8px}.uc-client .client-saved .fi-search{flex:0 0 48px;width:100%}.uc-client .client-saved .fi-sort{flex:0 0 auto;width:100%;height:44px}.uc-client .client-saved .fi-sort>select{height:44px}.uc-client .client-saved .fi-header{margin-bottom:14px}.uc-client .client-saved .fi-invitation{padding-top:16px;padding-bottom:22px}.uc-client .client-saved .fi-art{width:76px;min-height:126px;margin-right:12px}.uc-client .client-saved .fi-card{padding:10px}.uc-client .client-saved .fi-card-title{font-size:18px}.uc-client .client-saved .fi-page-title{font-size:22px}.uc-client .client-saved .fi-explore{font-size:12px;padding:0 10px}.uc-client .client-saved .fi-close{margin-left:8px}.uc-client .client-saved .fi-signature{display:none}}
@media(max-width:360px){.uc-client .client-saved .fi-content{padding:10px}.uc-client .client-saved .fi-brand{width:22px;margin-right:6px}.uc-client .client-saved .fi-page-title{font-size:19px}.uc-client .client-saved .fi-art{width:56px;margin-right:9px}.uc-client .client-saved .fi-card-title{font-size:17px}.uc-client .client-saved .fi-actions{margin-left:8px}}
@media(max-height:500px){.uc-client .client-saved .fi-content{padding:10px 20px}.uc-client .client-saved .fi-header{margin-bottom:8px}.uc-client .client-saved .fi-invitation{padding:10px 0 14px}.uc-client .client-saved .fi-title{font-size:28px;margin:6px 0}.uc-client .client-saved .fi-subtitle,.uc-client .client-saved .fi-signature{display:none}}
@media(prefers-reduced-motion:reduce){.client-saved [data-name="Backdrop"],.client-saved .fi-brand{animation:none!important}}

.client-saved-preview{background:#0c1923;color:#f6efda;border:1px solid #78968c;border-radius:24px;width:min(92vw,1200px);max-height:92dvh;padding:0;overflow:auto}
.client-saved-preview[open]{display:flex;align-items:stretch}
.client-saved-preview::backdrop{background:#02090ed9;backdrop-filter:blur(8px)}
.client-saved-preview .presenter-space{position:relative;flex:0 0 42%;min-height:450px;background:radial-gradient(ellipse at bottom,#395b56,#0e1c28 75%);overflow:hidden}
.client-saved-preview #presenter{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.client-saved-preview .preview-copy{flex:1;min-width:0;padding:64px 36px 36px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.client-saved-preview h2{font-size:clamp(26px,3vw,42px);line-height:1.2;margin:0}
.client-saved-preview p{line-height:1.6;color:#c0cecb;margin:0}
.client-saved-preview audio{width:100%}
.client-saved-preview .preview-controls{display:flex;gap:12px;flex-wrap:wrap}
.client-saved-preview .dialog-close{position:absolute;right:18px;top:18px;z-index:3;border:1px solid #8b9e91;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font-size:26px;background:#0e1c28;color:#f6efda}
.client-saved-preview .a11y-transcript{line-height:1.6}
.uc-client [data-screen="DisplaySettingsPage"] .advanced-modal-close-button{font-size:26px;line-height:1;color:#f1f5fa}
.uc-client [data-screen="LoginPage"] .client-login-method{align-self:center;min-height:44px;margin:6px 0 0;padding:8px 12px;border:0;background:transparent;color:#d8cda9;font:500 14px/1.4 NewZen,system-ui,sans-serif;white-space:normal;text-underline-offset:5px;border-radius:10px}
.uc-client [data-screen="LoginPage"] .client-login-method:hover{background:#e8d39a0b;text-decoration:underline;color:#f3e6be}
.uc-client [data-screen="LoginPage"] .client-login-method:focus-visible{outline:2px solid #e8d39a;outline-offset:2px}
.uc-client [data-screen="LoginPage"] .client-password-reveal{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:48px;min-height:44px;padding:4px;border:0;background:transparent;color:#c4d8e9;font:500 13px/1 NewZen,system-ui,sans-serif;border-radius:8px}
.uc-client [data-screen="LoginPage"] .field-control{position:relative}
.uc-client [data-screen="LoginPage"] [data-name="passwordField"] input{padding-right:60px}
.uc-client [data-screen="LoginPage"] .password-actions{justify-content:flex-end}
.uc-client [data-screen="LoginPage"].client-password-login .login-title{font-size:30px;line-height:1.15}
.uc-client [data-screen="LoginPage"].client-password-login .login-hero{min-height:100px;padding-bottom:10px}
.uc-client [data-screen="LoginPage"].client-password-login .login-hero-orbit{margin-top:0}
@media(max-width:700px){.client-saved-preview{width:94vw;max-height:94dvh}.client-saved-preview[open]{flex-direction:column}.client-saved-preview .presenter-space{flex:0 0 auto;height:32dvh;min-height:180px}.client-saved-preview .preview-copy{padding:24px;gap:16px}.client-saved-preview .preview-controls button{font-size:14px}}