.learning-card{margin-bottom:24px}.learning-card h3{margin-top:26px}.next-step{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;border:1px solid var(--border);background:linear-gradient(120deg,var(--panel),color-mix(in srgb,var(--accent) 5%,var(--panel)))}.next-step .card-thumb{float:left;margin-right:18px}.next-step h2{font-size:27px;margin:8px 0}.next-step p{margin-bottom:0;max-width:680px}.learning-progress{display:flex;align-items:center;gap:20px;margin:20px 0}.learning-progress progress{flex:1}.module-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--border)}.module-check{display:flex;align-items:center;gap:16px;flex:1;cursor:pointer;margin:0}.module-check input{width:23px;height:23px;flex:none;accent-color:var(--accent)}.module-check span{display:flex;flex-direction:column;gap:6px}.module-check small{font-weight:400;color:var(--muted);line-height:1.6}.submission-history{padding:24px 0;border-top:1px solid var(--border)}.clamp-copy{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.calendar-tools{display:flex;align-items:center;gap:20px;margin-bottom:25px}.money-value{white-space:nowrap}.ledger-details{border-top:1px solid var(--border);padding:18px 0}.ledger-details summary{cursor:pointer;font-weight:600;line-height:1.6}.ledger-details summary span{float:right}.learner-digital-card{max-width:680px;padding:34px;border-radius:28px;color:#fff;background:radial-gradient(at 100% 0,rgba(124,222,197,.3),transparent 55%),linear-gradient(135deg,#063e34,#007d63);box-shadow:0 20px 60px #003e3520;margin-bottom:18px;overflow:hidden}.card-brand{display:flex;justify-content:space-between;gap:20px;align-items:center}.card-brand strong{font-size:26px;letter-spacing:-1px}.card-brand span{font-size:10px;letter-spacing:2px}.digital-person{display:flex;align-items:center;gap:25px;margin:35px 0}.digital-person h2{font-size:30px;color:white;margin:0 0 10px}.digital-person p{font-size:14px;opacity:.8}.digital-person .profile-avatar{background:#ffffff20;color:white}.digital-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:20px;margin-bottom:17px}.learner-digital-card>small{opacity:.7;font-size:11px}.card-controls{margin-bottom:30px}.sidebar nav{overflow-y:auto;max-height:calc(100dvh - 385px);scrollbar-width:thin}.nav-item{min-height:44px}html[data-theme=apple] .learning-card{box-shadow:0 5px 20px #00000003}html[data-theme=apple] .next-step{border-color:#007d6317}.pwa-update{position:fixed;left:50%;transform:translateX(-50%);bottom:30px;z-index:100;background:var(--panel);box-shadow:0 10px 40px #0003;border:1px solid var(--border);border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:16px}.pwa-update[hidden]{display:none}@media(max-width:700px){.next-step{display:block;padding:22px}.next-step>button{margin-top:20px;width:100%}.next-step h2{font-size:22px}.next-step .card-thumb{float:none;margin-bottom:14px}.learning-progress{align-items:start;flex-direction:column;gap:12px}.learning-progress progress{width:100%;flex:auto}.module-row{align-items:start;flex-direction:column}.calendar-tools{align-items:start;flex-direction:column}.money-value{font-size:14px}.ledger-details summary span{float:none;display:block}.learner-digital-card{padding:24px}.card-brand{align-items:start;flex-direction:column;gap:8px}.digital-person{gap:15px}.digital-person h2{font-size:22px}.digital-person .large{width:64px;height:64px;flex:none}.digital-footer{font-size:12px}.pwa-update{bottom:88px;width:calc(100% - 30px);box-sizing:border-box;flex-wrap:wrap}.sidebar nav{max-height:none}.list-row .row-actions{flex-wrap:wrap}}

.auth-loading .shell,.auth-loading .preview-banner{visibility:hidden}.live-login-form button[type=submit],.studio-signin form>button[type=submit]{margin-top:22px;width:100%}.studio-signin form .button{min-height:48px}.studio-signin form p{line-height:1.6}#live-auth-message{font-size:13px;line-height:1.6;color:var(--accent);min-height:20px}.preview-banner a{color:inherit}.preview-banner>div{display:flex;align-items:center;gap:12px}

[hidden]{display:none!important}
