.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:#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:#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:#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:#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:#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:#fff;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:#0f172a}.auth-header p{margin:0;font-size:15px;color:#64748b}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #E2E8F0;padding:16px;border-radius:16px;font-size:16px;font-weight:700;color:#334155;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000005}.google-auth-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 15px #0000000d}.google-auth-btn:active:not(:disabled){transform:translateY(0)}.google-auth-btn.processing{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;color:#94a3b8}.google-icon{width:24px;height:24px}.auth-spinner{width:24px;height:24px;border:3px solid #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:#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:#f8fafc;padding:0}.auth-container{background:#fff;padding:max(32px,5vw);margin:16px;width:auto;border-radius:24px;box-shadow:0 20px 40px #0000000d;border:1px solid #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 #E2E8F0}.hooks-divider span{padding:0 10px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hook-card{background:#f8fafc;border:1px solid #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:#334155;margin:0;line-height:1.5}.hook-cta{text-align:center;font-size:13px;color:#94a3b8;margin-top:20px;margin-bottom:-10px;font-weight:500}.ps-canvas{width:100%;min-height:100vh;background:#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:#fff;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:#fff;border-bottom:1px solid #EEEEEE;position:sticky;top:0;z-index:10}.ps-title{margin:0;font-size:24px;font-weight:800;color:#1a1a1a}.ps-subtitle{margin:4px 0 0;font-size:14px;color:#657786}.ps-done-btn{background:#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:#f4f7f9;color:#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:#f4f7f9;border:1px solid #E1E8ED;border-radius:12px;font-size:14px;font-weight:600;color:#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:#1a1a1a;margin-bottom:8px}.ps-input{background:#f4f7f9;border:1px solid #E1E8ED;padding:14px 16px;border-radius:12px;font-size:15px;color:#1a1a1a;outline:none;transition:border-color .2s;font-family:inherit}.ps-input:focus{border-color:#03a9f4;background:#fff}.ps-input-with-icon{display:flex;align-items:center;background:#f4f7f9;border:1px solid #E1E8ED;border-radius:12px;padding:0 16px;transition:border-color .2s}.ps-input-with-icon:focus-within{border-color:#03a9f4;background:#fff}.ps-icon{color:#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:#fff;border:1px solid #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:#1a1a1a}.ps-dropdown-item:hover{background:#f4f7f9}.ps-dropdown-item.empty{color:#a0aec0;cursor:default}.ps-interests-trigger{background:#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:#e1e8ed}.ps-placeholder-text{color:#a0aec0;font-size:14px}.ps-selected-tags{display:flex;flex-wrap:wrap;gap:8px}.ps-mini-tag{background:#1a1a1a;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.ps-privacy-box{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #EEEEEE}.ps-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#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:#fff;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:#1a1a1a}.ps-modal-sub{margin:0 0 20px;font-size:14px;color:#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:#fff;border:1px solid #E1E8ED;border-radius:20px;font-size:14px;font-weight:600;color:#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:#fff;display:flex;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.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:#fff;height:100vh;display:flex;flex-direction:column;position:relative}.mobile-only-topbar{display:block;width:100%;position:sticky;top:0;z-index:50;background:#fff;transition:transform .3s ease-in-out}.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:#fff;border-top:1px solid #EEEEEE;transition:transform .3s ease-in-out}@media(min-width:700px){.center-feed-column{border-left:1px solid #EEEEEE;border-right:1px solid #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:#f8fafc;border-radius:16px;padding:20px;border:1px solid #E2E8F0}.rs-module h3{margin:0 0 15px;font-size:16px;color:#0f172a;font-weight:800;display:flex;align-items:center;gap:8px}.rs-module p{margin:0 0 15px;font-size:14px;color:#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 #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:#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:#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:#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:#1a1a1a;color:#fff}.rs-action-btn:hover{background:#333}.rs-footer{padding:0 15px;font-size:12px;color:#64748b;line-height:1.8}.rs-footer-link{color:#64748b;cursor:pointer;transition:color .2s}.rs-footer-link:hover{color:#3b82f6;text-decoration:underline}.rs-copyright{display:block;margin-top:8px}}.mobile-only-topbar{transition:transform .3s ease-in-out,margin-top .3s ease-in-out!important}body.hide-nav-bars .mobile-only-topbar{transform:translateY(-150%)!important;margin-top:-70px!important}body.hide-nav-bars .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:#fff;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:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-weight:700;color:#0f172a;cursor:pointer;transition:background .2s}.ecosystem-close-btn:hover{background:#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:#0f172a;font-size:24px;font-weight:800}.ecosystem-modal p{color:#475569;font-size:15px;line-height:1.6;margin:0 0 30px}.ecosystem-btn-row{display:flex;gap:10px}.ecosystem-action-btn{background:#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:#f1f5f9;color:#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)}}.mobile-only-topbar{position:sticky;top:0;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}body.hide-top-bar .mobile-only-topbar{transform:translateY(-100%)!important}.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 #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:#1a1a1a;border-radius:50%;transition:background .2s}.icon-btn:active{background:#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 #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:#f4f7f9;border:1px solid transparent;padding:8px 36px 8px 16px;border-radius:20px;font-size:15px;color:#1a1a1a;outline:none;transition:border .2s,background .2s}.topbar-search-input:focus{background:#fff;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:#fff;border-top:1px solid #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:#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:#1a1a1a}.bn-item.active .bn-icon-wrapper{transform:translateY(-3px)}.bn-item.active .bn-label{color:#1a1a1a;font-weight:700}.bn-item:after{content:"";position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background-color:#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:#fff;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:#fff;border-radius:20px 20px 0 0}.pc-sort-dropdown select{appearance:none;background:#f4f7f9;border:1px solid #e1e8ed;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;color:#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:#0f1419}.pc-count-badge{background:#e1e8ed;color:#0f1419;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.pc-close-btn{background:#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:#e1e8ed}.pc-list{flex:1;overflow-y:auto;padding:20px;background:#fff}.pc-empty-state{text-align:center;margin-top:60px;color:#536471;display:flex;flex-direction:column;align-items:center}.pc-empty-state p{color:#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 #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:#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:#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:#fff;border:1px solid #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:#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.4;color:#0f1419;word-wrap:break-word}.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 #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:#fff;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:#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 #eff3f4;display:flex;flex-direction:column;gap:20px}.pc-reply-item{display:flex;gap:12px;position:relative}.pc-input-section{border-top:1px solid #eff3f4;padding:12px 20px 20px;background:#fff;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:#fff;border-radius:16px;box-shadow:#65778633 0 -5px 20px;max-height:250px;overflow-y:auto;margin-bottom:8px;border:1px solid #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:#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{flex:1;background:#f7f9f9;border-radius:20px;padding:8px 16px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent;transition:background .2s,border .2s}.pc-input-box:focus-within{background:#fff;border-color:#1d9bf0}.pc-input-box input{width:100%;border:none;background:transparent;outline:none;font-size:15px;color:#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:#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 #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:#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:#fff;margin-bottom:2px;transition:background-color .2s}.liker-card.clickable{cursor:pointer}.liker-card.clickable:hover{background:#f5f8fa}.liker-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#eee;margin-right:15px;border:1px solid #E1E8ED}.liker-info{flex:1}.liker-info h4{margin:0 0 3px;font-size:15px;font-weight:700;color:#1a1a1a}.liker-info p{margin:0;font-size:13px;color:#657786;font-weight:500}.view-profile-btn{background:#f4f7f9;color:#1a1a1a;border:1px solid #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:#1a1a1a;color:#fff;border-color:#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:#1a1a1a;font-weight:800}.no-likes-state p{margin:0;color:#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:#e1e8ed;margin-right:15px}.skeleton-text-block{flex:1}.skeleton-title{width:40%;height:14px;background:#e1e8ed;border-radius:4px;margin-bottom:8px}.skeleton-subtitle{width:25%;height:10px;background:#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:#fff;padding:16px 20px;border-bottom:1px solid #EEEEEE;width:100%;display:flex;flex-direction:column;transition:background-color .2s ease}@media(min-width:700px){.mp-post-card{border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE}.mp-post-card:hover{background-color:#fafafa}}.mp-repost-badge{font-size:13px;color:#657786;font-weight:700;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mp-repost-badge:hover{color:#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 #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:#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:#657786;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-post-date-bottom{font-size:12px;color:#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:#657786;cursor:pointer;padding:5px 10px;border-radius:50%;transition:background .2s}.mp-post-more:hover{background:#e1e8ed;color:#1a1a1a}.mp-dropdown-menu{position:absolute;right:0;top:100%;background:#fff;box-shadow:0 4px 15px #00000026;border-radius:8px;overflow:hidden;z-index:100;min-width:150px;border:1px solid #EEEEEE}.mp-dropdown-item{padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;color:#1a1a1a}.mp-dropdown-item:hover{background:#f5f8fa}.mp-dropdown-item.delete{color:#e53935}.mp-dropdown-item.report{color:#f57c00}.mp-post-text{font-size:15px;color:#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:#657786;font-weight:600;cursor:pointer}.mp-read-more:hover{text-decoration:underline}.mp-inner-post{border:1px solid #CFD9DE;border-radius:16px;padding:12px;margin-bottom:12px;background:#fff;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:#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 #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-car-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:2;display:none;align-items:center;justify-content:center;font-size:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-car-btn.left{left:10px}.mp-car-btn.right{right:10px}.mp-carousel-container:hover .mp-car-btn{display:flex}.mp-carousel-indicator{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.mp-post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.mp-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:#657786;font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:20px;transition:all .2s ease}.mp-action-btn svg{transition:transform .2s ease}.mp-action-btn:hover{background:#e1e8ed;color:#1a1a1a}.mp-action-btn:hover svg{transform:scale(1.1)}.mp-action-btn:first-child:hover{background:#e91e631a;color:#e91e63}.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:#f5f8fa}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pc-pdf-carousel-container{margin-top:10px;background:#f4f7f9;border-radius:12px;overflow:hidden;border:1px solid #E1E8ED;position:relative;display:flex;flex-direction:column}.pc-pdf-document-wrapper{width:100%;display:flex;justify-content:center;background:#fff;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:#657786}.pc-pdf-controls{display:flex;align-items:center;justify-content:space-between;background:#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-expand{position:absolute;top:10px;right:10px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;z-index:10}.pc-pdf-expand:hover{background:#000c}.pc-pdf-fallback{background:#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:#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 #EEEEEE}.pc-img-grid{display:grid;gap:3px;border-radius:14px;overflow:hidden;border:1px solid #EEEEEE}.pc-img-grid img{width:100%;height:100%;object-fit:cover;cursor:pointer;background:#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:#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}}.battle-card-wrapper{padding:10px 16px;border-bottom:1px solid #EEEEEE;background:#fff}.battle-card-content{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease}.battle-card-content:hover{transform:translateY(-2px)}.bc-info-group{display:flex;align-items:center;gap:12px;flex:1}.bc-icon{font-size:30px;background:#ffffff1a;padding:8px;border-radius:12px;flex-shrink:0}.bc-text{flex:1}.bc-text h3{margin:0 0 4px;font-size:16px;font-weight:800}.bc-text p{margin:0;font-size:12px;color:#ccc;line-height:1.3}.bc-actions{display:flex;gap:8px;align-items:center}.bc-btn{background:#fff;color:#1a1a1a;border:1px solid transparent;padding:8px 14px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.bc-btn:hover{background:#e0e0e0}.bc-btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.bc-btn.outline:hover{background:#ffffff26;border-color:#fff}@media(max-width:768px){.battle-card-content{flex-direction:column;align-items:stretch;padding:12px;gap:12px}.bc-actions{width:100%;flex-direction:row;justify-content:space-between;gap:6px}.bc-btn{flex:1;padding:8px 4px;font-size:12px}}.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:#fff;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:2px solid #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:#f1f5f9;border-radius:8px}.fade-in::-webkit-scrollbar-thumb{background:#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:#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 #B4C0CE;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:#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:#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 #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:#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 #EDF1F6}.shl-reset-btn{background:#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:#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 #EDF1F6}.shl-task-chip{background:#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:#f1f5f9;border-color:#d8dfe8;color:#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:#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:#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:#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:#f8fafc;border:1px solid var(--shl-border);border-radius:10px;margin-bottom:16px}.shl-seq-cell{width:62px;height:62px;border:1.5px solid #CBD5E1;border-radius:6px;background:#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 #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:#fff}.shl-fill-cell.state-1{background:var(--shl-navy);border-color:var(--shl-navy)}.shl-fill-cell.state-2{background-color:#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:#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:#fff;border:2.5px solid #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:#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:#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:#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:#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 #EDF1F6;scrollbar-width:thin}.shl-navstrip::-webkit-scrollbar{height:5px}.shl-navstrip::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.shl-navstrip::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.shl-navpill{min-width:32px;height:32px;border-radius:7px;border:1.5px solid var(--shl-border);background:#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:#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:#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:#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:#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:#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:#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:#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:#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 #EDF1F6}.hub-meta-chip{font-size:10.5px;font-weight:700;background:#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:#edf1f6}.shl-timer.danger{animation:none}*{transition-duration:.01ms!important}}.feed-wrapper{width:100%;background:#fff;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 #EEEEEE;scrollbar-width:none;-webkit-overflow-scrolling:touch;transition:transform .3s cubic-bezier(.4,0,.2,1)}body.hide-nav-bars .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:#fff;color:#657786;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background:#f5f8fa}.filter-chip.chip-active{background:#1a1a1a;color:#fff;border-color:#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{display:flex;flex-direction:column;padding-bottom:80px;flex:1}.allpostlinvert{padding-bottom:75px!important}.loading-state{text-align:center;padding:40px;color:#657786;font-weight:500;font-size:15px}.pq-wrapper{background-color:#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:#0f172a;margin:0 0 4px}.pq-title-area p{font-size:14px;color:#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:#94a3b8}.pq-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #E2E8F0;border-radius:12px;background-color:#fff;font-size:15px;color:#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:#fff;padding:16px;border-radius:16px;border:1px solid #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:#cbd5e1}.pq-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#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:#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:#f1f5f9;color:#334155;border:1px solid #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:#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:#f8fafc;border:1px dashed #CBD5E1;border-radius:12px;padding:16px;text-align:center;margin:8px 0}.pq-ad-content{font-size:13px;color:#94a3b8;font-weight:500}.pq-empty-state{text-align:center;padding:60px 20px;background-color:#fff;border-radius:16px;border:1px solid #E2E8F0}.pq-empty-icon{font-size:48px;margin-bottom:16px;display:inline-block}.pq-empty-state h3{font-size:18px;color:#0f172a;margin:0 0 8px}.pq-empty-state p{font-size:14px;color:#64748b;margin:0}.pq-loader{display:flex;justify-content:center;padding:24px 0}.pq-scroll-prompt{font-size:13px;color:#94a3b8}.pq-spinner{width:24px;height:24px;border:3px solid #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 #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:#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:#f1f5f9;color:#1a1a1a}.pq-toggle-wrapper{margin-top:20px;display:flex;justify-content:flex-start}.pq-toggle{display:inline-flex;background-color:#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:#64748b;cursor:pointer;transition:all .2s ease}.pq-toggle-btn.active{background-color:#fff;color:#0f172a;box-shadow:0 2px 4px #0000000d}.pq-empty-upload-btn{margin-top:15px;padding:10px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700}.lms-canvas{width:100%;min-height:100vh;background-color:#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:#fff;padding:20px;border-bottom:1px solid #F1F5F9}.lms-header-text h2{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 4px}.lms-header-text p{font-size:14px;color:#64748b;margin:0 0 16px}.lms-search-bar{display:flex;align-items:center;background:#f8fafc;border-radius:12px;padding:12px 16px;gap:10px;transition:box-shadow .2s,border-color .2s;border:1px solid #E2E8F0}.lms-search-bar:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.lms-search-bar svg{width:18px;height:18px;color:#94a3b8}.lms-search-bar input{border:none;background:transparent;width:100%;font-size:15px;outline:none;color:#334155}.lms-tabs{display:flex;background:#fff;padding:0;border-bottom:1px solid #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:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;line-height:1.2}.lms-tab.active{color:#0f172a;border-bottom-color:#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:#0f172a;margin:0}.lms-badge-cert{background:#fef3c7;color:#d97706;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.lms-teach-btn{background:#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:#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:#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:#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:#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:#fff;border-radius:16px;border:1px solid #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:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:0 20px 20px}.lms-card-grid{background:#fff;border-radius:16px;border:1px solid #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:#fff;border-radius:16px;border:1px solid #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:#0f172a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lms-list-author{font-size:13px;color:#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:#f8fafc;color:#0f172a;border:1px solid #E2E8F0;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.lms-cert-btn:hover{background:#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:#0f172a;font-size:18px}.lms-empty-state p{margin:0 0 20px;color:#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:#fff;border:1px solid #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:#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:#f8fafc;min-height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bc-header{background:#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:#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:#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:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000000a;border:1px solid #E2E8F0}.bc-modules-title{margin:0 0 20px;font-size:18px;color:#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:#f8fafc;border-color:#e2e8f0}.bc-module-item.locked{background:#f8fafc;border-color:transparent;opacity:.5;cursor:not-allowed}.bc-module-item.unlocked{background:#fff;border-color:#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:#e2e8f0;color:#94a3b8}.bc-mod-icon.unlocked{background:#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:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-mod-type{font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bc-mod-enter{background:#0f172a;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;flex-shrink:0}.read-canvas{background:#fff;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 #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:#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:#334155;font-size:16px;line-height:1.7}.read-markdown h3{margin-top:32px;margin-bottom:16px;font-size:22px;color:#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 #E2E8F0;padding-top:32px;margin-top:40px}.read-quiz-title{margin:0 0 16px;font-size:20px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px}.read-quiz-question{margin:0 0 24px;font-size:16px;color:#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 #E2E8F0;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;background:#fff}.read-opt-card.selected{border-color:#3b82f6;background:#eff6ff}.read-opt-card.correct{border-color:#10b981;background:#ecfdf5}.read-opt-card.wrong{border-color:#ef4444;background:#fef2f2}.read-opt-card.disabled{cursor:default}.read-opt-circle{width:26px;height:26px;border-radius:50%;border:2px solid #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:#1e293b;font-weight:500;line-height:1.4}.read-bottom-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:16px 20px 24px;border-top:1px solid #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:#e2e8f0;color:#94a3b8;cursor:not-allowed}.read-action-btn.active{background:#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:#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 #E2E8F0}.cb-img-wrap img{width:100%;display:block}.cb-img-caption{padding:10px 14px;background:#f8fafc;font-size:12px;color:#64748b;font-weight:600;border-top:1px solid #E2E8F0}.cb-img-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f1f5f9;border:1px dashed #CBD5E1;border-radius:14px;padding:32px 20px;text-align:center}.cb-img-fallback-icon{width:44px;height:44px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:20px}.cb-img-fallback-text{font-size:13px;color:#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:#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:#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:#fff;border:2px dashed #CBD5E1;border-radius:16px;padding:20px}.cb-qd-prompt{font-size:14.5px;font-weight:700;color:#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 #E2E8F0;background:#f8fafc;font-size:13.5px;font-weight:700;color:#334155;cursor:pointer;text-align:center;transition:.15s}.cb-qd-opt:active{transform:scale(.97)}.cb-qd-opt.chosen{border-color:#3b82f6;background:#eff6ff;color:#1e3a5f}.cb-qd-reveal{font-size:13.5px;color:#475569;line-height:1.6;background:#f8fafc;border-radius:10px;padding:12px 14px;margin-top:4px}.sa-card{background:#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:#f8fafc;border:1px solid #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:#64748b;margin-bottom:8px;display:block}.rf-text{font-size:14.5px;color:#334155;font-weight:600;line-height:1.55;margin:0}.kc-instruction{font-size:13px;color:#64748b;font-weight:600;margin:-8px 0 18px}.kc-scenario-box{background:#f8fafc;border-left:4px solid #3B82F6;border-radius:8px;padding:16px 18px;margin-bottom:20px;font-size:15px;color:#1e293b;line-height:1.6}.kc-choice-card{padding:16px 18px;border-radius:14px;border:2px solid #E2E8F0;margin-bottom:10px;cursor:pointer;transition:.15s;background:#fff}.kc-choice-card:active{transform:scale(.98)}.kc-choice-card.picked.best{border-color:#10b981;background:#ecfdf5}.kc-choice-card.picked.good{border-color:#f59e0b;background:#fffbeb}.kc-choice-card.picked.poor{border-color:#ef4444;background:#fef2f2}.kc-choice-card.disabled{cursor:default;opacity:.55}.kc-choice-text{font-size:14.5px;font-weight:600;color:#1e293b}.kc-feedback{margin-top:10px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.55}.kc-feedback.best{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.kc-feedback.good{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.kc-feedback.poor{background:#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 #E2E8F0;background:#fff;font-size:13.5px;font-weight:600;color:#334155;text-align:center;cursor:pointer;transition:.15s;line-height:1.4}.kc-match-item.selected{border-color:#3b82f6;background:#eff6ff}.kc-match-item.matched{border-color:#10b981;background:#ecfdf5;color:#065f46;cursor:default;opacity:.8}.kc-match-item.shake{border-color:#ef4444;background:#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:#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 #E2E8F0;background:#fff;font-size:14px;font-weight:600;color:#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:#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 #CBD5E1;display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:600;color:#94a3b8}.kc-order-slot.filled{border-style:solid;border-color:#3b82f6;background:#eff6ff;color:#1e3a5f}.kc-order-slot.correct{border-color:#10b981;background:#ecfdf5;color:#065f46}.kc-order-slot.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.kc-order-check-btn{background:#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:#64748b;font-size:13px;font-weight:700;cursor:pointer;padding:8px}.kc-sentence{font-size:16px;line-height:1.9;color:#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 #E2E8F0;background:#fff;font-size:14px;font-weight:700;color:#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:#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:#fff;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:#0f172a;margin:0 0 8px}.badge-modal-text{font-size:14px;color:#64748b;line-height:1.55;margin:0 0 24px}.badge-modal-btn{width:100%;padding:16px;background:#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}.market-wrapper{padding:20px;background:#fff;min-height:100vh}.market-header{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.market-header h2{margin:0;font-size:24px;font-weight:800;color:#1a1a1a}.market-header p{margin:0;font-size:14px;color:#657786;line-height:1.4}.market-header-actions{display:flex;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap}.market-search-bar{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #E2E8F0;padding:10px 16px;border-radius:20px;transition:all .2s}.market-search-bar:focus-within{border-color:#2196f3;background:#fff;box-shadow:0 0 0 3px #2196f31a}.market-search-bar svg{color:#94a3b8;flex-shrink:0}.market-search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:15px;color:#0f172a;min-width:0}.market-search-bar input::placeholder{color:#94a3b8}.market-search-clear{background:#e2e8f0;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#64748b;cursor:pointer;padding:0;flex-shrink:0}.sell-btn{background:#1a1a1a;color:#fff;padding:12px 24px;border-radius:20px;font-weight:700;cursor:pointer;transition:background .2s;box-shadow:0 4px 10px #0000001a;border:none;font-size:15px;white-space:nowrap}.sell-btn:hover{background:#333}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding-bottom:80px}@media(min-width:600px){.market-grid{grid-template-columns:repeat(3,1fr)}}.market-card{width:100%;aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.market-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.market-image{width:100%;height:100%;background-size:cover;background-position:center;background-color:#e0e0e0}.market-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0000,#000000e6);display:flex;flex-direction:column;justify-content:space-between;padding:12px}.market-overlay-top{display:flex;justify-content:space-between;align-items:flex-start}.market-type{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.type-digital{background:#9c27b0cc;color:#fff}.type-local{background:#2196f3cc;color:#fff}.type-global{background:#4caf50cc;color:#fff}.market-quick-share{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.market-quick-share:hover{background:#ffffffe6;color:#1a1a1a;transform:scale(1.1)}.market-overlay-bottom{display:flex;flex-direction:column;gap:2px}.market-title{margin:0;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-price{color:#4caf50;font-size:16px;font-weight:900}.market-loading,.market-empty{text-align:center;padding:50px 20px;color:#657786;font-size:15px;font-weight:500}.market-toggle-wrapper{margin-top:16px;display:flex;align-items:center}.market-toggle{display:flex;background:#f8fafc;border-radius:12px;padding:4px;border:1px solid #E2E8F0;width:100%;max-width:400px}.market-toggle-btn{flex:1;background:transparent;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s ease}.market-toggle-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 6px #00000014}.market-empty{text-align:center;padding:60px 20px;color:#64748b;font-size:15px;font-weight:500;line-height:1.5}.utilities-container{padding:20px;background:#fff;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:#0f172a;letter-spacing:-.5px}.utilities-header p{margin:0;font-size:14px;color:#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:#f8fafc;border:1px solid #E2E8F0;border-radius:20px;cursor:pointer;transition:all .2s ease}.utility-card:hover{background:#fff;border-color:#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:#0f172a}.utility-info p{margin:0;font-size:13px;color:#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:#fff;border-bottom:1px solid #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:#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:#657786}.vp-repost-date{font-size:12px;color:#9e9e9e}.vp-repost-text{margin:0 0 0 34px;font-size:15px;color:#1a1a1a;line-height:1.4}.vp-main-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.vp-main-card.is-repost-inner{border:1px solid #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:#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:#657786;margin-top:2px}.clickable:hover{opacity:.8}.vp-post-text{font-size:18px;color:#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:#657786;padding-bottom:15px;border-bottom:1px solid #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:#657786;font-size:15px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:20px;transition:background .2s}.vp-action-btn:hover{background:#f5f8fa}.vp-liked-text{color:#e91e63}.vp-menu-container{position:relative}.vp-more-btn{background:none;border:none;font-size:24px;color:#9e9e9e;cursor:pointer;padding:0 5px}.vp-dropdown-menu{position:absolute;right:0;top:100%;background:#fff;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:#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}@media(min-width:768px){.vp-content-wrapper{margin-top:20px;border:1px solid #EEEEEE;border-radius:12px;background:#fff;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:#fff;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 #EDF1F6;flex-shrink:0}.pi-modal-head h2{margin:0;font-size:18px;font-weight:800;color:#0f1b2d;letter-spacing:-.3px}.pi-modal-head p{margin:3px 0 0;font-size:13px;color:#7185a0}.pi-close{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:#f4f7fa;border:1px solid #E3E9F1;color:#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:#7185a0}.pi-spinner{width:36px;height:36px;margin:0 auto;border:3px solid #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:#47586f;line-height:1.6;background:#f6f8fb;border:1px solid #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:#0f1b2d}.pi-calibrating>p{font-size:13.5px;color:#47586f;line-height:1.65;margin:0 auto 20px;max-width:420px}.pi-calib-checklist{text-align:left;background:#f6f8fb;border:1px solid #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:#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:#7185a0;margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.pi-dial-pct{font-size:11px;color:#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:#f1f5f9;color:#47586f}.pi-band-note{font-size:13px;color:#47586f;line-height:1.6;margin:0 0 8px}.pi-coverage-note{font-size:11.5px;color:#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:#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:#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:#0f1b2d}.pf-bar-score{font-size:14px;font-weight:800}.pf-bar-track{height:7px;background:#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:#7185a0}.pf-bar-foot strong{color:#0f1b2d}.pf-muted{color:#94a3b8}.pf-coverage{color:#c77c00;font-weight:700;flex-shrink:0}.pi-drilldown{margin-top:14px;background:#f6f8fb;border:1px solid #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:#0f1b2d}.pi-drill-head button{background:none;border:none;color:#7185a0;font-size:12px;cursor:pointer;font-weight:600;padding:2px 4px}.pi-drill-desc{font-size:12.5px;color:#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:#47586f}.pf-signal-raw{font-size:12.5px;font-weight:700;color:#0f1b2d;text-align:right}.pf-signal-raw em{color:#94a3b8;font-weight:400;font-size:11.5px}.pf-signal-track{grid-column:1 / -1;height:4px;background:#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:#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:#47586f;line-height:1.6}.pi-narrative h3{margin:0 0 14px;font-size:16.5px;font-weight:800;color:#0f1b2d;line-height:1.4}.pi-narr-summary{font-size:14px;color:#0f1b2d;line-height:1.65;margin:0 0 16px}.pi-narr-block{border-left:3px solid #E3E9F1;padding:2px 0 2px 13px;margin-bottom:14px}.pi-narr-block span{display:block;font-size:10.5px;font-weight:800;color:#7185a0;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.pi-narr-block p{margin:0;font-size:13.5px;color:#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:#fff;margin-bottom:4px}.pi-input-row:focus-within{border-color:#e8480c;box-shadow:0 0 0 3px #e8480c14}.pi-at{color:#94a3b8;font-size:15px;font-weight:600}.pi-input{flex:1;border:none;outline:none;padding:13px 6px;font-size:15px;color:#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:#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:#0f1b2d;line-height:1.3}.pi-head-handle{font-size:11.5px;color:#94a3b8;margin-bottom:6px}.pi-head-score{font-size:30px;font-weight:800;line-height:1}.pi-head-band{font-size:11px;color:#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:#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:#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:#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:#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:#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 #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:#7185a0;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.pi-edu-stat strong{font-size:22px;font-weight:800;color:#0f1b2d}.pf-actions{display:flex;flex-direction:column;gap:11px}.pf-action{display:flex;gap:12px;background:#f6f8fb;border:1px solid #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:#0f1b2d;margin-bottom:4px;line-height:1.4}.pf-action-why{font-size:12.5px;color:#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:#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:#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:#fff;border:1.5px solid #DFE6EF;color:#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:#94a3b8;text-align:center;line-height:1.6;margin:20px 0 0;padding-top:16px;border-top:1px solid #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:#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:#fff;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:#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:#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:#0f172a}.mp-username{margin:2px 0 0;color:#64748b;font-size:15px}.mp-academic{margin:8px 0 0;color:#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:#0f172a;color:#fff}.mp-btn-primary:hover{background:#1e293b}.mp-btn-primary.following{background:#e2e8f0;color:#0f172a;border:1px solid #CBD5E1}.mp-btn-message{background:#0ea5e9}.mp-btn-ai{background:linear-gradient(135deg,#1a1a1a,#334155)}.mp-btn-secondary{background:#fff;color:#0f172a;border:1px solid #E2E8F0}.mp-btn-secondary:hover{background:#f8fafc}.mp-stats-dashboard{display:flex;justify-content:space-between;align-items:center;background:#fff;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:#0f172a}.mp-stat-box p{margin:0;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mp-stat-divider{width:1px;height:30px;background:#e2e8f0}.mp-tabs-wrapper{background:#fff;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 #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:#64748b;font-weight:600;font-size:15px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.mp-tab:hover{color:#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:#fff;padding:20px;border-radius:12px;margin-bottom:15px;border:1px solid #E2E8F0}.mp-info-card h3{margin:0 0 10px;font-size:16px;color:#0f172a}.mp-hint{font-size:12px;color:#94a3b8;font-weight:400}.mp-info-card p{margin:0;color:#334155;font-size:15px;line-height:1.5}.mp-join-date{text-align:center;padding:15px;color:#64748b;font-size:14px}.mp-logout-btn{width:100%;padding:15px;background:#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:#fff;border-radius:12px;border:1px solid #E2E8F0}.mp-empty-state h3{margin:0 0 10px;color:#0f172a}.mp-empty-state p{margin:0;color:#64748b}.mp-posts-grid{display:flex;flex-direction:column;gap:15px}.mp-post-card{background:#fff;padding:15px;border-radius:12px;border:1px solid #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:#64748b;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #F1F5F9}.mp-repost-badge{font-size:12px;color:#64748b;font-weight:700;margin-bottom:10px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.mp-repost-badge:hover{color:#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:#e2e8f0}.mp-post-header-info{flex:1}.mp-post-header-name{display:flex;align-items:center;gap:5px;font-size:15px;color:#0f172a;display:inline-flex}.mp-post-date{font-size:12px;color:#94a3b8;margin:0;display:block}.mp-grid-image-single{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin-top:10px;cursor:pointer}.mp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;border-radius:12px;overflow:hidden}.mp-grid-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 150px;gap:4px;margin-top:10px;border-radius:12px;overflow:hidden}.mp-grid-4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:4px;margin-top:10px;border-radius:12px;overflow:hidden}.mp-grid-image{width:100%;height:100%;object-fit:cover;cursor:pointer;background:#f1f5f9}.mp-grid-image-large{width:100%;height:100%;object-fit:cover;grid-column:span 2;cursor:pointer;background:#f1f5f9}.mp-grid-more-overlay{position:absolute;inset:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer}.mp-post-text{font-size:15px;color:#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:#f8fafc;padding:12px;border-radius:8px;margin-top:10px;border:1px solid #E2E8F0}.mp-event-card h4{margin:0 0 5px;color:#0f172a}.mp-event-card p{margin:2px 0;font-size:13px;color:#475569}.mp-debate-card{background:#fff;padding:15px;border-radius:12px;margin-top:10px;border:1px solid #E2E8F0}.mp-debate-card h4{margin:0 0 15px;color:#0f172a}.mp-debate-option{position:relative;padding:12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;margin-bottom:10px;overflow:hidden;transition:all .2s;cursor:pointer}.mp-debate-option.active-a{background:#eff6ff;border:2px solid #3B82F6}.mp-debate-option.active-b{background:#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:#dbeafe}.mp-debate-progress.b{background:#fee2e2}.mp-debate-content{position:relative;z-index:1;display:flex;justify-content:space-between;font-weight:700;color:#334155}.active-a .mp-debate-content{color:#1d4ed8}.active-b .mp-debate-content{color:#b91c1c}.mp-debate-footer{font-size:11px;color:#94a3b8;margin-top:10px;text-align:right}.mp-inner-post{border:1px solid #E2E8F0;border-radius:12px;padding:12px;background:#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:#e2e8f0}.mp-menu-container{position:relative}.mp-post-more{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:0 10px}.mp-dropdown-menu{position:absolute;right:0;top:100%;background:#fff;border:1px solid #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:#0f172a}.mp-dropdown-item:hover{background:#f1f5f9}.mp-dropdown-item.delete{color:#dc2626}.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:#e2e8f0}.mp-action-count{padding:8px 12px;cursor:pointer;color:#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:#64748b;font-weight:700;cursor:pointer}.mp-scrolls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mp-scroll-card{aspect-ratio:9 / 16;background:#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:#fff;border-radius:12px;overflow:hidden;border:1px solid #E2E8F0;cursor:pointer}.mp-market-item img{width:100%;height:140px;object-fit:cover;background:#f1f5f9}.mp-market-item-info{padding:12px}.mp-market-item-info h4{margin:0 0 5px;font-size:13px;color:#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:#fff;padding:12px;border-radius:12px;border:1px solid #E2E8F0;cursor:pointer;gap:15px;align-items:center}.mp-academy-card img{width:100px;height:70px;object-fit:cover;border-radius:8px;background:#f1f5f9}.mp-academy-info{flex:1}.mp-academy-info h4{margin:0 0 5px;font-size:15px;color:#0f172a}.mp-academy-stats{display:flex;gap:10px;font-size:12px;color:#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:#94a3b8}.mp-cert-id{margin:5px 0 0;font-size:11px;color:#64748b;font-family:monospace}.mp-dash-title{border-bottom:1px solid #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:#f8fafc;padding:15px;border-radius:12px;border:1px solid #E2E8F0;text-align:left}.mp-dash-box.success{background:#f0fdf4;border:1px solid #BBF7D0}.mp-dash-box.primary{background:#eff6ff;border:1px solid #BFDBFE}.mp-dash-box.danger{background:#fef2f2;border:1px solid #FCA5A5}.mp-dash-box span{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:700}.mp-dash-box h2{margin:5px 0 0;color:#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:#64748b;margin-bottom:20px;line-height:1.5}.mp-bank-card{margin-top:20px;background:#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:#0f172a}.mp-bank-card span{font-size:13px;color:#64748b}.mp-btn-update-bank{background:#fff;color:#0f172a;border:1px solid #CBD5E1;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s}.mp-btn-update-bank:hover{background:#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:#fff;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:#f1f5f9;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;color:#0f172a;font-weight:700}.mp-hud-modal h2{margin:0 0 5px;font-size:20px;color:#0f172a}.mp-hud-modal p{margin:0 0 25px;font-size:13px;color:#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 #E2E8F0;box-sizing:border-box;margin-bottom:20px;font-size:15px;outline:none}.mp-hud-input:focus{border-color:#0ea5e9}.mp-hud-submit{background:#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:#fff;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 #F1F5F9}.ba-back-btn,.ba-icon-btn{background:none;border:none;color:#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:#f8fafc}.ba-loading,.ba-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#64748b}.ba-spinner{width:32px;height:32px;border:3px solid #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:#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 #E2E8F0;cursor:pointer}.ba-author-info{display:flex;flex-direction:column}.ba-author-info strong{color:#0f172a;font-size:15px;cursor:pointer}.ba-author-info span{color:#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:#334155;font-size:18px;line-height:1.8}.ba-paragraph{margin-bottom:24px}.ba-paragraph strong{color:#0f172a;font-weight:800}.ba-paragraph em{color:#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 #F1F5F9;border-bottom:1px solid #F1F5F9;background:#f8fafc;display:flex;flex-direction:column;align-items:center}.ba-ad-label{font-size:10px;text-transform:uppercase;color:#94a3b8;letter-spacing:1px;margin-bottom:8px}.ba-article-footer{margin-top:48px;border-top:2px solid #F1F5F9;padding-top:32px}.ba-engagement-bar{display:flex;gap:16px;margin-bottom:32px}.ba-engage-btn{background:#f1f5f9;border:none;padding:10px 20px;border-radius:24px;font-size:15px;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.ba-engage-btn:hover{background:#e2e8f0;color:#0f172a}.ba-cta-box{background:#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:#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 #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:#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:#e2e8f0}.ba-internal-ad-text{flex:1}.ba-internal-ad-text h4{margin:0 0 4px;font-size:16px;font-weight:800;color:#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:#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 #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:#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:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;cursor:pointer;transition:all .2s}.ba-recent-item:hover{background:#fff;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:#1e293b;line-height:1.4}.ba-recent-arrow{color:#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:#f4f7f9;display:flex;justify-content:center;align-items:center;font-family:Skyline,sans-serif;overflow:hidden}.pq3-container{width:100%;max-width:800px;height:100vh;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 30px #0000000d;position:relative}.pq3-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fff;border-bottom:1px solid #E1E8ED;z-index:10}.pq-back-btn{background:transparent;border:1px solid #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:#f4f7f9}.page-counter{font-size:14px;font-weight:800;color:#1a1a1a;background-color:#f4f7f9;padding:6px 16px;border-radius:20px}.pq-ai-trigger-btn{background:#1a1a1a;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;font-size:14px}.slider-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fafafa}.image-canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 50px;box-sizing:border-box}.main-document-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #0000001a}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#1a1a1a;color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:10}.nav-arrow.disabled{opacity:.2;cursor:default}.thumbnail-strip-container{width:100%;padding:16px;background-color:#fff;border-top:1px solid #E1E8ED}.thumbnail-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.thumb-wrapper{position:relative;width:60px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.5}.thumb-wrapper.active{border-color:#2196f3;opacity:1}.thumb-number{position:absolute;bottom:0;right:0;background-color:#000000b3;color:#fff;font-size:10px;padding:2px 6px}.pq-ai-drawer{position:absolute;bottom:0;left:0;width:100%;height:60%;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;z-index:1000}.slide-up{animation:slideUpAnim .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpAnim{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pq-ai-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E1E8ED}.pq-ai-close{background:#f8fafc;border:none;width:30px;height:30px;border-radius:50%;color:#64748b;cursor:pointer}.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:#2196f3;color:#fff;border-bottom-right-radius:4px}.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 #E2E8F0;outline:none;background:#f8fafc}.pq-ai-input-area button{width:44px;height:44px;border-radius:50%;border:none;background:#2196f3;color:#fff;cursor:pointer}.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:#2196f3;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-copy-btn{background:#0000000d;color:#1a1a1a;border:none;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.pq-copy-btn:hover{background:#0000001a}.pq-ai-drawer{transition:all .35s cubic-bezier(.25,1,.5,1);will-change:height,max-width,border-radius}.pq-ai-drawer.expanded{height:96vh;height:96dvh;max-width:100vw;left:0;transform:none;border-radius:0;box-shadow:none}.pq-ai-drawer.expanded .pq-ai-bubble{max-width:90%}.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;transition:all .2s ease}.pq-ai-icon-btn:hover{background:#f1f5f9;color:#1a1a1a}.pq-ai-header{display:flex;justify-content:space-between;align-items:center}.pq-ai-fab{position:fixed;bottom:90px;right:16px;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:50px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 12px 35px #00000040;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.pq-ai-fab:hover{transform:scale(1.05);box-shadow:0 16px 45px #0000004d}.pq-ai-fab-icon{font-size:22px;display:flex;align-items:center;justify-content:center}.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 2s infinite;pointer-events:none}@keyframes pqAiPulse{0%{box-shadow:0 0 #7c3aed80}50%{box-shadow:0 0 25px 8px #7c3aed99}to{box-shadow:0 0 #7c3aed00}}.um-canvas{width:100%;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}.um-nav{display:flex;align-items:center;padding:15px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;border-bottom:1px solid #EEEEEE}.um-back-btn{background:none;border:none;cursor:pointer;padding:5px;margin-right:15px;transition:transform .2s}.um-back-btn:hover{transform:translate(-3px)}.um-nav-title{font-size:18px;font-weight:700;color:#1a1a1a}.um-container{max-width:600px;margin:0 auto;padding:30px 20px 80px}.um-header{margin-bottom:30px}.um-header h1{margin:0 0 5px;font-size:28px;color:#1a1a1a;font-weight:800}.um-header p{margin:0;color:#657786;font-size:14px;line-height:1.5}.um-header strong{color:#e91e63}.um-section{background:#fff;border-radius:20px;padding:25px;margin-bottom:20px;box-shadow:0 4px 20px #00000008;border:1px solid #EEEEEE}.um-section h3{margin:0 0 20px;font-size:16px;color:#1a1a1a;font-weight:700}.um-image-grid{display:flex;flex-wrap:wrap;gap:15px}.um-image-preview,.um-image-upload-box{width:100px;height:100px;border-radius:12px;flex-shrink:0}.um-image-preview{position:relative;box-shadow:0 4px 10px #0000001a}.um-image-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}.um-remove-img{position:absolute;top:-5px;right:-5px;background:#e53935;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0003}.um-image-upload-box{border:2px dashed #CFD9DE;background:#f5f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.um-image-upload-box:hover{border-color:#1a1a1a;background:#eee}.um-upload-content{display:flex;flex-direction:column;align-items:center;color:#657786;font-size:12px;font-weight:600}.um-plus-icon{font-size:24px;font-weight:300;margin-bottom:5px}.um-hint{margin:10px 0 0;font-size:12px;color:#9e9e9e}.um-input-group{display:flex;flex-direction:column;margin-bottom:20px}.um-input-group label{font-size:13px;font-weight:700;color:#657786;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.um-input-group input,.um-input-group textarea{background:#f5f8fa;border:1px solid #CFD9DE;padding:15px;border-radius:12px;font-size:16px;color:#1a1a1a;font-family:inherit;transition:border-color .2s}.um-input-group input:focus,.um-input-group textarea:focus{outline:none;border-color:#1a1a1a;background:#fff}.um-input-group textarea{resize:vertical}.um-input-row{display:flex;gap:15px}.um-input-row .um-input-group{flex:1}@media(max-width:500px){.um-input-row{flex-direction:column;gap:0}}.um-toggle-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #EEEEEE}.um-toggle-info h3{margin:0 0 5px}.um-toggle-info p{margin:0;font-size:13px;color:#657786}.um-switch{position:relative;display:inline-block;width:50px;height:28px}.um-switch input{opacity:0;width:0;height:0}.um-slider{position:absolute;cursor:pointer;inset:0;background-color:#cfd9de;transition:.3s;border-radius:34px}.um-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 5px #0003}.um-switch input:checked+.um-slider{background-color:#1a1a1a}.um-switch input:checked+.um-slider:before{transform:translate(22px)}.um-submit-btn{width:100%;background:#1a1a1a;color:#fff;padding:18px;border:none;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0000001a;margin-top:10px}.um-submit-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.um-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.um-spinner{width:50px;height:50px;border:4px solid #F5F8FA;border-top:4px solid #1A1A1A;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.um-loading-text{margin:0 0 10px;color:#1a1a1a;font-size:20px;font-weight:700}.um-loading-overlay p{margin:0;color:#657786;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mid-wrapper{width:100%;min-height:100vh;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-bottom:90px}.mid-nav{display:flex;align-items:center;padding:15px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;border-bottom:1px solid #EEEEEE}.mid-back-btn{background:none;border:none;cursor:pointer;padding:5px;margin-right:15px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.mid-back-btn:hover{transform:translate(-3px)}.mid-nav-title{font-size:18px;font-weight:700;color:#1a1a1a}.mid-share-icon-btn{background:#f5f8fa;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.mid-share-icon-btn:hover{background:#e1e8ed;transform:scale(1.05)}.mid-content-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto}.mid-gallery-section{width:100%;padding:15px}.mid-hero-image{width:100%;aspect-ratio:4 / 3;background:#f5f7fa;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 4px 15px #0000000d}.mid-hero-image img{width:100%;height:100%;object-fit:contain}.mid-expand-hint{position:absolute;bottom:15px;right:15px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}.mid-hero-image:hover .mid-expand-hint{opacity:1}.mid-thumbnail-strip{display:flex;gap:10px;margin-top:15px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px;cursor:grab}.mid-thumbnail-strip:active{cursor:grabbing}.mid-thumbnail-strip::-webkit-scrollbar{display:none}.mid-thumb{width:70px;height:70px;border-radius:12px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.6;flex-shrink:0}.mid-thumb:hover{opacity:1}.mid-thumb.active{opacity:1;border-color:#1a1a1a;transform:scale(1.05)}.mid-details-section{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.mid-header-info{border-bottom:1px solid #EEEEEE;padding-bottom:20px}.mid-title{margin:0 0 10px;font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.3}.mid-price{font-size:28px;font-weight:900;color:#4caf50}.mid-seller-card{display:flex;align-items:center;gap:15px;background:#f5f8fa;padding:15px;border-radius:16px;border:1px solid #E1E8ED}.mid-seller-icon{font-size:24px}.mid-seller-text{display:flex;flex-direction:column}.mid-seller-text span{font-size:13px;color:#657786}.mid-seller-text strong{font-size:16px;color:#1a1a1a;font-weight:700}.mid-info-block h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#1a1a1a}.mid-desc{margin:0;font-size:15px;color:#424242;line-height:1.6;white-space:pre-wrap}.mid-copy-box{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #E1E8ED;padding:12px 15px;border-radius:12px;cursor:pointer;transition:background .2s}.mid-copy-box:hover{background:#f5f8fa}.mid-copy-box p{margin:0;font-size:15px;color:#1a1a1a;font-weight:500}.mid-whatsapp-btn{background:#25d366;color:#fff;border:none;padding:15px 20px;border-radius:30px;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 4px 15px #25d3664d}.mid-whatsapp-btn:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.mid-desktop-checkout{display:none}.mid-mobile-checkout{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:15px 20px;border-top:1px solid #EEEEEE;display:flex;align-items:center;gap:20px;z-index:100;box-shadow:0 -4px 20px #0000000d}.mid-mc-price{flex:1;font-size:22px;font-weight:800;color:#1a1a1a}.mid-mobile-checkout .mid-whatsapp-btn{width:auto;padding:12px 30px}.mid-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .2s}.mid-lightbox-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer}.mid-lightbox img{max-width:90%;max-height:80vh;object-fit:contain}.mid-lightbox-controls{display:flex;align-items:center;gap:20px;margin-top:20px;color:#fff}.mid-lightbox-controls button{background:#fff3;border:none;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:800px){.mid-wrapper{padding-bottom:20px}.mid-mobile-checkout{display:none}.mid-desktop-checkout{display:block;margin-top:10px}.mid-content-container{flex-direction:row;gap:40px;padding:30px;align-items:flex-start}.mid-gallery-section{flex:1.2;position:sticky;top:80px;padding:0}.mid-details-section{flex:1;padding:0}.mid-title,.mid-price{font-size:32px}}.mid-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:30px;font-size:15px;font-weight:700;border:none;cursor:pointer;color:#fff;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.mid-action-btn:active{transform:scale(.97)}.mid-action-btn.message-btn{background:#3b82f6;box-shadow:0 4px 15px #3b82f640}.mid-action-btn.message-btn:hover{background:#2563eb}.mid-action-btn.whatsapp-btn{background:#10b981;box-shadow:0 4px 15px #10b98140}.mid-action-btn.whatsapp-btn:hover{background:#059669}.mid-action-btn.disabled{background:#e2e8f0!important;color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.mid-delete-btn{width:100%;background:#fef2f2;color:#ef4444;border:1px solid #FECACA;padding:14px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:background .2s ease}.mid-delete-btn:hover{background:#fee2e2}.mid-mobile-checkout{position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -4px 20px #00000014;padding:15px 20px 25px;display:flex;flex-direction:column;align-items:center;z-index:1000}.mid-mc-price{font-size:22px;font-weight:900;color:#0f172a;margin-bottom:10px}.mid-mc-actions{display:flex;gap:12px;width:100%;max-width:400px}.mid-desktop-checkout{display:flex;flex-direction:column;gap:12px;margin-top:24px}@media(max-width:767px){.mid-desktop-checkout{display:none!important}.mid-wrapper{padding-bottom:120px}}@media(min-width:768px){.mid-mobile-checkout{display:none!important}.mid-wrapper{padding-bottom:40px}}.mid-content-container{padding-bottom:80px}@media(max-width:767px){.mid-desktop-checkout{display:none!important}}@media(min-width:768px){.mid-mobile-checkout{display:none!important}.mid-content-container{padding-bottom:20px}}.tracker-canvas{width:100%;min-height:100vh;background-color:#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:#fff;border-bottom:1px solid #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:#0f172a;margin:0}.tracker-header-title p{font-size:.8rem;color:#64748b;margin:2px 0 0}.tracker-stat-pill{background:#eff6ff;color:#2563eb;font-size:.82rem;font-weight:700;padding:6px 12px;border-radius:20px}.tracker-mobile-tabs{display:none;background:#fff;border-bottom:1px solid #E2E8F0;padding:8px;gap:6px;overflow-x:auto}.tracker-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#f1f5f9;border:none;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer}.tracker-tab-btn.active{background:#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:#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:#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:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #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:#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:#fee2e2;color:#dc2626}.badge-urgent{background:#fef3c7;color:#d97706}.badge-warning{background:#fef9c3;color:#ca8a04}.badge-normal{background:#f0fdf4;color:#16a34a}.card-opp-title{font-size:.88rem;font-weight:600;color:#0f172a;margin:0 0 4px;line-height:1.35}.card-opp-host{font-size:.76rem;color:#64748b;margin:0 0 10px}.card-actions-row{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid #F1F5F9}.stage-selector{flex:1;font-size:.75rem;padding:4px 6px;border:1px solid #CBD5E1;border-radius:6px;background:#fff;color:#1e293b}.card-portal-link{font-size:.75rem;color:#2563eb;font-weight:600;text-decoration:none;padding:4px 6px;background:#eff6ff;border-radius:6px}.card-delete-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.card-delete-btn:hover{color:#ef4444}.empty-column-state{text-align:center;padding:30px 10px;color:#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}.nt-container{width:100%;min-height:100vh;background-color:#fff;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:#fff;border-bottom:1px solid #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:#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:#9e9e9e;cursor:not-allowed}.nt-mark-read-btn:hover:not(:disabled){text-decoration:underline}.nt-filters{display:flex;gap:10px;padding:12px 20px;background:#fff;border-bottom:1px solid #EEEEEE;position:sticky;top:53px;z-index:10}.nt-filter-pill{padding:6px 16px;border-radius:20px;border:1px solid #657786;background:#fff;color:#657786;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.nt-filter-pill:hover{background:#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:#1a1a1a;font-size:18px}.nt-empty-state p{margin:0;color:#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:#fff;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 #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:#1a1a1a;line-height:1.4;word-wrap:break-word}.nt-bold{font-weight:700;color:#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:#657786;margin-top:4px;font-weight:500}.nt-item.skeleton{pointer-events:none;background:#fff}.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 #EEEEEE;border-right:1px solid #EEEEEE;background:#fff;min-height:100vh}.nt-filters{max-width:800px;margin:0 auto;border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE}.nt-message{font-size:16px;line-height:1.5}}.inbox-wrapper{width:100vw;height:100vh;background-color:#fff;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:#fff;border-bottom:1px solid #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:#0f172a;letter-spacing:-.5px}.inbox-content{flex:1;overflow-y:auto;background:#fff}.inbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.inbox-spinner{width:30px;height:30px;border:3px solid #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:#0f172a;font-size:20px;font-weight:800}.inbox-discover-btn{background:#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 #F1F5F9;cursor:pointer;transition:background .2s}.inbox-item:hover{background:#f8fafc}.inbox-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-right:15px;border:1px solid #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:#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:#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:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.inbox-last-msg.text-bold{color:#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:#f8fafc;scroll-behavior:smooth}.cabal-stream-event{text-align:center;margin:20px 0}.cabal-stream-event span{background:#fff;color:#64748b;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;border:1px solid #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:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:12px;transition:background .2s}.cabal-msg-pdf:hover{background:#e2e8f0}.cabal-msg-pdf svg{color:#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:#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:#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:#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:#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:#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:#e2e8f0;color:#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:#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:#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:#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:#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:#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:#e2e8f0}.cabal-mute-btn.muted{background:#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:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999}.cabal-alert-box{background:#fff;width:90%;max-width:320px;border-radius:20px;padding:24px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:alertPop .3s cubic-bezier(.175,.885,.32,1.275) forwards}.cabal-alert-icon{font-size:40px;margin-bottom:12px;line-height:1}.cabal-alert-title{margin:0 0 8px;color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.5px}.cabal-alert-message{margin:0 0 20px;color:#475569;font-size:14px;line-height:1.5}.cabal-alert-actions{display:flex;gap:10px;justify-content:center}.cabal-alert-btn-primary,.cabal-alert-btn-secondary{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:all .2s}.cabal-alert-btn-primary{background:#0f6cbd;color:#fff}.cabal-alert-btn-primary:active{background:#0b5394}.cabal-alert-btn-secondary{background:#f1f5f9;color:#475569}.cabal-alert-btn-secondary:active{background:#e2e8f0}@keyframes alertPop{0%{transform:scale(.9);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}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#f8f9fa;color:#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:#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}