.cabal-splash-canvas{width:100vw;height:100vh;background-color:#020617;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.cabal-splash-canvas.splash-exit{opacity:0;transform:scale(1.05);pointer-events:none}.splash-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;pointer-events:none;animation:pulseOrb 4s infinite alternate ease-in-out}.orb-top{width:300px;height:300px;background:#3b82f626;top:-100px;right:-100px}.orb-bottom{width:400px;height:400px;background:#8b5cf61a;bottom:-150px;left:-100px;animation-delay:-2s}@keyframes pulseOrb{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:.8}}.splash-content-wrapper{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-logo-container{margin-bottom:40px;animation:floatLogo 3s ease-in-out infinite}.splash-brand-logo{width:60vw;max-width:400px;height:auto;object-fit:contain;filter:drop-shadow(0 0 30px rgba(59,130,246,.5))}@keyframes floatLogo{0%{transform:translateY(0);filter:drop-shadow(0 0 20px rgba(59,130,246,.3))}50%{transform:translateY(-15px);filter:drop-shadow(0 0 40px rgba(59,130,246,.7))}to{transform:translateY(0);filter:drop-shadow(0 0 20px rgba(59,130,246,.3))}}.splash-loading-track{width:140px;height:2px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative;margin-bottom:20px}.splash-loading-bar{position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,#3B82F6,#8B5CF6,transparent);border-radius:4px;animation:sweepBar 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes sweepBar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.splash-brand-text{margin:0;font-size:14px;font-weight:800;letter-spacing:6px;color:var(--oc-text-subtle, #94A3B8);text-transform:uppercase;animation:textFadeIn 2s ease-out forwards;opacity:0}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-layout{display:flex;min-height:100vh;width:100%;background-color:var(--oc-bg, #F8FAFC);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.cabal-login-fade{animation:cabalFadeUpAnim .8s ease-out forwards;opacity:0}.cabal-login-slide{animation:cabalSlideRightAnim .6s ease-out forwards;opacity:0}@keyframes cabalFadeUpAnim{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cabalSlideRightAnim{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-brand-panel{flex:1.2;background:var(--oc-inverse-bg, #0F172A);color:#fff;position:relative;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.brand-content{position:relative;z-index:100;max-width:500px}.brand-logo{height:48px;margin-bottom:40px}.brand-title{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin:0 0 20px;color:#fff;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:18px;color:var(--oc-text-subtle, #94A3B8);line-height:1.6;margin:0 0 48px}.brand-stats{display:flex;gap:40px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:28px;font-weight:800;color:#fff}.stat-label{font-size:13px;color:var(--oc-text-muted, #64748B);text-transform:uppercase;letter-spacing:1px;font-weight:600}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:1;pointer-events:none;animation:floatOrb 10s infinite alternate ease-in-out}.orb-1{width:400px;height:400px;background:#3b82f633;top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:#8b5cf626;bottom:-50px;right:-50px;animation-delay:-5s}@keyframes floatOrb{0%{transform:translate(0)}to{transform:translate(30px,40px)}}.login-auth-panel{flex:1;background:var(--oc-surface, white);display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:-20px 0 40px #00000005;z-index:10}.auth-container{width:100%;max-width:400px}.mobile-logo-wrapper{display:none;margin-bottom:32px;text-align:center}.mobile-logo{height:40px}.auth-header{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.auth-header h2{margin:0 0 8px;font-size:24px;font-weight:800;color:var(--oc-text-strong, #0F172A)}.auth-header p{margin:0;font-size:15px;color:var(--oc-text-muted, #64748B)}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--oc-surface, white);border:1px solid var(--oc-border, #E2E8F0);padding:16px;border-radius:16px;font-size:16px;font-weight:700;color:var(--oc-text, #334155);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000005}.google-auth-btn:hover:not(:disabled){background:var(--oc-bg, #F8FAFC);border-color:var(--oc-border-strong, #CBD5E1);transform:translateY(-2px);box-shadow:0 8px 15px #0000000d}.google-auth-btn:active:not(:disabled){transform:translateY(0)}.google-auth-btn.processing{background:var(--oc-surface-2, #F1F5F9);border-color:var(--oc-border, #E2E8F0);cursor:not-allowed;color:var(--oc-text-subtle, #94A3B8)}.google-icon{width:24px;height:24px}.auth-spinner{width:24px;height:24px;border:3px solid var(--oc-border, #E2E8F0);border-top-color:#3b82f6;border-radius:50%;animation:spinAuth 1s linear infinite}@keyframes spinAuth{to{transform:rotate(360deg)}}.auth-footer{margin-top:40px;text-align:center}.policy-text{font-size:13px;color:var(--oc-text-subtle, #94A3B8);line-height:1.6;margin:0}.footer-link{color:#3b82f6;font-weight:600;cursor:pointer;transition:color .2s}.footer-link:hover{color:#2563eb;text-decoration:underline}@media(max-width:900px){.login-brand-panel{display:none}.login-auth-panel{box-shadow:none;background:var(--oc-bg, #F8FAFC);padding:0}.auth-container{background:var(--oc-surface, white);padding:max(32px,5vw);margin:16px;width:auto;border-radius:24px;box-shadow:0 20px 40px #0000000d;border:1px solid var(--oc-border, #E2E8F0)}.mobile-logo-wrapper{display:block}.auth-header h2{font-size:28px}}.public-hooks-container{margin-top:32px;width:100%;text-align:left;animation:cabalFadeUpAnim .8s ease-out forwards;opacity:0;animation-delay:.3s}.hooks-divider{display:flex;align-items:center;text-align:center;margin-bottom:20px}.hooks-divider:before,.hooks-divider:after{content:"";flex:1;border-bottom:1px solid var(--oc-border, #E2E8F0)}.hooks-divider span{padding:0 10px;color:var(--oc-text-muted, #64748B);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hook-card{background:var(--oc-bg, #F8FAFC);border:1px solid var(--oc-border, #E2E8F0);padding:12px 16px;border-radius:12px;margin-bottom:12px;border-left:4px solid #3B82F6;transition:transform .2s ease,box-shadow .2s ease}.hook-card:hover{transform:translate(4px);box-shadow:0 4px 12px #00000008}.hook-category{font-size:11px;font-weight:800;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.hook-text{font-size:13px;color:var(--oc-text, #334155);margin:0;line-height:1.5}.hook-cta{text-align:center;font-size:13px;color:var(--oc-text-subtle, #94A3B8);margin-top:20px;margin-bottom:-10px;font-weight:500}.ps-canvas{width:100%;min-height:100vh;background:var(--oc-bg, #F4F7F9);display:flex;justify-content:center;align-items:flex-start;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ps-card{width:100%;max-width:600px;background:var(--oc-surface, white);min-height:100vh;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 40px #0000000d}@media(min-width:650px){.ps-card{min-height:auto;margin:40px 0;border-radius:24px;overflow:hidden}}.ps-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px;background:var(--oc-surface, white);border-bottom:1px solid var(--oc-border, #EEEEEE);position:sticky;top:0;z-index:10}.ps-title{margin:0;font-size:24px;font-weight:800;color:var(--oc-text-strong, #1A1A1A)}.ps-subtitle{margin:4px 0 0;font-size:14px;color:var(--oc-text-muted, #657786)}.ps-done-btn{background:var(--oc-inverse-bg, #1A1A1A);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.ps-done-btn:hover{background:#333;transform:translateY(-2px)}.ps-done-btn.loading{opacity:.7;cursor:not-allowed}.ps-scroll-content{padding:25px;overflow-y:auto;flex:1}.ps-avatar-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.ps-avatar-circle{width:100px;height:100px;border-radius:50%;position:relative;cursor:pointer;border:3px solid #F4F7F9;box-shadow:0 4px 15px #0000001a;overflow:hidden}.ps-avatar-circle img{width:100%;height:100%;object-fit:cover}.ps-avatar-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.ps-avatar-circle:hover .ps-avatar-overlay{opacity:1}.ps-avatar-spinner{position:absolute;inset:0;background:#fffc;border:4px solid transparent;border-top-color:#03a9f4;border-radius:50%;animation:spin 1s linear infinite}.ps-email-badge{margin-top:15px;background:var(--oc-bg, #F4F7F9);color:var(--oc-text-muted, #657786);padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600}.ps-section{margin-bottom:25px}.ps-radio-group{display:flex;gap:10px}.ps-radio-pill{flex:1;text-align:center;padding:12px;background:var(--oc-bg, #F4F7F9);border:1px solid var(--oc-border, #E1E8ED);border-radius:12px;font-size:14px;font-weight:600;color:var(--oc-text-muted, #657786);cursor:pointer;transition:all .2s}.ps-radio-pill.active{background:#03a9f4;color:#fff;border-color:#03a9f4;box-shadow:0 4px 10px #03a9f433}.ps-input-group{margin-bottom:20px;display:flex;flex-direction:column}.ps-input-row{display:flex;gap:15px}.ps-input-row .ps-input-group{flex:1}.ps-label{font-size:13px;font-weight:700;color:var(--oc-text-strong, #1A1A1A);margin-bottom:8px}.ps-input{background:var(--oc-bg, #F4F7F9);border:1px solid var(--oc-border, #E1E8ED);padding:14px 16px;border-radius:12px;font-size:15px;color:var(--oc-text-strong, #1A1A1A);outline:none;transition:border-color .2s;font-family:inherit}.ps-input:focus{border-color:#03a9f4;background:var(--oc-surface, white)}.ps-input-with-icon{display:flex;align-items:center;background:var(--oc-bg, #F4F7F9);border:1px solid var(--oc-border, #E1E8ED);border-radius:12px;padding:0 16px;transition:border-color .2s}.ps-input-with-icon:focus-within{border-color:#03a9f4;background:var(--oc-surface, white)}.ps-icon{color:var(--oc-text-subtle, #A0AEC0);font-weight:700;margin-right:5px}.ps-input.unstyled{border:none;background:transparent;padding:14px 0;width:100%}.ps-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--oc-surface, white);border:1px solid var(--oc-border, #E1E8ED);border-radius:12px;margin-top:5px;z-index:20;max-height:200px;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.ps-dropdown-item{padding:12px 16px;font-size:14px;cursor:pointer;border-bottom:1px solid #F4F7F9;color:var(--oc-text-strong, #1A1A1A)}.ps-dropdown-item:hover{background:var(--oc-bg, #F4F7F9)}.ps-dropdown-item.empty{color:var(--oc-text-subtle, #A0AEC0);cursor:default}.ps-interests-trigger{background:var(--oc-bg, #F4F7F9);border:1px dashed #A0AEC0;padding:14px 16px;border-radius:12px;cursor:pointer;min-height:50px;display:flex;align-items:center;transition:background .2s}.ps-interests-trigger:hover{background:var(--oc-surface-3, #E1E8ED)}.ps-placeholder-text{color:var(--oc-text-subtle, #A0AEC0);font-size:14px}.ps-selected-tags{display:flex;flex-wrap:wrap;gap:8px}.ps-mini-tag{background:var(--oc-inverse-bg, #1A1A1A);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.ps-privacy-box{margin-top:30px;padding:20px;background:var(--oc-bg, #F8F9FA);border-radius:12px;border:1px solid var(--oc-border, #EEEEEE)}.ps-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--oc-text-muted, #657786);font-weight:500}.ps-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#03A9F4}.ps-modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:flex-end}.ps-modal-sheet{width:100%;background:var(--oc-surface, white);border-radius:24px 24px 0 0;padding:25px;box-shadow:0 -10px 40px #0000001a;max-height:80vh;display:flex;flex-direction:column}.ps-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.ps-modal-header h3{margin:0;font-size:20px;color:var(--oc-text-strong, #1A1A1A)}.ps-modal-sub{margin:0 0 20px;font-size:14px;color:var(--oc-text-muted, #657786)}.ps-close-btn{background:none;border:none;color:#03a9f4;font-weight:700;font-size:16px;cursor:pointer}.ps-pill-container{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;padding-bottom:20px}.ps-interest-pill{padding:10px 16px;background:var(--oc-surface, white);border:1px solid var(--oc-border, #E1E8ED);border-radius:20px;font-size:14px;font-weight:600;color:var(--oc-text-muted, #657786);cursor:pointer;transition:all .2s}.ps-interest-pill.selected{background:#03a9f4;color:#fff;border-color:#03a9f4}.fade-in{animation:fadeIn .4s ease-out}.slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.app-canvas{width:100%;height:100vh;overflow:hidden;background-color:var(--oc-surface, #FFFFFF);display:flex;justify-content:center}.main-container{width:100%;max-width:1300px;height:100vh;display:flex;flex-direction:row;justify-content:center;position:relative}.desktop-sidebar,.right-sidebar{display:none!important}.center-feed-column{width:100%;max-width:600px;background-color:var(--oc-surface, #ffffff);height:100vh;display:flex;flex-direction:column;position:relative}.mobile-only-topbar{display:block;width:100%;position:sticky;top:0;z-index:50;background:var(--oc-surface, white);transition:transform .3s ease-in-out,margin-top .3s ease-in-out!important}.content-area{flex:1;height:100%;overflow-y:auto;padding-bottom:70px;scrollbar-width:none}.content-area::-webkit-scrollbar{display:none}.mobile-nav-wrapper{position:fixed;bottom:0;width:100%;max-width:600px;z-index:1000;background:var(--oc-surface, white);border-top:1px solid var(--oc-border, #EEEEEE);transition:transform .3s ease-in-out}@media(min-width:700px){.center-feed-column{border-left:1px solid var(--oc-border, #EEEEEE);border-right:1px solid var(--oc-border, #EEEEEE);flex:0 0 600px}.mobile-only-topbar,.mobile-nav-wrapper{display:none!important}.content-area{padding-bottom:0}.desktop-sidebar{display:flex!important;flex-direction:column;flex:0 0 80px!important;position:sticky;top:20px;height:calc(100vh - 40px)!important;margin-right:20px;padding:20px 5px!important;align-items:center!important;background:#ffffffb3!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:40px!important;box-shadow:0 10px 30px #0000000d}.sidebar-logo{margin:0 auto 30px!important;justify-content:center!important}.sidebar-logo-img{width:35px!important;height:35px!important;object-fit:contain}.sidebar-logo span{display:none!important}.sidebar-nav-items>div>span{display:none!important}.sidebar-nav-items{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.side-item{padding:12px!important;justify-content:center!important;border-radius:50%!important;width:48px!important;height:48px!important;margin:0 auto!important;gap:0!important;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.side-item:hover{transform:scale(1.1)!important;box-shadow:0 4px 10px #0000000d}.side-label{display:none!important}nav.desktop-sidebar>button:last-child{font-size:0!important;width:50px!important;height:50px!important;min-height:50px!important;border-radius:50%!important;margin:auto auto 20px!important;padding:0!important;gap:0!important;box-shadow:0 4px 10px #00000026!important}}@media(min-width:1050px){.desktop-sidebar{flex:0 0 250px!important;align-items:flex-start!important;padding:24px 16px!important;border-radius:24px!important;border:none!important;background:transparent!important;box-shadow:none!important}.sidebar-logo{margin:0 0 32px 12px!important;justify-content:flex-start!important}.sidebar-logo-img{width:36px!important;height:36px!important}.sidebar-logo span{display:inline-block!important}.sidebar-nav-items{align-items:flex-start!important}.sidebar-nav-items>div>span{display:block!important}.side-item{width:100%!important;border-radius:12px!important;justify-content:flex-start!important;height:auto!important;gap:14px!important;padding:12px 16px!important}.side-item:hover{transform:translate(5px)!important;box-shadow:none}.side-label{display:block!important}nav.desktop-sidebar>button:last-child{font-size:15px!important;width:100%!important;border-radius:14px!important;gap:8px!important;margin-left:0!important}.right-sidebar{display:block!important;flex:0 0 350px;margin-left:20px;position:sticky;top:0;height:100vh;padding:20px 20px 20px 0;overflow-y:auto;scrollbar-width:none}.right-sidebar::-webkit-scrollbar{display:none}.right-sidebar-content{display:flex;flex-direction:column;gap:20px}.rs-module{background:var(--oc-bg, #F8FAFC);border-radius:16px;padding:20px;border:1px solid var(--oc-border, #E2E8F0)}.rs-module h3{margin:0 0 15px;font-size:16px;color:var(--oc-text-strong, #0F172A);font-weight:800;display:flex;align-items:center;gap:8px}.rs-module p{margin:0 0 15px;font-size:14px;color:var(--oc-text-muted, #64748B);line-height:1.5}.rs-users-list{display:flex;flex-direction:column;gap:16px}.rs-user-card{display:flex;align-items:center;gap:12px}.rs-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--oc-border, #E2E8F0)}.rs-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.rs-user-name{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--oc-text-strong, #0F172A)}.rs-user-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-user-name strong:hover{text-decoration:underline}.rs-verify{background:#3b82f6;color:#fff;font-size:9px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.rs-user-school{font-size:12px;color:var(--oc-text-muted, #64748B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-connect-btn{background:transparent;color:#3b82f6;border:1px solid #3B82F6;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.rs-connect-btn:hover{background:var(--oc-tint-blue, #EFF6FF)}.rs-action-btn{width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:background .2s;background:var(--oc-inverse-bg, #1A1A1A);color:#fff}.rs-action-btn:hover{background:#333}.rs-footer{padding:0 15px;font-size:12px;color:var(--oc-text-muted, #64748B);line-height:1.8}.rs-footer-link{color:var(--oc-text-muted, #64748B);cursor:pointer;transition:color .2s}.rs-footer-link:hover{color:#3b82f6;text-decoration:underline}.rs-copyright{display:block;margin-top:8px}}body.hide-top-bar .mobile-only-topbar{transform:translateY(-150%)!important;margin-top:-70px!important}body.hide-top-bar .mobile-nav-wrapper{transform:translateY(150%)!important}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.monetization-wrapper:has(ins[data-ad-status=unfilled]){display:none!important;margin:0!important}.ecosystem-overlay-lock{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.ecosystem-modal{background:var(--oc-surface, white);width:100%;max-width:420px;border-radius:24px;padding:40px 30px;text-align:center;box-shadow:0 25px 50px -12px #00000040;position:relative}.update-modal{border:2px solid #0EA5E9}.ecosystem-close-btn{position:absolute;top:15px;right:15px;background:var(--oc-surface-2, #F1F5F9);border:none;width:32px;height:32px;border-radius:50%;font-weight:700;color:var(--oc-text-strong, #0F172A);cursor:pointer;transition:background .2s}.ecosystem-close-btn:hover{background:var(--oc-surface-3, #E2E8F0)}.ecosystem-icon{font-size:50px;margin-bottom:20px;display:inline-block}.ecosystem-icon.spin{animation:spinSlow 3s linear infinite}.ecosystem-modal h2{margin:0 0 10px;color:var(--oc-text-strong, #0F172A);font-size:24px;font-weight:800}.ecosystem-modal p{color:var(--oc-text, #475569);font-size:15px;line-height:1.6;margin:0 0 30px}.ecosystem-btn-row{display:flex;gap:10px}.ecosystem-action-btn{background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;padding:16px 24px;border-radius:16px;font-weight:700;font-size:16px;width:100%;cursor:pointer;transition:transform .2s;flex:2}.ecosystem-secondary-btn{background:var(--oc-surface-2, #F1F5F9);color:var(--oc-text-strong, #0F172A);border:none;padding:16px 24px;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer;flex:1}.pulse-btn{background:#0ea5e9;animation:pulseLight 2s infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulseLight{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 15px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.slide-down{animation:slideDownFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar-wrapper{position:sticky;top:0;width:100%;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--oc-border, #EEEEEE);height:56px;display:flex;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}body.hide-nav-bars .topbar-wrapper{transform:translateY(-100%)}.topbar-content{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.topbar-logo-container{display:flex;align-items:center}.topbar-logo{height:32px;width:auto;object-fit:contain}.topbar-actions{display:flex;align-items:center;gap:16px}.icon-btn{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--oc-text-strong, #1A1A1A);border-radius:50%;transition:background .2s}.icon-btn:active{background:var(--oc-bg, #F4F7F9)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-2px;right:-4px;background-color:#e91e63;color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.profile-btn{display:flex;align-items:center;justify-content:center}.topbar-profile-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--oc-border, #E1E8ED)}.topbar-search-mode{width:100%;display:flex;align-items:center;padding:0 16px;gap:12px}.topbar-back-btn{background:none;border:none;padding:4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-search-form{flex:1;position:relative;display:flex;align-items:center}.topbar-search-input{width:100%;background:var(--oc-bg, #F4F7F9);border:1px solid transparent;padding:8px 36px 8px 16px;border-radius:20px;font-size:15px;color:var(--oc-text-strong, #1A1A1A);outline:none;transition:border .2s,background .2s}.topbar-search-input:focus{background:var(--oc-surface, #FFFFFF);border-color:#03a9f4}.topbar-clear-search{position:absolute;right:12px;background:#a0aec0;color:#fff;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.fade-in{animation:topbarFadeIn .2s ease-out}@keyframes topbarFadeIn{0%{opacity:0}to{opacity:1}}.bottom-nav-container{position:fixed!important;bottom:0;left:0;width:100%;height:60px;z-index:1000;background-color:var(--oc-surface, #ffffff);border-top:1px solid var(--oc-border, #E2E8F0);transform:none!important;transition:none!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important}body.hide-nav-bars .bottom-nav-container{transform:translateY(150%)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:4px;color:var(--oc-text-subtle, #94A3B8);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-tap-highlight-color:transparent}.bn-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.bn-label{font-size:11px;font-weight:600;letter-spacing:.2px;transition:color .3s ease,transform .3s ease}.bn-item.active{color:var(--oc-text-strong, #1A1A1A)}.bn-item.active .bn-icon-wrapper{transform:translateY(-3px)}.bn-item.active .bn-label{color:var(--oc-text-strong, #1A1A1A);font-weight:700}.bn-item:after{content:"";position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background-color:var(--oc-inverse-bg, #1A1A1A);opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.bn-item.active:after{opacity:1;transform:scale(1)}.bn-item:active .bn-icon-wrapper{transform:scale(.9) translateY(0)}.pc-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pc-sheet{width:100%;max-width:650px;margin:0 auto;height:85vh;background:var(--oc-surface, #ffffff);border-radius:20px 20px 0 0;display:flex;flex-direction:column;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pc-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #F0F2F5;background:var(--oc-surface, #ffffff);border-radius:20px 20px 0 0}.pc-sort-dropdown select{appearance:none;background:var(--oc-bg, #F4F7F9);border:1px solid var(--oc-border, #e1e8ed);padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;color:var(--oc-text-strong, #0f1419);cursor:pointer;outline:none}.pc-title-group{display:flex;align-items:center;gap:8px}.pc-title-text{font-size:18px;font-weight:800;color:var(--oc-text-strong, #0f1419)}.pc-count-badge{background:var(--oc-surface-3, #E1E8ED);color:var(--oc-text-strong, #0f1419);font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.pc-close-btn{background:var(--oc-bg, #F4F7F9);border:none;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pc-close-btn:hover{background:var(--oc-surface-3, #e1e8ed)}.pc-list{flex:1;overflow-y:auto;padding:20px;background:var(--oc-surface, #FFFFFF)}.pc-empty-state{text-align:center;margin-top:60px;color:#536471;display:flex;flex-direction:column;align-items:center}.pc-empty-state p{color:var(--oc-text-strong, #0f1419);font-size:18px;font-weight:700;margin:10px 0 5px}.pc-comment-wrapper{margin-bottom:24px}.pc-comment-item{display:flex;gap:12px}.pc-avatar{border-radius:50%;object-fit:cover;cursor:pointer;border:1px solid var(--oc-border, #eee)}.pc-avatar-md{width:44px;height:44px;min-width:44px}.pc-avatar-sm{width:32px;height:32px;min-width:32px}.pc-avatar-xs{width:22px;height:22px;min-width:22px}.pc-avatar-anon{background:var(--oc-inverse-bg, #1A1A1A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.pc-content{flex:1;min-width:0}.pc-bubble{width:100%}.pc-bubble-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px}.pc-username{font-weight:700;font-size:15px;color:var(--oc-text-strong, #0f1419);display:flex;align-items:center;gap:4px;cursor:pointer}.pc-username:hover{text-decoration:underline}.pc-verify{background:#1d9bf0;color:#fff;font-size:10px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pc-options-wrap{position:relative}.pc-more-btn{background:none;border:none;color:#536471;cursor:pointer;padding:4px;border-radius:50%;font-weight:700;font-size:18px}.pc-dropdown{position:absolute;right:0;top:100%;background:var(--oc-surface, white);border:1px solid var(--oc-border, #eff3f4);box-shadow:#65778633 0 0 15px;border-radius:12px;z-index:10;display:flex;flex-direction:column;overflow:hidden;width:130px}.pc-dropdown button{background:none;border:none;padding:12px 16px;text-align:left;font-size:14px;font-weight:600;cursor:pointer;color:var(--oc-text-strong, #0f1419)}.pc-dropdown button:hover{background:#f7f9f9}.pc-delete-option{color:#f4212e!important}.pc-text{margin:0 0 8px;font-size:15px;line-height:1.45;color:var(--oc-text-strong, #0f1419);word-wrap:break-word;white-space:pre-wrap}.pc-link,.pc-mention,.pc-hashtag{color:#1d9bf0;text-decoration:none;cursor:pointer;font-weight:600}.pc-link:hover,.pc-mention:hover{text-decoration:underline}.pc-media{max-width:100%;max-height:250px;border-radius:16px;border:1px solid var(--oc-border, #eff3f4);margin-bottom:12px;object-fit:cover;cursor:pointer}.pc-author-heart-badge{display:flex;align-items:center;margin-bottom:8px;position:relative;width:max-content}.pc-heart-icon{position:absolute;bottom:-4px;right:-4px;background:var(--oc-surface, white);color:#f91880;font-size:10px;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.pc-meta{display:flex;align-items:center;gap:16px;margin-top:4px}.pc-time{font-size:13px;color:#536471}.pc-reply-action{background:none;border:none;font-size:13px;color:#536471;font-weight:700;cursor:pointer;padding:0}.pc-reply-action:hover{color:var(--oc-text-strong, #0f1419);text-decoration:underline}.pc-like-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:13px;font-weight:600;color:#536471;cursor:pointer;padding:0}.pc-like-btn:hover,.pc-like-btn.liked{color:#f91880}.pc-view-replies{display:flex;align-items:center;gap:12px;background:none;border:none;font-size:13px;color:#1d9bf0;font-weight:700;cursor:pointer;padding:0;margin-top:12px}.pc-vr-line{width:24px;height:2px;background:#1d9bf0;border-radius:2px}.pc-replies-list{margin-left:22px;margin-top:16px;padding-left:16px;border-left:2px solid var(--oc-border, #eff3f4);display:flex;flex-direction:column;gap:20px}.pc-reply-item{display:flex;gap:12px;position:relative}.pc-input-section{border-top:1px solid var(--oc-border, #eff3f4);padding:12px 20px 20px;background:var(--oc-surface, #ffffff);position:relative;z-index:100}.pc-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:12px;margin-bottom:12px;font-size:14px;font-weight:600}.pc-banner.reply{background:#f7f9f9;color:#536471;border-left:4px solid #1d9bf0}.pc-banner.edit{background:#fff8f8;color:#f91880;border-left:4px solid #f91880}.pc-banner button{background:none;border:none;font-size:16px;color:currentColor;cursor:pointer}.pc-mention-list{position:absolute;bottom:100%;left:16px;right:16px;background:var(--oc-surface, white);border-radius:16px;box-shadow:#65778633 0 -5px 20px;max-height:250px;overflow-y:auto;margin-bottom:8px;border:1px solid var(--oc-border, #eff3f4);padding:8px 0;z-index:9999}.pc-mention-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.pc-mention-option:hover{background:#f7f9f9}.pc-mention-option img{width:36px;height:36px;border-radius:50%;object-fit:cover}.pc-mention-full{display:block;font-size:15px;font-weight:700;color:var(--oc-text-strong, #0f1419)}.pc-mention-handle{display:block;font-size:13px;color:#536471}.pc-img-preview{position:relative;width:64px;height:64px;margin-bottom:12px;border-radius:12px}.pc-img-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}.pc-remove-img{position:absolute;top:-6px;right:-6px;background:#0f1419;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pc-input-row{display:flex;gap:12px;align-items:flex-end}.pc-input-box textarea,.pc-input-box input{width:100%!important;align-self:stretch!important;border:none!important;background:transparent!important;outline:none!important;font-size:15px!important;font-family:inherit!important;color:var(--oc-text-strong, #0f1419)!important;padding:4px 0!important;resize:none!important;line-height:1.4!important;box-sizing:border-box!important;max-height:120px!important;overflow-y:auto!important}.pc-input-box{flex:1;min-width:0;display:flex;flex-direction:column}.pc-input-box:focus-within{background:var(--oc-surface, #ffffff);border-color:#1d9bf0}.pc-input-box input{width:100%;border:none;background:transparent;outline:none;font-size:15px;color:var(--oc-text-strong, #0f1419);padding:4px 0}.pc-input-tools{display:flex;justify-content:space-between;align-items:center}.pc-tool-btn{background:none;border:none;color:#1d9bf0;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pc-tool-btn:hover{background:#1d9bf01a}.pc-tool-btn.active{color:#f91880;background:#f918801a}.pc-send-btn{background:#1d9bf0;color:#fff;border:none;border-radius:20px;padding:6px 16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.pc-send-btn:hover{background:#1a8cd8}.pc-spinner{width:16px;height:16px;border:2px solid white;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.likes-canvas{width:100%;min-height:100vh;background-color:var(--oc-bg, #F8F9FA);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.likes-header{position:sticky;top:0;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--oc-border, #EEEEEE);z-index:50}.likes-back-btn{background:none;border:none;cursor:pointer;padding:5px;margin-left:-5px}.likes-title{font-size:18px;font-weight:800;color:var(--oc-text-strong, #1A1A1A)}.likes-list-container{flex:1;padding:10px 0;max-width:600px;width:100%;margin:0 auto}.liker-card{display:flex;align-items:center;padding:15px 20px;background:var(--oc-surface, white);margin-bottom:2px;transition:background-color .2s}.liker-card.clickable{cursor:pointer}.liker-card.clickable:hover{background:var(--oc-bg, #F5F8FA)}.liker-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--oc-surface-2, #EEEEEE);margin-right:15px;border:1px solid var(--oc-border, #E1E8ED)}.liker-info{flex:1}.liker-info h4{margin:0 0 3px;font-size:15px;font-weight:700;color:var(--oc-text-strong, #1A1A1A)}.liker-info p{margin:0;font-size:13px;color:var(--oc-text-muted, #657786);font-weight:500}.view-profile-btn{background:var(--oc-bg, #F4F7F9);color:var(--oc-text-strong, #1A1A1A);border:1px solid var(--oc-border, #E1E8ED);padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.liker-card.clickable:hover .view-profile-btn{background:var(--oc-inverse-bg, #1A1A1A);color:#fff;border-color:var(--oc-text-strong, #1A1A1A)}.no-likes-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-likes-icon{font-size:50px;margin-bottom:15px;filter:grayscale(100%) opacity(.5)}.no-likes-state h3{margin:0 0 10px;font-size:20px;color:var(--oc-text-strong, #1A1A1A);font-weight:800}.no-likes-state p{margin:0;color:var(--oc-text-muted, #657786);font-size:15px}.skeleton-pulse{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton-avatar{width:46px;height:46px;border-radius:50%;background:var(--oc-surface-3, #E1E8ED);margin-right:15px}.skeleton-text-block{flex:1}.skeleton-title{width:40%;height:14px;background:var(--oc-surface-3, #E1E8ED);border-radius:4px;margin-bottom:8px}.skeleton-subtitle{width:25%;height:10px;background:var(--oc-surface-3, #E1E8ED);border-radius:4px}.fade-in{animation:fadeIn .3s ease-in}.fade-in-up{animation:fadeInUp .4s ease-out backwards}.likers-list .liker-card:nth-child(1){animation-delay:.05s}.likers-list .liker-card:nth-child(2){animation-delay:.1s}.likers-list .liker-card:nth-child(3){animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mp-post-card{background:var(--oc-surface, #FFFFFF);padding:16px 20px;border-bottom:1px solid var(--oc-border, #EEEEEE);width:100%;display:flex;flex-direction:column;transition:background-color .2s ease}@media(min-width:700px){.mp-post-card{border-top:1px solid var(--oc-border, #EEEEEE);border-bottom:1px solid var(--oc-border, #EEEEEE)}.mp-post-card:hover{background-color:#fafafa}}.mp-repost-badge{font-size:13px;color:var(--oc-text-muted, #657786);font-weight:700;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mp-repost-badge:hover{color:var(--oc-text-strong, #1A1A1A);text-decoration:underline}.mp-post-header{display:flex;align-items:flex-start;margin-bottom:12px;position:relative}.mp-post-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:12px;border:1px solid var(--oc-border, #EEEEEE);flex-shrink:0}.mp-post-header-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.mp-post-header-name{display:inline-flex;align-items:center;gap:4px;font-size:16px;color:var(--oc-text-strong, #1A1A1A)}.mp-post-header-name strong{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-post-header-name strong:hover{text-decoration:underline}.mp-verify-icon{display:inline-flex;justify-content:center;align-items:center;background:#2196f3;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%}.mp-post-bio{font-size:13px;color:var(--oc-text-muted, #657786);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-post-date-bottom{font-size:12px;color:var(--oc-text-subtle, #9E9E9E);margin-top:10px;margin-bottom:5px}.mp-menu-container{position:relative;margin-left:10px}.mp-post-more{background:none;border:none;font-size:20px;color:var(--oc-text-muted, #657786);cursor:pointer;padding:5px 10px;border-radius:50%;transition:background .2s}.mp-post-more:hover{background:var(--oc-surface-3, #E1E8ED);color:var(--oc-text-strong, #1A1A1A)}.mp-dropdown-menu{position:absolute;right:0;top:100%;background:var(--oc-surface, white);box-shadow:0 4px 15px #00000026;border-radius:8px;overflow:hidden;z-index:100;min-width:150px;border:1px solid var(--oc-border, #EEEEEE)}.mp-dropdown-item{padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;color:var(--oc-text-strong, #1A1A1A)}.mp-dropdown-item:hover{background:var(--oc-bg, #F5F8FA)}.mp-dropdown-item.delete{color:#e53935}.mp-post-text{font-size:15px;color:var(--oc-text-strong, #1A1A1A);line-height:1.5;white-space:pre-wrap;margin-bottom:12px;word-wrap:break-word}@media(min-width:700px){.mp-post-text{font-size:16px;line-height:1.6}}.mp-mention{color:#2196f3;font-weight:600;cursor:pointer;text-decoration:none}.mp-ext-link{color:#2196f3;text-decoration:none;word-break:break-word}.mp-read-more{color:var(--oc-text-muted, #657786);font-weight:600;cursor:pointer}.mp-read-more:hover{text-decoration:underline}.mp-inner-post{border:1px solid var(--oc-border, #CFD9DE);border-radius:16px;padding:12px;margin-bottom:12px;background:var(--oc-surface, #FFFFFF);transition:background .2s}.mp-inner-post:hover{background:#fafafa}.mp-inner-header-left{display:flex;align-items:center;gap:8px;min-width:0}.mp-inner-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.mp-inner-header strong{font-size:15px;color:var(--oc-text-strong, #1A1A1A);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-inner-header strong:hover{text-decoration:underline}.mp-carousel-container{position:relative;margin:10px 0 0;border-radius:16px;overflow:hidden;border:1px solid var(--oc-border, #EEEEEE)}.mp-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mp-carousel::-webkit-scrollbar{display:none}.mp-carousel-image{flex:0 0 100%;width:100%;max-height:500px;object-fit:cover;scroll-snap-align:start;cursor:pointer}.mp-post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.mp-lightbox-overlay{animation:fadeIn .2s}.mp-repost-modal{animation:scaleUp .2s cubic-bezier(.175,.885,.32,1.275)}.mp-repost-input{font-family:inherit;font-size:15px}.pc-mention-item:hover{background:var(--oc-bg, #F5F8FA)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pc-pdf-carousel-container{margin-top:10px;background:var(--oc-bg, #F4F7F9);border-radius:12px;overflow:hidden;border:1px solid var(--oc-border, #E1E8ED);position:relative;display:flex;flex-direction:column}.pc-pdf-document-wrapper{width:100%;display:flex;justify-content:center;background:var(--oc-surface, white);min-height:200px;max-height:500px;overflow-y:auto}.pc-pdf-loader{display:flex;align-items:center;justify-content:center;height:200px;font-weight:700;color:var(--oc-text-muted, #657786)}.pc-pdf-controls{display:flex;align-items:center;justify-content:space-between;background:var(--oc-inverse-bg, #1A1A1A);padding:10px 15px}.pc-pdf-btn{background:#ffffff26;border:none;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s}.pc-pdf-btn:hover:not(:disabled){background:#ffffff4d}.pc-pdf-btn:disabled{opacity:.3;cursor:not-allowed}.pc-pdf-counter{color:#fff;font-size:13px;font-weight:800}.pc-pdf-fallback{background:var(--oc-bg, #F8F9FA);border:1px dashed #A0AEC0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;margin-top:10px}.pc-pdf-fallback span{font-weight:700;color:#2196f3}.pc-promoted-banner{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--oc-text-muted, #657786);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #F4F7F9}.pc-media-engine{margin-top:10px}.pc-img-full{width:100%;max-height:450px;object-fit:cover;border-radius:14px;cursor:pointer;border:1px solid var(--oc-border, #EEEEEE)}.pc-img-grid{display:grid;gap:3px;border-radius:14px;overflow:hidden;border:1px solid var(--oc-border, #EEEEEE)}.pc-img-grid img{width:100%;height:100%;object-fit:cover;cursor:pointer;background:var(--oc-bg, #F4F7F9);transition:opacity .2s}.pc-img-grid img:hover{opacity:.9}.pc-grid-2{grid-template-columns:1fr 1fr;height:250px}.pc-grid-3{grid-template-rows:200px 150px}.pc-grid-3 .pc-top-img{grid-column:1 / -1;height:100%}.pc-grid-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:100%}.pc-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px}.pc-more-overlay-wrapper{position:relative;cursor:pointer;height:100%;width:100%}.pc-more-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:800;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pc-shimmer-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pc-shimmer-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.pc-shimmer-info{display:flex;flex-direction:column;flex:1}.pc-shimmer-line{height:14px;border-radius:8px}.pc-shimmer-anim{background:var(--oc-surface-2, #F1F5F9);background-image:linear-gradient(to right,#f1f5f9,#e2e8f0 20%,#f1f5f9 40% 100%);background-size:800px 100%;animation:pcShimmerSweep 1.5s infinite linear}@keyframes pcShimmerSweep{0%{background-position:-400px 0}to{background-position:400px 0}}.pc-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.pc-modal{background:var(--oc-surface, #FFFFFF);width:100%;max-width:420px;border-radius:20px;padding:24px;box-shadow:0 20px 25px -5px #0000001a;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.pc-radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.pc-radio-label{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--oc-text-strong, #1E293B);cursor:pointer}.pc-radio-label input{width:18px;height:18px;accent-color:#3B82F6}.pc-report-textarea{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid var(--oc-border-strong, #CBD5E1);font-family:inherit;font-size:14px;resize:none;margin-bottom:20px;outline:none;transition:.2s}.pc-report-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pc-match-ring{width:80px;height:80px;border-radius:50%;border:4px solid var(--oc-border, #E2E8F0);border-top-color:#10b981;margin:0 auto 20px;animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center}.pc-match-score{font-size:48px;font-weight:900;color:#10b981;margin:10px 0}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}input[type=checkbox]#publishScore{appearance:none;background-color:var(--oc-surface, #fff);margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:2px solid var(--oc-border-strong, #CBD5E1);border-radius:.25em;display:grid;place-content:center;transition:all .2s ease-in-out}input[type=checkbox]#publishScore:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff;background-color:transparent;transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]#publishScore:checked:before{transform:scale(1)}input[type=checkbox]#publishScore:checked{background-color:#3b82f6;border-color:#3b82f6}.fade-in::-webkit-scrollbar{width:8px;height:8px}.fade-in::-webkit-scrollbar-track{background:var(--oc-surface-2, #F1F5F9);border-radius:8px}.fade-in::-webkit-scrollbar-thumb{background:var(--oc-surface-3, #CBD5E1);border-radius:8px}.fade-in::-webkit-scrollbar-thumb:hover{background:#94a3b8}.shl-draggable-item{transition:transform .2s ease,box-shadow .2s ease}.shl-draggable-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d!important}.shl-draggable-item:active{transform:scale(.98);box-shadow:0 2px 4px #00000005!important}table{min-width:400px}:root{--shl-navy: #0B1F3A;--shl-navy-2: #12294A;--shl-blue: #0F6CBD;--shl-blue-lt: #E8F1FA;--shl-teal: #00A19B;--shl-amber: #F5A623;--shl-red: #D64545;--shl-green: #2D9D5F;--shl-slate: #64748B;--shl-slate-lt: #94A3B8;--shl-border: #D8DFE8;--shl-bg: #F4F7FA;--shl-white: #FFFFFF;--shl-ink: #0F172A}.shl-shimmer-overlay{position:fixed;inset:0;background:var(--shl-bg);z-index:99999;display:flex;flex-direction:column;overflow-y:auto}.shl-shimmer-bar{height:56px;background:var(--shl-navy);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0}.shl-shimmer-body{flex:1;padding:20px;max-width:1100px;width:100%;margin:0 auto}.shimmer{background:linear-gradient(90deg,#e4eaf1,#f2f6fa,#fff,#f2f6fa 60%,#e4eaf1);background-size:1000px 100%;animation:shimmerSweep 1.9s linear infinite;border-radius:8px}.shimmer-dark{background:linear-gradient(90deg,#12294a,#1d3a63,#27497a,#1d3a63,#12294a);background-size:1000px 100%;animation:shimmerSweep 1.9s linear infinite;border-radius:6px}@keyframes shimmerSweep{0%{background-position:-500px 0}to{background-position:500px 0}}.shimmer-line{height:14px;margin-bottom:12px}.shimmer-line.sm{height:10px;width:60%}.shimmer-line.lg{height:22px;width:80%;margin-bottom:20px}.shimmer-block{height:180px;margin:18px 0;border-radius:12px}.shimmer-pill{height:46px;margin-bottom:12px;border-radius:10px}.shimmer-circle{width:36px;height:36px;border-radius:50%}.shl-loading-status{text-align:center;padding:26px 20px 10px}.shl-loading-status h3{margin:0 0 6px;font-size:17px;color:var(--shl-navy);font-weight:700}.shl-loading-status p{margin:0;font-size:13px;color:var(--shl-slate);line-height:1.5}.shl-loading-dots:after{content:"";animation:loadingDots 1.5s steps(4,end) infinite}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.shl-slow-notice{margin:16px auto 0;max-width:460px;background:#fff8e6;border:1px solid #F5D98B;border-radius:10px;padding:12px 16px;font-size:12.5px;color:#7a5b00;line-height:1.5;text-align:center;animation:fadeUp .4s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shl-shell{position:fixed;inset:0;background:var(--shl-bg);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:9999}.shl-topbar{background:var(--shl-navy);color:#fff;padding:0 18px;height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 8px #0b1f3a2e;z-index:20}.shl-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.shl-brandmark{width:30px;height:30px;border-radius:7px;background:var(--shl-blue);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.shl-testname{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shl-section-tag{font-size:11px;color:#9db6d4;margin-top:1px}.shl-topbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.shl-timer{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 14px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:7px}.shl-timer.warn{background:#f5a62333;border-color:var(--shl-amber);color:#ffd98b}.shl-timer.danger{background:#d6454538;border-color:var(--shl-red);color:#ffb4b4;animation:pulseTimer 1s ease-in-out infinite}@keyframes pulseTimer{0%,to{opacity:1}50%{opacity:.55}}.shl-qcount{font-size:13px;font-weight:600;color:#c6d8ec;white-space:nowrap}.shl-progress-track{height:4px;background:#ffffff1f;flex-shrink:0}.shl-progress-fill{height:100%;background:var(--shl-teal);transition:width .35s cubic-bezier(.4,0,.2,1)}.shl-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}.shl-canvas{max-width:1080px;margin:0 auto;padding:18px 18px 24px}.shl-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.shl-pane{background:var(--shl-white);border:1px solid var(--shl-border);border-radius:12px;overflow:hidden}.shl-pane-head{background:var(--oc-bg, #F8FAFC);border-bottom:1px solid var(--shl-border);padding:10px 16px;font-size:12px;font-weight:700;color:var(--shl-slate);text-transform:uppercase;letter-spacing:.5px}.shl-pane-scroll{max-height:62vh;overflow-y:auto;padding:16px 18px;font-size:14.5px;line-height:1.72;color:#1f2937}.shl-pane-scroll p{margin:0 0 14px}.shl-pane-scroll p:last-child{margin-bottom:0}.shl-qno{font-size:12px;font-weight:700;color:var(--shl-blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.shl-qtext{font-size:15.5px;line-height:1.6;color:var(--shl-ink);font-weight:500;margin-bottom:18px}.shl-options{display:flex;flex-direction:column;gap:2px}.shl-option{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:8px;cursor:pointer;transition:background .15s ease;border:1px solid transparent;-webkit-tap-highlight-color:transparent}.shl-option:hover{background:#f6f9fc}.shl-option.selected{background:var(--shl-blue-lt);border-color:#b9d6ee}.shl-radio{width:19px;height:19px;border-radius:50%;border:2px solid var(--oc-border-strong, #B4C0CE);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:var(--oc-surface, #fff)}.shl-option.selected .shl-radio{border-color:var(--shl-blue);border-width:6px}.shl-option-text{font-size:14.5px;line-height:1.55;color:#1f2937;flex:1}.shl-option.selected .shl-option-text{color:var(--shl-navy);font-weight:500}.shl-likert{display:flex;flex-direction:column;gap:8px}.shl-likert-item{display:flex;align-items:center;gap:14px;padding:15px 16px;background:var(--oc-surface, #fff);border:1.5px solid var(--shl-border);border-radius:10px;cursor:pointer;transition:all .16s ease;-webkit-tap-highlight-color:transparent}.shl-likert-item:hover{border-color:#a9c4dc;background:#fafcfe}.shl-likert-item.selected{border-color:var(--shl-blue);background:var(--shl-blue-lt);box-shadow:0 0 0 3px #0f6cbd17}.shl-likert-marker{width:22px;height:22px;border-radius:50%;border:2px solid var(--oc-border-strong, #B4C0CE);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:transparent;transition:all .16s ease}.shl-likert-item.selected .shl-likert-marker{background:var(--shl-blue);border-color:var(--shl-blue);color:#fff}.shl-workspace{background:var(--oc-surface, #fff);border:1px solid var(--shl-border);border-radius:12px;padding:16px;position:relative}.shl-workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--oc-border, #EDF1F6)}.shl-reset-btn{background:var(--oc-surface, #fff);border:1.5px solid var(--shl-border);border-radius:7px;padding:6px 13px;font-size:12px;font-weight:700;color:var(--shl-slate);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.shl-reset-btn:hover{border-color:var(--shl-red);color:var(--shl-red)}.shl-hint-chip{font-size:11.5px;background:#fff8e6;border:1px solid #F5D98B;color:#7a5b00;padding:5px 11px;border-radius:20px;font-weight:600}.shl-timeline{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.shl-timeline-grid{min-width:620px;position:relative}.shl-timeline-hours{display:grid;border-bottom:2px solid var(--shl-border);padding-bottom:6px;margin-bottom:4px}.shl-hour-label{font-size:11.5px;font-weight:700;color:var(--shl-slate);text-align:center}.shl-timeline-row{display:grid;gap:2px;margin-bottom:6px}.shl-slot{height:46px;border:1.5px dashed #CFD9E4;border-radius:6px;background:#fafcfe;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--shl-slate-lt);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;overflow:hidden}.shl-slot:hover{border-color:var(--shl-blue);background:var(--shl-blue-lt)}.shl-slot.filled{border:none;background:var(--shl-blue);color:#fff;font-size:11.5px;font-weight:700;box-shadow:0 2px 6px #0f6cbd47}.shl-slot.blocked{background:repeating-linear-gradient(45deg,#e8edf3,#e8edf3 6px,#dde4ec 6px 12px);border-color:#c8d2dd;cursor:not-allowed;color:var(--oc-text-subtle, #94A3B8)}.shl-slot.dragover{border-color:var(--shl-teal);border-style:solid;background:#e3f7f5;transform:scale(1.03)}.shl-task-tray{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--oc-border, #EDF1F6)}.shl-task-chip{background:var(--oc-surface, #fff);border:1.5px solid var(--shl-blue);color:var(--shl-blue);padding:9px 15px;border-radius:8px;font-size:13px;font-weight:700;cursor:grab;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:7px}.shl-task-chip:active{cursor:grabbing;transform:scale(.96)}.shl-task-chip.placed{background:var(--oc-surface-2, #F1F5F9);border-color:#d8dfe8;color:var(--oc-text-subtle, #94A3B8);cursor:default}.shl-task-chip.selected{background:var(--shl-blue);color:#fff;box-shadow:0 3px 10px #0f6cbd52}.shl-chart-frame{display:flex;gap:10px;padding:10px 0 0}.shl-yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:11px;color:var(--shl-slate);font-weight:600;padding-bottom:26px;min-width:42px}.shl-plot{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;border-left:2px solid var(--shl-border);border-bottom:2px solid var(--shl-border);padding:0 10px;position:relative}.shl-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;max-width:92px;height:100%;justify-content:flex-end}.shl-bar-stack{width:100%;display:flex;flex-direction:column;position:relative;border-radius:4px 4px 0 0;overflow:visible}.shl-bar-seg{width:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;position:relative;transition:height .12s ease}.shl-bar-seg.locked{opacity:.55;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.22),rgba(255,255,255,.22) 4px,transparent 4px,transparent 8px)}.shl-bar-handle{position:absolute;left:50%;transform:translate(-50%);width:42px;height:16px;background:var(--oc-surface, #fff);border:2px solid var(--shl-blue);border-radius:8px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;gap:2px;z-index:5;box-shadow:0 2px 5px #00000026;touch-action:none}.shl-bar-handle:before{content:"";width:16px;height:2px;background:var(--shl-blue);border-radius:2px;box-shadow:0 3px 0 var(--shl-blue),0 -3px 0 var(--shl-blue)}.shl-bar-handle.divider{border-color:var(--shl-teal)}.shl-bar-handle.divider:before{background:var(--shl-teal);box-shadow:0 3px 0 var(--shl-teal),0 -3px 0 var(--shl-teal)}.shl-bar-handle.locked{border-color:var(--oc-border-strong, #B4C0CE);cursor:not-allowed;background:#e8edf3}.shl-bar-handle.locked:before{background:#b4c0ce;box-shadow:0 3px #b4c0ce,0 -3px #b4c0ce}.shl-bar-xlabel{font-size:11.5px;font-weight:700;color:var(--shl-slate);margin-top:8px;text-align:center;height:18px}.shl-bar-value{font-size:12px;font-weight:800;color:var(--shl-navy);margin-bottom:4px}.shl-pie-wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center}.shl-pie-legend{display:flex;flex-direction:column;gap:10px;min-width:200px;flex:1}.shl-pie-row{display:flex;align-items:center;gap:10px}.shl-pie-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.shl-pie-name{font-size:13px;color:var(--shl-ink);flex:1;font-weight:500}.shl-pie-val{font-size:13px;font-weight:800;color:var(--shl-navy);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.shl-pie-stepper{display:flex;gap:4px}.shl-step-btn{width:26px;height:26px;border:1.5px solid var(--shl-border);background:var(--oc-surface, #fff);border-radius:6px;font-size:15px;font-weight:700;color:var(--shl-blue);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.shl-step-btn:active{background:var(--shl-blue-lt);transform:scale(.92)}.shl-step-btn:disabled{opacity:.35;cursor:not-allowed}.shl-pie-total{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:7px;text-align:center;margin-top:6px}.shl-pie-total.ok{background:#e7f6ee;color:var(--shl-green);border:1px solid #A9DCC0}.shl-pie-total.bad{background:#fdecec;color:var(--shl-red);border:1px solid #F3B9B9}.shl-seq-strip{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:14px;background:var(--oc-bg, #F8FAFC);border:1px solid var(--shl-border);border-radius:10px;margin-bottom:16px}.shl-seq-cell{width:62px;height:62px;border:1.5px solid var(--oc-border-strong, #CBD5E1);border-radius:6px;background:var(--oc-surface, #fff);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden}.shl-seq-arrow{font-size:18px;color:var(--shl-slate-lt)}.shl-fill-target{width:190px;height:190px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;border:3px solid var(--shl-blue);border-radius:10px;padding:3px;background:var(--shl-blue-lt)}.shl-fill-cell{border:1px solid var(--oc-border-strong, #CBD5E1);border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.shl-fill-cell:active{transform:scale(.94)}.shl-fill-cell.state-0{background:var(--oc-surface, #fff)}.shl-fill-cell.state-1{background:var(--shl-navy);border-color:var(--shl-navy)}.shl-fill-cell.state-2{background-color:var(--oc-surface, #fff);background-image:radial-gradient(var(--shl-blue) 2.2px,transparent 2.2px);background-size:11px 11px;border-color:var(--shl-blue)}.shl-node-canvas{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:1 / 1;background:var(--oc-bg, #F8FAFC);border:1px solid var(--shl-border);border-radius:12px;touch-action:none}.shl-node{position:absolute;width:54px;height:54px;border-radius:50%;background:var(--oc-surface, #fff);border:2.5px solid var(--oc-border-strong, #B4C0CE);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--shl-ink);cursor:pointer;transform:translate(-50%,-50%);transition:all .16s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;z-index:3}.shl-node:active{transform:translate(-50%,-50%) scale(.92)}.shl-node.connected{background:var(--shl-blue);border-color:var(--shl-blue);color:#fff;box-shadow:0 3px 10px #0f6cbd59}.shl-node.preset{background:var(--shl-teal);border-color:var(--shl-teal);color:#fff}.shl-node-order{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--shl-amber);border-radius:50%;font-size:10px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.shl-calendar{background:var(--oc-surface, #fff);border:1px solid var(--shl-border);border-radius:10px;padding:12px}.shl-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.shl-cal-dow{text-align:center;font-size:10.5px;font-weight:800;color:var(--shl-slate);padding:6px 0;text-transform:uppercase;letter-spacing:.4px}.shl-cal-day{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:all .14s ease;-webkit-tap-highlight-color:transparent;position:relative}.shl-cal-day:hover:not(.weekend):not(.empty){background:var(--shl-blue-lt)}.shl-cal-day.selected{background:var(--shl-blue);color:#fff;box-shadow:0 2px 6px #0f6cbd4d}.shl-cal-day.weekend{color:#c4cdd8;cursor:not-allowed;background:#fafbfc}.shl-cal-day.empty{cursor:default}.shl-constraints{background:var(--oc-bg, #F8FAFC);border:1px solid var(--shl-border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.shl-constraint-row{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--oc-text, #334155);padding:5px 0;line-height:1.45}.shl-constraint-row strong{color:var(--shl-navy);min-width:118px;flex-shrink:0}.shl-footer{background:var(--oc-surface, #fff);border-top:1px solid var(--shl-border);flex-shrink:0;box-shadow:0 -2px 12px #0f172a0f;z-index:15}.shl-navstrip{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 14px;border-bottom:1px solid var(--oc-border, #EDF1F6);scrollbar-width:thin}.shl-navstrip::-webkit-scrollbar{height:5px}.shl-navstrip::-webkit-scrollbar-track{background:var(--oc-surface-2, #F1F5F9);border-radius:4px}.shl-navstrip::-webkit-scrollbar-thumb{background:var(--oc-surface-3, #CBD5E1);border-radius:4px}.shl-navpill{min-width:32px;height:32px;border-radius:7px;border:1.5px solid var(--shl-border);background:var(--oc-surface, #fff);font-size:12px;font-weight:700;color:var(--shl-slate);cursor:pointer;flex-shrink:0;transition:all .14s ease;-webkit-tap-highlight-color:transparent}.shl-navpill.answered{background:var(--shl-teal);border-color:var(--shl-teal);color:#fff}.shl-navpill.current{border-color:var(--shl-navy);border-width:2.5px;color:var(--shl-navy);background:var(--oc-surface, #fff);transform:scale(1.08)}.shl-navpill.current.answered{background:var(--shl-navy);color:#fff}.shl-navpill.flagged:after{content:"";position:absolute;width:6px;height:6px;background:var(--shl-amber);border-radius:50%;top:2px;right:2px}.shl-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.shl-btn{padding:11px 22px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .16s ease;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:7px;white-space:nowrap}.shl-btn:disabled{opacity:.4;cursor:not-allowed}.shl-btn-ghost{background:var(--oc-surface, #fff);border:1.5px solid var(--shl-border);color:var(--shl-slate)}.shl-btn-ghost:hover:not(:disabled){border-color:var(--shl-blue);color:var(--shl-blue)}.shl-btn-primary{background:var(--shl-blue);color:#fff;box-shadow:0 2px 8px #0f6cbd47}.shl-btn-primary:hover:not(:disabled){background:#0d5da3}.shl-btn-submit{background:var(--shl-green);color:#fff;box-shadow:0 2px 8px #2d9d5f4d}.shl-btn-flag{background:var(--oc-surface, #fff);border:1.5px solid var(--shl-border);color:var(--shl-slate);padding:11px 14px}.shl-btn-flag.active{background:#fff8e6;border-color:var(--shl-amber);color:#7a5b00}.shl-modal-veil{position:fixed;inset:0;background:#0b1f3ac7;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;animation:veilIn .22s ease-out}@keyframes veilIn{0%{opacity:0}to{opacity:1}}.shl-modal{background:var(--oc-surface, #fff);border-radius:18px;width:100%;max-width:500px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px #0006;animation:modalIn .26s cubic-bezier(.34,1.3,.64,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.shl-modal-head{background:var(--shl-navy);color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.shl-modal-head h3{margin:0;font-size:16px;font-weight:700}.shl-modal-step{font-size:12px;color:#9db6d4;margin-top:2px}.shl-modal-body{padding:22px;overflow-y:auto;flex:1}.shl-step-visual{background:var(--oc-bg, #F8FAFC);border:1px solid var(--shl-border);border-radius:12px;padding:20px;margin-bottom:16px;text-align:center;min-height:130px;display:flex;align-items:center;justify-content:center}.shl-step-text{font-size:14.5px;line-height:1.65;color:var(--oc-text, #334155)}.shl-modal-foot{padding:14px 22px;border-top:1px solid var(--shl-border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;background:#fafcfe}.shl-dots{display:flex;gap:6px}.shl-dot{width:7px;height:7px;border-radius:50%;background:var(--oc-surface-3, #CBD5E1);transition:all .2s ease}.shl-dot.active{background:var(--shl-blue);width:20px;border-radius:4px}.hub-wrap{min-height:100vh;background:var(--shl-bg);padding-bottom:40px}.hub-hero{background:linear-gradient(135deg,var(--shl-navy) 0%,#163B6B 100%);padding:26px 20px 34px;color:#fff}.hub-hero-inner{max-width:980px;margin:0 auto}.hub-back{background:#ffffff21;border:none;color:#fff;width:34px;height:34px;border-radius:9px;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.hub-title{font-size:25px;font-weight:800;margin:0 0 7px;letter-spacing:-.4px}.hub-sub{font-size:14px;color:#a9c4e0;margin:0;line-height:1.55;max-width:620px}.hub-stats{display:flex;gap:22px;margin-top:20px;flex-wrap:wrap}.hub-stat-num{font-size:20px;font-weight:800;color:#fff}.hub-stat-lbl{font-size:11px;color:#8faece;margin-top:1px}.hub-grid{max-width:980px;margin:-18px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.hub-card{background:var(--oc-surface, #fff);border:1px solid var(--shl-border);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0b1f3a21;border-color:var(--shl-blue)}.hub-card:active{transform:translateY(-1px) scale(.99)}.hub-card-accent{position:absolute;top:0;left:0;right:0;height:4px}.hub-card-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:12px}.hub-card-title{font-size:15.5px;font-weight:800;color:var(--shl-navy);margin:0 0 5px}.hub-card-org{font-size:11.5px;color:var(--shl-blue);font-weight:700;margin-bottom:8px}.hub-card-desc{font-size:12.8px;color:var(--shl-slate);line-height:1.55;margin-bottom:13px}.hub-card-meta{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--oc-border, #EDF1F6)}.hub-meta-chip{font-size:10.5px;font-weight:700;background:var(--oc-surface-2, #F1F5F9);color:var(--shl-slate);padding:4px 9px;border-radius:5px}.hub-section-label{max-width:980px;margin:26px auto 12px;padding:0 16px;font-size:12px;font-weight:800;color:var(--shl-slate);text-transform:uppercase;letter-spacing:.8px}.shl-result-hero{background:linear-gradient(135deg,var(--shl-navy) 0%,#163B6B 100%);padding:34px 20px;text-align:center;color:#fff}.shl-score-ring{width:138px;height:138px;margin:0 auto 16px;position:relative}.shl-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.shl-score-pct{font-size:33px;font-weight:800;line-height:1}.shl-score-frac{font-size:12px;color:#a9c4e0;margin-top:4px}.shl-band{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12.5px;font-weight:800;margin-top:10px}@media(max-width:860px){.shl-split{grid-template-columns:1fr;gap:12px}.shl-pane-scroll{max-height:34vh}}@media(max-width:640px){.shl-topbar{height:52px;padding:0 12px}.shl-testname{font-size:12.5px;max-width:130px}.shl-section-tag{font-size:10px}.shl-timer{padding:5px 10px;font-size:13.5px}.shl-qcount{display:none}.shl-brandmark{width:26px;height:26px;font-size:12px}.shl-canvas{padding:14px 12px 20px}.shl-qtext{font-size:15px}.shl-option{padding:12px 11px;gap:10px}.shl-option-text{font-size:14px}.shl-pane-scroll{padding:14px;font-size:14px;max-height:30vh}.shl-workspace{padding:12px}.shl-fill-target{width:158px;height:158px}.shl-seq-cell{width:50px;height:50px}.shl-node{width:46px;height:46px;font-size:12px}.shl-controls{padding:10px 12px;gap:7px}.shl-btn{padding:11px 15px;font-size:13px;flex:1;justify-content:center}.shl-btn-flag{flex:0 0 auto;padding:11px 12px}.shl-navstrip{padding:8px 12px;gap:4px}.shl-navpill{min-width:29px;height:29px;font-size:11px}.shl-modal{max-width:100%;border-radius:16px}.shl-modal-body{padding:18px}.hub-title{font-size:21px}.hub-sub{font-size:13px}.hub-grid{grid-template-columns:1fr;padding:0 12px}.hub-hero{padding:20px 16px 30px}.shl-pie-wrap{flex-direction:column}.shl-chart-frame{padding-top:6px}.shl-plot{gap:7px;padding:0 5px}.shl-bar-handle{width:36px;height:15px}.shl-constraint-row strong{min-width:92px;font-size:12px}}@media(max-width:400px){.shl-fill-target{width:140px;height:140px}.shl-btn{padding:10px 12px;font-size:12.5px}.shl-navpill{min-width:27px;height:27px;font-size:10.5px}}@media(max-height:480px)and (orientation:landscape){.shl-topbar{height:46px}.shl-pane-scroll{max-height:40vh}.shl-navstrip{padding:6px 12px}.shl-controls{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.shimmer,.shimmer-dark{animation:none;background:var(--oc-surface-2, #EDF1F6)}.shl-timer.danger{animation:none}*{transition-duration:.01ms!important}}.ja-root{position:fixed;inset:0;overflow-y:auto;background:#f5f6f8;font-family:Proxima Nova,Mulish,Helvetica Neue,Arial,sans-serif;color:#3f4450;z-index:50;-webkit-font-smoothing:antialiased}.ja-root *{box-sizing:border-box}.ja-root button{font-family:inherit}.ja-intro-wrap{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:48px 14px;background:#e8ebf0}.ja-intro{width:100%;max-width:860px;background:#fff;border:1px solid #D9DEE5;box-shadow:0 2px 8px #0000000f}.ja-intro-head{background:#eef0f3;border-bottom:1px solid #DCE0E6;padding:12px 18px;color:#9aa1ac;font-size:15px;font-weight:600}.ja-intro-body{padding:0 18px 22px}.ja-intro-title{font-size:17px;font-weight:700;color:#5b616b;padding:16px 0 12px;border-bottom:1px solid #E4E7EB;margin-bottom:16px}.ja-intro p{font-size:14px;line-height:1.55;color:#5b616b;margin:0 0 16px}.ja-tips-h{margin:6px 0 10px!important;color:#4f555f!important}.ja-intro ul{margin:0;padding-left:40px}.ja-intro li{font-size:13.5px;line-height:1.5;color:#5b616b;margin-bottom:5px}.ja-intro li b{color:#3e434c}.ja-intro-foot{border-top:1px solid #DCE0E6;background:#f4f6f8;padding:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.ja-sqbtn{background:#3a6fc4;color:#fff;border:none;border-radius:3px;padding:9px 14px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #00000038}.ja-sqbtn:hover{background:#305faa}.ja-sqbtn:disabled{opacity:.45;cursor:default}.ja-practiced{margin-top:16px;font-size:13.5px;color:#2d8a55;font-weight:700}.ja-page{min-height:100%;padding-bottom:80px}.ja-stim{background:#3a3c41;padding:30px 16px 26px}.ja-stim-tight{padding:14px 16px}.ja-stim-in{max-width:880px;margin:0 auto}.ja-bullets{margin:0;padding-left:22px}.ja-bullets li{font-size:14px;line-height:1.75;color:#d9dce1}.ja-main{max-width:880px;margin:0 auto;padding:22px 16px 0}.ja-qlabel{font-size:14px;font-weight:800;color:#3a3f4a;margin-bottom:4px}.ja-qtext{font-size:15px;line-height:1.5;color:#4a505c;margin-bottom:16px}.ja-qtext p{margin:0}.ja-asset{background:#fff;border:1px solid #D8DFE8;border-radius:4px;padding:16px;margin-bottom:18px;overflow-x:auto;font-size:14px;line-height:1.6;max-height:360px;overflow-y:auto}.ja-tool{width:36px;height:36px;border:none;border-radius:3px;background:#55595e;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:6px}.ja-tool.grey{background:#8c9096}.ja-tool.slate{background:#5c6478}.ja-tool.light{background:#a2a6ac}.ja-tool:disabled{opacity:.5;cursor:default}.ja-toolrow{display:flex;gap:4px;margin-bottom:6px}.ja-toolrow.right{justify-content:flex-end}.ja-next{display:block;margin:34px auto 0;min-width:210px;padding:9px 40px;border:none;border-radius:999px;background:#2f6bbf;color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px #0000002e}.ja-next:hover{background:#285eaa}.ja-count{position:fixed;right:22px;bottom:14px;font-size:13px;color:#6f8db8;z-index:60}.ja-topline{position:fixed;top:0;left:0;right:0;height:4px;background:#3f7d3b;z-index:69}.ja-timer{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:70;background:#3f7d3b;color:#fff;padding:3px 24px 6px;border-radius:0 0 16px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 2px 6px #00000040;font-variant-numeric:tabular-nums}.ja-topline.low,.ja-timer.low{background:#b3412e}.ja-legacy{margin-top:8px}.ja-sched{user-select:none;-webkit-user-select:none}.ja-today{font-size:13px;font-weight:800;color:#3f4450;margin:10px 0 6px}.ja-tl{position:relative;border:1px solid #9BA3AE;display:flex;height:46px;background:#fff}.ja-cell{flex:1;border-right:1px solid #B9C0C9}.ja-cell:last-child{border-right:none}.ja-cell.target{cursor:pointer}.ja-cell.target:hover{background:#eaf1fb}.ja-blk{position:absolute;top:0;bottom:0;background:#6e7176;cursor:pointer}.ja-placed{position:absolute;top:3px;bottom:3px;border-radius:2px;color:#fff;font-size:11px;font-weight:700;padding:0 6px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;touch-action:none;z-index:2}.ja-preview{position:absolute;top:0;bottom:0;pointer-events:none;opacity:.5;z-index:3}.ja-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2f3237;color:#fff;font-size:12px;padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:5;box-shadow:0 2px 6px #00000040}.ja-tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#2f3237}.ja-tl-labels{position:relative;height:22px;font-size:12px;color:#4a505c}.ja-tl-labels span{position:absolute;top:4px;transform:translate(-50%)}.ja-tray{margin-top:22px;display:flex;flex-direction:column;gap:12px}.ja-task{position:relative;display:flex;align-items:center;min-height:48px;background:#eef1f5;border-radius:2px;box-shadow:0 1px 3px #0003;cursor:grab;touch-action:none}.ja-task.ro{cursor:default}.ja-task-bar{width:24px;align-self:stretch;border-radius:2px 0 0 2px;flex-shrink:0}.ja-task-name{padding:0 16px;font-size:15px;color:#3e4d6b}.ja-task-dur{position:absolute;right:12px;top:6px;font-size:11px;font-style:italic;color:#6b7280}.ja-task.placed{background:transparent;box-shadow:none;outline:1px dashed #C3CAD3;cursor:default}.ja-task.placed .ja-task-name,.ja-task.placed .ja-task-dur{opacity:.35}.ja-task.sel{outline:2px solid #2F6BBF}.ja-ghost{position:fixed;z-index:400;pointer-events:none;display:flex;align-items:center;height:40px;min-width:150px;background:#eef1f5;box-shadow:0 6px 16px #00000047;border-radius:2px;opacity:.95}.ja-svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.ja-chartbox{max-width:600px;margin:0 auto;background:#fff;border:1px solid #E1E5EA;border-radius:4px;padding:8px}.ja-axis{font-size:13px;fill:#5b6e92}.ja-axis-b{font-weight:700}.ja-bartotal{font-size:14px;font-weight:800;fill:#3a3f4a}.ja-barpct{font-size:13px;font-weight:800;fill:#fff;pointer-events:none}.ja-piebox{max-width:340px;margin:0 auto}.ja-piepct{font-size:12px;font-weight:800;fill:#fff;pointer-events:none}.ja-pietip{font-size:12px;font-weight:700;fill:#fff}.ja-tiles-head{font-size:14px;color:#d9dce1;margin-bottom:12px}.ja-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ja-tile{border-radius:3px;padding:12px 14px;min-height:86px;color:#fff}.ja-tile h4{margin:0 0 18px;font-size:15px;font-weight:800}.ja-tile div{font-size:12.5px;font-weight:800;line-height:1.4}.ja-seq{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin:6px 0 26px}.ja-shape-main{display:flex;justify-content:center}.ja-nodes{max-width:680px;margin:0 auto}.ja-cons{display:flex;flex-direction:column;gap:6px}.ja-crow{display:flex;align-items:stretch;background:#e7eaee;min-height:42px}.ja-cimg{width:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px}.ja-cname{width:190px;flex-shrink:0;padding:11px 12px;font-size:13.5px;color:#4b515c}.ja-ctext{flex:1;padding:11px 12px;font-size:13.5px;color:#4b515c;display:flex;gap:8px;align-items:center}.ja-cal-label{font-size:14px;font-weight:800;color:#3a3f4a;margin:4px 0 10px}.ja-cal{display:grid;grid-template-columns:repeat(7,1fr);row-gap:6px;max-width:720px}.ja-cal-h{text-align:center;font-size:12px;font-weight:700;color:#3e4570;letter-spacing:.3px;padding-bottom:10px}.ja-day{justify-self:center;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#4e5563;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.ja-day:hover{background:#e3e8ef}.ja-day.wk{color:#a9aeb6;cursor:default}.ja-day.wk:hover{background:none}.ja-day.on,.ja-day.on:hover{background:#2f6bbf;color:#fff}.ja-day.ro{cursor:default}.ja-warn{margin-top:10px;font-size:13px;color:#b3412e;font-weight:700}.ja-opts{display:flex;flex-direction:column;gap:8px}.ja-opt{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid #D6DBE2;border-radius:3px;cursor:pointer;font-size:14.5px}.ja-opt p{margin:0}.ja-opt.on{border-color:#2f6bbf;background:#eef4fc}.ja-opt.good{border-color:#2d9d5f;background:#e7f6ee}.ja-radio{width:18px;height:18px;border-radius:50%;border:2px solid #9AA3AF;flex-shrink:0}.ja-opt.on .ja-radio{border-color:#2f6bbf;background:#2f6bbf;box-shadow:inset 0 0 0 3px #fff}.ja-tour-catch{position:fixed;inset:0;z-index:300}.ja-spot{position:fixed;z-index:301;border-radius:4px;box-shadow:0 0 0 9999px #262a3a9e;pointer-events:none;transition:all .25s ease}.ja-coach{position:fixed;z-index:302;background:#f4f6f4;border:1px solid #CFD5D0;border-radius:4px;box-shadow:0 3px 12px #0000004d;padding:14px 14px 12px;font-size:13.5px;line-height:1.45;color:#4a4f55}.ja-coach b{color:#2f3338}.ja-coach-btns{display:flex;align-items:center;margin-top:12px}.ja-cbtn{font-size:12px;padding:5px 10px;border:1px solid #C9CDD2;background:#fff;color:#555;cursor:pointer}.ja-cbtn.prev{border-radius:3px 0 0 3px}.ja-cbtn.next{background:#7ec46a;border-color:#3e6b33;color:#1f3d17;border-radius:0 3px 3px 0}.ja-cbtn.next:hover{background:#6db85a}.ja-cbtn.close{margin-left:auto;border-radius:3px}.ja-cbtn:disabled{color:#b8bcc2;cursor:default}.ja-fb-veil{position:fixed;inset:0;background:#282c3c8c;z-index:320;display:flex;justify-content:center;align-items:flex-start;padding-top:36px}.ja-fb-wrap{width:min(560px,92vw)}.ja-fb-title{color:#c4c9d2;font-size:13px;margin:0 0 8px 6px}.ja-fb{background:#f7f8fa;border-radius:4px;box-shadow:0 8px 24px #0000004d}.ja-fb-body{padding:20px 16px;font-size:14px;font-weight:700;color:#444;border-bottom:1px solid #E1E4E8}.ja-fb-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px}.ja-fbbtn{border:none;border-radius:3px;padding:8px 14px;background:#8d9096;color:#fff;font-size:13px;cursor:pointer}.ja-fbbtn:hover{background:#98a2e0}.ja-reviewbar{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #DCE0E6;padding:10px 16px;display:flex;gap:14px;align-items:center;font-size:14px;font-weight:700;color:#4f555f}.ja-review-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#6b7280;margin:22px 0 10px}.ja-explain{background:#fff8e6;border:1px solid #F1DA9A;border-radius:4px;padding:14px 16px;font-size:14px;line-height:1.6;color:#3f4450}.ja-explain p{margin:0 0 8px}.ja-reviewnav{display:flex;justify-content:space-between;padding-top:28px}.ja-ok{color:#2d8a55;font-weight:800}.ja-bad{color:#c2412e;font-weight:800}.ja-res-top{display:flex;align-items:center;gap:22px;padding:22px 0 10px;flex-wrap:wrap}.ja-ring{position:relative;width:132px;height:132px}.ja-ring-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ja-ring-in b{font-size:28px;color:#2f3338}.ja-ring-in span{font-size:12px;color:#7a808a}.ja-band{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800}.ja-brk{margin-bottom:12px}.ja-brk-row{display:flex;justify-content:space-between;font-size:13.5px;color:#4f555f;margin-bottom:5px}.ja-brk-track{height:7px;background:#edf1f6;border-radius:4px;overflow:hidden}.ja-brk-track div{height:100%;border-radius:4px;transition:width .8s ease}.ja-pub{margin-top:20px;font-size:13.5px;color:#5b616b}@media(max-width:600px){.ja-cname{width:96px}.ja-cimg{width:36px}.ja-day{width:32px;height:32px;font-size:13px}.ja-task-name{font-size:14px}.ja-tl{height:40px}.ja-tl-labels{font-size:10.5px}.ja-seq{gap:12px}.ja-intro ul{padding-left:22px}}.feed-wrapper{width:100%;background:var(--oc-surface, #FFFFFF);min-height:100vh;display:flex;flex-direction:column}.miniPostLayoutFiltersScroll{display:flex;overflow-x:auto;gap:10px;padding:12px 15px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--oc-border, #EEEEEE);scrollbar-width:none;-webkit-overflow-scrolling:touch;transition:transform .3s cubic-bezier(.4,0,.2,1)}body.hide-nav-bars .miniPostLayoutFiltersScroll,body.hide-top-bar .miniPostLayoutFiltersScroll{transform:translateY(-100%)}.miniPostLayoutFiltersScroll.active{cursor:grabbing;cursor:-webkit-grabbing}.miniPostLayoutFiltersScroll::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;padding:8px 16px;border-radius:20px;border:1px solid #E0E0E0;background:var(--oc-surface, #fff);color:var(--oc-text-muted, #657786);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background:var(--oc-bg, #F5F8FA)}.filter-chip.chip-active{background:var(--oc-inverse-bg, #1A1A1A);color:#fff;border-color:var(--oc-text-strong, #1A1A1A)}.feed-alert-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f0f9ff;border-bottom:1px solid #BAE6FD}.fab-info{display:flex;flex-direction:column}.fab-info strong{color:#0284c7;font-size:14px}.fab-info span{color:#0369a1;font-size:12px}.fab-btn{background:#0ea5e9;color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.fab-btn:hover{background:#0284c7}.allpostlinvert{overflow-anchor:none;display:flex;flex-direction:column;padding-bottom:75px;flex:1}.loading-state{text-align:center;padding:40px;color:var(--oc-text-muted, #657786);font-weight:500;font-size:15px}.pq-wrapper{background-color:var(--oc-bg, #F8FAFC);min-height:100vh;padding:20px 15px 100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pq-container{max-width:800px;margin:0 auto}.pq-header-section{margin-bottom:24px}.pq-title-area h2{font-size:24px;font-weight:700;color:var(--oc-text-strong, #0F172A);margin:0 0 4px}.pq-title-area p{font-size:14px;color:var(--oc-text-muted, #64748B);margin:0 0 20px}.pq-controls{display:flex;gap:12px;align-items:center}.pq-search-box{flex:1;position:relative}.pq-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--oc-text-subtle, #94A3B8)}.pq-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--oc-border, #E2E8F0);border-radius:12px;background-color:var(--oc-surface, #FFFFFF);font-size:15px;color:var(--oc-text, #334155);transition:all .2s ease;box-shadow:0 2px 4px #00000005}.pq-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.pq-upload-btn{display:flex;align-items:center;gap:6px;background-color:#2196f3;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px #2196f333}.pq-upload-btn svg{width:18px;height:18px}.pq-upload-btn:hover{background-color:#1976d2}.pq-upload-btn:active{transform:scale(.97)}.pq-list-container{display:flex;flex-direction:column;gap:12px}.pq-card{display:flex;align-items:center;gap:16px;background-color:var(--oc-surface, #FFFFFF);padding:16px;border-radius:16px;border:1px solid var(--oc-border, #E2E8F0);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.pq-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f;border-color:var(--oc-border-strong, #CBD5E1)}.pq-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--oc-tint-blue, #EFF6FF);border-radius:12px;color:#2196f3;flex-shrink:0}.pq-card-icon svg{width:24px;height:24px}.pq-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pq-course-name{font-size:16px;font-weight:600;color:var(--oc-text-strong, #0F172A);margin:0;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:1.4}.pq-badges{display:flex;flex-wrap:wrap;gap:8px}.pq-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.school-badge{background-color:var(--oc-surface-2, #F1F5F9);color:var(--oc-text, #334155);border:1px solid var(--oc-border, #E2E8F0)}.year-badge{background-color:#fff7ed;color:#c2410c}.pq-card-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:100%;flex-shrink:0}.pq-date{font-size:12px;color:var(--oc-text-subtle, #94A3B8);margin-bottom:8px}.pq-chevron{width:16px;height:16px;color:#cbd5e1;transition:color .2s}.pq-card:hover .pq-chevron{color:#2196f3}.pq-ad-container{background-color:var(--oc-bg, #F8FAFC);border:1px dashed var(--oc-border-strong, #CBD5E1);border-radius:12px;padding:16px;text-align:center;margin:8px 0}.pq-ad-content{font-size:13px;color:var(--oc-text-subtle, #94A3B8);font-weight:500}.pq-empty-state{text-align:center;padding:60px 20px;background-color:var(--oc-surface, #FFFFFF);border-radius:16px;border:1px solid var(--oc-border, #E2E8F0)}.pq-empty-icon{font-size:48px;margin-bottom:16px;display:inline-block}.pq-empty-state h3{font-size:18px;color:var(--oc-text-strong, #0F172A);margin:0 0 8px}.pq-empty-state p{font-size:14px;color:var(--oc-text-muted, #64748B);margin:0}.pq-loader{display:flex;justify-content:center;padding:24px 0}.pq-scroll-prompt{font-size:13px;color:var(--oc-text-subtle, #94A3B8)}.pq-spinner{width:24px;height:24px;border:3px solid var(--oc-border, #E2E8F0);border-top-color:#2196f3;border-radius:50%;animation:pq-spin 1s linear infinite}@keyframes pq-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.pq-card{flex-direction:column;align-items:flex-start}.pq-card-meta{flex-direction:row;width:100%;border-top:1px solid var(--oc-border, #F1F5F9);padding-top:12px;margin-top:4px}.pq-controls{flex-direction:column;align-items:stretch}.pq-upload-btn{justify-content:center}}.pq-share-btn{background:transparent;color:var(--oc-text-subtle, #94A3B8);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:auto}.pq-share-btn:hover{background:var(--oc-surface-2, #F1F5F9);color:var(--oc-text-strong, #1A1A1A)}.pq-toggle-wrapper{margin-top:20px;display:flex;justify-content:flex-start}.pq-toggle{display:inline-flex;background-color:var(--oc-surface-3, #E2E8F0);border-radius:24px;padding:4px}.pq-toggle-btn{background:transparent;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--oc-text-muted, #64748B);cursor:pointer;transition:all .2s ease}.pq-toggle-btn.active{background-color:var(--oc-surface, #FFFFFF);color:var(--oc-text-strong, #0F172A);box-shadow:0 2px 4px #0000000d}.pq-empty-upload-btn{margin-top:15px;padding:10px 20px;background:var(--oc-inverse-bg, #1A1A1A);color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700}.lms-canvas{width:100%;min-height:100vh;background-color:var(--oc-bg, #F8FAFC);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-bottom:90px}.learn-fade-in{opacity:0;animation:learnFadeIn .4s ease-out forwards}@keyframes learnFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.lms-header-area{background:var(--oc-surface, white);padding:20px;border-bottom:1px solid var(--oc-border, #F1F5F9)}.lms-header-text h2{font-size:24px;font-weight:800;color:var(--oc-text-strong, #0F172A);margin:0 0 4px}.lms-header-text p{font-size:14px;color:var(--oc-text-muted, #64748B);margin:0 0 16px}.lms-search-bar{display:flex;align-items:center;background:var(--oc-bg, #F8FAFC);border-radius:12px;padding:12px 16px;gap:10px;transition:box-shadow .2s,border-color .2s;border:1px solid var(--oc-border, #E2E8F0)}.lms-search-bar:focus-within{background:var(--oc-surface, white);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.lms-search-bar svg{width:18px;height:18px;color:var(--oc-text-subtle, #94A3B8)}.lms-search-bar input{border:none;background:transparent;width:100%;font-size:15px;outline:none;color:var(--oc-text, #334155)}.lms-tabs{display:flex;background:var(--oc-surface, white);padding:0;border-bottom:1px solid var(--oc-border, #E2E8F0);position:sticky;top:0;z-index:10;width:100%}.lms-tab{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 4px;font-size:14px;font-weight:700;color:var(--oc-text-muted, #64748B);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;line-height:1.2}.lms-tab.active{color:var(--oc-text-strong, #0F172A);border-bottom-color:var(--oc-text-strong, #0F172A)}.lms-section{padding:24px 0 10px}.lms-section-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:16px}.lms-section-header h3{font-size:18px;font-weight:700;color:var(--oc-text-strong, #0F172A);margin:0}.lms-badge-cert{background:var(--oc-tint-amber, #FEF3C7);color:#d97706;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.lms-teach-btn{background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s}.lms-teach-btn:active{transform:scale(.95)}.lms-thumb-wrapper{position:relative;width:100%;padding-top:56.25%;background:var(--oc-surface-3, #E2E8F0);overflow:hidden}.lms-thumb-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.lms-duration-pill{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px}.lms-info-wrap{padding:12px;display:flex;flex-direction:column;flex:1}.lms-course-title{font-size:14px;font-weight:700;color:var(--oc-text-strong, #0F172A);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lms-author-name{font-size:12px;color:var(--oc-text-muted, #64748B);margin-bottom:8px}.lms-meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.lms-rating{font-size:13px;font-weight:600;color:#d97706}.lms-price{font-size:14px;font-weight:800;color:var(--oc-text-strong, #0F172A)}.lms-horizontal-scroll{display:flex;overflow-x:auto;padding:4px 20px 20px;gap:16px;scrollbar-width:none}.lms-horizontal-scroll::-webkit-scrollbar{display:none}.lms-card-horizontal{width:260px;flex-shrink:0;background:var(--oc-surface, white);border-radius:16px;border:1px solid var(--oc-border, #E2E8F0);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.lms-card-horizontal:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.lms-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 20px}.lms-card-grid{background:var(--oc-surface, white);border-radius:16px;border:1px solid var(--oc-border, #E2E8F0);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.lms-card-grid:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.lms-list-layout{display:flex;flex-direction:column;gap:16px;padding:20px}.lms-card-list{display:flex;background:var(--oc-surface, white);border-radius:16px;border:1px solid var(--oc-border, #E2E8F0);padding:12px;gap:16px;cursor:pointer;align-items:center;transition:transform .2s}.lms-card-list:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000a}.lms-list-thumb{width:100px;height:70px;border-radius:8px;object-fit:cover;flex-shrink:0}.lms-list-info{flex:1;display:flex;flex-direction:column;min-width:0}.lms-list-title{font-size:15px;font-weight:700;color:var(--oc-text-strong, #0F172A);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lms-list-author{font-size:13px;color:var(--oc-text-muted, #64748B);margin-bottom:8px}.lms-list-bottom{display:flex;justify-content:space-between;align-items:center}.lms-status-text{font-size:13px;font-weight:700}.lms-cert-btn{background:var(--oc-bg, #F8FAFC);color:var(--oc-text-strong, #0F172A);border:1px solid var(--oc-border, #E2E8F0);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.lms-cert-btn:hover{background:var(--oc-surface-3, #E2E8F0)}.lms-empty-state{text-align:center;padding:60px 20px}.lms-empty-emoji{font-size:48px;display:block;margin-bottom:16px}.lms-empty-state h3{margin:0 0 8px;color:var(--oc-text-strong, #0F172A);font-size:18px}.lms-empty-state p{margin:0 0 20px;color:var(--oc-text-muted, #64748B);font-size:14px}.lms-browse-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s}.lms-browse-btn:hover{background:#2563eb}.lms-shimmer-wrapper{background:var(--oc-surface, white);border:1px solid var(--oc-border, #E2E8F0);border-radius:16px;overflow:hidden}.lms-shimmer-img{width:100%;padding-top:56.25%}.lms-shimmer-line{margin-bottom:8px;border-radius:4px}.lms-shimmer-effect{background:var(--oc-surface-2, #F1F5F9);background-image:linear-gradient(to right,#f1f5f9,#e2e8f0 20%,#f1f5f9 40% 100%);background-size:800px 100%;animation:lmsShimmer 1.5s infinite linear}@keyframes lmsShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@media(min-width:768px){.lms-grid-layout{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.bc-canvas{background:var(--oc-bg, #F8FAFC);min-height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bc-header{background:var(--oc-inverse-bg, #0F172A);color:#fff;padding:48px 24px 60px;border-bottom:1px solid #1E293B}.bc-header-inner{max-width:800px;margin:0 auto}.bc-nav-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bc-back-btn{background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.2s}.bc-back-btn:active{transform:scale(.9)}.bc-status-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:24px;font-weight:700;font-size:13px}.bc-status-unlocked{background:#10b98126;color:#34d399}.bc-status-locked{background:#f59e0b26;color:#fbbf24}.bc-kicker{color:#3b82f6;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:12px}.bc-title{font-size:32px;font-weight:800;margin:0 0 12px;line-height:1.2;letter-spacing:-.5px}.bc-desc{color:var(--oc-text-subtle, #94A3B8);font-size:15px;line-height:1.6;margin:0 0 24px;max-width:600px}.bc-progress-box{background:#ffffff0d;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.bc-progress-text{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:700}.bc-progress-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.bc-progress-bar-fill{height:100%;background:#3b82f6;border-radius:10px;transition:width .4s ease}.bc-pay-btn{width:100%;padding:18px;background:#f59e0b;color:var(--oc-text-strong, #0F172A);border:none;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #f59e0b33;transition:.2s}.bc-pay-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.bc-body{max-width:800px;margin:-30px auto 0;padding:0 16px 80px;position:relative;z-index:2}.bc-modules-card{background:var(--oc-surface, white);border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000000a;border:1px solid var(--oc-border, #E2E8F0)}.bc-modules-title{margin:0 0 20px;font-size:18px;color:var(--oc-text-strong, #0F172A);font-weight:800}.bc-module-list{display:flex;flex-direction:column;gap:12px}.bc-module-item{display:flex;align-items:center;padding:16px;border-radius:16px;cursor:pointer;transition:.2s;border:1px solid transparent}.bc-module-item.completed{background:var(--oc-bg, #F8FAFC);border-color:var(--oc-border, #E2E8F0)}.bc-module-item.locked{background:var(--oc-bg, #F8FAFC);border-color:transparent;opacity:.5;cursor:not-allowed}.bc-module-item.unlocked{background:var(--oc-surface, white);border-color:var(--oc-border, #E2E8F0);box-shadow:0 2px 8px #00000005}.bc-module-item.unlocked:hover{border-color:#3b82f6;transform:translateY(-2px)}.bc-mod-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;font-weight:800;font-size:15px}.bc-mod-icon.completed{background:#10b981;color:#fff}.bc-mod-icon.locked{background:var(--oc-surface-3, #E2E8F0);color:var(--oc-text-subtle, #94A3B8)}.bc-mod-icon.unlocked{background:var(--oc-inverse-bg, #0F172A);color:#fff}.bc-mod-text{flex:1;min-width:0}.bc-mod-text h4{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--oc-text-strong, #0F172A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-mod-type{font-size:11px;color:var(--oc-text-muted, #64748B);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bc-mod-enter{background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;flex-shrink:0}.read-canvas{background:var(--oc-surface, #FFFFFF);min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.read-header{padding:16px 20px;border-bottom:1px solid var(--oc-border, #E2E8F0);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.read-header-title{font-weight:800;color:var(--oc-text-strong, #0F172A);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%;text-align:center}.read-body{flex:1;padding:32px 20px 140px;max-width:680px;margin:0 auto;width:100%;box-sizing:border-box}.read-markdown{color:var(--oc-text, #334155);font-size:16px;line-height:1.7}.read-markdown h3{margin-top:32px;margin-bottom:16px;font-size:22px;color:var(--oc-text-strong, #0F172A);font-weight:800}.read-markdown p{margin-bottom:20px}.read-markdown img{max-width:100%;border-radius:12px;margin:24px 0}.read-quiz-section{border-top:2px dashed var(--oc-border, #E2E8F0);padding-top:32px;margin-top:40px}.read-quiz-title{margin:0 0 16px;font-size:20px;font-weight:800;color:var(--oc-text-strong, #0F172A);display:flex;align-items:center;gap:8px}.read-quiz-question{margin:0 0 24px;font-size:16px;color:var(--oc-text, #334155);font-weight:600;line-height:1.5}.read-options-list{display:flex;flex-direction:column;gap:12px}.read-opt-card{padding:16px 20px;border-radius:16px;border:2px solid var(--oc-border, #E2E8F0);display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;background:var(--oc-surface, white)}.read-opt-card.selected{border-color:#3b82f6;background:var(--oc-tint-blue, #EFF6FF)}.read-opt-card.correct{border-color:#10b981;background:var(--oc-tint-green, #ECFDF5)}.read-opt-card.wrong{border-color:#ef4444;background:var(--oc-tint-red, #FEF2F2)}.read-opt-card.disabled{cursor:default}.read-opt-circle{width:26px;height:26px;border-radius:50%;border:2px solid var(--oc-border-strong, #CBD5E1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.read-opt-card.selected .read-opt-circle{border-color:#3b82f6}.read-opt-card.selected .read-opt-circle:after{content:"";width:12px;height:12px;background:#3b82f6;border-radius:50%}.read-opt-card.correct .read-opt-circle{border-color:#10b981;background:#10b981}.read-opt-card.correct .read-opt-circle:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.read-opt-card.wrong .read-opt-circle{border-color:#ef4444;background:#ef4444}.read-opt-card.wrong .read-opt-circle:after{content:"✕";color:#fff;font-size:14px;font-weight:700}.read-opt-text{font-size:15px;color:var(--oc-text-strong, #1E293B);font-weight:500;line-height:1.4}.read-bottom-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--oc-surface, white);padding:16px 20px 24px;border-top:1px solid var(--oc-border, #E2E8F0);box-shadow:0 -4px 20px #0000000d;z-index:30;box-sizing:border-box}.read-bottom-inner{max-width:640px;margin:0 auto;width:100%}.read-action-btn{width:100%;padding:18px;border-radius:16px;border:none;font-size:16px;font-weight:800;cursor:pointer;transition:.2s}.read-action-btn.disabled{background:var(--oc-surface-3, #E2E8F0);color:var(--oc-text-subtle, #94A3B8);cursor:not-allowed}.read-action-btn.active{background:var(--oc-inverse-bg, #0F172A);color:#fff}.read-action-btn.success{background:#10b981;color:#fff}.read-action-btn.danger{background:#ef4444;color:#fff}@media(max-width:600px){.bc-header{padding:32px 20px 48px}.bc-title{font-size:26px}.bc-body{padding:0 16px 40px;margin-top:-24px}.bc-modules-card{padding:16px}.bc-mod-icon{width:36px;height:36px;font-size:13px;margin-right:12px}.bc-mod-text h4{font-size:14px}.bc-mod-type{font-size:10px}.read-body{padding:24px 16px 120px}.read-markdown,.read-quiz-question{font-size:15px}.read-opt-card{padding:14px 16px;gap:12px}.read-opt-text{font-size:14px}.read-bottom-bar{padding:12px 16px 20px}.read-action-btn{padding:16px;font-size:15px}}.mb-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:28px 24px;margin-bottom:28px;position:relative;overflow:hidden}.mb-card:before{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;background:radial-gradient(circle,rgba(245,158,11,.18) 0%,transparent 70%)}.mb-tag{display:inline-flex;align-items:center;gap:6px;background:#f59e0b26;color:#fbbf24;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:6px 14px;border-radius:20px;margin-bottom:14px}.mb-xp-chip{display:inline-flex;align-items:center;gap:4px;background:#3b82f626;color:#60a5fa;font-size:11px;font-weight:800;padding:6px 14px;border-radius:20px;margin-bottom:14px;margin-left:8px}.mb-hook{color:#e2e8f0;font-size:16px;line-height:1.7;margin:0;position:relative;z-index:1}.cb-block{margin-bottom:22px}.cb-story p{color:var(--oc-text, #334155);font-size:16px;line-height:1.75;margin-bottom:16px}.cb-story p:last-child{margin-bottom:0}.cb-img-wrap{border-radius:14px;overflow:hidden;margin:8px 0;border:1px solid var(--oc-border, #E2E8F0)}.cb-img-wrap img{width:100%;display:block}.cb-img-caption{padding:10px 14px;background:var(--oc-bg, #F8FAFC);font-size:12px;color:var(--oc-text-muted, #64748B);font-weight:600;border-top:1px solid var(--oc-border, #E2E8F0)}.cb-img-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--oc-surface-2, #F1F5F9);border:1px dashed var(--oc-border-strong, #CBD5E1);border-radius:14px;padding:32px 20px;text-align:center}.cb-img-fallback-icon{width:44px;height:44px;border-radius:50%;background:var(--oc-surface-3, #E2E8F0);display:flex;align-items:center;justify-content:center;font-size:20px}.cb-img-fallback-text{font-size:13px;color:var(--oc-text-muted, #64748B);font-weight:600;max-width:260px;line-height:1.5}.cb-callout{border-radius:16px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}.cb-callout-icon{font-size:20px;flex-shrink:0;line-height:1;margin-top:2px}.cb-callout-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.cb-callout-text{font-size:14.5px;line-height:1.6;margin:0}.cb-callout.example{background:var(--oc-tint-blue, #EFF6FF);border:1px solid #BFDBFE}.cb-callout.example .cb-callout-label{color:#2563eb}.cb-callout.example .cb-callout-text{color:#1e3a5f}.cb-callout.protip{background:var(--oc-tint-green, #ECFDF5);border:1px solid #A7F3D0}.cb-callout.protip .cb-callout-label{color:#059669}.cb-callout.protip .cb-callout-text{color:#064e3b}.cb-callout.mistake{background:#fff7ed;border:1px solid #FED7AA}.cb-callout.mistake .cb-callout-label{color:#c2410c}.cb-callout.mistake .cb-callout-text{color:#7c2d12}.cb-callout.funfact{background:#faf5ff;border:1px solid #E9D5FF}.cb-callout.funfact .cb-callout-label{color:#7c3aed}.cb-callout.funfact .cb-callout-text{color:#4c1d95}.cb-quick-decision{background:var(--oc-surface, white);border:2px dashed var(--oc-border-strong, #CBD5E1);border-radius:16px;padding:20px}.cb-qd-prompt{font-size:14.5px;font-weight:700;color:var(--oc-text-strong, #0F172A);margin:0 0 14px}.cb-qd-options{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.cb-qd-opt{flex:1;min-width:120px;padding:12px 14px;border-radius:12px;border:2px solid var(--oc-border, #E2E8F0);background:var(--oc-bg, #F8FAFC);font-size:13.5px;font-weight:700;color:var(--oc-text, #334155);cursor:pointer;text-align:center;transition:.15s}.cb-qd-opt:active{transform:scale(.97)}.cb-qd-opt.chosen{border-color:#3b82f6;background:var(--oc-tint-blue, #EFF6FF);color:#1e3a5f}.cb-qd-reveal{font-size:13.5px;color:var(--oc-text, #475569);line-height:1.6;background:var(--oc-bg, #F8FAFC);border-radius:10px;padding:12px 14px;margin-top:4px}.sa-card{background:var(--oc-inverse-bg, #0F172A);border-radius:18px;padding:22px 20px;margin:32px 0 20px}.sa-label{display:flex;align-items:center;gap:8px;color:#fbbf24;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.sa-text{color:#e2e8f0;font-size:15px;line-height:1.65;margin:0}.rf-card{background:var(--oc-bg, #F8FAFC);border:1px solid var(--oc-border, #E2E8F0);border-radius:16px;padding:18px 20px;margin-bottom:20px}.rf-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--oc-text-muted, #64748B);margin-bottom:8px;display:block}.rf-text{font-size:14.5px;color:var(--oc-text, #334155);font-weight:600;line-height:1.55;margin:0}.kc-instruction{font-size:13px;color:var(--oc-text-muted, #64748B);font-weight:600;margin:-8px 0 18px}.kc-scenario-box{background:var(--oc-bg, #F8FAFC);border-left:4px solid #3B82F6;border-radius:8px;padding:16px 18px;margin-bottom:20px;font-size:15px;color:var(--oc-text-strong, #1E293B);line-height:1.6}.kc-choice-card{padding:16px 18px;border-radius:14px;border:2px solid var(--oc-border, #E2E8F0);margin-bottom:10px;cursor:pointer;transition:.15s;background:var(--oc-surface, white)}.kc-choice-card:active{transform:scale(.98)}.kc-choice-card.picked.best{border-color:#10b981;background:var(--oc-tint-green, #ECFDF5)}.kc-choice-card.picked.good{border-color:#f59e0b;background:var(--oc-tint-amber, #FFFBEB)}.kc-choice-card.picked.poor{border-color:#ef4444;background:var(--oc-tint-red, #FEF2F2)}.kc-choice-card.disabled{cursor:default;opacity:.55}.kc-choice-text{font-size:14.5px;font-weight:600;color:var(--oc-text-strong, #1E293B)}.kc-feedback{margin-top:10px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.55}.kc-feedback.best{background:var(--oc-tint-green, #ECFDF5);color:#065f46;border:1px solid #A7F3D0}.kc-feedback.good{background:var(--oc-tint-amber, #FFFBEB);color:#92400e;border:1px solid #FDE68A}.kc-feedback.poor{background:var(--oc-tint-red, #FEF2F2);color:#991b1b;border:1px solid #FECACA}.kc-match-grid{display:flex;gap:12px}.kc-match-col{flex:1;display:flex;flex-direction:column;gap:10px}.kc-match-item{padding:14px 12px;border-radius:12px;border:2px solid var(--oc-border, #E2E8F0);background:var(--oc-surface, white);font-size:13.5px;font-weight:600;color:var(--oc-text, #334155);text-align:center;cursor:pointer;transition:.15s;line-height:1.4}.kc-match-item.selected{border-color:#3b82f6;background:var(--oc-tint-blue, #EFF6FF)}.kc-match-item.matched{border-color:#10b981;background:var(--oc-tint-green, #ECFDF5);color:#065f46;cursor:default;opacity:.8}.kc-match-item.shake{border-color:#ef4444;background:var(--oc-tint-red, #FEF2F2);animation:kc-shake .35s}@keyframes kc-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.kc-match-progress{text-align:center;font-size:12.5px;font-weight:700;color:var(--oc-text-muted, #64748B);margin-top:14px}.kc-order-pool{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.kc-order-item{padding:14px 16px;border-radius:12px;border:2px solid var(--oc-border, #E2E8F0);background:var(--oc-surface, white);font-size:14px;font-weight:600;color:var(--oc-text, #334155);cursor:pointer;display:flex;align-items:center;gap:12px;transition:.15s}.kc-order-item.used{opacity:.35;cursor:not-allowed}.kc-order-num{width:26px;height:26px;border-radius:50%;background:var(--oc-inverse-bg, #0F172A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.kc-order-slots{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.kc-order-slot{min-height:48px;border-radius:12px;border:2px dashed var(--oc-border-strong, #CBD5E1);display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:600;color:var(--oc-text-subtle, #94A3B8)}.kc-order-slot.filled{border-style:solid;border-color:#3b82f6;background:var(--oc-tint-blue, #EFF6FF);color:#1e3a5f}.kc-order-slot.correct{border-color:#10b981;background:var(--oc-tint-green, #ECFDF5);color:#065f46}.kc-order-slot.wrong{border-color:#ef4444;background:var(--oc-tint-red, #FEF2F2);color:#991b1b}.kc-order-check-btn{background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}.kc-order-reset-btn{background:none;border:none;color:var(--oc-text-muted, #64748B);font-size:13px;font-weight:700;cursor:pointer;padding:8px}.kc-sentence{font-size:16px;line-height:1.9;color:var(--oc-text-strong, #1E293B);font-weight:600;margin-bottom:20px}.kc-blank-slot{display:inline-block;min-width:100px;padding:4px 10px;border-bottom:3px solid #94A3B8;font-weight:800;color:#3b82f6;text-align:center}.kc-blank-slot.filled{border-color:#3b82f6}.kc-blank-slot.correct{border-color:#10b981;color:#10b981}.kc-blank-slot.wrong{border-color:#ef4444;color:#ef4444}.kc-wordbank{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.kc-word-chip{padding:10px 18px;border-radius:20px;border:2px solid var(--oc-border, #E2E8F0);background:var(--oc-surface, white);font-size:14px;font-weight:700;color:var(--oc-text, #334155);cursor:pointer;transition:.15s}.kc-word-chip.used{opacity:.3;cursor:not-allowed}.kc-word-chip:active{transform:scale(.95)}.bf-banner{background:linear-gradient(135deg,#4c1d95,#7c3aed);border-radius:20px;padding:26px 22px;margin-bottom:24px;position:relative;overflow:hidden}.bf-banner:before{content:"⚔️";position:absolute;font-size:80px;opacity:.12;right:-10px;top:-10px}.bf-tag{display:inline-flex;background:#ffffff2e;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:6px 14px;border-radius:20px;margin-bottom:12px}.bf-title{color:#fff;font-size:20px;font-weight:800;margin:0 0 10px}.bf-desc{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0 0 16px}.bf-health-track{width:100%;height:10px;background:#fff3;border-radius:10px;overflow:hidden}.bf-health-fill{height:100%;background:#fbbf24;border-radius:10px;transition:width .4s ease}.bf-health-label{display:flex;justify-content:space-between;font-size:11px;color:#ffffffbf;font-weight:700;margin-top:8px}.bf-round-label{font-size:12px;font-weight:800;color:#7c3aed;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.xp-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--oc-inverse-bg, #0F172A);color:#fbbf24;padding:12px 22px;border-radius:30px;font-size:14px;font-weight:800;z-index:100;opacity:0;box-shadow:0 8px 24px #00000040;display:flex;align-items:center;gap:8px;animation:xp-pop 2.2s ease forwards}@keyframes xp-pop{0%{opacity:0;transform:translate(-50%) translateY(-20px)}12%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-14px)}}.badge-modal-overlay{position:fixed;inset:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.badge-modal-card{background:var(--oc-surface, white);border-radius:24px;padding:36px 28px;text-align:center;max-width:340px;width:100%}.badge-modal-icon{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fbbf24);display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 18px;box-shadow:0 8px 24px #f59e0b59}.badge-modal-title{font-size:20px;font-weight:800;color:var(--oc-text-strong, #0F172A);margin:0 0 8px}.badge-modal-text{font-size:14px;color:var(--oc-text-muted, #64748B);line-height:1.55;margin:0 0 24px}.badge-modal-btn{width:100%;padding:16px;background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer}@media(max-width:600px){.mb-card{padding:22px 18px}.mb-hook,.cb-story p{font-size:15px}.kc-match-grid{gap:8px}.kc-match-item{font-size:12.5px;padding:12px 8px}.bf-banner{padding:20px 16px}}.bc-module-item.boss-fight{border-left:3px solid #7C3AED}.bc-mod-icon.boss-fight.unlocked{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.bc-mod-icon.boss-fight.completed{background:#10b981}.bc-stats-row{display:flex;gap:16px;margin-top:14px}.bc-stat-chip{font-size:13px;font-weight:700}.bc-stat-chip.xp{color:#fbbf24}.bc-stat-chip.streak{color:#f59e0b}.utilities-container{padding:20px;background:var(--oc-surface, #FFFFFF);min-height:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.utilities-header{margin-bottom:24px}.utilities-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--oc-text-strong, #0F172A);letter-spacing:-.5px}.utilities-header p{margin:0;font-size:14px;color:var(--oc-text-muted, #64748B)}.utilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.utility-card{display:flex;align-items:center;padding:16px;background:var(--oc-bg, #F8FAFC);border:1px solid var(--oc-border, #E2E8F0);border-radius:20px;cursor:pointer;transition:all .2s ease}.utility-card:hover{background:var(--oc-surface, #FFFFFF);border-color:var(--oc-border-strong, #CBD5E1);box-shadow:0 10px 25px #0000000d;transform:translateY(-2px)}.utility-card:active{transform:translateY(0)}.utility-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;box-shadow:0 4px 10px #0000001a}.utility-icon{font-size:24px}.utility-info{flex:1}.utility-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--oc-text-strong, #0F172A)}.utility-info p{margin:0;font-size:13px;color:var(--oc-text-muted, #64748B);line-height:1.3}.utility-arrow{color:#cbd5e1;transition:color .2s,transform .2s}.utility-card:hover .utility-arrow{color:#2196f3;transform:translate(4px)}.utility-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.4);border-radius:50%;border-top-color:#fff;animation:util-spin .8s ease-in-out infinite}@keyframes util-spin{to{transform:rotate(360deg)}}.utility-card.navigating{opacity:.7;transform:scale(.98)}.vp-container{width:100%;min-height:100vh;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-bottom:50px}.vp-toolbar{display:flex;align-items:center;padding:12px 20px;background-color:var(--oc-surface, #FFFFFF);border-bottom:1px solid var(--oc-border, #EEEEEE);position:sticky;top:0;z-index:20}.vp-back-btn{background:none;border:none;cursor:pointer;padding:5px;margin-right:15px;display:flex;align-items:center;justify-content:center}.vp-title{margin:0;font-size:20px;font-weight:800;color:var(--oc-text-strong, #1A1A1A)}.vp-content-wrapper{max-width:650px;margin:0 auto;padding:15px}.vp-repost-section{padding:0 10px 15px}.vp-repost-header{display:flex;align-items:center;cursor:pointer;margin-bottom:8px}.vp-small-avatar{width:24px;height:24px;border-radius:50%;margin-right:10px}.vp-repost-info{display:flex;align-items:center;gap:8px}.vp-reposter-name{font-size:13px;font-weight:600;color:var(--oc-text-muted, #657786)}.vp-repost-date{font-size:12px;color:var(--oc-text-subtle, #9E9E9E)}.vp-repost-text{margin:0 0 0 34px;font-size:15px;color:var(--oc-text-strong, #1A1A1A);line-height:1.4}.vp-main-card{background:var(--oc-surface, #FFFFFF);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.vp-main-card.is-repost-inner{border:1px solid var(--oc-border, #EEEEEE);box-shadow:none;background:#fafafa}.vp-card-header{display:flex;align-items:flex-start;margin-bottom:15px}.vp-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:12px}.vp-author-info{flex:1;display:flex;flex-direction:column}.vp-name-row{display:flex;align-items:center;gap:5px}.vp-author-name{font-size:16px;color:var(--oc-text-strong, #1A1A1A)}.vp-verify{display:inline-flex;justify-content:center;align-items:center;background:#2196f3;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%}.vp-author-bio{font-size:13px;color:var(--oc-text-muted, #657786);margin-top:2px}.clickable:hover{opacity:.8}.vp-post-text{font-size:18px;color:var(--oc-text-strong, #1A1A1A);line-height:1.5;white-space:pre-wrap;margin-bottom:20px}.vp-mention{color:#2196f3;font-weight:600;cursor:pointer}.vp-mention:hover{text-decoration:underline}.vp-ext-link{color:#f57c00;text-decoration:none;word-break:break-word}.vp-media-container{margin-bottom:15px;border-radius:12px;overflow:hidden;background:#000}.vp-video-player{width:100%;max-height:500px;display:block}.vp-image-carousel{position:relative;width:100%}.vp-main-image{width:100%;max-height:600px;object-fit:contain;display:block}.vp-carousel-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:5px 15px;border-radius:20px;display:flex;align-items:center;gap:15px;font-size:14px}.vp-carousel-controls button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0}.vp-post-meta{font-size:14px;color:var(--oc-text-muted, #657786);padding-bottom:15px;border-bottom:1px solid var(--oc-border, #EEEEEE);margin-bottom:10px}.vp-actions-bar{display:flex;justify-content:space-around;padding-top:5px}.vp-action-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--oc-text-muted, #657786);font-size:15px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:20px;transition:background .2s}.vp-action-btn:hover{background:var(--oc-bg, #F5F8FA)}.vp-liked-text{color:#e91e63}.vp-menu-container{position:relative}.vp-more-btn{background:none;border:none;font-size:24px;color:var(--oc-text-subtle, #9E9E9E);cursor:pointer;padding:0 5px}.vp-dropdown-menu{position:absolute;right:0;top:100%;background:var(--oc-surface, white);box-shadow:0 4px 15px #00000026;border-radius:8px;overflow:hidden;z-index:100;min-width:150px}.vp-dropdown-item{padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;color:var(--oc-text-strong, #1A1A1A)}.vp-dropdown-item:hover{background:#f5f5f5}.vp-dropdown-item.delete{color:#e53935}.vp-skeleton-body{margin:20px auto;max-width:650px;height:400px;border-radius:12px}.vp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;height:60vh}.vp-empty-emoji{font-size:64px;margin-bottom:16px;display:block}.vp-empty-state h2{font-size:22px;font-weight:800;color:var(--oc-text-strong, #0F172A);margin:0 0 10px}.vp-empty-state p{font-size:15px;color:var(--oc-text-muted, #64748B);margin:0 0 24px;max-width:300px;line-height:1.5}.vp-return-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s}.vp-return-btn:hover{background:#2563eb}@media(min-width:768px){.vp-content-wrapper{margin-top:20px;border:1px solid var(--oc-border, #EEEEEE);border-radius:12px;background:var(--oc-surface, #FFFFFF);box-shadow:0 4px 12px #0000000d;padding:30px}.vp-main-card{box-shadow:none;padding:0}.vp-post-text{font-size:20px;line-height:1.6}.vp-author-name{font-size:18px}.vp-video-player,.vp-main-image{max-height:700px;border-radius:12px}.vp-action-btn{font-size:16px;padding:10px 20px}.vp-action-btn svg{width:28px;height:28px}}@media(max-width:400px){.vp-post-text{font-size:15px}.vp-action-btn{padding:5px 10px}.vp-action-btn svg{width:20px;height:20px}}.pi-overlay{position:fixed;inset:0;z-index:10000;background:#0f1b2d8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:piFade .2s ease-out}@keyframes piFade{0%{opacity:0}to{opacity:1}}.pi-modal{background:var(--oc-surface, #FFFFFF);width:100%;max-width:640px;max-height:92vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 40px #0f1b2d33;animation:piSlide .28s cubic-bezier(.32,1.2,.6,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes piSlide{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:700px){.pi-overlay{align-items:center;padding:20px}.pi-modal{border-radius:18px}}.pi-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--oc-border, #EDF1F6);flex-shrink:0}.pi-modal-head h2{margin:0;font-size:18px;font-weight:800;color:var(--oc-text-strong, #0F1B2D);letter-spacing:-.3px}.pi-modal-head p{margin:3px 0 0;font-size:13px;color:var(--oc-text-muted, #7185A0)}.pi-close{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:#f4f7fa;border:1px solid var(--oc-border, #E3E9F1);color:var(--oc-text, #47586F);font-size:15px;cursor:pointer;line-height:1}.pi-close:hover{background:#eaf0f7}.pi-modal-body{overflow-y:auto;padding:18px 20px 28px;-webkit-overflow-scrolling:touch}.pi-loading{text-align:center;padding:48px 20px}.pi-loading p{margin:16px 0 0;font-size:13.5px;color:var(--oc-text-muted, #7185A0)}.pi-spinner{width:36px;height:36px;margin:0 auto;border:3px solid var(--oc-border, #EDF1F6);border-top-color:#e8480c;border-radius:50%;animation:piSpin .85s linear infinite}@keyframes piSpin{to{transform:rotate(360deg)}}.pi-error{text-align:center;padding:36px 20px}.pi-error p{color:#c4302b;font-size:14px;margin-bottom:18px}.pi-note{font-size:13px;color:var(--oc-text, #47586F);line-height:1.6;background:#f6f8fb;border:1px solid var(--oc-border, #E3E9F1);border-radius:10px;padding:12px 14px;margin:0 0 16px}.pi-banner{font-size:12.5px;color:#7a5200;line-height:1.55;background:#fef8ec;border:1px solid #F2DDB3;border-radius:10px;padding:11px 14px;margin-bottom:16px}.pi-inline-error{color:#c4302b;font-size:12.5px;font-weight:600;margin:8px 0 0}.pi-calibrating{text-align:center;padding:20px 4px}.pi-calib-icon{font-size:40px;margin-bottom:12px}.pi-calibrating h3{margin:0 0 10px;font-size:17px;font-weight:800;color:var(--oc-text-strong, #0F1B2D)}.pi-calibrating>p{font-size:13.5px;color:var(--oc-text, #47586F);line-height:1.65;margin:0 auto 20px;max-width:420px}.pi-calib-checklist{text-align:left;background:#f6f8fb;border:1px solid var(--oc-border, #E3E9F1);border-radius:12px;padding:14px 16px}.pi-calib-checklist h4{margin:0 0 8px;font-size:12px;font-weight:800;color:#e8480c;text-transform:uppercase;letter-spacing:.6px}.pi-calib-checklist ul{margin:0;padding-left:18px}.pi-calib-checklist li{font-size:13px;color:var(--oc-text, #47586F);line-height:1.7}.pi-headline{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:22px}@media(max-width:520px){.pi-headline{grid-template-columns:1fr;text-align:center}.pi-dial{margin:0 auto}}.pi-dial{position:relative}.pi-dial-read{text-align:center;margin-top:-34px}.pi-dial-score{font-size:36px;font-weight:800;line-height:1}.pi-dial-band{font-size:11.5px;color:var(--oc-text-muted, #7185A0);margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.pi-dial-pct{font-size:11px;color:var(--oc-text-subtle, #94A3B8);margin-top:4px}.pi-rankband{display:inline-block;color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:20px;margin-bottom:10px}.pi-archetype{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px;justify-content:inherit}.pi-arch-label,.pi-arch-level{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--oc-surface-2, #F1F5F9);color:var(--oc-text, #47586F)}.pi-band-note{font-size:13px;color:var(--oc-text, #47586F);line-height:1.6;margin:0 0 8px}.pi-coverage-note{font-size:11.5px;color:var(--oc-text-muted, #7185A0);line-height:1.55;margin:0}.pi-section{margin-bottom:24px}.pi-section-title{margin:0 0 12px;font-size:12px;font-weight:800;color:var(--oc-text-muted, #7185A0);text-transform:uppercase;letter-spacing:.7px}.pi-radar-wrap{display:flex;justify-content:center}.pi-radar-key{display:flex;gap:18px;justify-content:center;margin-top:10px}.pi-radar-key span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--oc-text, #47586F);font-weight:600}.pi-radar-key i{width:10px;height:10px;border-radius:3px;display:inline-block}.pf-bars{display:flex;flex-direction:column;gap:14px}.pf-bar.tappable{cursor:pointer}.pf-bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.pf-bar-label{font-size:13.5px;font-weight:600;color:var(--oc-text-strong, #0F1B2D)}.pf-bar-score{font-size:14px;font-weight:800}.pf-bar-track{height:7px;background:var(--oc-surface-2, #EDF1F6);border-radius:4px;overflow:hidden}.pf-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.pf-bar-foot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:5px;font-size:11.5px;color:var(--oc-text-muted, #7185A0)}.pf-bar-foot strong{color:var(--oc-text-strong, #0F1B2D)}.pf-muted{color:var(--oc-text-subtle, #94A3B8)}.pf-coverage{color:#c77c00;font-weight:700;flex-shrink:0}.pi-drilldown{margin-top:14px;background:#f6f8fb;border:1px solid var(--oc-border, #E3E9F1);border-radius:12px;padding:14px}.pi-drill-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pi-drill-head strong{font-size:14px;color:var(--oc-text-strong, #0F1B2D)}.pi-drill-head button{background:none;border:none;color:var(--oc-text-muted, #7185A0);font-size:12px;cursor:pointer;font-weight:600;padding:2px 4px}.pi-drill-desc{font-size:12.5px;color:var(--oc-text-muted, #7185A0);line-height:1.55;margin:0 0 12px}.pf-signals{display:flex;flex-direction:column;gap:10px}.pf-signal{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.pf-signal-label{font-size:12.5px;color:var(--oc-text, #47586F)}.pf-signal-raw{font-size:12.5px;font-weight:700;color:var(--oc-text-strong, #0F1B2D);text-align:right}.pf-signal-raw em{color:var(--oc-text-subtle, #94A3B8);font-weight:400;font-size:11.5px}.pf-signal-track{grid-column:1 / -1;height:4px;background:var(--oc-surface-2, #E3E9F1);border-radius:3px;overflow:hidden}.pf-signal-fill{height:100%;border-radius:3px;transition:width .6s ease}.pf-signal.untracked .pf-signal-label{color:var(--oc-text-subtle, #94A3B8)}.pi-narrative-cta{background:#fff6f2;border:1px solid #F7D5C6;border-radius:12px;padding:16px}.pi-narrative-cta p{margin:0 0 14px;font-size:13px;color:var(--oc-text, #47586F);line-height:1.6}.pi-narrative h3{margin:0 0 14px;font-size:16.5px;font-weight:800;color:var(--oc-text-strong, #0F1B2D);line-height:1.4}.pi-narr-summary{font-size:14px;color:var(--oc-text-strong, #0F1B2D);line-height:1.65;margin:0 0 16px}.pi-narr-block{border-left:3px solid var(--oc-border, #E3E9F1);padding:2px 0 2px 13px;margin-bottom:14px}.pi-narr-block span{display:block;font-size:10.5px;font-weight:800;color:var(--oc-text-muted, #7185A0);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.pi-narr-block p{margin:0;font-size:13.5px;color:var(--oc-text, #47586F);line-height:1.65}.pi-nextmove{background:#0f1b2d;border-radius:12px;padding:14px 16px;margin-top:16px}.pi-nextmove span{display:block;font-size:10.5px;font-weight:800;color:#f5a623;text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}.pi-nextmove p{margin:0;font-size:13.5px;color:#e8eef7;line-height:1.6}.pi-compare-input{padding:4px 0}.pi-input-row{display:flex;align-items:center;gap:2px;border:1.5px solid #DFE6EF;border-radius:11px;padding:0 12px;background:var(--oc-surface, #fff);margin-bottom:4px}.pi-input-row:focus-within{border-color:#e8480c;box-shadow:0 0 0 3px #e8480c14}.pi-at{color:var(--oc-text-subtle, #94A3B8);font-size:15px;font-weight:600}.pi-input{flex:1;border:none;outline:none;padding:13px 6px;font-size:15px;color:var(--oc-text-strong, #0F1B2D);background:transparent;font-family:inherit}.pi-heads{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:22px}.pi-head{text-align:center}.pi-head img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;box-shadow:0 2px 10px #0f1b2d1f;margin-bottom:8px;background:var(--oc-surface-2, #F1F5F9)}.pi-head.a img{border-color:#e8480c}.pi-head.b img{border-color:#7c5cbf}.pi-head-name{font-size:13.5px;font-weight:700;color:var(--oc-text-strong, #0F1B2D);line-height:1.3}.pi-head-handle{font-size:11.5px;color:var(--oc-text-subtle, #94A3B8);margin-bottom:6px}.pi-head-score{font-size:30px;font-weight:800;line-height:1}.pi-head-band{font-size:11px;color:var(--oc-text-muted, #7185A0);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.pi-head-rank{font-size:11px;color:#1f7a4a;font-weight:700;margin-top:3px}.pi-head-school{font-size:10.5px;color:var(--oc-text-subtle, #94A3B8);margin-top:5px;line-height:1.4}.pi-vs{text-align:center;flex-shrink:0}.pi-vs-mark{display:block;font-size:13px;font-weight:800;color:#c4cdd8;text-transform:uppercase}.pi-vs-delta{display:block;font-size:10.5px;color:var(--oc-text-muted, #7185A0);margin-top:4px;font-weight:600;white-space:nowrap}.pi-vs-delta.even{color:#1f7a4a}.pf-versus{display:flex;flex-direction:column;gap:16px}.pf-vhead{display:grid;grid-template-columns:42px 1fr 42px;align-items:baseline;gap:8px;margin-bottom:6px}.pf-vscore{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.pf-vscore.left{text-align:left}.pf-vscore.right{text-align:right}.pf-vlabel{font-size:12.5px;color:var(--oc-text, #47586F);text-align:center;font-weight:600}.pf-vtrack{display:grid;grid-template-columns:1fr 3px 1fr;align-items:center;height:8px}.pf-vside{height:100%;background:var(--oc-surface-2, #EDF1F6);border-radius:4px;overflow:hidden;display:flex}.pf-vside.left{justify-content:flex-end}.pf-vdivider{height:14px;background:#c4cdd8;border-radius:2px}.pf-vfill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pf-vfill.a{background:#e8480c;border-radius:4px 0 0 4px}.pf-vfill.b{background:#7c5cbf;border-radius:0 4px 4px 0}.pf-vdelta{font-size:11px;margin-top:5px;text-align:center;font-weight:600}.pf-vdelta.a{color:#e8480c}.pf-vdelta.b{color:#7c5cbf}.pf-vdelta.tie{color:#1f7a4a}.pi-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media(max-width:520px){.pi-learn-grid{grid-template-columns:1fr}}.pi-learn{border-radius:12px;padding:13px 14px}.pi-learn.a{background:#fff6f2;border:1px solid #F7D5C6}.pi-learn.b{background:#f5f1fc;border:1px solid #DFD3F2}.pi-learn span{display:block;font-size:10.5px;font-weight:800;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.pi-learn.a span{color:#c93d08}.pi-learn.b span{color:#6b46c1}.pi-learn p{margin:0;font-size:13px;color:var(--oc-text, #47586F);line-height:1.6}.pi-edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pi-edu-stat{background:#f6f8fb;border:1px solid var(--oc-border, #E3E9F1);border-radius:12px;padding:14px}.pi-edu-stat.highlight{background:#fff6f2;border-color:#f7d5c6}.pi-edu-stat span{display:block;font-size:10.5px;font-weight:700;color:var(--oc-text-muted, #7185A0);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.pi-edu-stat strong{font-size:22px;font-weight:800;color:var(--oc-text-strong, #0F1B2D)}.pf-actions{display:flex;flex-direction:column;gap:11px}.pf-action{display:flex;gap:12px;background:#f6f8fb;border:1px solid var(--oc-border, #E3E9F1);border-radius:12px;padding:13px}.pf-action-rank{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:#e8480c;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.pf-action-title{font-size:13.5px;font-weight:700;color:var(--oc-text-strong, #0F1B2D);margin-bottom:4px;line-height:1.4}.pf-action-why{font-size:12.5px;color:var(--oc-text-muted, #7185A0);line-height:1.55;margin-bottom:8px}.pf-action-tags{display:flex;gap:6px;flex-wrap:wrap}.pf-tag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;background:#e9eff6;color:var(--oc-text, #47586F)}.pf-tag.impact-high{background:#e4f4eb;color:#1f7a4a}.pf-tag.effort-low{background:#eff5fe;color:#2563eb}.pf-empty{text-align:center;padding:24px;color:var(--oc-text-muted, #7185A0);font-size:13px}.pi-btn-primary{background:#e8480c;color:#fff;border:none;border-radius:11px;padding:13px 20px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s ease}.pi-btn-primary:hover:not(:disabled){background:#c93d08}.pi-btn-primary:disabled{background:#c4cdd8;cursor:not-allowed}.pi-btn-ghost{background:var(--oc-surface, #fff);border:1.5px solid #DFE6EF;color:var(--oc-text, #47586F);border-radius:11px;padding:12px 20px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}.pi-btn-ghost:hover{background:#f6f8fb}.pi-full{width:100%}.pi-footnote{font-size:11px;color:var(--oc-text-subtle, #94A3B8);text-align:center;line-height:1.6;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--oc-border, #EDF1F6)}@media(prefers-reduced-motion:reduce){.pi-modal,.pi-overlay{animation:none}*{transition-duration:.01ms!important}}.mp-container{width:100%;min-height:100vh;background-color:var(--oc-bg, #F8FAFC);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-bottom:40px}.mp-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#555}.mp-hero{background:var(--oc-surface, white);margin-bottom:10px;box-shadow:0 1px 3px #0000000d}.mp-cover-photo{width:100%;height:180px;background-size:cover;background-position:center;position:relative}.mp-hero-nav{display:flex;justify-content:space-between;padding:15px 20px}.mp-back-btn{background:#00000080;color:#fff;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;padding:0}.mp-coins-badge{background:#fffffff2;color:var(--oc-text-strong, #0F172A);padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center}.mp-header-content{padding:0 20px 20px;max-width:1000px;margin:0 auto}.mp-header-top-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-55px}.mp-avatar-wrapper{width:110px;height:110px;border-radius:50%;border:4px solid white;background:var(--oc-surface-3, #E2E8F0);overflow:hidden;box-shadow:0 2px 5px #0000001a;flex-shrink:0;position:relative;z-index:10}.mp-avatar{width:100%;height:100%;object-fit:cover}.mp-user-identity{margin-top:10px}.mp-name-row{display:flex;align-items:center;gap:6px}.mp-name{margin:0;font-size:24px;font-weight:800;color:var(--oc-text-strong, #0F172A)}.mp-username{margin:2px 0 0;color:var(--oc-text-muted, #64748B);font-size:15px}.mp-academic{margin:8px 0 0;color:var(--oc-text, #334155);font-size:14px;font-weight:500}.mp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.desktop-actions{display:none}.mobile-actions{margin-top:15px}.mp-btn-primary,.mp-btn-secondary{padding:10px 20px;border-radius:25px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:5px}.mp-btn-primary{background:var(--oc-inverse-bg, #0F172A);color:#fff}.mp-btn-primary:hover{background:var(--oc-inverse-bg, #1E293B)}.mp-btn-primary.following{background:var(--oc-surface-3, #E2E8F0);color:var(--oc-text-strong, #0F172A);border:1px solid var(--oc-border-strong, #CBD5E1)}.mp-btn-message{background:#0ea5e9}.mp-btn-ai{background:linear-gradient(135deg,#1a1a1a,#334155)}.mp-btn-secondary{background:var(--oc-surface, white);color:var(--oc-text-strong, #0F172A);border:1px solid var(--oc-border, #E2E8F0)}.mp-btn-secondary:hover{background:var(--oc-bg, #F8FAFC)}.mp-stats-dashboard{display:flex;justify-content:space-between;align-items:center;background:var(--oc-surface, white);max-width:1000px;margin:0 auto 10px;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.mp-stat-box{text-align:center;flex:1;cursor:pointer;transition:opacity .2s}.mp-stat-box:hover{opacity:.7}.mp-stat-box h2{margin:0 0 4px;font-size:20px;color:var(--oc-text-strong, #0F172A)}.mp-stat-box p{margin:0;font-size:12px;color:var(--oc-text-muted, #64748B);text-transform:uppercase;letter-spacing:.5px}.mp-stat-divider{width:1px;height:30px;background:var(--oc-surface-3, #E2E8F0)}.mp-tabs-wrapper{background:var(--oc-surface, white);position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000d;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--oc-border, #E2E8F0)}.mp-tabs-wrapper::-webkit-scrollbar{display:none}.mp-tabs{display:flex;width:100%;max-width:1000px;margin:0 auto;min-width:max-content}.mp-tab{flex:1;text-align:center;padding:16px 15px;color:var(--oc-text-muted, #64748B);font-weight:600;font-size:15px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.mp-tab:hover{color:var(--oc-text-strong, #0F172A)}.mp-tab.active{color:#0ea5e9;border-bottom:3px solid #0EA5E9}.mp-content-area{max-width:1000px;margin:0 auto;padding:20px 15px}.mp-info-card{background:var(--oc-surface, white);padding:20px;border-radius:12px;margin-bottom:15px;border:1px solid var(--oc-border, #E2E8F0)}.mp-info-card h3{margin:0 0 10px;font-size:16px;color:var(--oc-text-strong, #0F172A)}.mp-hint{font-size:12px;color:var(--oc-text-subtle, #94A3B8);font-weight:400}.mp-info-card p{margin:0;color:var(--oc-text, #334155);font-size:15px;line-height:1.5}.mp-join-date{text-align:center;padding:15px;color:var(--oc-text-muted, #64748B);font-size:14px}.mp-logout-btn{width:100%;padding:15px;background:var(--oc-tint-red, #FEF2F2);color:#dc2626;border:1px solid #FCA5A5;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px}.mp-empty-state{text-align:center;padding:60px 20px;background:var(--oc-surface, white);border-radius:12px;border:1px solid var(--oc-border, #E2E8F0)}.mp-empty-state h3{margin:0 0 10px;color:var(--oc-text-strong, #0F172A)}.mp-empty-state p{margin:0;color:var(--oc-text-muted, #64748B)}.mp-posts-grid{display:flex;flex-direction:column;gap:15px}.mp-post-card{background:var(--oc-surface, white);padding:15px;border-radius:12px;border:1px solid var(--oc-border, #E2E8F0);margin-bottom:15px;overflow:hidden}.clickable{cursor:pointer;transition:opacity .2s}.clickable:hover{opacity:.7}.mp-promoted-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--oc-text-muted, #64748B);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--oc-border, #F1F5F9)}.mp-repost-badge{font-size:12px;color:var(--oc-text-muted, #64748B);font-weight:700;margin-bottom:10px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.mp-repost-badge:hover{color:var(--oc-text-strong, #0F172A)}.mp-post-header{display:flex;align-items:center;margin-bottom:12px;position:relative}.mp-post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;background:var(--oc-surface-3, #E2E8F0)}.mp-post-header-info{flex:1}.mp-post-header-name{display:flex;align-items:center;gap:5px;font-size:15px;color:var(--oc-text-strong, #0F172A);display:inline-flex}.mp-post-date{font-size:12px;color:var(--oc-text-subtle, #94A3B8);margin:0;display:block}.mp-post-text{font-size:15px;color:var(--oc-text-strong, #1A1A1A);line-height:1.5;white-space:pre-wrap;margin-bottom:12px}.mp-mention{color:#0ea5e9;font-weight:700;cursor:pointer;text-decoration:none}.mp-mention:hover{text-decoration:underline}.mp-ext-link{color:#0ea5e9;text-decoration:none;word-break:break-word}.mp-ext-link:hover{text-decoration:underline}.mp-read-more{color:#0ea5e9;font-weight:700;cursor:pointer}.mp-event-card{background:var(--oc-bg, #F8FAFC);padding:12px;border-radius:8px;margin-top:10px;border:1px solid var(--oc-border, #E2E8F0)}.mp-event-card h4{margin:0 0 5px;color:var(--oc-text-strong, #0F172A)}.mp-event-card p{margin:2px 0;font-size:13px;color:var(--oc-text, #475569)}.mp-debate-card{background:var(--oc-surface, white);padding:15px;border-radius:12px;margin-top:10px;border:1px solid var(--oc-border, #E2E8F0)}.mp-debate-card h4{margin:0 0 15px;color:var(--oc-text-strong, #0F172A)}.mp-debate-option{position:relative;padding:12px;background:var(--oc-bg, #F8FAFC);border:1px solid var(--oc-border, #E2E8F0);border-radius:8px;margin-bottom:10px;overflow:hidden;transition:all .2s;cursor:pointer}.mp-debate-option.active-a{background:var(--oc-tint-blue, #EFF6FF);border:2px solid #3B82F6}.mp-debate-option.active-b{background:var(--oc-tint-red, #FEF2F2);border:2px solid #EF4444}.mp-debate-progress{position:absolute;top:0;left:0;height:100%;z-index:0;transition:width .5s ease}.mp-debate-progress.a{background:var(--oc-tint-blue, #DBEAFE)}.mp-debate-progress.b{background:var(--oc-tint-red, #FEE2E2)}.mp-debate-content{position:relative;z-index:1;display:flex;justify-content:space-between;font-weight:700;color:var(--oc-text, #334155)}.active-a .mp-debate-content{color:#1d4ed8}.active-b .mp-debate-content{color:#b91c1c}.mp-debate-footer{font-size:11px;color:var(--oc-text-subtle, #94A3B8);margin-top:10px;text-align:right}.mp-inner-post{border:1px solid var(--oc-border, #E2E8F0);border-radius:12px;padding:12px;background:var(--oc-bg, #F8FAFC)}.mp-inner-header{margin-bottom:8px;display:inline-flex;align-items:center;width:100%;justify-content:space-between}.mp-inner-header-left{display:flex;align-items:center;gap:6px}.mp-inner-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--oc-surface-3, #E2E8F0)}.mp-menu-container{position:relative}.mp-post-more{background:none;border:none;font-size:20px;color:var(--oc-text-subtle, #94A3B8);cursor:pointer;padding:0 10px}.mp-dropdown-menu{position:absolute;right:0;top:100%;background:var(--oc-surface, white);border:1px solid var(--oc-border, #E2E8F0);box-shadow:0 10px 25px #0000001a;border-radius:8px;overflow:hidden;z-index:100;min-width:140px}.mp-dropdown-item{padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;color:var(--oc-text-strong, #0F172A)}.mp-dropdown-item:hover{background:var(--oc-surface-2, #F1F5F9)}.mp-dropdown-item.delete{color:#dc2626}.mp-dropdown-item.report{color:#f57c00}.mp-action-btn-group{display:flex;align-items:center;background:transparent;border:none;padding:0}.mp-action-btn-inner{padding:8px 10px;cursor:pointer;display:flex;align-items:center}.mp-action-divider{width:1px;height:16px;background:var(--oc-surface-3, #E2E8F0)}.mp-action-count{padding:8px 12px;cursor:pointer;color:var(--oc-text-muted, #64748B);font-weight:700}.mp-action-count.liked{color:#e91e63}.mp-action-btn{display:flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--oc-text-muted, #64748B);font-weight:700;cursor:pointer}.mp-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.mp-report-modal{background:var(--oc-surface, #FFFFFF);width:100%;max-width:420px;border-radius:20px;padding:24px;box-shadow:0 20px 25px -5px #0000001a;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.mp-radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mp-radio-label{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--oc-text-strong, #1E293B);cursor:pointer}.mp-radio-label input{width:18px;height:18px;accent-color:#0F172A}.mp-report-textarea{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid var(--oc-border-strong, #CBD5E1);font-family:inherit;font-size:14px;resize:none;margin-bottom:20px;outline:none;transition:.2s}.mp-report-textarea:focus{border-color:var(--oc-text-strong, #0F172A);box-shadow:0 0 0 3px #0f172a1a}.mp-scrolls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mp-scroll-card{aspect-ratio:9 / 16;background:var(--oc-inverse-bg, #1A1A1A);border-radius:8px;overflow:hidden;position:relative;cursor:pointer}.mp-scroll-video-wrapper{position:relative;width:100%;height:100%}.mp-scroll-video{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.mp-scroll-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;pointer-events:none}.mp-scroll-overlay{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:12px;font-weight:700}.mp-expand-hint{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;pointer-events:none}.mp-market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.mp-market-item{background:var(--oc-surface, white);border-radius:12px;overflow:hidden;border:1px solid var(--oc-border, #E2E8F0);cursor:pointer}.mp-market-item img{width:100%;height:140px;object-fit:cover;background:var(--oc-surface-2, #F1F5F9)}.mp-market-item-info{padding:12px}.mp-market-item-info h4{margin:0 0 5px;font-size:13px;color:var(--oc-text-strong, #0F172A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-market-item-info span{color:#0ea5e9;font-weight:700;font-size:14px}.mp-academy-list{display:flex;flex-direction:column;gap:15px}.mp-academy-card{display:flex;background:var(--oc-surface, white);padding:12px;border-radius:12px;border:1px solid var(--oc-border, #E2E8F0);cursor:pointer;gap:15px;align-items:center}.mp-academy-card img{width:100px;height:70px;object-fit:cover;border-radius:8px;background:var(--oc-surface-2, #F1F5F9)}.mp-academy-info{flex:1}.mp-academy-info h4{margin:0 0 5px;font-size:15px;color:var(--oc-text-strong, #0F172A)}.mp-academy-stats{display:flex;gap:10px;font-size:12px;color:var(--oc-text-muted, #64748B)}.mp-cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.mp-cert-card{background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px;border-radius:16px;color:#fff;position:relative;overflow:hidden}.mp-cert-bg-logo{position:absolute;top:-20px;right:-20px;opacity:.1}.mp-cert-badge{display:inline-block;background:#0ea5e9;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:10px}.mp-cert-card h4{margin:0 0 10px;font-size:16px;line-height:1.4}.mp-cert-date{margin:0;font-size:12px;color:var(--oc-text-subtle, #94A3B8)}.mp-cert-id{margin:5px 0 0;font-size:11px;color:var(--oc-text-muted, #64748B);font-family:monospace}.mp-dash-title{border-bottom:1px solid var(--oc-border, #E2E8F0);padding-bottom:10px;margin-bottom:15px}.mp-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mp-dash-grid-3{display:flex;gap:15px;flex-wrap:wrap}.mp-dash-grid-3>div{flex:1 1 30%}.mp-dash-box{background:var(--oc-bg, #F8FAFC);padding:15px;border-radius:12px;border:1px solid var(--oc-border, #E2E8F0);text-align:left}.mp-dash-box.success{background:var(--oc-tint-green, #F0FDF4);border:1px solid #BBF7D0}.mp-dash-box.primary{background:var(--oc-tint-blue, #EFF6FF);border:1px solid #BFDBFE}.mp-dash-box.danger{background:var(--oc-tint-red, #FEF2F2);border:1px solid #FCA5A5}.mp-dash-box span{font-size:12px;color:var(--oc-text-muted, #64748B);text-transform:uppercase;font-weight:700}.mp-dash-box h2{margin:5px 0 0;color:var(--oc-text-strong, #0F172A);font-size:24px}.mp-dash-box.success span{color:#166534}.mp-dash-box.success h2{color:#14532d}.mp-dash-box.primary span{color:#1e40af}.mp-dash-box.primary h2{color:#1e3a8a}.mp-dash-box.danger span{color:#991b1b}.mp-dash-box.danger h2{color:#dc2626}.mp-creator-desc{font-size:14px;color:var(--oc-text-muted, #64748B);margin-bottom:20px;line-height:1.5}.mp-bank-card{margin-top:20px;background:var(--oc-surface-2, #F1F5F9);padding:16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.mp-bank-card strong{display:block;font-size:14px;color:var(--oc-text-strong, #0F172A)}.mp-bank-card span{font-size:13px;color:var(--oc-text-muted, #64748B)}.mp-btn-update-bank{background:var(--oc-surface, white);color:var(--oc-text-strong, #0F172A);border:1px solid var(--oc-border-strong, #CBD5E1);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s}.mp-btn-update-bank:hover{background:var(--oc-bg, #F8FAFC)}.mp-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center}.mp-lb-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer}.mp-lb-image{max-width:90%;max-height:80vh;object-fit:contain}.mp-lb-controls{display:flex;align-items:center;gap:20px;margin-top:20px;color:#fff}.mp-lb-controls button{background:#fff3;border:none;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer}.mp-lb-video{max-width:100%;max-height:90vh;background:#000;border-radius:12px;outline:none;box-shadow:0 10px 40px #00000080}.mp-hud-modal{background:var(--oc-surface, white);border-radius:24px;padding:30px 20px;width:90%;max-width:450px;text-align:center;box-shadow:0 20px 40px #0000004d;position:relative;animation:scaleUp .2s}.mp-close-btn{position:absolute;top:15px;right:15px;background:var(--oc-surface-2, #F1F5F9);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;color:var(--oc-text-strong, #0F172A);font-weight:700}.mp-hud-modal h2{margin:0 0 5px;font-size:20px;color:var(--oc-text-strong, #0F172A)}.mp-hud-modal p{margin:0 0 25px;font-size:13px;color:var(--oc-text-muted, #64748B)}.mp-hud-loading{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px 0}.mp-hud-loading p{color:#0ea5e9;font-weight:700;font-size:14px;animation:pulse 1.5s infinite}.mp-hud-rings{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.mp-hud-verdict{margin-top:25px;background:#f0f9ff;padding:20px;border-radius:16px;text-align:left;border:1px solid #BAE6FD}.mp-hud-verdict h4{margin:0 0 8px;color:#0369a1;font-size:14px;text-transform:uppercase;letter-spacing:1px}.mp-hud-verdict p{margin:0;font-size:14px;color:#0c4a6e;line-height:1.6}.mp-hud-input{width:100%;padding:14px;border-radius:12px;border:2px solid var(--oc-border, #E2E8F0);box-sizing:border-box;margin-bottom:20px;font-size:15px;outline:none}.mp-hud-input:focus{border-color:#0ea5e9}.mp-hud-submit{background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;width:100%;padding:14px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer}.mp-hud-winner{margin:0 0 10px;color:#10b981;font-size:32px}.mp-hud-badge{display:inline-block;background:#d1fae5;color:#065f46;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:20px}.slide-up{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(min-width:768px){.mp-content-area,.mp-hero,.mp-stats-dashboard,.mp-tabs-wrapper{max-width:800px;margin-left:auto;margin-right:auto}.mp-hero{border-radius:0 0 12px 12px}.mp-cover-photo{height:250px;border-radius:12px 12px 0 0}.mp-header-top-row{margin-top:-65px}.mp-avatar-wrapper{width:130px;height:130px;border-width:6px}.desktop-actions{display:flex}.mobile-actions{display:none}.mp-user-identity{margin-top:5px}.mp-scrolls-grid{grid-template-columns:repeat(4,1fr);gap:15px}}.ba-wrapper{background-color:var(--oc-surface, #FFFFFF);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-bottom:80px}.ba-header-nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--oc-border, #F1F5F9)}.ba-back-btn,.ba-icon-btn{background:none;border:none;color:var(--oc-text-strong, #0F172A);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s}.ba-back-btn:hover,.ba-icon-btn:hover{background:var(--oc-bg, #F8FAFC)}.ba-loading,.ba-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--oc-text-muted, #64748B)}.ba-spinner{width:32px;height:32px;border:3px solid var(--oc-border, #E2E8F0);border-top-color:#3b82f6;border-radius:50%;animation:baSpin 1s linear infinite;margin-bottom:16px}@keyframes baSpin{to{transform:rotate(360deg)}}.ba-article-container{max-width:680px;margin:0 auto;padding:24px 16px}.ba-category-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.ba-title{font-size:32px;font-weight:800;color:var(--oc-text-strong, #0F172A);line-height:1.25;margin:0 0 24px;letter-spacing:-.5px}.ba-author-row{display:flex;align-items:center;gap:12px;margin-bottom:32px}.ba-author-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--oc-border, #E2E8F0);cursor:pointer}.ba-author-info{display:flex;flex-direction:column}.ba-author-info strong{color:var(--oc-text-strong, #0F172A);font-size:15px;cursor:pointer}.ba-author-info span{color:var(--oc-text-muted, #64748B);font-size:13px}.ba-hero-figure{margin:0 -16px 32px}.ba-hero-image{width:100%;height:auto;max-height:400px;object-fit:cover}@media(min-width:680px){.ba-hero-figure{margin:0 0 32px;border-radius:12px;overflow:hidden}}.ba-article-body{font-family:Georgia,Cambria,Times New Roman,Times,serif;color:var(--oc-text, #334155);font-size:18px;line-height:1.8}.ba-paragraph{margin-bottom:24px}.ba-paragraph strong{color:var(--oc-text-strong, #0F172A);font-weight:800}.ba-paragraph em{color:var(--oc-text, #475569);font-style:italic}.ba-link{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;word-break:break-all}.ba-link:hover{border-bottom-color:#2563eb}.ba-ad-container{margin:32px 0;padding:16px 0;border-top:1px solid var(--oc-border, #F1F5F9);border-bottom:1px solid var(--oc-border, #F1F5F9);background:var(--oc-bg, #F8FAFC);display:flex;flex-direction:column;align-items:center}.ba-ad-label{font-size:10px;text-transform:uppercase;color:var(--oc-text-subtle, #94A3B8);letter-spacing:1px;margin-bottom:8px}.ba-article-footer{margin-top:48px;border-top:2px solid var(--oc-border, #F1F5F9);padding-top:32px}.ba-engagement-bar{display:flex;gap:16px;margin-bottom:32px}.ba-engage-btn{background:var(--oc-surface-2, #F1F5F9);border:none;padding:10px 20px;border-radius:24px;font-size:15px;font-weight:600;color:var(--oc-text, #475569);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.ba-engage-btn:hover{background:var(--oc-surface-3, #E2E8F0);color:var(--oc-text-strong, #0F172A)}.ba-cta-box{background:var(--oc-inverse-bg, #0F172A);border-radius:16px;padding:32px;text-align:center;color:#fff}.ba-cta-box h3{margin:0 0 8px;font-size:20px}.ba-cta-box p{color:var(--oc-text-subtle, #94A3B8);font-size:14px;margin:0 0 24px}.ba-cta-btn{background:#3b82f6;color:#fff;border:none;width:100%;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.ba-cta-btn:hover{background:#2563eb}.ba-internal-ad-card{margin:32px 0;background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid var(--oc-border, #E2E8F0);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.ba-internal-ad-card:hover{transform:translateY(-2px);border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a}.ba-internal-ad-badge{background:var(--oc-inverse-bg, #1E293B);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:6px 16px}.ba-internal-ad-content{display:flex;align-items:center;padding:16px;gap:16px}.ba-internal-ad-img{width:90px;height:90px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--oc-surface-3, #E2E8F0)}.ba-internal-ad-text{flex:1}.ba-internal-ad-text h4{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--oc-text-strong, #0F172A);line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ba-internal-ad-text p{margin:0 0 12px;font-size:13px;color:var(--oc-text-muted, #64748B);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ba-internal-ad-footer{display:flex;justify-content:space-between;align-items:center}.ba-ad-rating{font-size:13px;font-weight:700;color:#d97706;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ba-ad-cta{background:#e0e7ff;color:#4338ca;border:none;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ba-internal-ad-card:hover .ba-ad-cta{background:#3b82f6;color:#fff}.ba-recent-opps-widget{margin:48px 0 0;padding-top:32px;border-top:2px dashed var(--oc-border, #E2E8F0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ba-recent-opps-widget h3{margin:0 0 20px;font-size:18px;font-weight:800;color:var(--oc-text-strong, #0F172A)}.ba-recent-list{display:flex;flex-direction:column;gap:12px}.ba-recent-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--oc-bg, #F8FAFC);border:1px solid var(--oc-border, #E2E8F0);border-radius:12px;cursor:pointer;transition:all .2s}.ba-recent-item:hover{background:var(--oc-surface, #FFFFFF);border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000000d}.ba-recent-cat{font-size:10px;font-weight:800;color:#3b82f6;letter-spacing:.5px;margin-bottom:4px;display:block}.ba-recent-text h4{margin:0;font-size:15px;font-weight:700;color:var(--oc-text-strong, #1E293B);line-height:1.4}.ba-recent-arrow{color:var(--oc-text-subtle, #94A3B8);font-size:16px;font-weight:700;padding-left:12px}.ba-recent-item:hover .ba-recent-arrow{color:#3b82f6;transform:translate(4px);transition:transform .2s}@media(max-width:600px){.ba-internal-ad-content{flex-direction:column;align-items:flex-start}.ba-internal-ad-img{width:100%;height:140px}.ba-internal-ad-footer{width:100%}}.pq3-wrapper{width:100%;min-height:100vh;background-color:var(--oc-bg, #F4F7F9);display:flex;justify-content:center;align-items:center;font-family:Skyline,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative}.pq3-container{width:100%;max-width:860px;height:100vh;display:flex;flex-direction:column;background-color:var(--oc-surface, #FFFFFF);box-shadow:0 0 30px #0000000d;position:relative}.pq3-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background-color:var(--oc-surface, #FFFFFF);border-bottom:1px solid var(--oc-border, #E1E8ED);z-index:10}.pq-back-btn{background:transparent;border:1px solid var(--oc-border, #E1E8ED);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.pq-back-btn:hover{background-color:var(--oc-bg, #F4F7F9)}.page-counter{font-size:13px;font-weight:800;color:var(--oc-text-strong, #1A1A1A);background-color:var(--oc-bg, #F1F5F9);padding:6px 14px;border-radius:20px}.pq-zoom-launch-btn{display:flex;align-items:center;gap:6px;background:var(--oc-bg, #F1F5F9);color:var(--oc-text-strong, #0F172A);border:1px solid var(--oc-border, #CBD5E1);padding:7px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s}.pq-zoom-launch-btn:hover{background:#e2e8f0}.pq-copy-btn{background:var(--oc-bg, #F1F5F9);color:var(--oc-text-strong, #1A1A1A);border:1px solid var(--oc-border, #CBD5E1);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.pq-copy-btn:hover{background:#e2e8f0}.slider-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0b0f19}.image-canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:16px;box-sizing:border-box;position:relative;cursor:zoom-in}.main-document-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 10px 30px #00000080;-webkit-user-select:none;user-select:none}.pq-zoom-hint{position:absolute;bottom:24px;background:#0f172ad9;color:#fff;padding:8px 18px;border-radius:24px;font-size:12px;font-weight:700;pointer-events:none;opacity:0;transform:translateY(6px);transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0000004d}.image-canvas:hover .pq-zoom-hint{opacity:1;transform:translateY(0)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#0f172abf;color:#fff;border:1px solid rgba(255,255,255,.15);width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s}.nav-arrow:hover{background-color:#0f172af2;transform:translateY(-50%) scale(1.05)}.nav-arrow.left{left:14px}.nav-arrow.right{right:14px}.nav-arrow.disabled{opacity:.15;cursor:default;pointer-events:none}.thumbnail-strip-container{width:100%;padding:12px 16px;background-color:var(--oc-surface, #FFFFFF);border-top:1px solid var(--oc-border, #E1E8ED);box-sizing:border-box}.thumbnail-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.thumb-wrapper{position:relative;width:55px;height:75px;flex-shrink:0;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.55;background:#1e293b;transition:opacity .2s,border-color .2s}.thumb-wrapper img{width:100%;height:100%;object-fit:cover}.thumb-wrapper.active{border-color:#3b82f6;opacity:1}.thumb-number{position:absolute;bottom:0;right:0;background-color:#000000bf;color:#fff;font-size:10px;padding:2px 5px;border-top-left-radius:4px}.pq-ai-fab{position:fixed;bottom:95px;right:20px;z-index:999;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:50px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 10px 30px #2563eb59;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.pq-ai-fab:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 36px #2563eb73}.pq-ai-fab-icon{font-size:20px}.pq-ai-fab-content{display:flex;flex-direction:column;line-height:1.2}.pq-ai-fab-title{font-size:14px;font-weight:800}.pq-ai-fab-sub{font-size:11px;opacity:.9}.pq-ai-fab-glow{position:absolute;inset:0;border-radius:50px;animation:pqAiPulse 2.2s infinite;pointer-events:none}@keyframes pqAiPulse{0%{box-shadow:0 0 #7c3aed80}50%{box-shadow:0 0 25px 8px #7c3aed66}to{box-shadow:0 0 #7c3aed00}}.pq-ai-drawer{position:absolute;bottom:0;left:0;width:100%;height:60%;background:var(--oc-surface, white);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;z-index:1000;transition:all .3s cubic-bezier(.25,1,.5,1)}.slide-up{animation:slideUpAnim .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpAnim{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pq-ai-drawer.expanded{height:94vh;border-radius:0}.pq-ai-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--oc-border, #E1E8ED)}.pq-ai-icon-btn{background:transparent;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.pq-ai-icon-btn:hover{background:#f1f5f9;color:#0f172a}.pq-ai-close{background:#f8fafc;border:none;width:32px;height:32px;border-radius:50%;color:#64748b;cursor:pointer;font-weight:700}.pq-ai-close:hover{background:#e2e8f0}.pq-ai-chat-area{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#fafafa}.pq-ai-bubble{max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.pq-ai-bubble.ai{align-self:flex-start;background:#fff;border:1px solid #E1E8ED;color:#1a1a1a;border-bottom-left-radius:4px}.pq-ai-bubble.user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px}.pq-ai-bubble.thinking{padding:12px 16px;min-width:60px;display:flex;align-items:center;justify-content:center}.cabal-ai-pulse{display:flex;align-items:center;gap:6px}.pulse-dot{width:8px;height:8px;background-color:#2563eb;border-radius:50%;animation:aiBounce 1.4s infinite ease-in-out both}.pulse-dot:nth-child(1){animation-delay:-.32s}.pulse-dot:nth-child(2){animation-delay:-.16s}@keyframes aiBounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.pq-ai-input-area{padding:12px 16px;background:#fff;border-top:1px solid #E1E8ED;display:flex;gap:10px}.pq-ai-input-area input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid #CBD5E1;outline:none;background:#f8fafc}.pq-ai-input-area button{width:44px;height:44px;border-radius:50%;border:none;background:#2563eb;color:#fff;cursor:pointer}.pq-zoom-overlay{position:fixed;inset:0;background:#0b0f19fa;z-index:10000;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none}.pq-zoom-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.pq-zoom-info{color:#94a3b8;font-size:13px;font-weight:700}.pq-zoom-controls{display:flex;align-items:center;gap:12px;background:#ffffff14;padding:4px 8px;border-radius:30px;border:1px solid rgba(255,255,255,.1)}.pq-zoom-controls button{background:transparent;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.pq-zoom-controls button:hover{background:#fff3}.pq-zoom-level{color:#fff;font-weight:800;font-size:13px;min-width:50px;text-align:center;cursor:pointer}.pq-zoom-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pq-zoom-close:hover{background:#ef4444cc}.pq-zoom-scroll-area{flex:1;overflow:auto;display:flex;padding:40px;box-sizing:border-box}.pq-zoom-img-container{margin:auto;display:flex;align-items:center;justify-content:center;min-width:min-content;min-height:min-content}.pq-zoom-scroll-area img{max-width:90vw;max-height:80vh;object-fit:contain;transition:transform .15s ease-out;transform-origin:center center;box-shadow:0 15px 50px #000c;border-radius:8px;-webkit-user-select:none;user-select:none}.pq-zoom-footer-tip{padding:8px;text-align:center;color:#64748b;font-size:11px;background:#0f172ab3;border-top:1px solid rgba(255,255,255,.05)}.pq-professional-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;max-width:400px}.pq-loader-box{position:relative;width:72px;height:72px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.pq-spinner{position:absolute;inset:0;border:3px solid rgba(37,99,235,.15);border-top-color:#2563eb;border-radius:50%;animation:pqSpin .9s linear infinite}.pq-loading-icon{font-size:28px}.pq-professional-loading h3{margin:0 0 8px;color:#0f172a;font-size:19px;font-weight:800}.pq-professional-loading p{margin:0 0 20px;color:#64748b;font-size:13px;line-height:1.5}.pq-loading-bar-wrap{width:180px;height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden}.pq-loading-bar-fill{width:100%;height:100%;background:#2563eb;animation:pqIndeterminate 1.5s infinite ease-in-out;transform-origin:0% 50%}@keyframes pqSpin{to{transform:rotate(360deg)}}@keyframes pqIndeterminate{0%{transform:scaleX(.1) translate(-50%)}50%{transform:scaleX(.7) translate(30%)}to{transform:scaleX(.1) translate(150%)}}.pq-empty-state-card{background:#fff;padding:36px 28px;border-radius:20px;text-align:center;max-width:420px;margin:20px;box-shadow:0 10px 30px #0000000f;border:1px solid #E2E8F0}.pq-empty-icon{font-size:40px;margin-bottom:12px}.pq-empty-state-card h3{margin:0 0 8px;font-size:18px;color:#0f172a;font-weight:800}.pq-empty-state-card p{margin:0 0 24px;font-size:13px;color:#64748b;line-height:1.5}.pq-action-btn{flex:1;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;border:none}.pq-action-btn.primary{background:#0f172a;color:#fff}.pq-action-btn.secondary{background:#f1f5f9;color:#475569}.tracker-canvas{width:100%;min-height:100vh;background-color:var(--oc-bg, #F8FAFC);display:flex;flex-direction:column;box-sizing:border-box}.tracker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--oc-surface, #FFFFFF);border-bottom:1px solid var(--oc-border, #E2E8F0);position:sticky;top:0;z-index:20}.tracker-back-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center}.tracker-header-title{flex:1;margin-left:12px}.tracker-header-title h2{font-size:1.15rem;font-weight:700;color:var(--oc-text-strong, #0F172A);margin:0}.tracker-header-title p{font-size:.8rem;color:var(--oc-text-muted, #64748B);margin:2px 0 0}.tracker-stat-pill{background:var(--oc-tint-blue, #EFF6FF);color:#2563eb;font-size:.82rem;font-weight:700;padding:6px 12px;border-radius:20px}.tracker-mobile-tabs{display:none;background:var(--oc-surface, #FFFFFF);border-bottom:1px solid var(--oc-border, #E2E8F0);padding:8px;gap:6px;overflow-x:auto}.tracker-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--oc-surface-2, #F1F5F9);border:none;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:600;color:var(--oc-text, #475569);cursor:pointer}.tracker-tab-btn.active{background:var(--oc-inverse-bg, #0F172A);color:#fff}.tab-count{background:#fff3;padding:2px 6px;border-radius:10px;font-size:.75rem}.tracker-board{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;overflow-x:auto}.tracker-column{background:var(--oc-surface-2, #F1F5F9);border-radius:12px;padding:14px;display:flex;flex-direction:column;min-width:260px}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.column-title-group{display:flex;align-items:center;gap:8px}.column-title-group h3{font-size:.92rem;font-weight:700;color:var(--oc-text-strong, #1E293B);margin:0}.column-count-badge{color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:12px}.column-card-list{display:flex;flex-direction:column;gap:10px;flex:1}.tracker-card{background:var(--oc-surface, #FFFFFF);border-radius:10px;padding:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--oc-border, #E2E8F0);transition:transform .15s ease,box-shadow .15s ease}.tracker-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-category-badge{font-size:.68rem;font-weight:700;background:#eef2f6;color:var(--oc-text, #475569);padding:2px 6px;border-radius:4px}.card-urgency-badge{font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:4px}.badge-critical,.badge-expired{background:var(--oc-tint-red, #FEE2E2);color:#dc2626}.badge-urgent{background:var(--oc-tint-amber, #FEF3C7);color:#d97706}.badge-warning{background:var(--oc-tint-amber, #FEF9C3);color:#ca8a04}.badge-normal{background:var(--oc-tint-green, #F0FDF4);color:#16a34a}.card-opp-title{font-size:.88rem;font-weight:600;color:var(--oc-text-strong, #0F172A);margin:0 0 4px;line-height:1.35}.card-opp-host{font-size:.76rem;color:var(--oc-text-muted, #64748B);margin:0 0 10px}.card-actions-row{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--oc-border, #F1F5F9)}.stage-selector{flex:1;font-size:.75rem;padding:4px 6px;border:1px solid var(--oc-border-strong, #CBD5E1);border-radius:6px;background:var(--oc-surface, #FFFFFF);color:var(--oc-text-strong, #1E293B)}.card-portal-link{font-size:.75rem;color:#2563eb;font-weight:600;text-decoration:none;padding:4px 6px;background:var(--oc-tint-blue, #EFF6FF);border-radius:6px}.card-delete-btn{background:transparent;border:none;color:var(--oc-text-subtle, #94A3B8);cursor:pointer;padding:4px}.card-delete-btn:hover{color:#ef4444}.empty-column-state{text-align:center;padding:30px 10px;color:var(--oc-text-subtle, #94A3B8);font-size:.82rem}@media(max-width:900px){.tracker-mobile-tabs{display:flex}.tracker-board{display:block;padding:12px}.tracker-column{display:none;min-width:100%}.tracker-column.column-active-mobile{display:flex}}.clickable-title{cursor:pointer;transition:color .2s ease}.clickable-title:hover{color:#2563eb;text-decoration:underline}.draft-modal-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.draft-modal-card{background:var(--oc-surface, #FFFFFF);width:100%;max-width:600px;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 20px 25px -5px #0003;overflow:hidden}.draft-modal-header{padding:20px;border-bottom:1px solid var(--oc-border, #E2E8F0);display:flex;justify-content:space-between;align-items:flex-start;background:var(--oc-bg, #F8FAFC);flex-shrink:0}.draft-modal-header h3{margin:0 0 4px;font-size:1.1rem;font-weight:800;color:var(--oc-text-strong, #0F172A)}.draft-modal-header p{margin:0;font-size:.8rem;color:var(--oc-text-muted, #64748B);display:flex;align-items:center;gap:6px}.draft-close-btn{background:var(--oc-surface-3, #E2E8F0);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--oc-text, #475569);font-weight:700;display:flex;align-items:center;justify-content:center}.draft-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.draft-result-box{background:var(--oc-surface-2, #F1F5F9);border:1px solid var(--oc-border, #E2E8F0);border-radius:8px;padding:16px;font-size:.9rem;line-height:1.6;color:var(--oc-text, #334155);white-space:pre-wrap;position:relative;overflow-y:auto;max-height:55vh}.draft-copy-btn{position:sticky;top:0;float:right;margin-left:10px;background:var(--oc-surface, #FFFFFF);border:1px solid var(--oc-border-strong, #CBD5E1);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--oc-text-strong, #0F172A);cursor:pointer;box-shadow:0 1px 2px #0000000d;z-index:10}.draft-generate-btn{background:var(--oc-inverse-bg, #0F172A);color:#fff;border:none;padding:14px;border-radius:8px;font-weight:800;font-size:.95rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity .2s}.draft-generate-btn:disabled{opacity:.7;cursor:not-allowed}.draft-setup{display:flex;flex-direction:column;gap:18px;text-align:left}.draft-setup-intro{margin:0;font-size:.88rem;line-height:1.55;color:var(--oc-text-muted, #64748B);max-width:58ch}.draft-source-group{border:none;margin:0;padding:0}.draft-source-group legend{padding:0;margin-bottom:10px;font-size:.88rem;font-weight:700;color:var(--oc-text-strong, #0F172A)}.draft-source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.draft-source-option{display:flex;flex-direction:column;gap:5px;text-align:left;padding:13px 14px;border:1.5px solid var(--oc-border-strong, #CBD5E1);border-radius:10px;background:var(--oc-surface, #FFFFFF);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.draft-source-option:hover{border-color:#94a3b8}.draft-source-option.is-selected{border-color:#2563eb;background:var(--oc-tint-blue, #EFF6FF)}.draft-source-option:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.draft-source-title{font-size:.9rem;font-weight:700;color:var(--oc-text-strong, #0F172A)}.draft-source-option.is-selected .draft-source-title{color:#1d4ed8}.draft-source-detail{font-size:.76rem;line-height:1.45;color:var(--oc-text-muted, #64748B)}.draft-questions-group{display:flex;flex-direction:column;gap:8px}.draft-questions-group label{display:flex;align-items:baseline;gap:8px;font-size:.88rem;font-weight:700;color:var(--oc-text-strong, #0F172A)}.draft-optional{font-size:.74rem;font-weight:600;color:var(--oc-text-subtle, #94A3B8)}.draft-questions-input{width:100%;box-sizing:border-box;resize:vertical;min-height:108px;padding:11px 12px;border:1px solid var(--oc-border-strong, #CBD5E1);border-radius:8px;font-family:inherit;font-size:.85rem;line-height:1.6;color:var(--oc-text-strong, #1E293B);background:var(--oc-surface, #FFFFFF)}.draft-questions-input::placeholder{color:var(--oc-text-subtle, #94A3B8)}.draft-questions-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.draft-questions-meta{font-size:.76rem;color:var(--oc-text-muted, #64748B)}.draft-questions-meta.is-over{color:#dc2626;font-weight:600}.draft-error{color:#dc2626;font-size:.85rem;font-weight:600;background:var(--oc-tint-red, #FEF2F2);border:1px solid #FECACA;padding:10px 12px;border-radius:8px}.draft-secondary-btn{background:transparent;border:1px solid var(--oc-border-strong, #CBD5E1);padding:11px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.88rem;color:var(--oc-text, #475569)}@media(max-width:560px){.draft-source-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.draft-source-option,.tracker-card{transition:none}}.draft-documents-upload{margin-top:15px;padding:15px;background:#f8fafc;border:1px dashed #CBD5E1;border-radius:10px}.draft-documents-upload input[type=file]{display:block;margin-top:10px;font-size:.8rem}.attachments-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attachment-pill{display:flex;align-items:center;gap:6px;background:#e2e8f0;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:600;color:#1e293b}.attachment-pill button{background:#cbd5e1;border:none;border-radius:50%;width:18px;height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#dc2626;font-weight:700}.draft-chat-container{display:flex;flex-direction:column;height:60vh;background:#f8fafc;border-radius:10px;border:1px solid #E2E8F0;overflow:hidden}.draft-chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:85%;padding:14px 18px;border-radius:14px;font-size:.9rem;line-height:1.6;white-space:pre-wrap;position:relative}.chat-bubble.ai{align-self:flex-start;background:#fff;color:#1e293b;border:1px solid #E2E8F0;border-bottom-left-radius:4px;box-shadow:0 2px 4px #00000005}.chat-bubble.user{align-self:flex-end;background:#0f172a;color:#fff;border-bottom-right-radius:4px}.chat-copy-btn{position:absolute;top:8px;right:8px;background:#f1f5f9;border:1px solid #CBD5E1;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;color:#0f172a}.chat-input-area{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #E2E8F0}.chat-input-area input{flex:1;padding:12px 16px;border-radius:20px;border:1px solid #CBD5E1;font-size:.9rem;outline:none}.chat-input-area input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.chat-send-btn{background:#2563eb;color:#fff;border:none;padding:0 20px;border-radius:20px;font-weight:700;cursor:pointer}.chat-send-btn:disabled{background:#94a3b8;cursor:not-allowed}.nt-container{width:100%;min-height:100vh;background-color:var(--oc-surface, #FFFFFF);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-bottom:50px}.nt-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:var(--oc-surface, #FFFFFF);border-bottom:1px solid var(--oc-border, #EEEEEE);position:sticky;top:0;z-index:20}.nt-toolbar-left{display:flex;align-items:center}.nt-back-btn{background:none;border:none;cursor:pointer;padding:5px;margin-right:15px;display:flex;align-items:center;justify-content:center}.nt-title{margin:0;font-size:20px;font-weight:800;color:var(--oc-text-strong, #1A1A1A)}.nt-mark-read-btn{background:none;border:none;color:#0a66c2;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.nt-mark-read-btn:disabled{color:var(--oc-text-subtle, #9E9E9E);cursor:not-allowed}.nt-mark-read-btn:hover:not(:disabled){text-decoration:underline}.nt-filters{display:flex;gap:10px;padding:12px 20px;background:var(--oc-surface, white);border-bottom:1px solid var(--oc-border, #EEEEEE);position:sticky;top:53px;z-index:10}.nt-filter-pill{padding:6px 16px;border-radius:20px;border:1px solid #657786;background:var(--oc-surface, white);color:var(--oc-text-muted, #657786);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.nt-filter-pill:hover{background:var(--oc-bg, #F5F8FA)}.nt-filter-pill.active{background:#0a66c2;color:#fff;border-color:#0a66c2}.nt-content{max-width:800px;margin:0 auto}.nt-empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;text-align:center;padding:20px}.nt-empty-icon{font-size:40px;margin-bottom:15px;opacity:.5}.nt-empty-state h3{margin:0 0 8px;color:var(--oc-text-strong, #1A1A1A);font-size:18px}.nt-empty-state p{margin:0;color:var(--oc-text-muted, #657786);font-size:14px}.nt-list{display:flex;flex-direction:column}.nt-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #F5F5F5;cursor:pointer;background:var(--oc-surface, white);transition:background .2s ease;position:relative}.nt-item:hover{background:#f3f2ef}.nt-item.unread{background-color:#e1f0fe}.nt-item.unread:hover{background-color:#d0e8fd}.nt-unread-dot{width:10px;height:10px;background-color:#0a66c2;border-radius:50%;margin-left:10px;flex-shrink:0;box-shadow:0 0 0 2px #fff}.nt-item.unread .nt-unread-dot{display:block}.nt-avatar-wrapper{position:relative;margin-right:15px;flex-shrink:0}.nt-avatar-wrapper.clickable{transition:opacity .2s}.nt-avatar-wrapper.clickable:hover{opacity:.8}.nt-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--oc-border, #EEEEEE)}.nt-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.nt-badge svg{width:12px;height:12px}.bg-red{background-color:#e91e63}.bg-blue{background-color:#0a66c2}.bg-green{background-color:#4caf50}.bg-purple{background-color:#9c27b0}.bg-gray{background-color:#9e9e9e}.nt-text-content{flex:1;display:flex;flex-direction:column;justify-content:center}.nt-message{margin:0;font-size:15px;color:var(--oc-text-strong, #1A1A1A);line-height:1.4;word-wrap:break-word}.nt-bold{font-weight:700;color:var(--oc-text-strong, #1A1A1A)}.nt-action-text{color:#424242}.nt-verify{display:inline-flex;justify-content:center;align-items:center;background:#0a66c2;color:#fff;font-size:8px;width:14px;height:14px;border-radius:50%;margin:0 4px;vertical-align:middle}.nt-time{font-size:13px;color:var(--oc-text-muted, #657786);margin-top:4px;font-weight:500}.nt-item.skeleton{pointer-events:none;background:var(--oc-surface, white)}.pulse{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulseLoading 1.5s infinite}.nt-avatar-wrapper.pulse{width:48px;height:48px;border-radius:50%}@keyframes pulseLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:768px){.nt-content{border-left:1px solid var(--oc-border, #EEEEEE);border-right:1px solid var(--oc-border, #EEEEEE);background:var(--oc-surface, #FFFFFF);min-height:100vh}.nt-filters{max-width:800px;margin:0 auto;border-left:1px solid var(--oc-border, #EEEEEE);border-right:1px solid var(--oc-border, #EEEEEE)}.nt-message{font-size:16px;line-height:1.5}}.inbox-wrapper{width:100vw;height:100vh;background-color:var(--oc-surface, #FFFFFF);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;z-index:99999}.inbox-header{display:flex;align-items:center;padding:12px 16px;background:var(--oc-surface, #FFFFFF);border-bottom:1px solid var(--oc-border, #E2E8F0);z-index:10}.inbox-back-btn{background:none;border:none;cursor:pointer;padding:8px;margin-left:-8px;display:flex;align-items:center;justify-content:center}.inbox-header h2{margin:0 0 0 8px;font-size:20px;font-weight:800;color:var(--oc-text-strong, #0F172A);letter-spacing:-.5px}.inbox-content{flex:1;overflow-y:auto;background:var(--oc-surface, #FFFFFF)}.inbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--oc-text-muted, #64748B)}.inbox-spinner{width:30px;height:30px;border:3px solid var(--oc-border, #E2E8F0);border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.inbox-empty-icon{font-size:60px;margin-bottom:20px;opacity:.5}.inbox-empty h3{margin:0 0 10px;color:var(--oc-text-strong, #0F172A);font-size:20px;font-weight:800}.inbox-discover-btn{background:var(--oc-inverse-bg, #1A1A1A);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-weight:700;font-size:15px;cursor:pointer;margin-top:15px}.inbox-list{display:flex;flex-direction:column}.inbox-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--oc-border, #F1F5F9);cursor:pointer;transition:background .2s}.inbox-item:hover{background:var(--oc-bg, #F8FAFC)}.inbox-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-right:15px;border:1px solid var(--oc-border, #E2E8F0)}.inbox-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.inbox-info-top{display:flex;justify-content:space-between;align-items:center}.inbox-name{margin:0;font-size:16px;font-weight:700;color:var(--oc-text-strong, #0F172A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.inbox-verify{color:#2196f3;font-size:14px}.inbox-time{font-size:12px;color:var(--oc-text-subtle, #94A3B8);flex-shrink:0;margin-left:10px;font-weight:500}.inbox-time.text-blue{color:#2196f3;font-weight:700}.inbox-info-bottom{display:flex;justify-content:space-between;align-items:center}.inbox-last-msg{margin:0;font-size:14px;color:var(--oc-text-muted, #64748B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.inbox-last-msg.text-bold{color:var(--oc-text-strong, #0F172A);font-weight:600}.inbox-unread-dot{width:10px;height:10px;background:#2196f3;border-radius:50%;flex-shrink:0}@media(min-width:801px){.inbox-wrapper{max-width:600px;margin:0 auto;position:relative;height:100vh;box-shadow:0 0 50px #0000001a}}:root{--hub-bg: #F1F5F9;--hub-surface: #FFFFFF;--hub-border: #E2E8F0;--hub-text-main: #0F172A;--hub-text-sub: #64748B;--hub-primary: #1A1A1A;--hub-accent: #3B82F6;--hub-hover: #F8FAFC;--hub-active: #EFF6FF}.cabal-hub-canvas{width:100vw;height:100vh;height:100dvh;background-color:var(--hub-bg);display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;inset:0;z-index:9999}*,*:before,*:after{box-sizing:border-box}.cabal-app-container{display:flex;width:100%;max-width:1400px;height:94vh;background:var(--hub-surface);border-radius:24px;box-shadow:0 25px 50px -12px #00000014;overflow:hidden;border:1px solid rgba(255,255,255,.5)}.cabal-roster-pane{width:360px;background:var(--hub-surface);border-right:1px solid var(--hub-border);display:flex;flex-direction:column}.cabal-roster-top{padding:20px 20px 10px}.cabal-brand-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cabal-brand-header h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--hub-text-main)}.cabal-icon-action{background:transparent;border:none;color:var(--hub-text-sub);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cabal-icon-action:hover{background:var(--hub-hover);color:var(--hub-text-main)}.cabal-search-pill{background:var(--hub-hover);border-radius:16px;display:flex;align-items:center;padding:12px 16px;gap:10px;border:1px solid transparent;transition:.2s;color:var(--hub-text-sub)}.cabal-search-pill:focus-within{border-color:var(--hub-accent);background:var(--hub-surface)}.cabal-search-pill input{border:none;background:transparent;outline:none;width:100%;font-size:15px;font-weight:500;color:var(--hub-text-main)}.cabal-roster-list{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.cabal-roster-list::-webkit-scrollbar{display:none}.cabal-action-card{display:flex;align-items:center;gap:15px;padding:16px;background:var(--hub-primary);border-radius:16px;color:#fff;cursor:pointer;transition:transform .2s;margin-bottom:20px;box-shadow:0 10px 20px #1a1a1a26}.cabal-action-card:hover{transform:translateY(-2px)}.cabal-action-icon{width:40px;height:40px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300}.cabal-action-text h4{margin:0 0 2px;font-size:15px}.cabal-action-text p{margin:0;font-size:12px;opacity:.8}.cabal-list-divider{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--hub-text-sub);letter-spacing:.5px;margin:10px 0 15px 5px}.cabal-hub-pill{display:flex;align-items:center;padding:12px;border-radius:16px;cursor:pointer;transition:all .2s;margin-bottom:8px;border:1px solid transparent}.cabal-hub-pill:hover{background:var(--hub-hover)}.cabal-hub-pill.active{background:var(--hub-active);border-color:#3b82f633}.cabal-hub-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;flex-shrink:0}.cabal-hub-details{flex:1;margin-left:14px;min-width:0}.cabal-hub-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cabal-hub-name{font-size:15px;font-weight:700;color:var(--hub-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabal-hub-indicator{width:8px;height:8px;background:var(--hub-accent);border-radius:50%}.cabal-hub-snippet{font-size:13px;color:var(--hub-text-sub);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabal-hub-snippet.unread-bold{font-weight:800;color:var(--hub-text-main)}.cabal-state-text{text-align:center;color:var(--hub-text-sub);font-size:14px;padding:30px 0}.cabal-stage-pane{flex:1;background:var(--hub-surface);position:relative;display:flex;flex-direction:column}.cabal-stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--hub-text-sub)}.cabal-stage-empty h2{color:var(--hub-text-main);font-size:24px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.cabal-stage-inner{display:flex;flex-direction:column;height:100%}.cabal-stage-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hub-border);gap:12px;flex-wrap:nowrap;z-index:10}.mobile-only{display:none}.cabal-stage-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cabal-stage-identity img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0}.cabal-stage-identity div{display:flex;flex-direction:column;min-width:0;flex:1}.cabal-stage-identity h2{margin:0 0 2px;font-size:16px;font-weight:800;color:var(--hub-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabal-stage-identity span{font-size:13px;font-weight:500;color:var(--hub-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.cabal-chat-stream{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;background:var(--oc-bg, #F8FAFC);scroll-behavior:smooth}.cabal-stream-event{text-align:center;margin:20px 0}.cabal-stream-event span{background:var(--oc-surface, #ffffff);color:var(--oc-text-muted, #64748B);font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;border:1px solid var(--oc-border, #e2e8f0);box-shadow:0 1px 3px #00000005}.cabal-msg-row{display:flex;width:100%;margin-bottom:4px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.cabal-msg-group-start{margin-top:16px}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cabal-msg-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;align-self:flex-end;margin-right:8px}.cabal-msg-avatar-spacer{width:40px}.cabal-msg-content{display:flex;flex-direction:column;max-width:80%}.cabal-msg-name{font-size:12px;font-weight:700;color:var(--hub-text-sub);margin-bottom:4px;margin-left:4px}.cabal-msg-bubble-wrapper{position:relative;display:flex;flex-direction:column}.cabal-msg-bubble{position:relative;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word;display:flex;flex-direction:column;max-width:600px}.msg-theirs{justify-content:flex-start}.msg-theirs .cabal-msg-bubble{background:var(--hub-surface);color:var(--hub-text-main);border:1px solid var(--hub-border);border-bottom-left-radius:4px;box-shadow:0 1px 2px #00000005}.msg-mine{justify-content:flex-end}.msg-mine .cabal-msg-content{align-items:flex-end}.msg-mine .cabal-msg-bubble{background:var(--hub-primary);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 5px #1a1a1a26}.cabal-msg-time{display:inline-flex;align-items:center;gap:4px;font-size:10px;opacity:.7;margin-top:6px;align-self:flex-end;float:none}.cabal-msg-tick{margin-bottom:-1px}.cabal-msg-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;width:100%}.cabal-msg-att-item{border-radius:12px;overflow:hidden;background:#0000000d;cursor:pointer;flex:1 1 calc(50% - 8px);min-width:150px;max-width:100%}.cabal-msg-att-item img,.cabal-msg-att-item video{width:100%;height:200px;object-fit:cover;display:block}.cabal-msg-pdf{width:100%;padding:12px 16px;background:var(--oc-surface-2, #f1f5f9);border:1px solid var(--oc-border, #e2e8f0);border-radius:12px;font-size:14px;font-weight:700;color:var(--oc-text-strong, #1a1a1a);display:flex;align-items:center;gap:12px;transition:background .2s}.cabal-msg-pdf:hover{background:var(--oc-surface-3, #e2e8f0)}.cabal-msg-pdf svg{color:var(--oc-text-subtle, #94a3b8);flex-shrink:0}.msg-mine .cabal-msg-pdf{background:#ffffff1a;border-color:#fff3;color:#fff}.msg-mine .cabal-msg-pdf svg{color:#fff}.cabal-spinner-mini{width:16px;height:16px;border:2px solid var(--hub-text-sub);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.cabal-quoted-msg{background:#0000000d;border-left:4px solid var(--hub-accent);padding:8px 12px;border-radius:8px;margin-bottom:8px;cursor:pointer}.msg-mine .cabal-quoted-msg{background:#ffffff26;border-color:#fff}.cabal-quoted-msg strong{font-size:12px;color:var(--hub-accent);display:block;margin-bottom:2px}.msg-mine .cabal-quoted-msg strong{color:#fff}.cabal-quoted-msg p{margin:0;font-size:13px;opacity:.9;white-space:normal;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cabal-active-reply-shelf{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:16px;margin-bottom:10px;box-shadow:0 -4px 15px #0000000d}.cabal-reply-accent{width:4px;height:30px;background:var(--hub-accent);border-radius:4px}.cabal-active-reply-shelf strong{font-size:13px;color:var(--hub-accent);display:block;margin-bottom:2px}.cabal-active-reply-shelf p{margin:0;font-size:13px;color:var(--hub-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.cabal-active-reply-shelf button{background:var(--hub-hover);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--hub-text-sub)}.cabal-msg-options-trigger{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--hub-surface);color:var(--hub-text-sub);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 2px 5px #0000001a}.cabal-msg-row:hover .cabal-msg-options-trigger{opacity:1}.msg-mine .cabal-msg-options-trigger{left:-32px}.msg-theirs .cabal-msg-options-trigger{right:-32px}.cabal-msg-dropdown{position:absolute;top:100%;margin-top:4px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;z-index:100;animation:popIn .2s}.msg-mine .cabal-msg-dropdown{right:0}.msg-theirs .cabal-msg-dropdown{left:0}.cabal-msg-dropdown button{background:transparent;border:none;color:var(--oc-text-strong, #0F172A);font-size:14px;font-weight:600;padding:10px 16px;cursor:pointer;width:100%;text-align:left;white-space:nowrap;transition:background .2s}.cabal-msg-dropdown button:hover{background:var(--oc-bg, #F8FAFC)}.cabal-msg-react-trigger{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--hub-surface);color:var(--hub-text-sub);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .2s;box-shadow:0 2px 5px #0000001a}.cabal-msg-row:hover .cabal-msg-react-trigger{opacity:1}.msg-mine .cabal-msg-react-trigger{left:-64px}.msg-theirs .cabal-msg-react-trigger{right:-64px}.cabal-reaction-popup{position:absolute;bottom:100%;margin-bottom:8px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:30px;box-shadow:0 10px 25px #00000026;display:flex;gap:8px;padding:6px 10px;z-index:100}.msg-mine .cabal-reaction-popup{right:0}.msg-theirs .cabal-reaction-popup{left:0}.cabal-reaction-popup span{font-size:20px;cursor:pointer;transition:transform .2s;padding:4px}.cabal-reaction-popup span:hover{transform:scale(1.3) translateY(-2px)}.cabal-msg-reactions{display:inline-flex;flex-wrap:wrap;gap:4px;position:relative;margin-top:-10px;z-index:5}.msg-mine .cabal-msg-reactions{align-self:flex-end;margin-right:12px}.msg-theirs .cabal-msg-reactions{align-self:flex-start;margin-left:12px}.cabal-reaction-badge{background:var(--hub-surface);border:1px solid var(--hub-border);padding:2px 6px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 5px #0000000d}.cabal-sticker-popover{position:absolute;bottom:100%;left:24px;margin-bottom:10px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:20px;padding:16px;box-shadow:0 -10px 30px #0000001a;z-index:100}.cabal-sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cabal-sticker-item{font-size:32px;cursor:pointer;transition:transform .2s;text-align:center}.cabal-sticker-item:hover{transform:scale(1.2)}.cabal-msg-bubble.is-sticker{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.cabal-sticker-render{font-size:70px;line-height:1}.slide-up{animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.cabal-composer-zone{padding:0 24px 24px;background:linear-gradient(to top,#F8FAFC 50%,transparent);position:relative}.cabal-composer-pill{display:flex;align-items:flex-end;gap:8px;background:var(--hub-surface);border:1px solid var(--hub-border);padding:8px 12px;border-radius:30px;box-shadow:0 10px 25px -5px #0000000d;transition:box-shadow .2s,border-color .2s;width:100%}.cabal-composer-pill:focus-within{border-color:var(--hub-accent);box-shadow:0 10px 30px -5px #3b82f626}.cabal-composer-attach{background:var(--hub-hover);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hub-text-sub);cursor:pointer;font-size:16px;flex-shrink:0}.cabal-composer-pill input{flex:1;border:none;background:transparent;outline:none;font-size:15px;color:var(--hub-text-main)}.cabal-composer-pill input::placeholder{color:var(--oc-text-subtle, #94A3B8)}.cabal-composer-send{background:var(--hub-primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:not-allowed;opacity:.5}.cabal-composer-send.ready{background:var(--hub-accent);opacity:1;cursor:pointer;box-shadow:0 4px 10px #3b82f64d;transform:scale(1.05)}.cabal-mention-menu{position:absolute;bottom:100%;left:24px;right:24px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:16px;margin-bottom:10px;box-shadow:0 -10px 30px #0000001a;max-height:220px;overflow-y:auto;z-index:1000;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.cabal-mention-item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;border-bottom:1px solid #F8FAFC}.cabal-mention-item:hover{background:var(--hub-hover)}.cabal-mention-item img{width:36px;height:36px;border-radius:50%;object-fit:cover}.cabal-mention-item div{display:flex;flex-direction:column}.cabal-mention-item strong{font-size:14px;color:var(--hub-text-main)}.cabal-mention-item span{font-size:12px;color:var(--hub-text-sub)}.cabal-composer-shelf{display:flex;gap:10px;padding:10px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:16px;margin-bottom:10px;overflow-x:auto}.cabal-shelf-item{position:relative;width:60px;height:60px;border-radius:10px;overflow:hidden;background:var(--oc-surface-2, #F1F5F9);flex-shrink:0;border:1px solid var(--hub-border)}.cabal-shelf-item img,.cabal-shelf-item video{width:100%;height:100%;object-fit:cover}.cabal-shelf-pdf{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px}.cabal-shelf-item button{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;width:20px;height:20px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cabal-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center}.cabal-modal-surface{background:var(--hub-surface);width:90%;max-width:440px;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.scale-in{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.cabal-modal-header{padding:24px;display:flex;justify-content:space-between;align-items:flex-start}.cabal-modal-header h2{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--hub-text-main);letter-spacing:-.5px}.cabal-modal-header p{margin:0;font-size:14px;color:var(--hub-text-sub)}.cabal-btn-close{background:var(--hub-hover);border:none;width:36px;height:36px;border-radius:50%;color:var(--hub-text-main);font-weight:700;cursor:pointer;transition:.2s}.cabal-btn-close:hover{background:var(--oc-surface-3, #E2E8F0)}.cabal-modal-content{padding:0 24px 24px;display:flex;flex-direction:column;gap:20px;align-items:center}.cabal-upload-zone{width:110px;height:110px;border-radius:24px;background:var(--hub-hover);border:2px dashed var(--hub-border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:.2s;color:var(--hub-accent)}.cabal-upload-zone:hover{border-color:var(--hub-accent);background:var(--hub-active)}.cabal-preview-img{width:100%;height:100%;object-fit:cover}.cabal-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:8px}.cabal-upload-prompt span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.cabal-input-stack{width:100%;display:flex;flex-direction:column;gap:8px}.cabal-input-stack label{font-size:13px;font-weight:700;color:var(--hub-text-main)}.cabal-input-stack input,.cabal-input-stack textarea{width:100%;padding:14px 16px;border:1px solid var(--hub-border);border-radius:16px;font-size:15px;font-family:inherit;background:var(--hub-hover);outline:none;transition:.2s}.cabal-input-stack input:focus,.cabal-input-stack textarea:focus{border-color:var(--hub-accent);background:var(--hub-surface);box-shadow:0 0 0 3px #3b82f61a}.cabal-input-stack textarea{height:100px;resize:none}.cabal-modal-actions{padding:20px 24px}.cabal-btn-primary{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:800;border:none;background:var(--oc-surface-3, #E2E8F0);color:var(--oc-text-subtle, #94A3B8);cursor:not-allowed;transition:.2s}.cabal-btn-primary.ready{background:var(--hub-primary);color:#fff;cursor:pointer}.cabal-btn-primary.ready:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1a1a1a26}.cabal-settings-surface{background:var(--hub-surface);width:90%;max-width:500px;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;max-height:80vh}.cabal-settings-content{padding:0 24px 24px;overflow-y:auto;flex:1}.cabal-invite-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--hub-active);border:1px dashed var(--hub-accent);color:var(--hub-accent);padding:12px;border-radius:16px;font-weight:700;cursor:pointer;margin-bottom:20px;transition:all .2s}.cabal-invite-btn:hover{background:var(--hub-accent);color:#fff;border-style:solid}.cabal-roster-list-inner{display:flex;flex-direction:column;gap:8px}.cabal-roster-item{display:flex;align-items:center;padding:12px;background:var(--hub-hover);border-radius:16px;border:1px solid var(--hub-border)}.cabal-roster-item img{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:12px}.cabal-roster-info{flex:1;display:flex;flex-direction:column}.cabal-roster-info strong{font-size:15px;color:var(--hub-text-main)}.cabal-roster-info span{font-size:13px;color:var(--hub-text-sub)}.cabal-roster-actions{display:flex;align-items:center;gap:10px}.cabal-role-badge{background:#3b82f61a;color:var(--hub-accent);font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 8px;border-radius:8px}.cabal-admin-controls{display:flex;gap:6px}.cabal-btn-promote{background:transparent;border:1px solid var(--hub-accent);color:var(--hub-accent);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.cabal-btn-promote:hover{background:var(--hub-accent);color:#fff}.cabal-btn-kick{background:#ef44441a;border:1px solid transparent;color:#ef4444;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.cabal-btn-kick:hover{background:#ef4444;color:#fff}.cabal-join-zone{padding:20px 24px;background:linear-gradient(to top,var(--hub-surface) 50%,rgba(255,255,255,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hub-border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.cabal-join-zone h3{margin:0;font-size:16px;font-weight:800;color:var(--hub-text-main)}.cabal-avatar-wrapper{position:relative;cursor:pointer;display:inline-block}.cabal-presence-dot{position:absolute;bottom:0;right:8px;width:10px;height:10px;background:#22c55e;border:2px solid var(--hub-surface);border-radius:50%;box-shadow:0 0 5px #22c55e66}.cabal-typing-pulse{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:18px;width:fit-content;margin-bottom:15px;animation:popIn .2s}.typing-text{font-size:12px;color:var(--hub-text-sub);font-style:italic}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:var(--hub-accent);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.cabal-msg-bubble.is-transparent{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.cabal-audio-player-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:20px;padding:5px 15px;box-shadow:0 2px 10px #0000000d}.msg-mine .cabal-audio-player-card{background:var(--hub-primary);border-color:#ffffff1a}.cabal-native-audio{height:40px;width:220px;outline:none}.cabal-native-audio::-webkit-media-controls-panel{background:transparent}.msg-mine .cabal-native-audio{filter:invert(1)}.cabal-recording-pill{display:flex;align-items:center;gap:15px;background:var(--oc-tint-red, #FEF2F2);border:1px solid #FCA5A5;padding:10px 20px;border-radius:30px;width:100%}.cabal-record-pulse-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulseRed 1s infinite}@keyframes pulseRed{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.cabal-record-timer{font-size:16px;font-weight:800;color:#dc2626;font-variant-numeric:tabular-nums}.cabal-btn-cancel-rec{background:transparent;border:none;color:var(--oc-text-muted, #64748B);font-weight:700;cursor:pointer;padding:8px}.cabal-btn-send-rec{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #ef44444d}.cabal-rich-share-card{display:flex;flex-direction:row;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:12px;overflow:hidden;cursor:pointer;max-width:350px;margin-bottom:5px;transition:box-shadow .2s}.cabal-rich-share-card:hover{box-shadow:0 5px 15px #00000014}.msg-mine .cabal-rich-share-card{background:#ffffff1a;border-color:#fff3;color:#fff}.share-accent-bar{width:5px;background:var(--hub-accent);flex-shrink:0}.share-card-content{display:flex;padding:12px;gap:12px;align-items:center;flex:1;min-width:0}.share-text-zone{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden;min-width:0}.share-source{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--hub-accent);letter-spacing:.5px}.msg-mine .share-source{color:#93c5fd}.share-text-zone h4{margin:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hub-text-main)}.msg-mine .share-text-zone h4{color:#fff}.share-text-zone p{margin:0;font-size:12px;color:var(--hub-text-sub);display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-mine .share-text-zone p{color:#fffc}.share-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.cabal-composer-layout{display:flex;align-items:flex-end;gap:10px;width:100%}.cabal-auto-textarea{flex:1;border:none;background:transparent;outline:none;font-size:15px;color:var(--hub-text-main);font-family:inherit;resize:none;min-height:24px;max-height:150px;padding:10px 0;line-height:1.4;overflow-y:auto;scrollbar-width:none}.cabal-auto-textarea::-webkit-scrollbar{display:none}.cabal-auto-textarea::placeholder{color:var(--oc-text-subtle, #94A3B8)}.cabal-action-circle{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 4px 10px #0000001a;transition:transform .2s}.cabal-action-circle:hover{transform:scale(1.05)}.cabal-action-circle.bg-accent{background:var(--hub-accent)}.cabal-action-circle.bg-primary{background:var(--hub-primary)}.cabal-action-circle.bg-red{background:#ef4444;box-shadow:0 4px 10px #ef44444d}@keyframes popInAction{0%{transform:scale(0)}to{transform:scale(1)}}.pop-in{animation:popInAction .2s cubic-bezier(.175,.885,.32,1.275)}.cabal-vault-toggle{display:flex;background:var(--hub-hover);border-radius:20px;padding:4px;border:1px solid var(--hub-border)}.cabal-vault-toggle button{background:transparent;border:none;padding:6px 16px;font-size:13px;font-weight:700;color:var(--hub-text-sub);border-radius:16px;cursor:pointer;transition:.2s}.cabal-vault-toggle button.active{background:var(--hub-surface);color:var(--hub-text-main);box-shadow:0 2px 5px #0000000d}.cabal-vault-view{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;background:var(--oc-bg, #F8FAFC);align-content:start}.cabal-vault-item{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--hub-surface);border:1px solid var(--hub-border);position:relative;cursor:pointer;transition:transform .2s}.cabal-vault-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.cabal-vault-item img,.cabal-vault-item video{width:100%;height:100%;object-fit:cover}.vault-vid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;pointer-events:none}.vault-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:10px;text-align:center;color:var(--hub-text-main);background:var(--oc-tint-blue, #EFF6FF)}.vault-pdf p{margin:8px 0 0;font-size:10px;font-weight:700;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical}.cabal-mute-btn{background:var(--hub-hover);border:1px solid var(--hub-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s;color:var(--hub-text-sub)}.cabal-mute-btn:hover{background:var(--oc-surface-3, #E2E8F0)}.cabal-mute-btn.muted{background:var(--oc-tint-red, #FEF2F2);border-color:#fca5a5;color:#ef4444}.cabal-stage-pane,.cabal-roster-pane,.cabal-stage-inner{min-height:0}@media(max-width:800px){.cabal-app-container{height:100%;border-radius:0;border:none;box-shadow:none;flex-direction:column}.cabal-roster-pane{width:100%;height:100%;border-right:none}.mobile-hidden{display:none!important}.mobile-only{display:flex;margin-left:-8px}.cabal-stage-header{padding:10px 12px;gap:8px}.cabal-stage-identity{max-width:45%}.cabal-stage-identity img{width:36px;height:36px}.cabal-stage-identity h2{font-size:15px}.cabal-stage-identity span{font-size:11px}.cabal-vault-toggle button{padding:6px 10px;font-size:12px}.cabal-mute-btn{width:32px;height:32px}.cabal-composer-zone{padding:10px 12px 30px!important;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}.cabal-composer-pill{padding:8px 12px}}.cabal-alert-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999}.cabal-alert-box{background:#fff;width:90%;max-width:340px;border-radius:24px;padding:24px 20px;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:alertPop .25s cubic-bezier(.175,.885,.32,1.275) forwards}.cabal-alert-box.coin-modal{max-width:360px;padding:26px 20px}.cabal-alert-icon{font-size:40px;margin-bottom:8px;line-height:1}.cabal-alert-title{margin:0 0 6px;color:#0f172a;font-size:19px;font-weight:800;letter-spacing:-.4px}.cabal-alert-message{margin:0 0 16px;color:#475569;font-size:13.5px;line-height:1.5}.cabal-ad-feature-card{background:#f0fdf4;border:1.5px solid #BBF7D0;border-radius:16px;padding:16px 14px 12px;margin-bottom:16px;text-align:center}.cabal-ad-card-badge{display:inline-block;background:#dcfce7;color:#15803d;font-size:10px;font-weight:800;letter-spacing:.8px;padding:3px 8px;border-radius:20px;margin-bottom:4px}.cabal-ad-card-value{font-size:24px;font-weight:900;color:#166534;margin-bottom:4px}.cabal-ad-card-desc{font-size:12px;color:#374151;line-height:1.45;margin:0 0 12px}.cabal-ad-card-desc strong{color:#14532d}.cabal-alert-btn-ad{width:100%;padding:12px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;border:none;background:#16a34a;color:#fff;box-shadow:0 4px 10px #16a34a40;transition:all .2s}.cabal-alert-btn-ad:active{transform:scale(.98);background:#15803d}.cabal-alert-btn-ad:disabled{opacity:.6;cursor:not-allowed}.cabal-ad-limit-note{display:block;font-size:10.5px;color:#6b7280;margin-top:8px;font-weight:600}.cabal-alert-actions{display:flex;flex-direction:column;gap:8px}.cabal-alert-btn-primary,.cabal-alert-btn-secondary{width:100%;padding:12px;border-radius:12px;font-weight:700;font-size:13.5px;cursor:pointer;border:none;transition:all .2s}.cabal-alert-btn-primary{background:#0f172a;color:#fff}.cabal-alert-btn-primary:active{background:#1e293b}.cabal-alert-btn-secondary{background:#f1f5f9;color:#64748b}.cabal-alert-btn-secondary:active{background:#e2e8f0}@keyframes alertPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@font-face{font-family:Skyline;src:url(/assets/skylinefont-D3nTnCws.ttf) format("truetype");font-weight:400;font-style:normal}*{font-family:Skyline,sans-serif!important;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button:focus,a:focus{outline:none}input,textarea,select,[contenteditable=true]{font-family:Skyline,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif!important}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--oc-bg, #F8F9FA);color:var(--oc-text-strong, #1A1A1A);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;cursor:pointer;background:none}.markdown-body{font-size:17px;line-height:1.8;color:var(--oc-text-strong, #1A1A1A)}.markdown-body p{margin-bottom:24px}.markdown-body h3{margin-top:32px;margin-bottom:16px;font-size:22px;font-weight:700}.markdown-body img{max-width:100%;height:auto;border-radius:12px;margin:24px 0;box-shadow:0 4px 12px #00000014;display:block}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--oc-bg: #0b1120;--oc-surface: #111a2e;--oc-surface-2: #172036;--oc-surface-3: #22304a;--oc-inverse-bg: #334155;--oc-border: #22304a;--oc-border-strong: #334155;--oc-text-strong: #e8edf5;--oc-text: #cbd5e1;--oc-text-muted: #94a3b8;--oc-text-subtle: #7c8ba1;--oc-tint-blue: rgba(59, 130, 246, .16);--oc-tint-red: rgba(239, 68, 68, .16);--oc-tint-green: rgba(16, 185, 129, .16);--oc-tint-amber: rgba(245, 158, 11, .18);--oc-overlay: rgba(2, 6, 23, .72)}:root[data-theme=dark] body{background-color:var(--oc-bg);color:var(--oc-text)}:where(:root[data-theme=dark]) :where(input,textarea,select){background-color:var(--oc-surface-2);color:var(--oc-text-strong);border-color:var(--oc-border)}:where(:root[data-theme=dark]) ::placeholder{color:var(--oc-text-subtle);opacity:1}:where(:root[data-theme=dark]) hr{border-color:var(--oc-border)}:root[data-theme=dark] ::selection{background:#3b82f659;color:var(--oc-text-strong)}:root.oc-theme-transition,:root.oc-theme-transition *,:root.oc-theme-transition *:before,:root.oc-theme-transition *:after{transition:background-color .22s ease,border-color .22s ease,color .22s ease!important}@media(prefers-reduced-motion:reduce){:root.oc-theme-transition,:root.oc-theme-transition *{transition:none!important}}:root[data-theme=dark] [style*="background: rgb(255, 255, 255)"],:root[data-theme=dark] [style*="background-color: rgb(255, 255, 255)"],:root[data-theme=dark] [style*="background: white"],:root[data-theme=dark] [style*="background-color: white"]{background-color:var(--oc-surface)!important}:root[data-theme=dark] [style*="background: rgb(248, 250, 252)"],:root[data-theme=dark] [style*="background-color: rgb(248, 250, 252)"],:root[data-theme=dark] [style*="background: rgb(248, 249, 250)"],:root[data-theme=dark] [style*="background-color: rgb(248, 249, 250)"],:root[data-theme=dark] [style*="background: rgb(244, 247, 249)"],:root[data-theme=dark] [style*="background-color: rgb(244, 247, 249)"],:root[data-theme=dark] [style*="background: rgb(245, 248, 250)"],:root[data-theme=dark] [style*="background-color: rgb(245, 248, 250)"]{background-color:var(--oc-bg)!important}:root[data-theme=dark] [style*="background: rgb(241, 245, 249)"],:root[data-theme=dark] [style*="background-color: rgb(241, 245, 249)"],:root[data-theme=dark] [style*="background: rgb(238, 238, 238)"],:root[data-theme=dark] [style*="background-color: rgb(238, 238, 238)"],:root[data-theme=dark] [style*="background: rgb(237, 241, 246)"],:root[data-theme=dark] [style*="background-color: rgb(237, 241, 246)"],:root[data-theme=dark] [style*="background: rgb(227, 233, 241)"],:root[data-theme=dark] [style*="background-color: rgb(227, 233, 241)"],:root[data-theme=dark] [style*="background: rgb(240, 242, 245)"],:root[data-theme=dark] [style*="background-color: rgb(240, 242, 245)"]{background-color:var(--oc-surface-2)!important}:root[data-theme=dark] [style*="background: rgb(226, 232, 240)"],:root[data-theme=dark] [style*="background-color: rgb(226, 232, 240)"],:root[data-theme=dark] [style*="background: rgb(225, 232, 237)"],:root[data-theme=dark] [style*="background-color: rgb(225, 232, 237)"],:root[data-theme=dark] [style*="background: rgb(203, 213, 225)"],:root[data-theme=dark] [style*="background-color: rgb(203, 213, 225)"]{background-color:var(--oc-surface-3)!important}:root[data-theme=dark] [style*="background: rgb(15, 23, 42)"],:root[data-theme=dark] [style*="background-color: rgb(15, 23, 42)"],:root[data-theme=dark] [style*="background: rgb(26, 26, 26)"],:root[data-theme=dark] [style*="background-color: rgb(26, 26, 26)"],:root[data-theme=dark] [style*="background: rgb(30, 41, 59)"],:root[data-theme=dark] [style*="background-color: rgb(30, 41, 59)"]{background-color:var(--oc-inverse-bg)!important}:root[data-theme=dark] [style*="background: rgb(239, 246, 255)"],:root[data-theme=dark] [style*="background-color: rgb(239, 246, 255)"],:root[data-theme=dark] [style*="background: rgb(219, 234, 254)"],:root[data-theme=dark] [style*="background-color: rgb(219, 234, 254)"],:root[data-theme=dark] [style*="background: rgb(227, 242, 253)"],:root[data-theme=dark] [style*="background-color: rgb(227, 242, 253)"]{background-color:var(--oc-tint-blue)!important}:root[data-theme=dark] [style*="background: rgb(254, 242, 242)"],:root[data-theme=dark] [style*="background-color: rgb(254, 242, 242)"],:root[data-theme=dark] [style*="background: rgb(254, 226, 226)"],:root[data-theme=dark] [style*="background-color: rgb(254, 226, 226)"]{background-color:var(--oc-tint-red)!important}:root[data-theme=dark] [style*="background: rgb(236, 253, 245)"],:root[data-theme=dark] [style*="background-color: rgb(236, 253, 245)"],:root[data-theme=dark] [style*="background: rgb(240, 253, 244)"],:root[data-theme=dark] [style*="background-color: rgb(240, 253, 244)"],:root[data-theme=dark] [style*="background: rgb(220, 252, 231)"],:root[data-theme=dark] [style*="background-color: rgb(220, 252, 231)"]{background-color:var(--oc-tint-green)!important}:root[data-theme=dark] [style*="background: rgb(254, 243, 199)"],:root[data-theme=dark] [style*="background-color: rgb(254, 243, 199)"],:root[data-theme=dark] [style*="background: rgb(254, 249, 195)"],:root[data-theme=dark] [style*="background-color: rgb(254, 249, 195)"],:root[data-theme=dark] [style*="background: rgb(255, 251, 235)"],:root[data-theme=dark] [style*="background-color: rgb(255, 251, 235)"]{background-color:var(--oc-tint-amber)!important}:root[data-theme=dark] [style^="color: rgb(15, 23, 42)"],:root[data-theme=dark] [style*="; color: rgb(15, 23, 42)"],:root[data-theme=dark] [style^="color: rgb(26, 26, 26)"],:root[data-theme=dark] [style*="; color: rgb(26, 26, 26)"],:root[data-theme=dark] [style^="color: rgb(30, 41, 59)"],:root[data-theme=dark] [style*="; color: rgb(30, 41, 59)"],:root[data-theme=dark] [style^="color: rgb(15, 27, 45)"],:root[data-theme=dark] [style*="; color: rgb(15, 27, 45)"],:root[data-theme=dark] [style^="color: rgb(15, 20, 25)"],:root[data-theme=dark] [style*="; color: rgb(15, 20, 25)"],:root[data-theme=dark] [style^="color: rgb(17, 24, 39)"],:root[data-theme=dark] [style*="; color: rgb(17, 24, 39)"]{color:var(--oc-text-strong)!important}:root[data-theme=dark] [style^="color: rgb(51, 65, 85)"],:root[data-theme=dark] [style*="; color: rgb(51, 65, 85)"],:root[data-theme=dark] [style^="color: rgb(71, 85, 105)"],:root[data-theme=dark] [style*="; color: rgb(71, 85, 105)"],:root[data-theme=dark] [style^="color: rgb(71, 88, 111)"],:root[data-theme=dark] [style*="; color: rgb(71, 88, 111)"]{color:var(--oc-text)!important}:root[data-theme=dark] [style^="color: rgb(100, 116, 139)"],:root[data-theme=dark] [style*="; color: rgb(100, 116, 139)"],:root[data-theme=dark] [style^="color: rgb(101, 119, 134)"],:root[data-theme=dark] [style*="; color: rgb(101, 119, 134)"],:root[data-theme=dark] [style^="color: rgb(113, 133, 160)"],:root[data-theme=dark] [style*="; color: rgb(113, 133, 160)"]{color:var(--oc-text-muted)!important}:root[data-theme=dark] [style^="color: rgb(148, 163, 184)"],:root[data-theme=dark] [style*="; color: rgb(148, 163, 184)"],:root[data-theme=dark] [style^="color: rgb(160, 174, 192)"],:root[data-theme=dark] [style*="; color: rgb(160, 174, 192)"],:root[data-theme=dark] [style^="color: rgb(158, 158, 158)"],:root[data-theme=dark] [style*="; color: rgb(158, 158, 158)"]{color:var(--oc-text-subtle)!important}:root[data-theme=dark] [style*="solid rgb(226, 232, 240)"],:root[data-theme=dark] [style*="border-color: rgb(226, 232, 240)"],:root[data-theme=dark] [style*="solid rgb(238, 238, 238)"],:root[data-theme=dark] [style*="border-color: rgb(238, 238, 238)"],:root[data-theme=dark] [style*="solid rgb(225, 232, 237)"],:root[data-theme=dark] [style*="border-color: rgb(225, 232, 237)"],:root[data-theme=dark] [style*="solid rgb(207, 217, 222)"],:root[data-theme=dark] [style*="border-color: rgb(207, 217, 222)"],:root[data-theme=dark] [style*="solid rgb(241, 245, 249)"],:root[data-theme=dark] [style*="border-color: rgb(241, 245, 249)"],:root[data-theme=dark] [style*="solid rgb(237, 241, 246)"],:root[data-theme=dark] [style*="border-color: rgb(237, 241, 246)"],:root[data-theme=dark] [style*="solid rgb(227, 233, 241)"],:root[data-theme=dark] [style*="border-color: rgb(227, 233, 241)"],:root[data-theme=dark] [style*="solid rgb(239, 243, 244)"],:root[data-theme=dark] [style*="border-color: rgb(239, 243, 244)"]{border-color:var(--oc-border)!important}:root[data-theme=dark] [style*="solid rgb(203, 213, 225)"],:root[data-theme=dark] [style*="border-color: rgb(203, 213, 225)"],:root[data-theme=dark] [style*="solid rgb(180, 192, 206)"],:root[data-theme=dark] [style*="border-color: rgb(180, 192, 206)"]{border-color:var(--oc-border-strong)!important}:where(svg,path,rect,circle,polyline,line)[stroke="#cbd5e1"],:where(svg,path,rect,circle,polyline,line)[stroke="#CBD5E1"],:where(svg,path,rect,circle,polyline,line)[stroke="#94a3b8"],:where(svg,path,rect,circle,polyline,line)[stroke="#94A3B8"],:where(svg,path,rect,circle,polyline,line)[stroke="#e2e8f0"],:where(svg,path,rect,circle,polyline,line)[stroke="#E2E8F0"],:where(svg,path,rect,circle,polyline,line)[stroke="#ffffff"],:where(svg,path,rect,circle,polyline,line)[stroke="#fff"],:where(svg,path,rect,circle,polyline,line)[stroke=white],:where(svg,path,rect,circle,polyline,line)[stroke="#000000"],:where(svg,path,rect,circle,polyline,line)[stroke="#000"],:where(svg,path,rect,circle,polyline,line)[stroke=black],:where(svg,path,rect,circle,polyline,line)[stroke="#0f172a"],:where(svg,path,rect,circle,polyline,line)[stroke="#0F172A"],:where(svg,path,rect,circle,polyline,line)[stroke="#475569"],:where(svg,path,rect,circle,polyline,line)[stroke="#334155"]{stroke:currentColor!important}:where(svg,path,rect,circle,polygon)[fill="#cbd5e1"],:where(svg,path,rect,circle,polygon)[fill="#CBD5E1"],:where(svg,path,rect,circle,polygon)[fill="#94a3b8"],:where(svg,path,rect,circle,polygon)[fill="#94A3B8"],:where(svg,path,rect,circle,polygon)[fill="#e2e8f0"],:where(svg,path,rect,circle,polygon)[fill="#E2E8F0"],:where(svg,path,rect,circle,polygon)[fill="#ffffff"],:where(svg,path,rect,circle,polygon)[fill="#fff"],:where(svg,path,rect,circle,polygon)[fill=white],:where(svg,path,rect,circle,polygon)[fill="#000000"],:where(svg,path,rect,circle,polygon)[fill="#000"],:where(svg,path,rect,circle,polygon)[fill=black],:where(svg,path,rect,circle,polygon)[fill="#0f172a"],:where(svg,path,rect,circle,polygon)[fill="#0F172A"],:where(svg,path,rect,circle,polygon)[fill="#475569"],:where(svg,path,rect,circle,polygon)[fill="#334155"]{fill:currentColor!important}:root:not([data-theme=dark]) [style*="color: rgb(203, 213, 225)"],:root:not([data-theme=dark]) [style*="color: rgb(148, 163, 184)"],:root:not([data-theme=dark]) [style*="color: rgb(226, 232, 240)"]{color:#475569!important}:root[data-theme=dark] textarea,:root[data-theme=dark] input[type=text],:root[data-theme=dark] input{color:var(--oc-text-strong)!important}:root[data-theme=dark] [style*="color: rgb(0, 0, 0)"],:root[data-theme=dark] [style*="color: black"],:root[data-theme=dark] [style*="color: #000"],:root[data-theme=dark] [style*="color: #111"],:root[data-theme=dark] [style*="color: #222"],:root[data-theme=dark] [style*="color: #333"],:root[data-theme=dark] [style*="color: rgb(51, 51, 51)"]{color:var(--oc-text-strong)!important}