*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--okiru-purple:#38bdf8;--okiru-teal:#0ea5e9;--okiru-orange:#f59e0b;--okiru-gradient:linear-gradient(135deg,#38bdf8,#0ea5e9);--progress-gradient:linear-gradient(90deg,#38bdf8,#0ea5e9);--bg-base:#0f172a;--bg-surface:#1e293b;--bg-card:#1e293b;--bg-elevated:#293548;--bg-hover:#2d3b52;--border:#334155;--border-accent:#38bdf866;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#38bdf8;--primary-bright:#7dd3fc;--primary-light:#38bdf824;--secondary:#0ea5e9;--secondary-light:#0ea5e91f;--tertiary:#f59e0b;--tertiary-light:#f59e0b1f;--accent-teal:#0ea5e9;--accent-violet:#38bdf8;--accent-amber:#f59e0b;--accent-emerald:#22c55e;--accent-rose:#ef4444;--accent-blue:#38bdf8;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-pill:6px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 10px #00000047;--shadow-lg:0 8px 28px #00000059;--shadow-purple:0 2px 14px #38bdf833;--glass-bg:#1e293b85;--glass-bg-strong:#17202ec7;--glass-bg-soft:#29354861;--glass-border:#e2e8f01a;--glass-highlight:#e2e8f024;--glass-blur:18px;--glass-blur-sm:8px;--glass-shadow:0 10px 34px #00000061}[data-theme=light]{--bg-base:#fff;--bg-surface:#f8fafc;--bg-card:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--border:#e2e8f0;--border-accent:#0085d159;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#0085d1;--primary-bright:#0ea5e9;--primary-light:#0085d11a;--secondary:#0284c7;--secondary-light:#0284c71a;--tertiary:#d97706;--tertiary-light:#d977061a;--accent-teal:#0284c7;--accent-violet:#0085d1;--accent-amber:#d97706;--accent-emerald:#16a34a;--accent-rose:#dc2626;--accent-blue:#0085d1;--okiru-purple:#0085d1;--okiru-teal:#0284c7;--okiru-orange:#d97706;--okiru-gradient:linear-gradient(135deg,#0085d1,#0284c7);--progress-gradient:linear-gradient(90deg,#0085d1,#0284c7);--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 2px 10px #0f172a14;--shadow-lg:0 8px 28px #0f172a1a;--shadow-purple:0 2px 14px #0085d124;--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffc7;--glass-bg-soft:#fff6;--glass-border:#ffffffa6;--glass-highlight:#ffffffd9;--glass-blur:18px;--glass-blur-sm:8px;--glass-shadow:0 10px 30px #0f172a1a}body,html{-webkit-font-smoothing:antialiased;background:#0f172a;background:var(--bg-base);color:#f8fafc;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;height:100%;line-height:1.55}#root{display:flex;flex-direction:column;min-height:100vh}a{color:#38bdf8;color:var(--primary);text-decoration:none}a:hover{color:#7dd3fc;color:var(--primary-bright)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#334155;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-md);display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;letter-spacing:.01em;padding:9px 22px;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-primary{background:#38bdf8;background:var(--primary);border:1px solid #38bdf8;border:1px solid var(--primary);box-shadow:0 2px 14px #38bdf833;box-shadow:var(--shadow-purple);color:#fff}.btn-primary:hover{background:#7dd3fc;background:var(--primary-bright);border-color:#7dd3fc;border-color:var(--primary-bright)}.btn-ghost{-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(8px);backdrop-filter:blur(var(--glass-blur-sm));background:#29354861;background:var(--glass-bg-soft);border:1px solid #e2e8f01a;border:1px solid var(--glass-border);color:#94a3b8;color:var(--text-secondary)}.btn-ghost:hover{background:#2d3b52;background:var(--bg-hover);border-color:#38bdf866;border-color:var(--border-accent);color:#f8fafc;color:var(--text-primary)}.btn-outline{-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(8px);backdrop-filter:blur(var(--glass-blur-sm));border:1px solid #0ea5e9;border:1px solid var(--secondary);color:#0ea5e9;color:var(--secondary)}.btn-outline,.btn-outline:hover{background:#0ea5e91f;background:var(--secondary-light)}.btn-outline:hover{filter:brightness(1.1)}.btn-cta{background:#f59e0b;background:var(--tertiary);box-shadow:0 2px 10px #f59e0b1f;box-shadow:0 2px 10px var(--tertiary-light);color:#fff}.btn-cta:hover{filter:brightness(.92)}input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(8px);backdrop-filter:blur(var(--glass-blur-sm));background:#29354861;background:var(--glass-bg-soft);border:1.5px solid #e2e8f01a;border:1.5px solid var(--glass-border);border-radius:6px;border-radius:var(--radius-md);color:#f8fafc;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}input::placeholder,textarea::placeholder{color:#64748b;color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:#38bdf8;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf824;box-shadow:0 0 0 3px var(--primary-light)}select option{background:#1e293b;background:var(--bg-card);color:#f8fafc;color:var(--text-primary)}textarea{min-height:100px;resize:vertical}label{color:#94a3b8;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.data-table{border-collapse:collapse;font-size:13.5px;width:100%}.data-table th{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;padding:10px 14px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #334155;border-bottom:1px solid var(--border)}.data-table td{color:#94a3b8;color:var(--text-secondary);padding:13px 14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#29354861;background:var(--glass-bg-soft)}.td-primary{color:#f8fafc;color:var(--text-primary);font-weight:600}.td-muted{color:#64748b;color:var(--text-muted);font-size:13px}.td-number{font-feature-settings:"tnum";color:#f8fafc;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.h1{font-size:40px;letter-spacing:-.5px;line-height:1.15}.h1,.h2{color:#f8fafc;color:var(--text-primary);font-weight:700}.h2{font-size:32px;letter-spacing:-.4px;line-height:1.2}.h3{color:#f8fafc;color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.25}.h4{font-size:20px;line-height:1.3}.h4,.h5{color:#f8fafc;color:var(--text-primary);font-weight:600}.h5{font-size:18px;line-height:1.35}.text-body{color:#94a3b8;color:var(--text-secondary);font-size:16px;line-height:1.6}.text-label{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}:focus-visible{border-radius:4px;border-radius:var(--radius-sm);outline:2px solid #38bdf8;outline:2px solid var(--primary);outline-offset:2px}.app-shell{background:radial-gradient(circle at 12% 8%,#38bdf829 0,#0000 42%),radial-gradient(circle at 88% 15%,#8b5cf624 0,#0000 46%),radial-gradient(circle at 78% 88%,#ef44441a 0,#0000 42%),radial-gradient(circle at 15% 92%,#22c55e1a 0,#0000 42%),var(--bg-base);display:flex;min-height:100vh}[data-theme=light] .app-shell{background:radial-gradient(circle at 12% 8%,#2bbfc233 0,#0000 42%),radial-gradient(circle at 88% 15%,#8b5cf629 0,#0000 46%),radial-gradient(circle at 78% 88%,#f2955a2e 0,#0000 42%),radial-gradient(circle at 15% 92%,#2bbfc21f 0,#0000 42%),var(--bg-base)}.app-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.app-content{flex:1 1;overflow-y:auto;padding:24px 28px}@media (max-width:768px){.app-shell{flex-direction:column}.app-content{padding:16px}}.sidebar{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);background:var(--glass-bg-strong);border-right:1px solid var(--glass-border);box-shadow:2px 0 24px #0006;flex-shrink:0;height:100vh;min-height:100vh;overflow:hidden;position:sticky;top:0;width:256px}.sidebar,.sidebar-logo{display:flex;flex-direction:column}.sidebar-logo{border-bottom:1px solid var(--glass-border);gap:3px;padding:20px 20px 16px}.sidebar-logo-brand{align-items:center;display:flex;gap:10px}.sidebar-logo-img{flex-shrink:0;height:34px;width:auto}.sidebar-logo-name{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;letter-spacing:.12em;line-height:1}.sidebar-logo-sub{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.12em;padding-left:44px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 12px}.nav-section-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;margin:8px 0 6px;padding:0 10px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:9px 12px 9px 16px;position:relative;text-align:left;transition:all .12s ease;width:100%}.nav-item--active,.nav-item:hover{color:var(--primary)}.nav-item--active{font-weight:600}.nav-item--active:before,.nav-item:hover:before{background:var(--primary);border-radius:0 3px 3px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.nav-item:hover:before{opacity:.5}.nav-icon{flex-shrink:0;height:18px;width:18px}.nav-label{flex:1 1}.nav-indicator{display:none}.sidebar-footer{background:var(--glass-bg-soft);border-top:1px solid var(--glass-border);gap:10px;padding:14px 16px}.sidebar-footer,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--okiru-gradient);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-avatar-btn{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;padding:0}.user-avatar--img{border-radius:50%;display:block;height:34px;object-fit:cover;width:34px}.user-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-role{font-size:11px}.logout-btn,.user-role{color:var(--text-muted)}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;padding:6px;transition:color .15s,background .15s}.logout-btn:hover{background:#dc262614;color:var(--accent-rose)}.sidebar-collapse-btn{align-items:center;align-self:flex-start;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;margin:0 12px 10px;padding:7px;transition:color .15s,background .15s,border-color .15s}.sidebar-collapse-btn:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.sidebar-view-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:8px;margin:0 12px 10px;padding:8px 10px;transition:color .15s,background .15s,border-color .15s}.sidebar-view-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar--collapsed .sidebar-view-toggle{justify-content:center;padding:8px}.sidebar--collapsed{width:72px}.sidebar--collapsed .sidebar-logo{align-items:center}.sidebar--collapsed .sidebar-logo-brand{justify-content:center}.sidebar--collapsed .nav-item{justify-content:center;padding:9px}.sidebar--collapsed .sidebar-collapse-btn{align-self:center}.sidebar--collapsed .sidebar-footer{flex-direction:column;gap:8px}.sidebar--collapsed .logout-btn{margin-left:0}@media (max-width:768px){.sidebar{border-bottom:1px solid var(--border);border-right:none;box-shadow:0 2px 8px #0068760a;flex-direction:row;flex-wrap:wrap;height:auto;min-height:auto;position:static;width:100%}.sidebar-logo{border-bottom:none;padding:12px 16px}.sidebar-nav{flex:1 1;flex-direction:row;gap:4px;overflow:visible;padding:8px 12px}.nav-item--active:before,.nav-item:hover:before,.nav-section-label,.sidebar-collapse-btn,.sidebar-footer{display:none}}.header{align-items:center;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);background:var(--glass-bg-strong);border-bottom:1px solid var(--glass-border);box-shadow:0 1px 0 var(--border-accent);display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.header-left{display:flex;flex-direction:column;gap:1px}.header-title{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.3px}.header-breadcrumb{color:var(--text-muted);font-size:11px}.header-right{align-items:center;display:flex;gap:14px}.header-time{font-feature-settings:"tnum";color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.header-date{color:var(--text-muted);display:block;font-size:10px;font-weight:400}.header-badge{align-items:center;background:#1b9e6e14;border:1px solid #1b9e6e33;border-radius:6px;color:var(--accent-emerald);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;padding:5px 12px;text-transform:uppercase}.header-badge:before{animation:pulse 2s infinite;background:var(--accent-emerald);border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.theme-toggle{align-items:center;background:var(--glass-bg-soft);border:1px solid var(--glass-border);border-radius:99px;color:var(--text-secondary);display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s;width:34px}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:768px){.header{padding:0 16px}.header-time{display:none}}.login-screen{align-items:center;background:#050407;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg{background:radial-gradient(ellipse 70% 55% at 100% 100%,#38bdf82e 0,#0000 65%),radial-gradient(ellipse 50% 40% at 0 0,#06cde11f 0,#0000 55%)}.login-bg,.login-bg-grid{inset:0;pointer-events:none;position:absolute;z-index:0}.login-bg-grid{height:100%;width:100%}.login-card{background:#0c0a10;border:1px solid #38bdf838;border-radius:var(--radius-xl);box-shadow:0 4px 24px #38bdf81f,0 2px 8px #0000004d;max-width:420px;padding:44px 40px;position:relative;width:100%;z-index:1}.login-card:before{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.login-brand{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;text-align:center}.login-logo-symbol{border-radius:50%;height:72px;object-fit:contain;width:72px}.login-title{color:#fff;font-size:22px;font-weight:700;line-height:1.2;margin:0}.login-sub{color:#6b5f7a;font-size:11px;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.login-tagline{color:#c4b5d4;font-size:13.5px;line-height:1.6;margin:0 0 28px;text-align:center}.login-staff-link{color:#3a3346;display:block;font-size:11px;margin-top:14px;text-align:center;text-decoration:none;transition:color .15s}.login-staff-link:hover{color:#6b5f7a}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label{color:#c4b5d4}.login-form input{background:#111018;border-color:#38bdf840;color:#fff}.login-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.login-btn{background:#38bdf8;box-shadow:0 4px 24px #38bdf859;font-size:15px;justify-content:center;letter-spacing:.02em;margin-top:4px;padding:14px;width:100%}.login-btn:hover:not(:disabled){background:#0ea5e9;box-shadow:0 6px 32px #38bdf880;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.login-error{color:#fb7185;font-size:12px;margin-top:-8px}.login-footer{border-top:1px solid #38bdf826;color:#6b5f7a;font-size:12px;margin-top:24px;padding-top:20px;text-align:center}.link-btn{background:none;border:none;color:#38bdf8;cursor:pointer;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:#7dd3fc}.reset-sent{align-items:center;display:flex;flex-direction:column;gap:10px;padding:8px 0 0;text-align:center}.reset-sent-icon{font-size:40px}.reset-sent-title{font-size:17px;font-weight:700;margin:0}.reset-sent-text{color:#c4b5d4;font-size:13px;line-height:1.6;margin:0;max-width:320px}.onboarding-screen{align-items:center;background:#050407;display:flex;justify-content:center;min-height:100vh;overflow:auto;padding:24px;position:relative}.onboarding-bg{background:radial-gradient(ellipse 70% 55% at 100% 0,#38bdf82e 0,#0000 65%),radial-gradient(ellipse 50% 40% at 0 100%,#06cde11f 0,#0000 55%);inset:0;pointer-events:none;position:absolute;z-index:0}.onboarding-card{background:#0c0a10;border:1px solid #38bdf840;border-radius:var(--radius-xl);box-shadow:0 4px 24px #38bdf81f,0 2px 8px #0000004d;max-width:560px;padding:40px 40px 36px;position:relative;width:100%;z-index:1}.onboarding-title{color:#fff;font-weight:800;margin:0 0 8px}.onboarding-sub{color:#9c8fae;font-size:13.5px;margin:0 0 24px}.onboarding-form{display:flex;flex-direction:column;gap:20px}.onboarding-form label{color:#c4b5d4;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px}.onboarding-form textarea{background:#111018;border:1.5px solid #38bdf840;color:#fff;resize:vertical}.onboarding-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.onboarding-proficiency-label{color:#c4b5d4;font-size:13px;font-weight:600}.onboarding-proficiency-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:-8px}.onboarding-proficiency-option{background:#111018;border:1.5px solid #38bdf833;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;position:relative;transition:border-color .15s,background .15s}.onboarding-proficiency-option:hover{border-color:#38bdf873}.onboarding-proficiency-option--selected{background:#38bdf81f;border-color:#38bdf8}.onboarding-proficiency-option input{opacity:0;pointer-events:none;position:absolute}.onboarding-proficiency-title{color:#fff;font-size:13.5px;font-weight:700}.onboarding-proficiency-desc{color:#8e7fa0;font-size:11.5px;line-height:1.4}.onboarding-error{color:#fb7185;font-size:12px;margin:-8px 0 0}.onboarding-actions{align-items:center;display:flex;justify-content:space-between;margin-top:4px}@media (max-width:520px){.onboarding-proficiency-grid{grid-template-columns:1fr}.onboarding-card{padding:32px 24px 28px}}.card{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.card:before{background:linear-gradient(90deg,#0000,var(--glass-highlight),#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.card:hover{box-shadow:var(--shadow-lg)}.card-header{align-items:baseline;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:20px 24px 14px}.card-title{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.2px}.card-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.card-body{padding:20px 24px 24px}.comments-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:8px;padding:24px}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.comments-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.comments-count{background:var(--primary-light);border:1px solid var(--border-accent);border-radius:5px;color:var(--primary);font-size:12px;font-weight:600;padding:3px 10px}.comment-form{display:flex;gap:12px;margin-bottom:24px}.comment-form-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.comment-form-right{display:flex;flex:1 1;flex-direction:column;gap:8px}.comment-input{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:13.5px;line-height:1.5;min-height:64px;padding:11px 14px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.comment-input:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light);outline:none}.comment-form-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.comment-char{color:var(--text-muted);font-size:11px}.comment-submit{font-size:13px;padding:7px 18px}.comment-submit:disabled{cursor:not-allowed;opacity:.5}.comments-empty{color:var(--text-muted);font-size:13px;padding:32px 0;text-align:center}.comments-list{display:flex;flex-direction:column;gap:0}.comment-item{border-bottom:1px solid var(--border);display:flex;gap:12px;padding:16px 0}.comment-item:last-child{border-bottom:none}.comment-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.comment-avatar--sm{font-size:10px;height:28px;width:28px}.comment-body{flex:1 1;min-width:0}.comment-meta{align-items:baseline;display:flex;gap:8px;margin-bottom:5px}.comment-name{color:var(--text-primary);font-size:13px;font-weight:600}.comment-time{color:var(--text-muted);font-size:11px}.comment-text{color:var(--text-secondary);font-size:13.5px;line-height:1.6;margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.comment-actions{align-items:center;display:flex;gap:12px}.comment-reply-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;padding:0;transition:opacity .15s}.comment-reply-btn:hover{opacity:.7}.comment-delete-inline{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0;transition:color .15s}.comment-delete-inline:hover{color:var(--accent-rose)}.reply-form{display:flex;gap:10px;margin-top:12px}.reply-form-avatar{font-size:10px;height:28px;width:28px}.reply-cancel{font-size:12px;padding:6px 14px}.comment-replies{border-left:2px solid var(--border);display:flex;flex-direction:column;gap:0;margin-top:12px;padding-left:14px}.comment-reply{border-bottom:1px solid var(--border);padding:10px 0}.comment-reply:last-child{border-bottom:none;padding-bottom:0}.spinner-wrap{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-blue);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-msg{color:var(--text-muted);font-size:14px}.brand-cover{aspect-ratio:3/2;background:#faf8f3;box-sizing:border-box;color:#24292c;display:flex;flex-direction:column;flex-shrink:0;font-family:Inter,Segoe UI,sans-serif;gap:18px;isolation:isolate;overflow:hidden;padding:24px 26px 22px;position:relative;width:100%}.brand-cover-art{bottom:-6%;color:var(--cover-accent);height:118px;opacity:.3;pointer-events:none;position:absolute;right:-4%;width:72%;z-index:-1}.brand-cover-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.brand-cover-logo{display:block;flex-shrink:0;height:54px;mix-blend-mode:multiply;object-fit:contain;width:54px}.brand-cover-label{color:#626864;font-size:9px;font-weight:600;letter-spacing:1.8px}.brand-cover-content{display:flex;flex:1 1;flex-direction:column;gap:9px;justify-content:center}.brand-cover-category{color:var(--cover-accent);font-size:10px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase}.brand-cover-title{text-wrap:balance;font-size:23px;font-weight:600;letter-spacing:-.7px;line-height:1.17;max-width:30ch;overflow-wrap:anywhere}.brand-cover-footer{align-items:center;display:flex;gap:20px;justify-content:space-between}.brand-cover-rule{background:var(--cover-accent);height:3px;width:42px}.brand-cover-icon{background:var(--cover-tint);border-radius:50%;color:var(--cover-accent);display:grid;height:60px;place-items:center;width:60px}.library-featured-cover .brand-cover{height:100%}@media (max-width:380px){.brand-cover{padding:20px}.brand-cover-title{font-size:21px}}.catalogue{display:flex;flex-direction:column;gap:20px}.catalogue-header{align-items:center;display:flex;justify-content:space-between}.catalogue-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.catalogue-sub{color:var(--text-muted);font-size:13px;margin-top:3px}.catalogue-empty{color:var(--text-muted);padding:48px;text-align:center}.catalogue-layout{align-items:flex-start;display:flex;gap:28px}.catalogue-filters{display:flex;flex-direction:column;flex-shrink:0;gap:4px;position:sticky;top:20px;width:260px}.catalogue-results{flex:1 1;min-width:0}.cf-search{align-items:center;display:flex;margin-bottom:14px;position:relative}.cf-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.cf-search-input{padding-left:34px}.cf-group{border-bottom:1px solid var(--border)}.cf-group:last-child{border-bottom:none}.cf-group-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 2px;width:100%}.cf-group-title{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.cf-group-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.cf-group--open .cf-group-chevron{transform:rotate(180deg)}.cf-group-body{grid-gap:8px 8px;display:grid;gap:8px 8px;grid-template-columns:repeat(2,1fr);padding:0 2px 14px}.cf-checkbox,.cf-radio{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:row;font-size:10.5px;gap:5px;min-width:0}.cf-checkbox input,.cf-radio input{accent-color:var(--primary);flex-shrink:0;height:12px;margin:0;width:12px}.cf-checkbox-icon{color:var(--text-muted);flex-shrink:0}.cf-checkbox-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-count{font-feature-settings:"tnum";color:var(--text-muted);flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums}@media (max-width:900px){.catalogue-layout{flex-direction:column}.catalogue-filters{position:static;width:100%}}.academy-coming-soon{align-items:center;border:1px dashed var(--border);border-radius:var(--radius-xl);color:var(--text-muted);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:60px 24px;text-align:center}.academy-coming-title{color:var(--text-secondary);font-size:15px;font-weight:600}.academy-notify-btn{margin-top:8px}.academy-coming-soon-admin{display:flex;flex-direction:column;gap:16px}.academy-waitlist-badge{background:var(--primary-light);border:1px solid var(--primary);border-radius:5px;color:var(--primary);display:inline-block;font-size:11px;font-weight:700;margin-top:6px;padding:3px 10px}.academy-waitlist-table{border-collapse:collapse;font-size:13px;width:100%}.academy-waitlist-table th{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 12px;text-align:left;text-transform:uppercase}.academy-waitlist-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:9px 12px}.academy-waitlist-table tr:last-child td{border-bottom:none}.catalogue-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(150%);backdrop-filter:blur(var(--glass-blur-sm)) saturate(150%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cc-cover{aspect-ratio:3/2;background:#0f172a;overflow:hidden;position:relative;width:100%}.cc-cover-img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.course-card:hover .cc-cover-img{transform:scale(1.02)}.cc-cobrand{align-items:center;border-radius:999px;display:flex;gap:6px;padding:5px 10px}.cc-cobrand--overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab8;border:1px solid #ffffff24;position:absolute;right:10px;top:10px;z-index:2}.cc-cobrand img{display:block;height:15px;object-fit:contain;width:auto}.cc-cobrand-divider{color:#ffffff8c;font-size:11px;line-height:1}.cc-cobrand-strip{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:center;padding:10px 0}.cc-cobrand-strip .cc-cobrand--strip{background:#0f172ae0;border:1px solid #ffffff24}.cc-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.cc-featured{align-items:center;background:linear-gradient(135deg,#8b5cf6,#2dd4e8);border-radius:999px;color:#fff;display:inline-flex;gap:5px;letter-spacing:.04em}.cc-cat,.cc-featured{font-size:10px;font-weight:700;padding:3px 10px;text-transform:uppercase}.cc-cat{letter-spacing:.06em}.cc-cat,.cc-level{border:1px solid;border-radius:5px}.cc-level{font-size:10px;font-weight:600;padding:3px 10px}.cc-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px 20px}.cc-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.cc-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.55;overflow:hidden}.cc-instructor{gap:8px}.cc-avatar,.cc-instructor{align-items:center;display:flex}.cc-avatar{background:var(--okiru-gradient);border-radius:50%;color:#fff;flex-shrink:0;font-size:9px;font-weight:700;height:24px;justify-content:center;width:24px}.cc-iname{color:var(--text-secondary);font-size:12px;font-weight:500}.cc-stats{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.stars{align-items:center;display:flex;font-size:13px;gap:1px}.stars-val{color:var(--text-secondary);font-size:11px;font-weight:600;margin-left:4px}.stars-count{color:var(--text-muted);font-size:11px;margin-left:2px}.cc-review-widget{align-items:center;border-top:1px solid var(--border);display:flex;gap:6px;margin-top:8px;padding-top:8px}.cc-review-label{color:var(--text-muted);font-size:11px;white-space:nowrap}.cc-interactive-stars{display:flex;gap:1px}.cc-star-btn{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0 1px;transition:transform .1s}.cc-star-btn:hover:not(:disabled){transform:scale(1.2)}.cc-star-btn:disabled{cursor:default}.cc-review-saved{color:var(--accent-emerald);font-size:11px;font-weight:700;margin-left:2px}.cc-progress{align-items:center;display:flex;gap:8px;margin-top:2px}.cc-prog-bar{background:var(--bg-surface);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.cc-prog-fill{background:var(--progress-gradient)!important;border-radius:2px;height:100%;transition:width .4s ease}.cc-prog-pct{color:var(--text-secondary);font-size:11px;font-weight:600}.cc-footer{padding:0 20px 18px}.cc-btn{justify-content:center;width:100%}.cc-locked-pill{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:12.5px;font-weight:600;padding:9px 14px;text-align:center;width:100%}.portal{display:flex;flex-direction:column;gap:24px}.next-up-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:20px;padding:18px 22px}.next-up-accent{background:var(--progress-gradient);border-radius:2px;flex-shrink:0;height:48px;width:4px}.next-up-info{flex:1 1;min-width:0}.next-up-label{color:var(--primary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.next-up-label,.next-up-title{font-weight:700;margin:0 0 4px}.next-up-title{color:var(--text-primary);font-size:17px}.next-up-meta{color:var(--text-muted);font-size:12px;margin:0 0 8px}.next-up-progress-row{align-items:center;display:flex;gap:10px;max-width:280px}.next-up-bar{background:var(--border);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.next-up-fill{background:var(--progress-gradient);border-radius:2px;height:100%;transition:width .4s ease}.next-up-pct{color:var(--text-secondary);font-size:11px;font-weight:600;min-width:30px;text-align:right}.next-up-cta{flex-shrink:0}.next-up-locked{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0;font-size:12.5px;font-weight:600;padding:9px 16px;white-space:nowrap}@media (max-width:640px){.next-up-card{flex-wrap:wrap}.next-up-cta{justify-content:center;width:100%}.next-up-locked{text-align:center;width:100%}}.portal-hero{align-items:flex-end;border-radius:var(--radius-xl);color:#fff;display:flex;gap:24px;justify-content:space-between;min-height:200px;overflow:hidden;padding:36px 40px;position:relative}.portal-hero-bg{background:linear-gradient(135deg,#0c0a10,#0c2340 50%,#0c0a10);inset:0;position:absolute;z-index:0}.portal-hero-bg:before{background:radial-gradient(ellipse 80% 70% at 100% 100%,#38bdf838 0,#0000 60%),radial-gradient(ellipse 50% 40% at 0 0,#0ea5e91a 0,#0000 55%);content:"";inset:0;position:absolute}.portal-hero-bg:after{background:#38bdf80f;border-radius:50%;content:"";height:320px;position:absolute;right:-60px;top:-80px;width:320px}.portal-hero-content{gap:28px;position:relative;z-index:1}.hero-left,.portal-hero-content{align-items:center;display:flex;flex:1 1}.hero-left{gap:24px;min-width:0}.hero-avatar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:3px solid #ffffff59;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:76px;justify-content:center;width:76px}.hero-avatar--img{background:none;display:block;font-size:0;object-fit:cover}.hero-identity{min-width:0}.hero-name{font-size:26px;font-weight:800;letter-spacing:-.4px;margin-bottom:3px}.hero-company{font-size:13px;font-weight:500;margin-bottom:6px;opacity:.8}.hero-sub{font-size:13px;margin-bottom:10px;opacity:.75}.hero-overall-bar{background:#fff3;border-radius:2px;height:5px;max-width:100%;overflow:hidden;width:220px}.hero-overall-fill{background:#ffffffd9;border-radius:2px;height:100%;transition:width .5s ease}.access-expiry{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:11.5px;font-weight:600;gap:7px;margin-top:10px;max-width:fit-content;padding:5px 12px 5px 8px}.expiry-dot{animation:expiry-pulse 2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes expiry-pulse{0%,to{opacity:1}50%{opacity:.4}}.expiry-message{opacity:.9}.expiry-count{background:#ffffff26;border-radius:5px;font-size:10.5px;font-weight:700;padding:1px 7px;white-space:nowrap}.expiry-green{background:#22c55e26;border-color:#22c55e40;color:#a7f3c0}.expiry-green .expiry-dot{background:#4ade80;box-shadow:0 0 6px #4ade80cc}.expiry-yellow{background:#eab30826;border-color:#eab3084d;color:#fde68a}.expiry-yellow .expiry-dot{background:#facc15;box-shadow:0 0 6px #facc15cc}.expiry-red{background:#ef44442e;border-color:#ef444459;color:#fca5a5}.expiry-red .expiry-dot{background:#f87171;box-shadow:0 0 6px #f87171e6}.expiry-red .expiry-count{background:#ef444440}.expiry-expired{background:#7f1d1d59;border-color:#b91c1c66;color:#fca5a5}.expiry-expired .expiry-dot{animation:none;background:#dc2626}.expiry-expired .expiry-count{background:#b91c1c4d}.hero-stats{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:var(--radius-lg);display:flex;flex-shrink:0;gap:0;padding:16px 24px;position:relative;z-index:1}.hero-stat{padding:0 20px;text-align:center}.hero-stat-val{display:block;font-size:28px;font-weight:800;line-height:1.1}.hero-stat-label{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;margin-top:4px;opacity:.75;text-transform:uppercase}.hero-stat-divider{background:#fff3;height:40px;width:1px}.hero-cta{align-self:flex-start;background:#fff;border-radius:var(--radius-pill);box-shadow:0 4px 16px #00000026;color:var(--primary);flex-shrink:0;font-size:13.5px;font-weight:700;margin-top:4px;padding:10px 22px;position:relative;transition:box-shadow .2s,transform .15s;z-index:1}.hero-cta:hover{box-shadow:0 6px 20px #0003;transform:translateY(-1px)}.portal-onboarding{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:300px;overflow:hidden;padding:56px 40px;position:relative}.onboarding-glow{background:radial-gradient(ellipse 55% 45% at 20% 30%,#0ea5e90f 0,#0000 60%),radial-gradient(ellipse 45% 40% at 80% 70%,#38bdf814 0,#0000 60%);inset:0;pointer-events:none;position:absolute}.onboarding-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:520px;position:relative;text-align:center}.onboarding-icon{font-size:52px;line-height:1}.onboarding-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.onboarding-sub{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0;max-width:420px}.onboarding-features{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:4px}.ob-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:7px}.ob-feature-icon{font-size:16px}.ob-cta{font-size:14px;margin-top:8px;padding:12px 28px}.portal-course-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.portal-hero{align-items:flex-start;flex-direction:column;padding:28px 24px}.hero-stats{justify-content:space-around;width:100%}.hero-stat{padding:0 12px}.hero-cta{align-self:stretch;justify-content:center;text-align:center}}:root{--slide-bg:#f4f2ed;--slide-bg-alt:#e9e6df;--slide-bg-card:#fbfaf7;--slide-ink:#111419;--slide-ink-soft:#4f545b;--slide-ink-faint:#7a7f86;--slide-line:#d6d1c8;--slide-accent:#f26a21;--slide-accent-deep:#c84b0a;--slide-accent-soft:#f26a211a;--slide-brand-cyan:#10b9c7;--slide-brand-blue:#1557a5;--slide-brand-magenta:#a80f8b;--slide-brand-orange:#f26a21;--slide-good:#16825d;--slide-good-soft:#16825d1c;--slide-font-display:Roboto,Arial,Helvetica,sans-serif;--slide-font-body:Roboto,Arial,Helvetica,sans-serif;--slide-w:1280px;--slide-h:720px}.slide-canvas{background:#f4f2ed;background:var(--slide-bg);color:#111419;color:var(--slide-ink);display:flex;flex-direction:column;flex-shrink:0;font-family:Roboto,Arial,Helvetica,sans-serif;font-family:var(--slide-font-body);height:720px;height:var(--slide-h);overflow:hidden;position:relative;width:1280px;width:var(--slide-w)}.slide-canvas:before{background:linear-gradient(90deg,#10b9c7,#1557a5 32%,#a80f8b 64%,#f26a21);background:linear-gradient(90deg,var(--slide-brand-cyan),var(--slide-brand-blue) 32%,var(--slide-brand-magenta) 64%,var(--slide-brand-orange) 100%);height:3px;left:0;right:0;top:0;z-index:3}.slide-canvas:after,.slide-canvas:before{content:"";pointer-events:none;position:absolute}.slide-canvas:after{z-index:0}.slide-canvas[data-tone=light]:after{background:linear-gradient(135deg,rgba(21,87,165,.055),rgba(168,15,139,.035) 55%,#f26a210a);clip-path:polygon(38% 0,100% 0,100% 100%,0 42%);height:210px;right:0;top:3px;width:330px}.slide-canvas[data-tone=dark]:after{background:linear-gradient(145deg,rgba(16,185,199,.075),rgba(168,15,139,.045) 52%,#f26a210a);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%,46% 62%);height:100%;right:0;top:0;width:520px}.slide-animation,.slide-footer{z-index:1}.slide-body{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:56px 78px 36px;position:relative}.slide-kicker{align-items:center;color:#c84b0a;color:var(--slide-accent-deep);display:flex;font-family:Roboto,Arial,Helvetica,sans-serif;font-family:var(--slide-font-body);font-size:14px;font-weight:700;gap:14px;letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase;transform:translate(0);transform:translate(var(--slide-kicker-x,0),var(--slide-kicker-y,0))}.slide-kicker:after{background:#f26a21;background:var(--slide-accent);content:"";height:2px;width:54px}.slide-title{color:#111419;color:var(--slide-ink);font-family:Roboto,Arial,Helvetica,sans-serif;font-family:var(--slide-font-display);font-size:46px;font-weight:800;letter-spacing:-.01em;line-height:1.08;margin-bottom:18px;transform:translate(0);transform:translate(var(--slide-title-x,0),var(--slide-title-y,0))}.slide-lead{font-size:19px;line-height:1.5;margin-bottom:8px;max-width:900px;transform:translate(0);transform:translate(var(--slide-lead-x,0),var(--slide-lead-y,0))}.slide-body-text,.slide-lead{color:#4f545b;color:var(--slide-ink-soft)}.slide-body-text{font-size:16px;line-height:1.65;max-width:860px;transform:translate(0);transform:translate(var(--slide-body-x,0),var(--slide-body-y,0))}.keyterm-term,.statement-text{transform:translate(0);transform:translate(var(--slide-title-x,0),var(--slide-title-y,0))}.about-visual,.concept-visual,.intro-visual,.lead-visual,.media-hero,.numbered-visual,.profile-avatar,.timeline-backdrop{transform:translate(0);transform:translate(var(--slide-image-x,0),var(--slide-image-y,0))}.slide-footer{align-items:center;border-top:1px solid #d6d1c8;border-top:1px solid var(--slide-line);color:#7a7f86;color:var(--slide-ink-faint);display:flex;font-size:12px;justify-content:space-between;letter-spacing:.04em;padding:8px 64px;position:relative}.slide-footer .brand{font-weight:500;letter-spacing:.04em}.slide-footer-brands{align-items:center;display:flex;gap:8px;height:24px}.slide-footer-okiru{height:28px;object-fit:contain;object-position:left center;width:76px}.slide-footer-claude{border-radius:4px;height:18px;width:18px}.slide-footer-client{background:#fff;border-radius:2px;height:22px;object-fit:contain;padding:2px 4px;width:58px}.slide-footer-divider{color:#7a7f86;color:var(--slide-ink-faint);font-size:11px}.slide-card{background:#fbfaf7;background:var(--slide-bg-card);border:0;border-radius:2px;border-top:2px solid #f26a21;border-top:2px solid var(--slide-accent);padding:18px 20px}.slide-card-title{color:#111419;color:var(--slide-ink);font-size:16px;font-weight:700;margin-bottom:6px}.slide-card-desc{color:#4f545b;color:var(--slide-ink-soft);font-size:14px;line-height:1.5}.slide-card-tag{background:#f26a211a;background:var(--slide-accent-soft);color:#c84b0a;font-size:12px}.slide-callout{background:#0000;border-left:3px solid #f26a21;border-left:3px solid var(--slide-accent);border-radius:0;padding:14px 18px}.slide-callout-label{color:#c84b0a;color:var(--slide-accent-deep);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.slide-callout-text{color:#111419;color:var(--slide-ink);font-size:14.5px;line-height:1.55}.slide-checklist{display:flex;flex-direction:column;gap:10px;list-style:none}.slide-checklist li{align-items:flex-start;color:#111419;color:var(--slide-ink);display:flex;font-size:15px;gap:10px}.slide-check-mark{background:#16825d1c;background:var(--slide-good-soft);color:#16825d;color:var(--slide-good);font-size:13px;height:22px;margin-top:1px;width:22px}.slide-check-mark,.slide-number-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.slide-number-badge{background:#111419;background:var(--slide-ink);color:#f4f2ed;color:var(--slide-bg);font-family:Roboto,Arial,Helvetica,sans-serif;font-family:var(--slide-font-display);font-size:15px;height:34px;width:34px}.slide-caption{color:#7a7f86;color:var(--slide-ink-faint);font-size:12.5px;font-style:italic;margin-top:6px}.slide-screenshot{align-self:center;border:1px solid #d6d1c8;border:1px solid var(--slide-line);border-radius:2px;box-shadow:0 10px 26px #1114191a;display:block;margin:8px auto 4px;max-height:260px;max-width:100%;object-fit:contain;width:auto}.slide-canvas[data-layout=title]{background:linear-gradient(135deg,#191c20,#0b0e12 62%,#05070a);background:var(--slide-hero-background,linear-gradient(135deg,#191c20 0,#0b0e12 62%,#05070a 100%));color:#fff}.slide-canvas[data-layout=intro],.slide-canvas[data-layout=statement]{background:linear-gradient(120deg,#101419,#24272b 56%,#090c10);background:var(--slide-section-background,linear-gradient(120deg,#101419 0,#24272b 56%,#090c10 100%));color:#fff}.slide-canvas[data-layout=intro] .slide-lead,.slide-canvas[data-layout=intro] .slide-title,.slide-canvas[data-layout=statement] .slide-lead,.slide-canvas[data-layout=statement] .statement-text,.slide-canvas[data-layout=title] .slide-lead,.slide-canvas[data-layout=title] .slide-title{color:#fff}.slide-canvas[data-layout=intro] .slide-kicker,.slide-canvas[data-layout=statement] .slide-kicker,.slide-canvas[data-layout=title] .slide-kicker{color:#ff9a54}.slide-canvas[data-layout=intro] .slide-footer,.slide-canvas[data-layout=statement] .slide-footer,.slide-canvas[data-layout=title] .slide-footer{border-top-color:#ffffff2e;color:#ffffffb8}.slide-canvas[data-layout=intro] .slide-footer-divider,.slide-canvas[data-layout=statement] .slide-footer-divider,.slide-canvas[data-layout=title] .slide-footer-divider{color:#ffffff80}.slide-canvas[data-layout=intro] .slide-callout{background:hsla(0,0%,100%,.035);border-left-color:#f26a21;border-left-color:var(--slide-accent)}.slide-canvas[data-layout=intro] .slide-callout-label,.slide-canvas[data-layout=intro] .slide-callout-text{color:#fff}.slide-stage{align-items:center;background:#000;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.slide-stage-inner{box-shadow:0 20px 60px #00000073;flex-shrink:0;height:var(--slide-h);position:relative;transform-origin:center center;width:var(--slide-w)}.slide-animation{display:flex;flex:1 1;flex-direction:column;min-height:0}.slide-canvas-transition{animation:slideCanvasIn .52s cubic-bezier(.22,.75,.3,1) both}.slide-animation{will-change:transform,opacity}.slide-animation--fade{animation:slideFadeIn .56s ease both}.slide-animation--rise{animation:slideRiseIn .62s cubic-bezier(.2,.75,.25,1) both}.slide-animation--zoom{animation:slideZoomIn .56s cubic-bezier(.2,.75,.25,1) both}.slide-animation--slide-left{animation:slideFromRight .62s cubic-bezier(.2,.75,.25,1) both}@keyframes slideFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRiseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes slideZoomIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes slideCanvasIn{0%{opacity:.35;transform:scale(.996)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.slide-animation,.slide-canvas-transition{animation:none!important}}.presentation-export .slide-animation,.presentation-export .slide-canvas-transition{animation:none!important}.layout-media{align-items:center;padding-top:42px;text-align:center}.media-copy{width:100%}.layout-media .slide-title{margin-bottom:8px}.layout-media .slide-lead{margin:0 auto 16px}.media-hero{background:var(--slide-bg-card);border:1px solid var(--slide-line);border-radius:2px;box-shadow:none;display:block;flex:1 1;max-height:480px;max-width:1080px;min-height:0;object-fit:contain}.media-hero--embed{aspect-ratio:16/9;background:#000;flex:0 1 auto;max-width:853px;min-height:0;width:100%}.media-link{align-items:center;align-self:center;background:var(--slide-bg-card);border:1px solid var(--slide-line);border-radius:999px;color:var(--slide-accent);display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.01em;margin:10px auto 2px;padding:7px 18px;text-decoration:none}.media-link:hover{border-color:var(--slide-accent)}.media-link-icon{font-size:11px}.media-hero--yt{aspect-ratio:16/9;background:#000;cursor:pointer;flex:0 1 auto;max-width:853px;min-height:0;overflow:hidden;padding:0;position:relative;width:100%}.media-yt-thumb{background:#000;display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.media-yt-play{background:#121212d1;border-radius:16px;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:86px}.media-yt-play:after{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:13px 0 13px 22px;content:"";left:50%;position:absolute;top:50%;transform:translate(-42%,-50%)}.media-hero--yt:focus-visible .media-yt-play,.media-hero--yt:hover .media-yt-play{background:red}.concept-visual{background:var(--slide-bg-card);border:1px solid var(--slide-line);border-radius:2px;box-shadow:none;overflow:hidden}.concept-visual img{display:block;height:100%;object-fit:cover;object-position:center;object-position:var(--slide-image-focus,center);transform:scale(1);transform:scale(var(--slide-image-zoom,1));transform-origin:center;transform-origin:var(--slide-image-focus,center);width:100%}.concept-visual--bare{background:#0000;border:0;border-radius:0;box-shadow:none;overflow:visible}.concept-visual--bare img{object-fit:contain}.about-tags,.slide-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.slide-meta-pill{background:#0000;border:0;border-bottom:1px solid var(--slide-line);border-radius:0;color:var(--slide-ink-soft);font-size:12px;font-weight:700;letter-spacing:.06em;padding:6px 0;text-transform:uppercase}.layout-title{justify-content:center}.slide-title-hero{font-size:64px;letter-spacing:-.025em;max-width:940px;text-transform:uppercase}.title-brand-lockup{align-items:center;color:#ffffff8c;display:flex;font-size:18px;gap:14px;margin-bottom:34px}.title-brand-lockup img:first-child{height:46px;object-fit:contain;width:104px}.title-brand-lockup .title-partner-logo{border-radius:9px;height:42px;width:42px}.title-brand-lockup .title-client-logo{background:#fff;border-radius:2px;height:42px;object-fit:contain;padding:5px 8px;width:112px}.title-brand-separator{color:#ffffff52}.layout-statement{align-items:flex-start;justify-content:center;padding-right:260px;text-align:left}.statement-text{color:var(--slide-ink);font-family:var(--slide-font-display);font-size:44px;font-weight:800;line-height:1.25;max-width:920px}.statement-footnote{margin-top:22px;max-width:700px}.agenda-columns{grid-gap:0 48px;display:grid;gap:0 48px;grid-template-columns:1fr 1fr;margin-top:8px}.agenda-col{display:flex;flex-direction:column}.agenda-row{align-items:baseline;border-bottom:1px solid var(--slide-line);display:flex;font-size:15px;gap:16px;padding:9px 0}.agenda-time{font-feature-settings:"tnum";color:var(--slide-accent-deep);flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:700;width:52px}.agenda-label{color:var(--slide-ink)}.cards-scroll{display:flex;flex:1 1;min-height:0}.cards-concept-visual{flex:none;height:145px;margin:4px 0 12px;width:100%}.layout-cards.has-concept .slide-card{padding-bottom:14px;padding-top:14px}.slide-card-grid{grid-gap:16px;align-content:start;display:grid;gap:16px;width:100%}.slide-card-tag{background:#0000;border-radius:0;color:var(--slide-accent-deep);display:inline-block;font-size:12.5px;font-weight:600;margin-top:10px;padding:4px 0}.slide-card-quote{background:var(--slide-ink);border-color:var(--slide-ink)}.slide-card-quote .slide-card-title{color:var(--slide-accent);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.slide-card-quote .slide-card-desc{color:#f1e9dc;font-size:15px}.layout-footer-note{border-top:1px dashed var(--slide-line);margin-top:auto;padding-top:12px}.about-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:20px 0}.about-stat{background:var(--slide-bg-card);border:0;border-radius:2px;border-top:2px solid var(--slide-accent);padding:14px 16px}.about-stat-value{color:var(--slide-accent-deep);font-family:var(--slide-font-display);font-size:22px;font-weight:700}.about-stat-label{font-size:13px;font-weight:600;margin-top:4px}.about-stat-sub{color:var(--slide-ink-faint);font-size:12px;margin-top:2px}.about-detail-grid{grid-gap:24px;align-items:end;display:grid;gap:24px;grid-template-columns:1.45fr .8fr;min-height:150px}.about-visual{border:1px solid var(--slide-line);border-radius:2px;height:150px;object-fit:cover;width:100%}.profile-grid{grid-gap:38px;align-items:start;display:grid;gap:38px;grid-template-columns:310px 1fr}.profile-avatar{align-items:center;background:var(--slide-accent);border-radius:2px;color:#fff;display:flex;font-family:var(--slide-font-display);font-size:44px;font-weight:700;height:400px;justify-content:center;object-fit:cover;object-position:center 22%;width:310px}.profile-role{color:var(--slide-accent-deep);font-size:15px;font-weight:600;margin-top:2px}.profile-specialisms{color:var(--slide-ink-soft);display:flex;flex-direction:column;font-size:14px;gap:6px;list-style:disc;padding-left:20px}.profile-contacts{color:var(--slide-ink-faint);font-size:13px;margin-top:14px}.layout-intro{justify-content:center;position:relative}.intro-copy{position:relative;width:61%;z-index:1}.intro-visual{border-radius:0;box-shadow:none;height:500px;object-fit:cover;position:absolute;right:58px;top:54px;width:390px}.intro-module-mark{color:#ffffff17;font-family:var(--slide-font-display);font-size:120px;font-weight:700;line-height:1;position:absolute;right:84px;top:40px;-webkit-user-select:none;user-select:none}.layout-lead{position:relative}.layout-lead.has-visual .lead-copy{position:relative;width:57%;z-index:1}.lead-visual{border:1px solid var(--slide-line);border-radius:2px;bottom:64px;box-shadow:none;height:242px;object-fit:cover;object-position:center;position:absolute;right:76px;width:430px}.layout-lead .slide-callout{margin-top:20px}.layout-timeline{position:relative}.timeline-backdrop{border-radius:12px;filter:saturate(.8);height:200px;left:66px;object-fit:cover;opacity:.16;position:absolute;right:66px;top:420px;width:calc(100% - 132px)}.layout-timeline.has-concept .slide-kicker,.layout-timeline.has-concept .slide-lead,.layout-timeline.has-concept .slide-title,.layout-timeline.has-concept .timeline-track{position:relative;z-index:1}.timeline-track{display:flex;gap:0;margin-top:24px}.timeline-step{flex:1 1;padding-right:16px;padding-top:26px;position:relative}.timeline-step:before{background:var(--slide-line);content:"";height:2px;left:0;position:absolute;right:16px;top:9px}.timeline-dot{background:var(--slide-accent);border:3px solid var(--slide-bg);border-radius:50%;height:14px;left:0;position:absolute;top:3px;width:14px}.timeline-era{color:var(--slide-accent-deep);font-size:12px;font-weight:700;left:0;position:absolute;top:-22px}.timeline-title{font-size:15px;font-weight:700;margin-bottom:6px}.timeline-desc{color:var(--slide-ink-soft);font-size:13px;line-height:1.5}.comparison-columns{grid-gap:24px;display:grid;gap:24px;margin-top:8px}.comparison-col{background:var(--slide-bg-card);border:0;border-radius:2px;border-top:2px solid var(--slide-accent);padding:20px 22px}.comparison-heading{color:var(--slide-accent-deep);font-size:16px;font-weight:700;margin-bottom:12px}.comparison-list{color:var(--slide-ink);display:flex;flex-direction:column;font-size:14.5px;gap:10px;list-style:none;margin:0;padding:0}.comparison-list li{padding-left:14px;position:relative}.comparison-list li:before{color:var(--slide-ink-faint);content:"—";left:0;position:absolute}.keyterm-grid{grid-gap:40px;align-items:start;display:grid;flex:1 1;gap:40px;grid-template-columns:1fr 1fr}.keyterm-term{font-family:var(--slide-font-display);font-size:52px;font-weight:700;margin-bottom:14px}.keyterm-callouts{display:flex;flex-direction:column;gap:14px}.keyterm-grid.has-concept .keyterm-callouts{gap:11px}.keyterm-concept-visual{flex:none;height:178px;width:100%}.numbered-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}.numbered-item{align-items:flex-start;display:flex;gap:16px}.numbered-content{grid-gap:28px;display:grid;flex:1 1;gap:28px;grid-template-columns:1fr;min-height:0}.layout-numbered.has-visual .numbered-content{align-items:center;grid-template-columns:.75fr 1.35fr}.layout-numbered.has-visual .numbered-list{gap:12px}.numbered-visual .slide-screenshot{margin:0 auto;max-height:330px;max-width:100%;width:auto}.numbered-visual .concept-visual{height:330px;width:100%}.numbered-visual .slide-caption{max-width:610px}.worked-columns{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;margin-top:12px}.worked-col{border-radius:2px;display:flex;flex-direction:column;padding:18px 20px}.worked-weak{background:var(--slide-bg-card);border:1px solid var(--slide-line)}.worked-strong{background:var(--slide-ink);color:#f1e9dc}.worked-label{font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.worked-weak .worked-label{color:#b54a3a}.worked-strong .worked-label{color:var(--slide-accent)}.worked-prompt{font-size:14px;font-style:italic;line-height:1.5;margin-bottom:14px}.worked-result-label{font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;opacity:.7;text-transform:uppercase}.worked-result{font-size:13.5px;line-height:1.5}.exercise-header{align-items:flex-start;display:flex;justify-content:space-between}.exercise-meta{white-space:nowrap}.exercise-steps{display:flex;flex-direction:column;gap:14px;margin:18px 0}.exercise-check{background:var(--slide-good-soft);border-radius:8px;color:var(--slide-ink-soft);font-size:14px;margin-top:auto;padding:12px 16px}.exercise-check strong{color:var(--slide-good)}.outcome-check-label{color:var(--slide-ink-faint);font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.pattern-fields{display:flex;flex-direction:column;gap:12px;margin:10px 0}.pattern-field{grid-gap:16px;border-bottom:1px solid var(--slide-line);display:grid;gap:16px;grid-template-columns:160px 1fr;padding:10px 0}.pattern-field-label{color:var(--slide-accent-deep);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pattern-field-value{color:var(--slide-ink);font-size:14.5px}.exercise-example-badge{align-items:center;align-self:flex-start;background:var(--slide-good);border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:14px;padding:4px 12px;text-transform:uppercase}.exercise-example-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:14px 0}.exercise-example-field-label{color:var(--slide-accent-deep);font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.exercise-example-prompt{background:var(--slide-ink);border-radius:2px;color:#f1e9dc;margin:2px 0 4px;padding:14px 18px}.exercise-example-prompt .exercise-example-field-label{color:var(--slide-accent)}.exercise-example-prompt-text{font-size:14px;font-style:italic;line-height:1.5}.layout-walkthrough{grid-gap:42px;align-items:center;display:grid;gap:42px;grid-template-columns:.72fr 1.38fr}.walkthrough-copy{min-width:0}.walkthrough-progress{align-items:center;color:var(--slide-ink-faint);display:flex;font-size:12px;font-weight:700;gap:12px;letter-spacing:.08em;margin:4px 0 22px;text-transform:uppercase}.walkthrough-progress>div{background:var(--slide-line);border-radius:0;flex:1 1;height:3px;overflow:hidden}.walkthrough-progress i{background:var(--slide-accent);border-radius:inherit;display:block;height:100%}.layout-walkthrough .slide-callout{margin-top:24px}.walkthrough-tip{margin-top:18px}.walkthrough-screen{min-width:0}.walkthrough-screen .slide-screenshot{margin:0 auto;max-height:390px;max-width:100%;object-fit:contain;object-position:center;width:auto}.walkthrough-screen .slide-caption{font-style:normal;margin-top:9px}.slide-screenshot-placeholder{align-items:center;background:var(--slide-bg-alt);border:2px dashed var(--slide-line);border-radius:10px;color:var(--slide-ink-soft);display:flex;flex-direction:column;gap:10px;height:390px;justify-content:center;padding:36px;text-align:center}.slide-screenshot-placeholder span{color:var(--slide-accent-deep);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.slide-screenshot-placeholder strong{color:var(--slide-ink);font-size:18px;line-height:1.45;max-width:460px}.slide-editable{border-radius:4px;cursor:text;outline:1px dashed #0000;outline-offset:2px;transition:outline-color .12s ease,background .12s ease}.slide-editable:hover{background:#00000008;outline-color:var(--slide-accent)}.slide-editable--active{background:#ffffff0f;cursor:text;outline:2px solid var(--slide-accent);outline-offset:2px}.slide-editable--active:hover{background:#ffffff0f}.about-visual,.intro-visual,.lead-visual,.media-hero,.timeline-backdrop{object-position:center;object-position:var(--slide-image-focus,center)}.layout-freeform{overflow:hidden;padding:0;position:relative}.freeform-bg{inset:0;position:absolute;z-index:0}.freeform-canvas{height:100%;position:relative;width:100%;z-index:1}.freeform-el{box-sizing:border-box;overflow:hidden;position:absolute}.freeform-text{color:var(--slide-ink);display:flex;flex-direction:column;font-size:16px;justify-content:center;line-height:1.3}.freeform-text p{margin:0 0 4px}.freeform-text p.freeform-bullet:before{content:"•";margin-right:6px}.freeform-image{object-fit:contain}.freeform-table{background:var(--slide-bg-card);border-collapse:collapse;color:var(--slide-ink);font-size:13px}.freeform-table td{border:1px solid var(--slide-line);padding:4px 8px;vertical-align:top}.pp-root{display:flex;flex-direction:column;gap:20px}.pp-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.pp-title{color:var(--text-primary);font-size:22px;font-weight:700}.pp-subtitle{color:var(--text-muted);font-size:13px;margin-top:2px}.pp-live-badge{color:var(--accent-emerald);font-weight:700}.pp-live-badge,.pp-self-badge{font-size:12px;white-space:nowrap}.pp-self-badge{color:var(--text-muted);font-weight:600}.pp-main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 300px}.pp-stage-col{display:flex;flex-direction:column;gap:10px;min-width:0}.pp-stage-wrap{aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:12px;min-width:0;overflow:hidden}.pp-nav{align-items:center;display:flex;gap:14px;justify-content:center}.pp-slide-count{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.pp-notes-col{display:flex;flex-direction:column;gap:8px}.pp-panel-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pp-notes-input{flex:1 1;min-height:220px;resize:vertical}.pp-notes-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.pp-notes-hint code{background:var(--bg-elevated);border-radius:4px;padding:1px 5px}.pp-question-box{align-items:stretch;background:#08aeca14;border:1px solid #08aeca59;border-radius:10px;display:flex;flex-direction:column;gap:9px;margin-bottom:10px;padding:14px}.pp-question-heading{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.pp-question-heading span{color:var(--text-muted);display:block;font-size:11px;line-height:1.4;margin-top:4px}.pp-question-heading strong{color:var(--primary-bright);flex-shrink:0;font-size:12px}.pp-question-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:7px;box-sizing:border-box;color:var(--text-primary);font:inherit;font-size:13px;min-height:74px;padding:9px 10px;resize:vertical;width:100%}.pp-question-box .btn{align-self:flex-start}.pp-question-status{font-size:11.5px;line-height:1.4}.pp-question-status.success{color:var(--accent-emerald)}.pp-question-status.error{color:var(--accent-rose)}.pp-resources{grid-gap:20px;border-top:1px solid var(--border);display:grid;gap:20px;grid-template-columns:1fr 1fr;padding-top:16px}.pp-resources-block{display:flex;flex-direction:column;gap:10px}.pp-download-row{align-items:flex-start;gap:8px}.pp-download-row,.pp-skill-list{display:flex;flex-direction:column}.pp-skill-list{gap:10px}.pp-skill-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.pp-skill-name{color:var(--text-primary);font-size:14px;font-weight:700}.pp-skill-desc{color:var(--text-secondary);font-size:12.5px;margin-top:2px;max-width:340px}.pp-missing{color:var(--text-muted);padding:40px}@media (max-width:900px){.pp-main,.pp-resources{grid-template-columns:1fr}}.prl-doc{background:#fff;border-radius:10px;border-top:6px solid #06cde1;box-shadow:0 12px 48px #0000003d,0 2px 8px #0000001a;color:#1a1a2e;font-family:Georgia,Times New Roman,serif;line-height:1.65;margin:0 auto;max-width:760px;padding:32px 40px 28px;position:relative}.prl-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.prl-masthead{align-items:center;border-bottom:2px solid #1a1a2e;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.prl-masthead-right{align-items:center;display:flex;gap:10px}.prl-masthead-label{color:#555;letter-spacing:.25em;text-transform:uppercase}.prl-masthead-label,.prl-masthead-tag{font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700}.prl-masthead-tag{border:1px solid;border-radius:100px;padding:3px 10px}.prl-title-block{margin-bottom:22px}.prl-title{color:#1a1a2e;font-size:26px;font-weight:700;line-height:1.3;margin:0 0 8px}.prl-meta{color:#666;font-family:Helvetica Neue,Arial,sans-serif;font-size:12.5px;margin:0}.prl-checklist{background:#f7f7fa;border:1px solid #e4e4ec;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px}.prl-checklist-icon{color:#06cde1;flex-shrink:0;margin-top:2px}.prl-checklist-title{color:#555;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.prl-section{margin-bottom:22px}.prl-section h2{border-bottom:1px solid #e4e4ec;color:#1a1a2e;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.03em;margin:0 0 10px;padding-bottom:6px}.prl-section p{color:#2a2a3a;font-size:15px;margin:0 0 12px}.prl-section p:last-child{margin-bottom:0}.prl-case{background:#fbfbfd;border-left:3px solid #06cde1;border-radius:0 6px 6px 0;padding:4px 18px 4px 20px}.prl-list{margin:0 0 12px;padding-left:20px}.prl-list li{color:#2a2a3a;font-size:15px;margin-bottom:8px}.prl-list li:last-child{margin-bottom:0}.prl-core-idea{border:1px solid;border-radius:8px;color:#1a1a2e;font-family:Helvetica Neue,Arial,sans-serif;font-size:14.5px;font-style:italic;font-weight:600;margin-bottom:22px;padding:14px 18px}.prl-prep-note{background:#fbfbfd;border:1px dashed #c8c8d8;border-radius:8px;padding:16px 20px}.prl-sources{border-top:1px solid #e4e4ec;font-family:Helvetica Neue,Arial,sans-serif;margin-top:28px;padding-top:16px}.prl-sources h3{color:#555;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.prl-sources ul{margin:0 0 14px;padding-left:18px}.prl-sources li{color:#555;font-size:12px;margin-bottom:4px}.prl-disclaimer{color:#888;font-size:11px;line-height:1.5;margin:0}@media print{.header,.lesson-actions,.lesson-header,.module-guide,.no-print,.player-sidebar,.sidebar{display:none!important}.player,.player-content,.player-main,body{background:#fff!important}.prl-doc{border:none;box-shadow:none;max-width:100%;padding:0 8px}.prl-doc:after{color:#999;content:"Okiru Learn \2014 Pre-Reading Brief";display:block;font-size:10px;margin-top:24px;text-align:center}}.player{gap:0;margin:-24px -28px;overflow:hidden}.player,.player-locked{display:flex;height:calc(100vh - 60px)}.player-locked{align-items:center;flex-direction:column;gap:12px;justify-content:center;padding:24px;text-align:center}.player-locked-icon{font-size:40px}.player-locked h2{color:var(--text-primary);font-size:20px;margin:0}.player-locked p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;max-width:440px}.player-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:300px}.player-course-title{border-bottom:1px solid var(--border);padding:20px 18px 14px}.player-cat{border:1px solid;border-radius:5px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.player-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4}.player-modules{flex:1 1;padding:10px 0}.player-mod{border-bottom:1px solid var(--border)}.player-mod-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 18px;transition:background .15s}.player-mod--active .player-mod-header,.player-mod-header:hover{background:var(--bg-elevated)}.player-mod-check{color:var(--accent-teal);flex-shrink:0;font-size:13px;width:16px}.player-mod-name{color:var(--text-primary);font-size:12px;font-weight:600}.player-lessons{padding:4px 0 8px}.player-lesson{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:8px 18px 8px 28px;text-align:left;transition:background .12s;width:100%}.player-lesson:hover{background:var(--bg-hover)}.player-lesson--active{background:var(--primary-light)}.player-lesson--quiz{border-top:1px solid var(--border);margin-top:4px}.pl-check{color:var(--primary);flex-shrink:0;font-size:11px;margin-top:1px}.pl-title{color:var(--text-secondary);flex:1 1;font-size:12px;line-height:1.4}.player-lesson--active .pl-title{color:var(--text-primary)}.pl-meta{color:var(--text-muted);flex-shrink:0;font-size:10px}.player-final-wrap{border-top:1px solid var(--border);padding:8px 0 4px}.player-cert-btn{margin:12px 16px 4px}.player-rating{border-top:1px solid var(--border);margin-top:4px;padding:12px 16px 16px}.player-rating-label{color:var(--text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.player-rating-stars{display:flex;gap:2px}.player-star-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;transition:transform .1s}.player-star-btn:hover{transform:scale(1.2)}.player-main{flex:1 1;overflow-y:auto}.player-content{margin:0 auto;max-width:760px;padding:32px 28px}.lesson-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.lesson-module-name{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.lesson-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.lesson-type{background:var(--bg-elevated);border-radius:6px;color:var(--text-muted);flex-shrink:0;font-size:12px;padding:5px 12px;white-space:nowrap}.lesson-type,.video-player{border:1px solid var(--border)}.video-player{background:var(--bg-card);border-radius:var(--radius-xl);margin-bottom:28px;overflow:hidden}.video-embed-wrap{height:0;padding-bottom:56.25%;position:relative}.video-embed{border:none;height:100%;inset:0;position:absolute;width:100%}.lesson-video-source{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:space-between;padding:12px 16px}.lesson-video-source a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.video-thumb{align-items:center;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.video-label{color:var(--text-secondary);font-size:12px}.lesson-intro{border-left:3px solid var(--primary);color:var(--text-secondary);font-size:14px;line-height:1.75;margin-bottom:20px;padding:14px 18px}.lesson-intro,.lesson-objectives{background:var(--bg-elevated);border-radius:var(--radius-md)}.lesson-objectives{border:1px solid var(--border);margin-bottom:16px;padding:16px 20px}.lesson-objectives-label{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.lesson-objectives-list{list-style:disc;margin:0;padding:0 0 0 18px}.lesson-objectives-list li{color:var(--text-secondary);font-size:13.5px;line-height:1.65;margin-bottom:5px}.lesson-objectives-list li:last-child{margin-bottom:0}.module-guide{grid-gap:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 20px;padding:12px}.module-guide-item{align-items:flex-start;background:var(--bg-card);border-radius:var(--radius-md);display:flex;gap:10px;min-width:0;padding:12px}.module-guide-icon{color:var(--primary);display:inline-flex;flex:0 0 auto;margin-top:1px}.module-guide-label{color:var(--text-primary);font-size:10px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.module-guide-text{color:var(--text-secondary);font-size:12.5px;line-height:1.55;margin:0}@media (max-width:760px){.module-guide{grid-template-columns:1fr}}.acc-section{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.acc-header{align-items:center;background:var(--bg-elevated);border:none;cursor:pointer;display:flex;gap:10px;padding:13px 16px;text-align:left;transition:background .15s;width:100%}.acc-header:hover{background:var(--bg-hover)}.acc-section--open .acc-header{background:var(--primary-light);border-bottom:1px solid var(--border)}.acc-title{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:600}.acc-chevron{color:var(--text-muted);flex-shrink:0;font-size:10px}.acc-body{background:var(--bg-card);padding:18px 20px}.lesson-body{color:var(--text-secondary);line-height:1.75;margin-bottom:32px}.lesson-body p{font-size:13.5px;margin-bottom:14px}.lesson-body strong{color:var(--text-primary);font-weight:600}.lesson-body ul{margin:0 0 14px 20px}.lesson-body li{font-size:13.5px;margin-bottom:6px}.acc-body p{color:var(--text-secondary);font-size:13.5px;margin-bottom:12px}.acc-body strong{color:var(--text-primary);font-weight:600}.acc-body ul{margin:0 0 12px 20px}.acc-body li{color:var(--text-secondary);font-size:13.5px;margin-bottom:6px}.lesson-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;padding-top:8px}.lesson-done-badge{background:#10e8a01a;border:1px solid #10e8a033;border-radius:6px;color:var(--accent-emerald);font-size:12px;font-weight:600;padding:8px 16px}.quiz{max-width:600px}.quiz-title{font-size:20px;font-weight:700;margin-bottom:4px}.quiz-subtitle{color:var(--text-muted);font-size:13px;margin-bottom:28px}.quiz-questions{display:flex;flex-direction:column;gap:24px;margin-bottom:28px}.quiz-q-text{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.quiz-q-num{color:var(--accent-teal);margin-right:6px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:11px 16px;text-align:left;transition:all .15s ease;width:100%}.quiz-option:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.quiz-option--selected{background:var(--primary-light);border-color:var(--primary);color:var(--text-primary)}.quiz-opt-letter{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.quiz-option--selected .quiz-opt-letter{background:var(--primary);border-color:var(--primary);color:#fff}.quiz-submit{min-width:160px}.quiz-submit:disabled{cursor:not-allowed;opacity:.5}.quiz-result{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.quiz-result-icon{font-size:52px}.quiz-pass{color:var(--accent-emerald)}.quiz-fail,.quiz-pass{font-size:22px;font-weight:700}.quiz-fail{color:var(--tertiary)}.quiz-score{color:var(--text-primary);font-size:18px;font-weight:600}.quiz-msg{color:var(--text-muted);font-size:14px;max-width:340px}.section-label-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.section-label-icon{flex-shrink:0;font-size:16px}.section-label-title{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:700}.section-label-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:10px;font-weight:600;padding:2px 8px;white-space:nowrap}.flashcard-section{margin-bottom:16px}.flashcard-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flip-card{border-radius:var(--radius-md);cursor:pointer;height:170px;perspective:900px;-webkit-user-select:none;user-select:none}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);width:100%}.flip-card--flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);border-top-width:1px;border:1px solid var(--border);border-top:3px solid var(--border);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center}.flip-card-front{background:var(--bg-surface)}.flip-card-back{border-top-width:1px;border:1px solid var(--border);border-top:3px solid var(--border);transform:rotateY(180deg)}.flip-card-icon{font-size:22px}.flip-card-front-text{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4;margin:0}.flip-card-back-text{color:var(--text-secondary);font-size:12.5px;line-height:1.5;margin:0}.flip-card-hint{color:var(--text-muted);font-size:10px;letter-spacing:.04em;margin-top:auto}.comparison-section{margin-bottom:16px}.comparison-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:13px;width:100%}.comparison-table th{background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border);padding:10px 14px}.comparison-table td{color:var(--text-secondary);line-height:1.5;vertical-align:top}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n) td{background:var(--bg-elevated)}.comparison-table td strong{color:var(--text-primary);font-weight:600}.tip-block{align-items:flex-start;border:1px solid;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:12px;padding:14px 16px}.tip-tip{background:#ffbe0014;border-color:#ffbe004d}.tip-warning{background:#ff5a3214;border-color:#ff5a324d}.tip-note{background:#06cde114;border-color:#06cde14d}.tip-success{background:#10e8a014;border-color:#10e8a04d}.tip-icon{flex-shrink:0;font-size:20px;margin-top:1px}.tip-label{color:var(--text-primary);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.tip-content{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.diagram-section{margin-bottom:16px}.diagram-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.diagram-svg-container{overflow-x:auto;padding:16px;width:100%}.diagram-svg-container svg{display:block;height:auto;margin:0 auto;max-width:100%}.diagram-caption{border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;font-style:italic;margin:0;padding:8px 16px 12px;text-align:center}.step-section{margin-bottom:16px}.step-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.step-item{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 14px}.step-num{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.step-content{display:flex;flex-direction:column;gap:3px}.step-heading{color:var(--text-primary);font-size:13px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}@media (max-width:768px){.player{flex-direction:column;height:auto;margin:-16px}.player-sidebar{height:auto;width:100%}.player-content{padding:20px 16px}.flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.lesson-image-block{margin:24px 0;text-align:center}.lesson-image{border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:100%}.lesson-image-caption{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:10px}.lesson-image-expand{color:var(--text-primary);display:inline-block;font-size:12px;margin-top:8px;text-underline-offset:3px}.certs-page{display:flex;flex-direction:column;gap:32px}.certs-header{align-items:baseline;display:flex;justify-content:space-between}.certs-header h2{font-size:22px;font-weight:700}.certs-sub{color:var(--text-muted);font-size:13px}.certs-section-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.certs-earned-list{display:flex;flex-direction:column;gap:32px}.certs-locked-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cert-empty{align-items:center;display:flex;flex-direction:column;gap:14px;padding:80px 20px;text-align:center}.cert-empty-icon{font-size:52px}.cert-empty h3{font-size:20px;font-weight:700}.cert-empty p{color:var(--text-muted);line-height:1.6;max-width:400px}.cert-doc{background:#fff;background-repeat:repeat;background-size:auto;border-radius:12px;box-shadow:0 12px 48px #00000047,0 2px 8px #0000001f;color:#1a0a2e;display:flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;width:460px}.cert-header-band{flex-shrink:0;justify-content:space-between;padding:18px 28px}.cert-header-band,.cert-header-left{align-items:center;display:flex}.cert-header-right{text-align:right}.cert-header-cert{color:#fff;font-size:22px;font-weight:900;letter-spacing:5px;line-height:1;text-shadow:0 1px 4px #0000004d}.cert-header-sub{color:#ffffffbf;font-size:9px;font-weight:700;letter-spacing:.3em;margin-top:3px}.cert-doc-body{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:36px 40px 28px;position:relative;text-align:center;z-index:1}.cert-presented{color:#666;font-size:13px;font-style:italic;font-weight:500;margin:0 0 10px}.cert-doc-name{color:#1a0a2e;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4.5vw,52px);font-style:italic;font-weight:800;line-height:1.1;margin:0 0 16px}.cert-divider{border-radius:2px;height:3px;margin:0 auto 16px;width:220px}.cert-completion-text{color:#777;font-size:12px;font-style:italic;margin:0 0 8px}.cert-course-title{color:#1a0a2e;font-size:clamp(14px,2vw,18px);font-weight:700;line-height:1.4;margin:0 0 14px;max-width:460px}.cert-category-badge{border:1px solid;border-radius:5px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;margin:0;padding:4px 12px;text-transform:uppercase}.cert-doc-footer{align-items:stretch;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;gap:0;padding:14px 24px;position:relative;z-index:1}.cert-footer-mid{flex:1 1;gap:16px;justify-content:space-around}.cert-footer-mid,.cert-seal{align-items:center;display:flex}.cert-seal{border:2px solid;border-radius:50%;flex-shrink:0;height:68px;justify-content:center;margin-right:16px;width:68px}.cert-seal-inner{align-items:center;border-radius:50%;display:flex;flex-direction:column;gap:1px;height:56px;justify-content:center;width:56px}.cert-seal-score{font-size:18px;font-weight:900;line-height:1}.cert-seal-score span{font-size:11px;font-weight:700}.cert-seal-label{color:#999;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cert-cert-id,.cert-issue-date{display:flex;flex-direction:column;gap:2px;text-align:center}.cert-footer-label{color:#aaa;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cert-footer-val{color:#333;font-size:12px;font-weight:600}.cert-footer-val--mono{font-family:monospace;font-size:11px;letter-spacing:.05em}.cert-doc-qr-block{align-items:center;display:flex;flex-direction:column;gap:4px}.cert-doc-qr-link{border:1.5px solid #0000;border-radius:6px;display:block;line-height:0;transition:border-color .15s}.cert-doc-qr-link:hover{border-color:var(--primary)}.cert-doc-qr{border-radius:4px;display:block}.cert-doc-qr-label{color:#aaa;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.cert-disclaimer{background:#fafafa;border-top:1px solid #f0f0f0;color:#aaa;font-size:8px;font-style:italic;line-height:1.5;padding:6px 24px 8px;text-align:center}.cert-ribbon{display:flex;flex-shrink:0;height:7px}.cert-ribbon-strip{flex:1 1}.cert-earn-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:14px}.cert-earn-actions{display:flex;flex-wrap:wrap;gap:10px}.cert-locked-wrap{display:flex;flex-direction:column;gap:8px}.cert-locked-label{color:var(--text-muted);font-size:12px;font-weight:600;text-align:center}.cert-doc--locked{cursor:not-allowed;max-width:100%;min-height:420px;width:100%}.cert-doc-inner--blurred{filter:blur(3px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.cert-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff6;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center;z-index:3}.cert-lock-icon{font-size:36px}.cert-lock-title{color:#1a0a2e;font-size:20px;font-weight:900;letter-spacing:.15em}.cert-lock-msg{color:#555;font-size:12px;line-height:1.5;max-width:220px}@media print{.cert-earn-actions,.certs-header,.certs-locked-grid,.certs-section-label,.header,.sidebar{display:none!important}.cert-doc{box-shadow:none;max-width:100%}body{background:#fff!important}}.admin{display:flex;flex-direction:column;gap:24px}.admin-welcome{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-title{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.3px}.admin-actions{align-items:center;display:flex;gap:10px}.admin-kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.admin-cat{border:1px solid;border-radius:5px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.admin-prog-row{align-items:center;display:flex;gap:8px}.admin-prog-bar{background:var(--bg-elevated);border-radius:2px;flex:1 1;height:6px;min-width:60px;overflow:hidden}.admin-prog-fill{background:var(--progress-gradient);border-radius:2px;height:100%;transition:width .3s ease}.admin-learner-row{align-items:center;display:flex;gap:10px}.admin-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;object-fit:cover;width:30px}.admin-table{width:100%}.status-badge{border-radius:5px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.status-invited{background:var(--primary-light);border:1px solid var(--border-accent);color:var(--primary)}.status-active{background:#1b9e6e1a;border:1px solid #1b9e6e40;color:var(--accent-emerald)}.status-expired{background:#7f1d1d1a;border:1px solid #b91c1c40;color:#991b1b}.btn-icon-danger{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px 8px;transition:color .15s,background .15s}.btn-icon-danger:hover{background:#ba1a1a14;color:var(--accent-rose)}.btn-icon-remind{background:none;border:1px solid #f59e0b4d;border-radius:var(--radius-sm);color:#f59e0b;cursor:pointer;font-size:11px;padding:4px 10px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.btn-icon-remind:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b}.btn-icon-remind:disabled{cursor:default;opacity:.6}.btn-icon-remind.reminded{border-color:#1b9e6e66;color:var(--accent-emerald)}.last-reminded-label{color:var(--text-muted);font-size:9.5px;white-space:nowrap}.btn-danger{background:#ba1a1a14;border:1px solid #ba1a1a33;border-radius:var(--radius-pill);color:var(--accent-rose);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:background .15s}.btn-danger:hover{background:#ba1a1a26}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:48px 20px;text-align:center}.empty-icon{font-size:40px;opacity:.4}.empty-text{color:var(--text-muted);font-size:14px;margin:0}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#191c1d73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:slideUp .18s ease;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);max-width:480px;overflow:hidden;width:100%}.modal-box:before{background:var(--okiru-gradient);content:"";display:block;height:4px}.modal-sm{max-width:380px}.modal-lg{max-width:720px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{color:var(--text-primary);font-size:17px;font-weight:700}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-sub{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.case-inbox-overlay{animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#191c1d73;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:110}.case-inbox-panel{animation:slideInRight .2s ease;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);background:var(--glass-bg-strong);border-left:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;height:100%;max-width:460px;overflow:hidden;width:100%}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.case-inbox-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px 20px 16px}.case-inbox-tag{color:var(--text-muted);font-size:11px;margin:4px 0 0}.case-inbox-form{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:16px 20px}.case-inbox-input,.case-inbox-textarea{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s,box-shadow .2s}.case-inbox-input:focus,.case-inbox-textarea:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--primary-light)}.case-inbox-upload{align-items:center;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 10px}.case-inbox-upload:hover{border-color:var(--border-accent);color:var(--text-secondary)}.case-inbox-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px 24px}.case-inbox-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.case-inbox-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.case-inbox-card-title{color:var(--text-primary);font-size:13px;font-weight:700}.case-inbox-card-source{color:var(--text-muted);font-size:11px;margin-top:2px}.case-inbox-card-snippet{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:8px 0 0}.case-inbox-bubbles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.case-inbox-bubble{align-items:center;background:var(--primary-light);border:1px solid var(--border-accent);border-radius:var(--radius-pill);color:var(--primary);cursor:default;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:4px 10px}.case-inbox-bubble--gap{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b}.case-inbox-bubble--none{background:var(--bg-hover);border-color:var(--border);color:var(--text-muted)}.invite-form{gap:14px;padding:20px 24px 24px}.invite-form,.invite-form label{display:flex;flex-direction:column}.invite-form label{color:var(--text-secondary);font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.invite-form input{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.invite-form input:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light)}.invite-error{color:var(--accent-rose);font-size:12px;margin:-6px 0 0}.req{color:var(--tertiary);margin-left:2px}.invite-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.course-editor-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.course-editor-field{color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.course-editor-field--row{align-items:center;flex-direction:row;gap:8px}.course-editor-field--wide{grid-column:1/-1}.course-editor-field input:not([type]),.course-editor-field input[type=text],.course-editor-field select,.course-editor-field textarea{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;outline:none;padding:10px 12px;text-transform:none;transition:border-color .2s,box-shadow .2s}.course-editor-field input:focus,.course-editor-field select:focus,.course-editor-field textarea:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light)}.course-editor-json{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12.5px;line-height:1.5;min-height:480px;outline:none;padding:14px;resize:vertical;width:100%}.course-editor-json:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light)}.course-editor-msg{align-items:center;display:flex;font-size:13px;gap:6px;margin-top:10px}.course-editor-msg--error{color:var(--accent-rose)}.course-editor-msg--ok{color:var(--accent-emerald)}.course-editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.stat-card{display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:16px 18px 18px;position:relative}.stat-card--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.stat-card--clickable:focus-visible,.stat-card--clickable:hover{box-shadow:0 8px 24px #00000024;outline:none;transform:translateY(-2px)}.stat-card-top{justify-content:space-between}.stat-card-icon,.stat-card-top{align-items:center;display:flex}.stat-card-icon{border-radius:11px;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-card-goto{align-items:center;color:var(--stat-accent);display:inline-flex;font-size:11px;font-weight:700;gap:2px;opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}.stat-card--clickable:focus-visible .stat-card-goto,.stat-card--clickable:hover .stat-card-goto{opacity:1;transform:translateX(0)}.stat-card-value{font-size:24px;font-weight:800;line-height:1.1;margin-top:6px}.stat-card-label{color:var(--text-muted);font-size:12px}.stat-card-sub{margin-top:6px}.stat-card-bar{bottom:0;height:3px;left:0;opacity:.85;position:absolute;width:100%}.stat-mini-bar-row{align-items:center;display:flex;gap:8px}.stat-mini-bar{background:var(--border);border-radius:3px;flex:1 1;height:5px;max-width:70px;overflow:hidden}.stat-mini-bar-fill{border-radius:3px;height:100%}.stat-mini-bar-pct{color:var(--text-muted);font-size:11px;white-space:nowrap}.stat-dot-row{display:flex;flex-wrap:wrap;gap:5px}.stat-dot{align-items:center;border-radius:6px;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.stat-star-row{display:flex;gap:2px}.invite-success{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.invite-success-icon{font-size:36px}.invite-success-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.credential-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-align:left;width:100%}.credential-row{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 14px}.credential-row:last-child{border-bottom:none}.cred-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.07em;min-width:110px;padding-top:1px;text-transform:uppercase}.cred-value{color:var(--text-primary);font-size:13px;word-break:break-all}.cred-password{color:var(--primary);font-family:monospace;font-size:15px;font-weight:700}.cred-url{color:var(--text-muted);font-size:12px}.email-sent-note{color:var(--accent-emerald)!important}.email-warn-note{color:var(--tertiary)!important}.learner-group-header{align-items:center;border-bottom:2px solid var(--border);display:flex;gap:10px;margin-bottom:8px;padding:8px 4px}.learner-group-name{color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:-.1px}.learner-group-count{background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:11px;font-weight:600;padding:1px 8px}.learner-group-enroll{margin-left:auto}.admin-course-select{font-size:12px;padding:4px 8px}.access-chip{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 8px 3px 6px;white-space:nowrap}.access-chip-dot{animation:chip-pulse 2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.35}}.access-chip-date{opacity:.85}.access-chip-count{background:#00000026;border-radius:4px;font-size:10px;font-weight:700;padding:0 5px}.access-chip-green{background:#22c55e1f;border-color:#22c55e4d;color:#16a34a}.access-chip-green .access-chip-dot{background:#22c55e;box-shadow:0 0 5px #22c55eb3}.access-chip-yellow{background:#ca8a041f;border-color:#ca8a044d;color:#a16207}.access-chip-yellow .access-chip-dot{background:#ca8a04;box-shadow:0 0 5px #ca8a04b3}.access-chip-red{background:#dc26261a;border-color:#dc26264d;color:#dc2626}.access-chip-red .access-chip-dot{background:#ef4444;box-shadow:0 0 5px #ef4444b3}.access-chip-expired{background:#7f1d1d1f;border-color:#b91c1c4d;color:#991b1b}.access-chip-expired .access-chip-dot{animation:none;background:#b91c1c}.admin-academy-tabs{-ms-overflow-style:none;border-bottom:1px solid var(--border);display:flex;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.admin-academy-tabs::-webkit-scrollbar{display:none}.admin-academy-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;margin-bottom:-1px;padding:9px 14px;transition:all .15s ease;white-space:nowrap}.admin-academy-tab:hover{color:var(--text-primary)}.admin-academy-tab--active{border-bottom-color:var(--primary);color:var(--text-primary);font-weight:600}.admin-academy-empty{align-items:center;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);display:flex;font-size:12px;gap:10px;justify-content:center;padding:20px 16px;text-align:center}.admin-notify-badge{align-items:center;background:var(--primary-light);border:1px solid var(--primary);border-radius:5px;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;padding:2px 9px;white-space:nowrap}@media (max-width:768px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-welcome{align-items:flex-start;flex-direction:column}}.bulk-upload-body{display:flex;flex-direction:column;gap:16px;max-height:76vh;overflow-y:auto;padding:20px 24px 24px}.bulk-tabs{align-items:center;display:flex;gap:8px}.bulk-tab{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .15s}.bulk-tab:hover{color:var(--text-primary)}.bulk-tab--active{background:var(--primary);border-color:var(--primary);color:#fff}.bulk-sample-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;text-decoration:underline}.bulk-textarea{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:monospace;font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.bulk-textarea:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light)}.bulk-file-row{align-items:center;display:flex;gap:12px}.bulk-filename{color:var(--text-muted);font-size:12px}.bulk-preview{display:flex;flex-direction:column;gap:8px}.bulk-preview-header{color:var(--text-secondary);font-size:12px;font-weight:600}.bulk-preview-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);max-height:220px;overflow-y:auto}.bulk-preview-table{font-size:13px;width:100%}.bulk-preview-table th{background:var(--bg-elevated);position:sticky;top:0}.bulk-row-invalid{background:#dc26260f}.bulk-status-ok{color:var(--accent-emerald);font-size:12px;font-weight:600}.bulk-status-bad{color:var(--accent-rose);font-size:12px;font-weight:600}.bulk-row-remove{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 6px}.bulk-row-remove:hover{background:var(--bg-elevated);color:var(--accent-rose)}.bulk-courses{display:flex;flex-direction:column;gap:10px}.bulk-courses-header{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;justify-content:space-between}.bulk-course-count{background:var(--primary-light);border-radius:5px;color:var(--primary);font-size:11px;font-weight:700;padding:1px 9px}.bulk-academy-groups{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:260px;overflow-y:auto;padding:2px}.bulk-academy-group{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.bulk-academy-heading{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:12.5px;font-weight:700;gap:8px;margin-bottom:8px}.bulk-course-list{display:flex;flex-direction:column;gap:6px;padding-left:4px}.bulk-course-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12.5px;gap:8px}.bulk-course-item:hover{color:var(--text-primary)}.profile-page{display:flex;flex-direction:column;gap:28px;max-width:680px}.profile-header h2{font-size:22px;font-weight:700;margin:0 0 4px}.profile-sub{color:var(--text-muted);font-size:13px;margin:0}.profile-form{display:flex;flex-direction:column;gap:28px}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-avatar-wrap{border:3px solid #38bdf859;border-radius:50%;box-shadow:0 0 0 3px #38bdf81a,0 2px 14px #0003;cursor:pointer;flex-shrink:0;height:140px;overflow:hidden;position:relative;width:140px}.profile-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.profile-avatar-initials{background:linear-gradient(135deg,#38bdf8,#0ea5e9);font-size:44px;font-weight:800;height:100%;width:100%}.profile-avatar-initials,.profile-avatar-overlay{align-items:center;color:#fff;display:flex;justify-content:center}.profile-avatar-overlay{background:#0000008c;border-radius:50%;flex-direction:column;font-size:11px;font-weight:600;gap:4px;inset:0;opacity:0;position:absolute;text-align:center;transition:opacity .2s}.profile-avatar-overlay span:first-child{font-size:22px}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-file-input{display:none}.profile-avatar-hint{color:var(--text-muted);font-size:11px;line-height:1.5;max-width:220px;text-align:center}.profile-fields{gap:18px}.profile-field,.profile-fields{display:flex;flex-direction:column}.profile-field{gap:6px}.profile-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}@media (max-width:480px){.profile-row{grid-template-columns:1fr}}.profile-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.profile-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.profile-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.profile-input:disabled{cursor:not-allowed;opacity:.5}.profile-textarea{min-height:80px;resize:vertical}.profile-select{cursor:pointer}.profile-error{color:#fb7185;font-size:13px}.profile-actions{display:flex}.profile-save-btn{justify-content:center;min-width:160px}.library{display:flex;flex-direction:column;gap:24px}.library-header{align-items:center;display:flex;justify-content:space-between}.library-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.library-sub{color:var(--text-muted);font-size:13px;margin-top:3px}.library-empty{color:var(--text-muted);padding:48px;text-align:center}.library-intro{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:13px;line-height:1.6;padding:14px 16px}.library-featured{display:flex;flex-direction:column}.library-featured-card{grid-gap:0;background:var(--bg-card);border:1px solid var(--border-accent,var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;gap:0;grid-template-columns:280px 1fr;overflow:hidden}.library-featured-cover{background:#0f172a;height:100%;min-height:200px;overflow:hidden;position:relative;width:100%}.library-featured-cover-img{display:block;height:100%;object-fit:cover;width:100%}.library-featured-body{display:flex;flex-direction:column;gap:8px;padding:20px 24px}.library-featured-badge{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#8b5cf6,#2dd4e8);border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase}.library-featured-name{color:var(--text-primary);font-size:17px;font-weight:700;margin-top:4px}.library-featured-desc{color:var(--text-secondary);font-size:13px;line-height:1.55}.library-featured-why{background:var(--bg-elevated);border-left:3px solid #8b5cf6;border-radius:6px;color:var(--text-secondary);font-size:12.5px;line-height:1.6;margin:4px 0;padding:10px 12px}.library-featured-why strong{color:var(--text-primary)}.library-featured-body .library-skill-btn{align-self:flex-start;margin-top:6px}@media (max-width:640px){.library-featured-card{grid-template-columns:1fr}.library-featured-cover{min-height:160px}}.library-group{display:flex;flex-direction:column;gap:12px}.library-group-title{color:var(--text-primary);font-size:14px;font-weight:700}.library-skill-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.library-skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.library-skill-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.library-skill-cover{background:#faf8f3;overflow:hidden;position:relative;width:100%}.library-skill-cover-img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.library-skill-card:hover .library-skill-cover-img{transform:scale(1.02)}.library-skill-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.library-skill-name{color:var(--text-primary);font-size:14px;font-weight:700}.library-skill-desc{color:var(--text-secondary);flex:1 1;font-size:12.5px;line-height:1.5}.library-skill-btn{align-items:center;display:inline-flex;gap:6px;justify-content:center;margin-top:4px;white-space:nowrap}.library-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.library-hint code{background:var(--bg-elevated);border-radius:4px;padding:1px 5px}.library-guide{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px;padding:16px 18px}.library-guide-note{color:var(--text-muted);font-size:12.5px}.library-guide-cols{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.library-guide-col-head{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:8px}.library-guide-steps{display:flex;flex-direction:column;gap:7px;margin:0;padding-left:18px}.library-guide-steps li{color:var(--text-secondary);font-size:12.5px;line-height:1.55}@media (max-width:700px){.library-guide-cols{gap:16px;grid-template-columns:1fr}}@media (max-width:600px){.library-skill-grid{grid-template-columns:1fr}}.fb-trigger{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);bottom:28px;box-shadow:var(--shadow-purple);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 18px 10px 14px;position:fixed;right:28px;transition:box-shadow .2s,background .2s;z-index:1000}.fb-trigger:hover{background:var(--primary-bright)}.fb-trigger--open{background:#333;box-shadow:none;padding:10px 14px}.fb-trigger-icon{font-size:16px;line-height:1}.fb-trigger-label{font-size:13px}.fb-modal{animation:fb-slide-up .18s ease;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);bottom:80px;box-shadow:var(--shadow-lg);overflow:hidden;position:fixed;right:28px;width:320px;z-index:1001}@keyframes fb-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fb-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px 10px}.fb-modal-title{color:var(--text-primary);font-size:14px;font-weight:700}.fb-close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;transition:background .15s,color .15s}.fb-close:hover{background:var(--bg-surface);color:var(--text-primary)}.fb-context-chip{align-items:center;background:var(--primary-light);border:1px solid var(--border-accent);border-radius:var(--radius-md);display:flex;font-size:12px;gap:8px;margin:12px 16px 4px;padding:8px 12px}.fb-context-icon{flex-shrink:0;font-size:15px}.fb-context-text{color:var(--text-secondary);line-height:1.4}.fb-context-prefix{color:var(--text-muted)}.fb-context-text strong{color:var(--text-primary);font-weight:600}.fb-form{display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px}.fb-textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;min-height:90px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.fb-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.fb-submit{font-size:13px;justify-content:center;padding:10px;width:100%}.fb-sent{color:var(--text-secondary);flex-direction:column;font-size:13px;gap:8px;padding:24px 16px 20px;text-align:center}.fb-sent,.fb-sent-icon{align-items:center;display:flex}.fb-sent-icon{background:#10e8a026;border:2px solid #10e8a0;border-radius:50%;color:#10e8a0;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.fi-page{display:flex;flex-direction:column;gap:24px;max-width:780px}.fi-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.fi-title{font-size:22px;font-weight:700;margin:0 0 4px}.fi-sub{color:var(--text-muted);font-size:13px;margin:0}.fi-refresh{flex-shrink:0;font-size:13px}.fi-filters{display:flex;gap:8px}.fi-filter{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 16px;transition:all .15s}.fi-filter:hover{border-color:var(--primary);color:var(--primary)}.fi-filter--active{background:var(--primary);border-color:var(--primary);color:#fff}.fi-badge{align-items:center;background:#fff;border-radius:50%;color:var(--primary);display:flex;font-size:11px;font-weight:800;height:18px;justify-content:center;width:18px}.fi-filter--active .fi-badge{background:#ffffff4d;color:#fff}.fi-list{gap:14px}.fi-card,.fi-list{display:flex;flex-direction:column}.fi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);gap:10px;padding:16px;position:relative;transition:border-color .15s}.fi-card--unread{background:var(--primary-light);border-color:var(--border-accent)}.fi-unread-dot{background:var(--primary);border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.fi-card-top{gap:12px;justify-content:space-between}.fi-card-top,.fi-user{align-items:center;display:flex}.fi-user{gap:10px}.fi-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.fi-user-name{color:var(--text-primary);display:block;font-size:13px;font-weight:600}.fi-time{color:var(--text-muted);font-size:11px}.fi-card-actions{display:flex;gap:6px}.fi-action-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.fi-read-btn{border-color:#10e8a04d;color:#10e8a0}.fi-read-btn:hover{background:#10e8a01a}.fi-del-btn{color:var(--text-muted)}.fi-del-btn:hover{background:#fb718514;border-color:#fb718566;color:#fb7185}.fi-context-chip{align-items:center;align-self:flex-start;border:1px solid;border-radius:8px;display:inline-flex;font-size:12px;gap:7px;padding:5px 10px}.fi-context-label{line-height:1.3}.fi-context-prefix{color:var(--text-muted)}.fi-context-label strong{color:var(--text-primary);font-weight:600}.fi-message{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.fi-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:10px;padding:60px 20px;text-align:center}.fi-empty-icon{font-size:40px}#root,body,html{height:100%}.audience-screen{background:#000;display:flex;inset:0;position:fixed}.audience-message{align-items:center;color:#eee;font-family:Inter,system-ui,sans-serif;font-size:18px;justify-content:center}.audience-fullscreen-gate{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050cc7;display:grid;font-family:Inter,system-ui,sans-serif;inset:0;place-items:center;position:absolute;z-index:100}.audience-fullscreen-card{background:#0d1220f5;border:1px solid #ffffff2e;border-radius:22px;box-shadow:0 24px 80px #00000073;color:#fff;padding:34px;text-align:center;width:min(440px,calc(100vw - 48px))}.audience-fullscreen-card strong{display:block;font-size:24px;margin-top:8px}.audience-fullscreen-card p{color:#c9d2e3;line-height:1.5;margin:12px 0 20px}.audience-fullscreen-card small{color:#ffd38a;display:block;margin-top:12px}.audience-fullscreen-kicker{color:#62d8e8;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.audience-fullscreen-btn{background:#08aeca;border:0;border-radius:8px;color:#03141a;cursor:pointer;font-size:13px;font-weight:800;padding:10px 18px}.audience-connecting{background:#0000008c;border-radius:6px;color:#eee;font-family:Inter,system-ui,sans-serif;font-size:12px;left:20px;padding:6px 12px;position:absolute;top:20px;z-index:100}.presenter-view{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 96px);min-height:560px}.presenter-topbar{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between}.presenter-title{align-items:baseline;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px}.presenter-title-sub{color:var(--text-muted);font-size:13px;font-weight:500}.presenter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.presenter-live-dot{color:var(--accent-emerald);font-size:12px;font-weight:700;letter-spacing:.04em}.presenter-live-dot.offline{color:var(--accent-amber)}.presenter-live-dot:before{background:currentColor;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.presenter-session-hint{color:var(--text-muted);font-size:11px;line-height:1.25;max-width:130px}.btn-recording{animation:recording-pulse 1.6s ease-in-out infinite;background:#c93442;border-color:#c93442;color:#fff}@keyframes recording-pulse{50%{box-shadow:0 0 0 5px #c9344229}}.presenter-notice{align-items:center;background:#08aeca1a;border:1px solid #08aeca59;border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:12px;gap:16px;justify-content:space-between;padding:9px 12px}.presenter-notice button{background:none;border:0;color:var(--primary-bright);cursor:pointer}.presenter-body{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.presenter-main{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.presenter-stage-wrap{background:#000;border:1px solid var(--border);border-radius:12px;flex:1 1;min-height:0;min-width:0;overflow:hidden}.presenter-controls{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;gap:14px;justify-content:center;padding:10px}.presenter-slide-count{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600;min-width:64px;text-align:center}.presenter-hardware-note{color:var(--text-muted);font-size:11px;margin-left:auto}.presenter-sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding-right:2px}.presenter-timer-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;padding:14px 16px;text-align:center}.presenter-timer{font-feature-settings:"tnum";color:var(--text-primary);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700}.presenter-pacing{font-size:12px;font-weight:600;margin-top:4px}.presenter-pacing.on-track{color:var(--accent-emerald)}.presenter-pacing.behind{color:var(--accent-rose)}.presenter-pacing.ahead{color:var(--accent-amber)}.presenter-panel-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.presenter-next-thumb{aspect-ratio:16/9;border:1px solid var(--border);border-radius:8px;flex-shrink:0;overflow:hidden}.presenter-end-note{align-items:center;color:var(--text-muted);height:100%;justify-content:center}.presenter-end-note,.presenter-notes{background:var(--bg-surface);display:flex;font-size:13px}.presenter-notes{border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);flex-direction:column;gap:8px;line-height:1.55;padding:12px 14px}.presenter-notes strong{color:var(--text-primary)}.presenter-notes-empty{color:var(--text-muted);font-style:italic}.presenter-question-list{display:flex;flex-direction:column;gap:7px;max-height:210px;overflow-y:auto}.presenter-questions-empty{border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);font-size:12px;line-height:1.45;padding:11px 12px}.presenter-question{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--primary-bright);border-radius:7px;padding:9px 10px}.presenter-question.answered{border-left-color:var(--accent-emerald);opacity:.62}.presenter-question>div{color:var(--text-muted);display:flex;font-size:11px;gap:8px;justify-content:space-between}.presenter-question>div strong{color:var(--text-primary)}.presenter-question p{color:var(--text-secondary);font-size:12px;line-height:1.35;margin:6px 0}.presenter-question button{background:none;border:0;color:var(--primary-bright);cursor:pointer;font-size:11px;font-weight:700;padding:0}.presenter-jumplist{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:120px;overflow-y:auto}.jump-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);display:flex;font-size:12.5px;gap:10px;padding:7px 8px;text-align:left}.jump-item:hover{background:var(--bg-hover)}.jump-item.active{background:var(--primary-light);color:var(--primary-bright);font-weight:600}.jump-index{font-feature-settings:"tnum";color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums;width:22px}.jump-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presenter-missing{color:var(--text-muted);padding:40px}.single-screen-presentation{background:#000;inset:0;overflow:hidden;position:fixed;z-index:10000}.presenter-camera-bubble{aspect-ratio:1;background:#111827;border:4px solid #ffffffeb;border-radius:50%;bottom:78px;box-shadow:0 12px 36px #00000061;color:#fff;display:grid;font-size:12px;overflow:hidden;place-items:center;position:absolute;right:28px;width:clamp(112px,12vw,172px);z-index:4}.presenter-camera-bubble video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.single-screen-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040812b8;border:1px solid #ffffff2e;border-radius:999px;bottom:16px;color:#fff;display:flex;gap:8px;left:50%;opacity:.28;padding:8px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:5}.single-screen-controls:focus-within,.single-screen-controls:hover{opacity:1}.single-screen-controls button{background:#ffffff1f;border:0;border-radius:999px;color:#fff;cursor:pointer;padding:7px 12px}.single-screen-controls button.active{background:#08aeca;color:#03141a;font-weight:700}.single-screen-controls button:disabled{cursor:default;opacity:.35}.single-screen-controls span{font-size:12px;min-width:54px;text-align:center}@media (max-width:1100px){.presenter-body{grid-template-columns:1fr}.presenter-sidebar{flex-direction:row;flex-wrap:wrap}.presenter-topbar{align-items:flex-start}}.studio,.studio-home{color:var(--text-primary)}.studio-home{border:2px dashed #0000;border-radius:16px;position:relative;transition:border-color .15s,background .15s}.studio-home.is-drag-over{background:#06cde10d;border-color:var(--accent-cyan)}.studio-dropzone-overlay{align-items:center;background:#07090d8c;color:#fff;display:flex;font-size:16px;font-weight:700;inset:0;justify-content:center;padding:40px;pointer-events:none;position:fixed;text-align:center;z-index:40}.studio-dropzone-overlay span{background:#06cde124;border:2px dashed #ffffffa6;border-radius:16px;max-width:420px;padding:22px 30px}.studio-import-hint{color:var(--text-muted);font-size:11px;margin:-12px 0 14px}.studio-slide-row{grid-template-columns:15px 22px minmax(0,1fr)!important}.studio-slide-row.is-dragging{opacity:.45}.studio-grip{align-self:center;color:var(--text-muted);cursor:grab}.studio-preview{position:relative;touch-action:none}.studio-preview .about-visual,.studio-preview .concept-visual,.studio-preview .intro-visual,.studio-preview .keyterm-term,.studio-preview .lead-visual,.studio-preview .media-hero,.studio-preview .numbered-visual,.studio-preview .profile-avatar,.studio-preview .slide-body-text,.studio-preview .slide-kicker,.studio-preview .slide-lead,.studio-preview .slide-title,.studio-preview .statement-text,.studio-preview .timeline-backdrop{cursor:grab}.studio-preview iframe.media-hero--embed{pointer-events:none}.studio-preview:active .slide-canvas{cursor:grabbing}.studio-drag-hint{background:#07090dc2;border-radius:6px;bottom:8px;color:#fff;font-size:10px;padding:5px 8px;pointer-events:none;position:absolute;right:10px;z-index:5}.studio-preview[data-selected-element=body] .slide-body-text,.studio-preview[data-selected-element=image] .about-visual,.studio-preview[data-selected-element=image] .concept-visual,.studio-preview[data-selected-element=image] .intro-visual,.studio-preview[data-selected-element=image] .lead-visual,.studio-preview[data-selected-element=image] .media-hero,.studio-preview[data-selected-element=image] .numbered-visual,.studio-preview[data-selected-element=image] .profile-avatar,.studio-preview[data-selected-element=image] .timeline-backdrop,.studio-preview[data-selected-element=kicker] .slide-kicker,.studio-preview[data-selected-element=lead] .slide-lead,.studio-preview[data-selected-element=title] .keyterm-term,.studio-preview[data-selected-element=title] .slide-title,.studio-preview[data-selected-element=title] .statement-text{outline:3px solid #2f73ee;outline:3px solid var(--slide-accent,#2f73ee);outline-offset:3px}.studio-ai-bar{background:linear-gradient(135deg,#9747ff17,#06cde10f);border:1px solid #9747ff4d;border-radius:12px;margin:0 0 10px;padding:14px}.studio-ai-title{align-items:flex-start;color:var(--text-primary);display:flex;gap:9px;margin-bottom:10px}.studio-ai-title svg{color:#b885ff;margin-top:1px}.studio-ai-title small,.studio-ai-title strong{display:block}.studio-ai-title small{color:var(--text-muted);font-size:10px;font-weight:400;margin-top:2px}.studio-ai-controls{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:125px 120px minmax(190px,1fr) auto auto}.studio-ai-controls textarea{min-height:39px;resize:none}.studio-ai-controls .btn{align-items:center;display:flex;gap:5px;white-space:nowrap}.studio-section-copy{font-size:11px;margin:-5px 0 10px}.studio-brand-lock,.studio-section-copy{color:var(--text-muted);line-height:1.45}.studio-brand-lock{background:#06cde10d;border:1px solid #06cde12e;border-radius:7px;font-size:10px;margin:2px 0 11px;padding:9px 10px}.studio-presenters{display:flex;flex-direction:column;gap:6px;margin-bottom:11px}.studio-presenters>div{align-items:center;border:1px solid var(--border-color);border-radius:7px;display:flex;gap:6px;justify-content:space-between;padding:7px 8px}.studio-presenters small,.studio-presenters strong{display:block;font-size:11px}.studio-presenters small{color:var(--text-muted);margin-top:2px}.studio-presenters button{background:none;border:0;color:var(--text-muted);cursor:pointer;padding:3px}.studio-presenter-actions{display:flex;gap:7px}.studio-presenter-actions .btn{align-items:center;display:flex;flex:1 1;gap:5px;justify-content:center}.studio-template-flow{background:#06cde10f;border-left:3px solid var(--accent-cyan);border-radius:0 7px 7px 0;padding:8px 10px}.studio-template-flow span,.studio-template-flow strong{display:block}.studio-template-flow strong{font-size:11px;margin-bottom:4px}.studio-template-flow span{color:var(--text-muted);font-size:10px;line-height:1.5}@media (max-width:980px){.studio-ai-controls{grid-template-columns:1fr 1fr}.studio-ai-controls textarea{grid-column:1/-1}}.studio-heading,.studio-toolbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.studio-heading h1{font-size:28px;margin:3px 0 7px}.studio-heading p{color:var(--text-secondary);margin:0}.studio-eyebrow{color:var(--accent-cyan);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.studio-actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.studio-actions .btn{align-items:center;display:inline-flex;gap:7px}.studio-notice{background:#06cde114;border:1px solid #06cde140;border-radius:9px;color:var(--text-primary);font-size:13px;margin:0 0 14px;padding:11px 14px}.studio-deck-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.studio-deck-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;padding:22px;text-align:left;transition:.18s}.studio-deck-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.studio-deck-card h3{font-size:17px;margin:18px 0 6px}.studio-deck-card p{color:var(--text-secondary);min-height:38px}.studio-deck-card>span:last-child{color:var(--text-muted);font-size:12px}.studio-status{background:#94a3b821;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:9px;font-weight:800;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase;width:max-content}.studio-status--published{background:#10e8a01f;color:#10e8a0}.studio-status--draft,.studio-status--imported,.studio-status--new{background:#ff75121f;color:#ff8c3a}.studio-status--bundled{background:#9747ff21;color:#b885ff}.studio-toolbar{background:var(--bg-primary);padding:9px 0;position:sticky;top:0;z-index:10}.studio-toolbar-title{align-items:center;display:flex;gap:10px}.studio-workspace{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:210px minmax(430px,1fr) 245px}.studio-form-card,.studio-settings,.studio-slides{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.studio-slides{max-height:calc(100vh - 110px);overflow:auto;padding:8px;position:sticky;top:72px}.studio-panel-title{align-items:center;display:flex;font-size:12px;font-weight:800;justify-content:space-between;letter-spacing:.08em;padding:8px 8px 10px;text-transform:uppercase}.studio-panel-title button{background:none;border:0;color:var(--accent-cyan);cursor:pointer}.studio-slide-row{grid-gap:8px;background:none;border:1px solid #0000;border-radius:8px;color:var(--text-primary);cursor:pointer;display:grid;gap:8px;grid-template-columns:24px 1fr;padding:9px 8px;text-align:left;width:100%}.studio-slide-row.is-active,.studio-slide-row:hover{background:var(--bg-hover);border-color:var(--border-color)}.studio-slide-row>span{color:var(--text-muted);font-size:11px}.studio-slide-row strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-slide-row small{color:var(--text-muted);display:block;font-size:10px;margin-top:3px}.studio-preview{aspect-ratio:16/9;background:#050507;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.studio-preview-error{color:#fda4af;display:grid;height:100%;padding:30px;place-items:center;text-align:center}.studio-slide-tools{display:flex;gap:7px;margin:9px 0}.studio-slide-tools button,.studio-versions button{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:7px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;gap:5px;padding:7px 9px}.studio-slide-tools button:disabled{cursor:not-allowed;opacity:.35}.studio-form-card{padding:16px}.studio-form-card h2,.studio-settings h2{font-size:14px;margin:0 0 13px}.studio-form-grid{grid-gap:11px;display:grid;gap:11px;grid-template-columns:1fr 1fr}.studio label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:11px;gap:5px;text-transform:capitalize}.studio input,.studio select,.studio textarea{background:var(--bg-primary);background:var(--bg-input,var(--bg-primary));border:1px solid var(--border-color);border-radius:7px;box-sizing:border-box;color:var(--text-primary);font:inherit;padding:8px 9px;resize:vertical;width:100%}.studio .span-2{grid-column:span 2}.studio-media-row{align-items:center;display:flex;gap:8px;margin-top:12px}.studio-media-row input{flex:1 1}.studio-assets{display:flex;gap:8px;overflow:auto;padding:10px 0}.studio-assets button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:7px;color:var(--text-secondary);flex:none;padding:4px;width:82px}.studio-assets img,.studio-assets span{border-radius:4px;display:grid;height:48px;object-fit:cover;place-items:center;width:100%}.studio-assets small{display:block;font-size:8px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-template-assets-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-top:14px}.studio-template-assets-heading strong{font-size:12px}.studio-template-assets-heading span{color:var(--text-muted);font-size:10px;text-align:right}.studio-template-assets button{width:104px}.studio-template-assets button.is-recommended{border-color:#f26a21;box-shadow:inset 0 0 0 1px #f26a21}.studio-template-assets img{background:#f4f2ed;height:62px;object-fit:contain}.studio-advanced{border-top:1px solid var(--border-color);margin-top:13px;padding-top:12px}.studio-advanced summary{cursor:pointer;font-size:12px;font-weight:700}.studio-advanced p{color:var(--text-muted);font-size:11px}.studio-advanced textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.studio-error{color:#fb7185;font-size:11px;margin-top:5px}.studio-settings{max-height:calc(100vh - 110px);overflow:auto;padding:15px;position:sticky;top:72px}.studio-settings section+section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.studio-settings label{margin-bottom:10px}.studio-color{align-items:center;display:grid!important;grid-template-columns:1fr 32px 76px}.studio-color input[type=color]{height:30px;padding:2px}.studio-versions{display:flex;flex-direction:column;gap:6px}.studio-versions button{padding:7px;text-align:left;width:100%}.studio-versions small{color:var(--text-muted);display:block;margin-top:2px}@media (max-width:1180px){.studio-workspace{grid-template-columns:180px 1fr}.studio-settings{grid-gap:18px;display:grid;gap:18px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);max-height:none;position:static}.studio-settings section+section{border-top:0;margin-top:0;padding-top:0}}@media (max-width:760px){.studio-heading,.studio-toolbar{align-items:flex-start;flex-direction:column}.studio-workspace{display:block}.studio-slides{margin-bottom:12px;max-height:220px;position:static}.studio-settings{display:block}.studio-form-grid{grid-template-columns:1fr}.studio .span-2{grid-column:auto}.studio-slide-tools{overflow:auto}.studio-preview{min-height:240px}}
/*# sourceMappingURL=main.65719ca1.css.map*/