/* style.css */
@import url('./byasis-local-fonts-r1/font-faces.css');
:root{--bg:#f5f5f1;--surface:#fff;--ink:#173d34;--body:#38534c;--muted:#87918c;--line:#e9ece7;--brand:#17725e;--brand-dark:#0c4b3c;--lime:#d9f296;--violet:#e5dff5;--orange:#f4aa72;--shadow:0 7px 28px #163a2c05;--radius:18px;--sidebar:230px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-size:14px;background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #95bd5c;outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;stroke-width:1.8}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope','DM Sans',sans-serif}p{line-height:1.65}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.hidden,[hidden]{display:none!important}.muted{color:var(--muted)}.text-brand{color:var(--brand)}.flex{display:flex;align-items:center}.row{display:flex;align-items:center;gap:12px}.spacer,.grow{flex:1}.small{font-size:12px}.full-width{width:100%}.text-center{text-align:center}
.sidebar{position:fixed;left:0;top:0;width:var(--sidebar);height:100dvh;background:#fff;z-index:40;border-right:1px solid var(--line);padding:31px 22px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.1px;padding:0 12px 35px}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;background:var(--brand);border-radius:11px;color:var(--lime);transform:rotate(-5deg);font-size:26px;letter-spacing:-3px}.brand-symbol svg{width:25px;height:25px;transform:rotate(5deg)}.nav-section-label,.nav-label{color:#a0aaa4;font-size:10px;letter-spacing:1.6px;font-weight:650;text-transform:uppercase;margin:19px 14px 12px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 15px;border:0;background:transparent;text-align:left;border-radius:10px;width:100%;font-size:14px;font-weight:550;color:#74817b;margin:3px 0;transition:background .18s,color .18s}.nav-item svg{width:21px;height:21px}.nav-item:hover{background:#f4f7f0;color:var(--brand)}.nav-item.active{background:#eaf1e5;color:var(--brand);font-weight:700}.nav-item.active svg{stroke-width:2.2}.nav-item .badge{margin-left:auto}.sidebar-divider{height:1px;background:var(--line);margin:21px 12px}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-promo{background:#f3f0fa;padding:18px;border-radius:14px;margin:22px 0}.sidebar-promo p{font-size:11px;color:#7a728d;line-height:1.6;margin:7px 0 13px}.sidebar-promo h4{font-size:13px;letter-spacing:-.2px}.sidebar-user{display:flex;gap:10px;align-items:center;padding:16px 1px 0;border-top:1px solid var(--line)}.sidebar-user strong{display:block;font-size:12px}.sidebar-user small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.sidebar-user .icon-btn{margin-left:auto;width:24px}.sidebar-footer{font-size:10px;color:#a7aea9;line-height:1.9;padding:15px 8px 0}
.topbar{height:80px;margin-left:var(--sidebar);padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebe4;background:var(--bg);position:sticky;top:0;z-index:30;gap:24px}.topbar-title{font-size:15px;font-weight:650;white-space:nowrap}.breadcrumb{color:var(--muted);font-size:12px}.top-search{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);padding:0 16px;border-radius:11px;height:41px;width:370px;max-width:45vw;color:#98a09a}.search-input{background:none;border:0;outline:none;min-width:0;width:100%;color:var(--ink);font-size:12px}.search-input::placeholder{color:#99a39c}.search-hint{border:1px solid var(--line);border-radius:4px;padding:2px 4px;font-size:10px;white-space:nowrap;color:#a3aba4}.top-actions{display:flex;align-items:center;gap:16px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;background:transparent;border:0;border-radius:50%;color:#597269;position:relative;transition:background .18s}.icon-btn:hover{background:#e8eee3}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;background:#ea966e;border:2px solid var(--bg);border-radius:50%}.preview-badge{background:#e8eee2;color:#6b7a60;font-size:10px;padding:5px 9px;border-radius:6px;border:0;white-space:nowrap}.avatar{width:42px;height:42px;border-radius:50%;background:#e7e4d8;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;overflow:hidden;border:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:33px;height:33px;font-size:10px}.avatar.lg{width:78px;height:78px;font-size:24px}.avatar.violet{background:#e7dff2;color:#79638f}.avatar.orange{background:#f8e2d1;color:#a16f47}.avatar.blue{background:#dcebf0;color:#597f91}.avatar.green{background:#e3edce;color:#658448}
.workspace{margin-left:var(--sidebar);padding:30px 36px 48px;min-height:calc(100vh - 80px)}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:28px;max-width:1200px;margin:0 auto}.main-column{min-width:0}.right-column{min-width:0;display:flex;flex-direction:column;gap:22px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:25px}.page-heading h1{font-size:32px;line-height:1.3;letter-spacing:-1.3px;font-weight:800}.page-heading p{font-size:13px;color:#8a968e;margin-top:6px}.greeting{color:#8c978f;font-size:12px;margin-bottom:6px}.heading-eyebrow,.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:14px}.section-head h2{font-size:17px;letter-spacing:-.4px;font-weight:800}.section-head h3{font-size:14px;letter-spacing:-.25px}.section-head a,.section-head .text-link{font-size:11px;color:var(--brand);font-weight:650}.text-link{background:none;border:0;padding:0;color:var(--brand);font-weight:650;font-size:12px}.section-head .icon-btn{width:26px;height:26px}.hero-banner{min-height:200px;position:relative;overflow:hidden;border-radius:20px;background:#184e40;color:#fff;margin-bottom:25px;display:flex;isolation:isolate}.hero-banner:after{content:'';width:360px;height:360px;position:absolute;right:-130px;top:-120px;border-radius:50%;border:1px solid #a5cf8a20;z-index:-1;box-shadow:0 0 0 38px #a5cf8a08,0 0 0 77px #a5cf8a06}.hero-copy{padding:28px 28px 29px;z-index:2;width:61%}.hero-copy .eyebrow{color:#c4e8ac;font-size:9px;letter-spacing:2px}.hero-copy h1{font-size:34px;line-height:1.18;letter-spacing:-1.5px;font-weight:750;margin:11px 0}.hero-copy h1 em{color:var(--lime);font-style:normal}.hero-copy p{font-size:11px;max-width:285px;color:#c5d8cc;line-height:1.7}.hero-copy .btn{margin-top:18px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:39%;display:flex;align-items:center;justify-content:center}.hero-art img{position:absolute;right:19px;top:27px;width:140px;height:158px;border-radius:55px 55px 18px 18px;transform:rotate(10deg);border:4px solid #f7f5eb;box-shadow:0 12px 26px #092d2530}.hero-art img:nth-child(2){right:105px;top:57px;width:86px;height:111px;transform:rotate(-12deg);border-radius:14px}.hero-tag{position:absolute;right:9px;bottom:19px;background:var(--lime);color:#34543d;font-size:9px;font-weight:700;padding:8px 11px;border-radius:20px;transform:rotate(-8deg);z-index:3}.hero-spark{position:absolute;color:var(--lime);right:155px;top:25px;font-size:33px}.hero-circle{position:absolute;width:120px;height:120px;border-radius:50%;background:#c9e1a315;top:30px;right:50px}
.btn{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.35;font-weight:650;padding:11px 16px;min-height:38px;transition:background .18s,transform .18s,box-shadow .18s;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:white}.btn-primary:hover{background:#105e4d;box-shadow:0 3px 9px #17725e1a}.btn-outline{border:1px solid #dfe7dc;background:transparent;color:var(--brand)}.btn-outline:hover{background:#f1f5ed}.btn-ghost{color:#718378;background:transparent}.btn-ghost:hover{background:#eef3e9}.btn-lime{background:var(--lime);color:#244b35}.btn-lime:hover{background:#e4ffac}.btn-violet{background:#ede7f7;color:#7b6598}.btn-small{padding:7px 11px;font-size:10px;min-height:30px;border-radius:7px}.btn svg{width:16px;height:16px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 21px}.tab{background:none;border:0;padding:0 1px 13px;color:#929c95;font-size:12px;position:relative;font-weight:500;white-space:nowrap}.tab.active{color:var(--brand);font-weight:700}.tab.active:after{content:'';height:3px;border-radius:2px;background:var(--brand);position:absolute;left:0;right:0;bottom:-1px}.tab:hover{color:var(--brand)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.chip{padding:8px 15px;border-radius:30px;border:1px solid #e2e7de;background:white;color:#8a968e;font-size:11px;font-weight:550;transition:all .18s}.chip:hover{border-color:#94b4a2;color:var(--brand)}.chip.active{background:var(--brand);border-color:var(--brand);color:white}.chip svg{width:14px;height:14px;margin-right:5px}
.stories{display:flex;gap:21px;overflow-x:auto;padding:2px 1px 22px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0;min-width:57px;cursor:pointer;color:#738278;font-size:10px}.story .avatar{width:54px;height:54px;border:3px solid #f5f5f1;outline:2px solid #ceddaa;box-shadow:0 0 0 3px #fff}.story:nth-child(3n) .avatar{outline-color:#d2bddf}.story:nth-child(4n) .avatar{outline-color:#e9b99c}.story.add-story .avatar{background:white;outline:1px dashed #b9c7b6;color:var(--brand)}.story.live-story .avatar{outline-color:#f0a692}.story-name{display:block;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-live{font-size:7px;background:#e68a73;color:white;border:2px solid var(--bg);border-radius:4px;padding:2px 5px;margin-top:-18px;position:relative}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-padding{padding:21px}.composer{padding:17px 20px 12px;margin-bottom:22px}.composer-main{display:flex;align-items:center;gap:12px;margin-bottom:15px}.composer-input{flex:1;border:0;border-radius:8px;background:#f8f9f5;min-height:42px;padding:12px 15px;text-align:left;color:#9aa49c;font-size:11px}.composer-actions{display:flex;align-items:center;border-top:1px solid #f0f2ed;padding-top:11px;gap:18px}.composer-actions button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:2px 0;color:#8e9b90;font-size:10px}.composer-actions button svg{width:15px;height:15px}.composer-actions button:first-child svg{color:#7c9d6b}.composer-actions button:nth-child(2) svg{color:#a48bb8}.composer-actions button:nth-child(3) svg{color:#d59c7a}.composer-actions .btn{background:var(--brand);color:white;margin-left:auto;padding:7px 12px;border-radius:7px}.post{margin-bottom:23px}.post-head{display:flex;align-items:center;gap:10px;padding:20px 21px 0;position:relative}.person{display:flex;align-items:center;gap:11px;min-width:0}.person-meta{min-width:0;flex:1}.person-meta strong,.person-name{display:flex;align-items:center;gap:5px;font-weight:700;font-size:12px}.person-meta span,.person-meta small{font-size:10px;color:#9ca59d;margin-top:3px;display:block}.person-meta .badge{display:inline-flex;margin-top:0;color:var(--brand)}.post-head .icon-btn{margin-left:auto;color:#9aa79e;width:27px;height:27px}.verified{width:12px!important;height:12px!important;color:var(--brand)}.post-copy{padding:13px 21px 16px;font-size:12px;line-height:1.8;color:#728276}.post-copy a,.hashtag{color:#5e8a74}.post-image{width:100%;max-height:470px;aspect-ratio:1.56;object-fit:cover}.post-image-wrap{position:relative;overflow:hidden}.post-image-wrap .image-label{position:absolute;bottom:15px;left:17px;background:#ffffffed;color:#345443;font-size:10px;padding:6px 10px;border-radius:20px;display:flex;gap:5px;align-items:center}.image-label svg{width:12px;height:12px}.post-actions{display:flex;align-items:center;padding:13px 21px;gap:22px}.action{border:0;background:none;color:#8e9b91;display:flex;align-items:center;gap:7px;padding:0;font-size:10px}.action svg{width:18px;height:18px}.action:hover,.action.liked{color:var(--brand)}.action.liked svg{fill:#d9ecdf}.action:last-child{margin-left:auto}.post-footer{padding:0 21px 16px;font-size:10px;color:#a0aaa1}.post-footer strong{color:#78907d}.inline-comment{display:flex;gap:8px;padding:0 21px 16px}.inline-comment input{width:100%;border:1px solid var(--line);background:#f9faf7;border-radius:8px;padding:9px;color:var(--body);font-size:11px}.mini-label{font-size:9px;display:inline-flex;gap:5px;align-items:center;color:#8b9b8d}.badge{font-size:9px;font-weight:600;padding:4px 7px;line-height:1.2;display:inline-flex;align-items:center;gap:4px;background:#eef4e6;border-radius:5px;color:var(--brand)}.badge.violet{background:#eee8f5;color:#8b749e}.badge.orange{background:#fff0e5;color:#c08d67}.badge.neutral{background:#f3f4ef;color:#8c978d}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ee8e72;flex-shrink:0}.live-badge{background:#f0957a;color:#fff;font-size:8px;font-weight:700;letter-spacing:.5px;padding:5px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}.live-badge .live-dot{background:#fff;width:4px;height:4px}
.right-column>.card{padding:20px}.right-column h2,.right-column h3{font-size:13px;letter-spacing:-.2px}.right-column .section-head{margin-bottom:16px}.live-card{border-radius:12px;border:1px solid var(--line);overflow:hidden;background:#fff}.live-cover{aspect-ratio:1.65;position:relative;background:#e7ecdd;overflow:hidden}.live-cover>img{width:100%;height:100%;transition:transform .5s}.live-card:hover .live-cover>img{transform:scale(1.04)}.live-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#153c2a60)}.live-cover .live-badge{position:absolute;left:10px;top:10px;z-index:1}.live-viewers{position:absolute;right:10px;top:10px;background:#0a2c2d65;color:white;border-radius:5px;padding:4px 6px;font-size:8px;z-index:1;display:flex;align-items:center;gap:4px}.live-viewers svg{width:10px;height:10px}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:35px;width:35px;border-radius:50%;background:#ffffff30;color:#fff;display:grid;place-items:center;z-index:1;backdrop-filter:blur(4px);border:1px solid #ffffff40}.play-icon svg{width:16px;height:16px}.live-info{padding:11px 12px}.live-info h4{font-size:11px;line-height:1.5;font-weight:750}.live-info p{font-size:9px;color:#a2aba2;margin-top:3px}.live-host{display:flex;align-items:center;gap:7px;margin-top:9px;color:#7e8e80;font-size:9px}.live-host .avatar{width:20px;height:20px;font-size:7px}.suggestion-row{display:flex;align-items:center;gap:9px;margin:16px 0}.suggestion-row:last-child{margin-bottom:0}.suggestion-row .avatar{width:35px;height:35px;font-size:10px}.suggestion-row .person-meta strong{font-size:11px}.suggestion-row .person-meta small{font-size:9px}.suggestion-row .btn{padding:6px 9px;font-size:9px;min-height:27px;border:1px solid #e1e8d9;border-radius:6px}.suggestion-row .followed{color:#8b998e;background:#eef3e8}.topics{display:flex;flex-wrap:wrap;gap:8px}.topic{border:0;border-radius:6px;padding:7px 9px;background:#f4f6ef;color:#8b9c80;font-size:10px}.topic:nth-child(3n+2){background:#f5f0f7;color:#9d88ac}.topic:nth-child(3n){background:#fbf0e8;color:#b99578}.topic:hover{filter:brightness(.96)}.educator-promo{background:#e9eddd!important;border:1px solid #dfe6cf!important;padding:20px!important;position:relative}.educator-promo .promo-icon{background:#f8faef;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#7d9468;margin-bottom:13px}.educator-promo h3{font-size:15px;line-height:1.5;max-width:200px}.educator-promo p{font-size:10px;color:#8d9b7c;line-height:1.8;margin:8px 0 14px}.educator-promo .btn{font-size:10px;width:100%;padding:9px}.right-footer{font-size:9px;color:#a7aea3;line-height:1.9;padding:0 6px}.right-footer a{margin-right:8px}.right-footer p{font-size:9px;margin-top:9px}
.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.discovery-card{border-radius:15px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.discovery-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2046290b}.discovery-image{aspect-ratio:1.25;width:100%;object-fit:cover;position:relative}.discovery-image img{width:100%;height:100%}.discovery-info{padding:15px}.discovery-info h3{font-size:14px;line-height:1.5}.discovery-info p{font-size:11px;color:var(--muted);margin:6px 0 12px}.discovery-info .avatar{width:26px;height:26px;font-size:8px}.discovery-info .person-meta strong{font-size:10px}.discovery-info .person-meta small{font-size:9px}.discovery-image .badge{position:absolute;top:12px;left:12px;background:#fffffff2}.shorts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.short-card{position:relative;aspect-ratio:9/15;border-radius:16px;overflow:hidden;background:#dce3d5;color:white;cursor:pointer}.short-card>img{width:100%;height:100%;transition:transform .45s}.short-card:hover>img{transform:scale(1.04)}.short-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#061c16c9)}.short-overlay{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:15px}.short-overlay h3{font-size:15px;line-height:1.4;margin:8px 0}.short-overlay p{font-size:10px;color:#d9e3d7}.short-overlay .person{gap:6px;font-size:10px}.short-overlay .avatar{width:26px;height:26px;font-size:8px}.short-overlay .action{color:#fff}.short-views{position:absolute;top:13px;left:13px;z-index:1;display:flex;align-items:center;gap:4px;font-size:9px;padding:5px 7px;background:#173a3040;border-radius:5px}.short-views svg{width:12px;height:12px}.community-grid,.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.community-card,.course-card{border-radius:17px;background:#fff;border:1px solid var(--line);overflow:hidden}.community-cover,.course-cover{height:150px;position:relative;background:var(--violet)}.community-cover img,.course-cover img{width:100%;height:100%}.community-cover .badge,.course-cover .badge{position:absolute;top:12px;left:12px;background:#fffffff0}.community-body,.course-body{padding:20px}.community-body h3,.course-body h3{font-size:16px;margin-bottom:7px;line-height:1.5;letter-spacing:-.4px}.community-body p,.course-body p{font-size:11px;color:#8a978b;margin-bottom:15px}.community-body .btn,.course-body .btn{margin-top:15px}.member-stack{display:flex;align-items:center;font-size:10px;color:#8b998a}.member-stack .avatar{width:25px;height:25px;font-size:7px;border:2px solid #fff;margin-left:-6px}.member-stack .avatar:first-child{margin-left:0}.member-stack span{margin-left:8px}.course-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:#96a08f;margin-top:14px}.course-meta svg{width:13px;height:13px}.course-bottom{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.course-bottom strong{font-size:13px;color:var(--brand)}.course-bottom .btn{margin:0}.course-body .person{margin-top:12px}.course-body .person .avatar{width:27px;height:27px;font-size:8px}.course-body .person-meta strong{font-size:10px}.course-body .person-meta small{font-size:9px}.byokul-intro{padding:28px;background:#e9eddd;border-radius:18px;margin-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.byokul-intro h2{font-size:24px;letter-spacing:-.8px}.byokul-intro p{font-size:12px;color:#829076;margin-top:7px}.byokul-mark{font-size:42px;color:#93aa65}
.profile-cover{height:175px;border-radius:19px 19px 0 0;background:#dbe8c5;position:relative;overflow:hidden}.profile-cover img{width:100%;height:100%;filter:brightness(.88)}.profile-cover:after{content:'';position:absolute;width:280px;height:280px;right:40px;top:-70px;transform:rotate(30deg);border:1px solid #fff6;border-radius:50%;box-shadow:0 0 0 25px #ffffff18,0 0 0 50px #ffffff12}.profile-summary{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 19px 19px;margin-bottom:23px;padding:0 25px 25px;position:relative}.profile-summary>.avatar{width:90px;height:90px;border:5px solid #fff;margin-top:-43px;position:relative;z-index:1;font-size:28px}.profile-summary .button-row{justify-content:flex-end;margin-top:-40px;margin-bottom:24px}.profile-details h1{font-size:25px;letter-spacing:-.8px;margin:16px 0 4px}.profile-details .username{font-size:11px;color:#9da69a;margin-bottom:11px}.profile-details p{font-size:12px;color:#7f8e80;max-width:450px}.profile-details .badge{margin-top:10px}.stats-row{display:flex;gap:28px;padding-top:20px}.profile-stat{display:flex;align-items:baseline;gap:5px;font-size:10px;color:#94a08e}.profile-stat strong{font-size:15px;color:#476744}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}.stat-card{border:1px solid var(--line);background:#fff;padding:22px 19px;border-radius:14px}.stat-card svg{color:#92a77a;margin-bottom:17px;width:21px;height:21px}.stat-card strong{display:block;font-family:'Manrope',sans-serif;font-size:28px;letter-spacing:-1px}.stat-card p{font-size:10px;color:#9ba591;margin-top:5px}.dashboard-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border:1px solid #dde5ce;background:#edf3e4;border-radius:16px;margin-bottom:24px}.dashboard-banner h2{font-size:18px}.dashboard-banner p{font-size:11px;color:#8c9b7f;margin-top:5px}.list-card{padding:20px;background:#fff;border-radius:15px;border:1px solid var(--line);display:flex;align-items:center;gap:15px;margin-bottom:12px}.list-card h3{font-size:13px}.list-card p{font-size:10px;color:var(--muted);margin-top:4px}.list-card .btn{margin-left:auto}.list-card .course-thumbnail{width:65px;height:65px;border-radius:10px;object-fit:cover}.empty-state{background:white;border:1px dashed #d8e2ce;border-radius:17px;text-align:center;padding:54px 30px;color:#9aa68f;display:flex;align-items:center;flex-direction:column;gap:13px}.empty-state>svg{width:38px;height:38px;color:#aebf99}.empty-state h2,.empty-state h3{color:#627e51;font-size:18px}.empty-state p{font-size:12px;max-width:360px}.notice{display:flex;align-items:flex-start;gap:11px;padding:15px 17px;border-radius:11px;background:#f1f5e8;color:#81926e;font-size:11px;line-height:1.7;margin:15px 0}.notice svg{width:17px;height:17px;margin-top:2px}.notice.warning{background:#fbf1e4;color:#b09572}.notice.violet{background:#f2eefa;color:#9985ae}.notice p{font-size:11px}
.modal-backdrop{position:fixed;inset:0;background:#102b24a8;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .16s ease}.modal{width:540px;max-width:100%;max-height:90dvh;background:#fff;border-radius:21px;box-shadow:0 22px 100px #09231d38;overflow:auto;animation:modal-in .18s ease}.modal.wide{width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 27px 19px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;letter-spacing:-.5px}.modal-head p{font-size:11px;color:#94a08c;margin-top:5px}.close-modal{background:#f5f7f1;border:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#85977b}.close-modal svg{width:17px;height:17px}.modal-body{padding:24px 27px}.modal-body>p{font-size:12px;color:#8c9c83;line-height:1.85;margin-bottom:19px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 27px 23px;border-top:1px solid var(--line)}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-field label{font-weight:650;color:#6b825e;font-size:11px}.form-field input,.form-field textarea,.form-field select{background:#f9faf6;border:1px solid #e2e8dc;border-radius:9px;padding:11px 13px;width:100%;color:#4d6b3e;font-size:12px;outline:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#90ac75;box-shadow:0 0 0 3px #c3d5a72b}.form-field input::placeholder,.form-field textarea::placeholder{color:#a6b09f}.form-field textarea{resize:vertical;min-height:105px;line-height:1.7}.form-field small{font-size:10px;color:#a0ac94;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-card{display:flex;gap:14px;padding:18px;border:1px solid #e4eadf;border-radius:12px;background:#fafbf7;cursor:pointer;margin-bottom:12px;transition:border .2s,background .2s}.choice-card:hover,.choice-card.selected{background:#f2f7e9;border-color:#9bb883}.choice-card h3,.choice-card strong{font-size:13px;margin:0 0 6px;display:block}.choice-card p{color:#94a587;font-size:11px;line-height:1.65}.choice-icon{width:39px;height:39px;border-radius:11px;background:#e9f0df;display:grid;place-items:center;color:#749956;flex-shrink:0}.choice-card input[type=radio]{margin-left:auto;accent-color:var(--brand)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.switch-row strong{font-size:12px}.switch-row p{font-size:10px;color:#9ba98f;margin-top:4px}.switch-row input[type=checkbox]{appearance:none;width:34px;height:20px;border-radius:12px;background:#dce5d4;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.switch-row input[type=checkbox]:after{content:'';width:14px;height:14px;position:absolute;left:3px;top:3px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #294b1b15}.switch-row input[type=checkbox]:checked{background:var(--brand)}.switch-row input[type=checkbox]:checked:after{transform:translateX(14px)}.toast-stack{position:fixed;bottom:26px;left:calc(50% + 90px);transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 32px);pointer-events:none}.toast{background:#183f33;color:#e2efd8;box-shadow:0 7px 28px #123b2924;border-radius:12px;padding:13px 19px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;animation:toast-in .25s ease;pointer-events:auto}.toast svg{color:var(--lime);width:18px;height:18px}.toast.error{background:#785045}.video-preview{background:#163c31;border-radius:13px;aspect-ratio:16/9;position:relative;overflow:hidden;color:white;display:flex;align-items:center;justify-content:center}.video-preview img{width:100%;height:100%;position:absolute;inset:0;opacity:.65}.video-preview .play-icon{width:52px;height:52px;cursor:pointer}.video-preview .play-icon svg{width:22px;height:22px}.video-preview .live-badge{position:absolute;left:14px;top:14px;z-index:1}.video-caption{position:absolute;left:20px;bottom:17px;font-size:12px;z-index:1}.video-controls{display:flex;align-items:center;gap:10px;margin:14px 0}.chat-list{background:#f8faf4;border:1px solid #e7eddf;border-radius:11px;padding:14px;max-height:190px;overflow:auto;margin-top:15px}.chat-line{font-size:11px;color:#8d9d80;margin-bottom:9px;line-height:1.7}.chat-line:last-child{margin-bottom:0}.chat-line strong{color:#6e8b5d;margin-right:7px}.chat-input{display:flex;gap:8px;margin-top:10px}.chat-input input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fafcf6;color:#617f4c;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-item{padding:14px;background:#f6f9f0;border-radius:10px}.detail-item label{font-size:9px;color:#9eaa90;display:block;margin-bottom:6px}.detail-item strong{font-size:12px;color:#718b5c}.detail-description{font-size:12px;color:#8a9b7a;line-height:1.8;margin:17px 0}.invite-link{padding:12px;background:#f3f7ec;border:1px dashed #c8d7b9;border-radius:8px;font-size:11px;color:#77975b;word-break:break-all;display:block;margin:15px 0}.notification-item{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;color:#7d9270}.notification-item:last-child{border:0}.notification-item p{font-size:11px}.notification-item small{font-size:9px;color:#a1ac94;display:block;margin-top:4px}.notification-item .avatar{width:35px;height:35px;font-size:10px}.notification-icon{width:35px;height:35px;border-radius:10px;background:#eef4e4;color:#859e6d;display:grid;place-items:center;flex-shrink:0}.access-options{display:flex;gap:8px;flex-wrap:wrap}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:25px;border:1px dashed #cbd8bc;border-radius:12px;color:#90a37c;background:#f7faf2;margin:15px 0;font-size:11px}.upload-zone svg{width:25px;height:25px}.upload-preview{max-height:180px;width:100%;object-fit:cover;border-radius:10px;margin-top:13px}.settings-section{padding:21px 0}.settings-section h3{font-size:13px;margin-bottom:14px}.settings-section p{font-size:11px;color:#99a58e;line-height:1.7}.danger-link{color:#b38c7b;background:none;border:0;font-size:11px;padding:0}.comment-list{display:flex;flex-direction:column;gap:15px}.comment-item{display:flex;gap:10px}.comment-item .avatar{width:29px;height:29px;font-size:8px}.comment-item strong{font-size:11px}.comment-item p{font-size:11px;color:#8f9f82;margin-top:4px;line-height:1.7}.mobile-nav{display:none}.demo-footer{color:#a2ac9a;font-size:10px;text-align:center;padding:24px 0 0}.tip-label{font-size:9px;line-height:1.6;color:#a3ae96}.profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.settings-card{padding:25px}.settings-card h2{font-size:17px;margin-bottom:18px}.well{background:#f5f8ef;border:1px solid #e7eddc;border-radius:12px;padding:18px}.well h3{font-size:13px;margin-bottom:9px}.well p{font-size:11px;color:#8c9e7b}.check-list{list-style:none;margin:15px 0;padding:0}.check-list li{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#7f9470;line-height:1.7;padding:6px 0}.check-list svg{width:16px;height:16px;color:#83a65c;margin-top:1px}.menu-popover{position:absolute;right:15px;top:50px;border:1px solid var(--line);background:white;min-width:170px;border-radius:10px;padding:6px;box-shadow:0 9px 25px #173f2520;z-index:20}.menu-popover button{display:flex;align-items:center;gap:10px;background:none;border:0;width:100%;text-align:left;padding:9px;border-radius:5px;font-size:11px;color:#8b9d7c}.menu-popover button:hover{background:#f1f6e9}.menu-popover svg{width:15px;height:15px}.pinned-label{font-size:9px;color:#8ba06e;display:flex;align-items:center;gap:5px;padding:14px 21px 0}.pinned-label svg{width:12px;height:12px}.progress-track{height:5px;border-radius:10px;background:#e9eedd;overflow:hidden;margin:12px 0}.progress-track span{display:block;height:100%;background:#99b66e;border-radius:10px}.storage-info{display:flex;justify-content:space-between;font-size:10px;color:#9aa88a}.grid-span-2{grid-column:span 2}.message-preview{display:flex;gap:12px;padding:18px;border-bottom:1px solid var(--line);align-items:center}.message-preview strong{font-size:12px}.message-preview p{font-size:11px;color:#99a68e;margin-top:4px}.message-preview time{font-size:9px;color:#a7b19d;margin-left:auto}.message-preview:hover{background:#f8faf4}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.live-grid .live-cover{aspect-ratio:1.55}.live-grid .live-info{padding:16px}.live-grid .live-info h4{font-size:14px}.live-grid .live-info p{font-size:11px}.live-grid .live-host{font-size:10px}.live-grid .live-host .avatar{width:27px;height:27px}.section-spacing{margin-top:30px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.workspace{padding-top:35px}.page-layout{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.hero-banner{min-height:220px}.hero-copy{padding:30px}.hero-copy h1{font-size:38px}.hero-art img{width:158px;height:178px}.hero-art img:nth-child(2){width:92px;height:123px;right:120px;top:65px}.hero-tag{right:17px;bottom:19px}}
@media(max-width:1250px){:root{--sidebar:205px}.sidebar{padding:29px 16px 18px}.brand{font-size:25px;padding-left:10px}.nav-item{padding:12px 13px;font-size:13px;gap:12px}.workspace{padding:26px}.topbar{padding:0 26px}.page-layout{gap:22px;grid-template-columns:minmax(0,1fr) 278px}.right-column>.card{padding:17px}.hero-copy{padding:25px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:10px}.hero-art img{width:120px;height:146px;right:14px}.hero-art img:nth-child(2){right:83px;width:75px;height:100px}.hero-tag{font-size:8px;right:6px}.stories{gap:16px}.composer-actions{gap:12px}.top-search{width:310px}}
@media(max-width:1100px){.page-layout{grid-template-columns:minmax(0,1fr);max-width:740px}.right-column{display:none}.topbar{gap:15px}.top-search{width:320px}.hero-copy{width:65%;padding:30px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:12px}.hero-banner{min-height:226px}.hero-art img{width:150px;height:177px;right:22px;top:25px}.hero-art img:nth-child(2){right:113px;top:72px;width:90px;height:117px}.hero-tag{font-size:9px;right:13px;bottom:22px}.stories{gap:24px}.topbar-title{display:none}.hero-copy .btn{margin-top:17px}.shorts-grid{gap:18px}}
@media(max-width:900px){.workspace{padding:23px}.topbar{padding:0 23px}.top-actions{gap:10px}.top-search{width:280px;max-width:none}.preview-badge{font-size:9px;padding:5px 7px}.hero-copy{padding:26px;width:65%}.hero-copy h1{font-size:31px}.hero-copy p{font-size:11px}.hero-art img{width:125px;height:155px;right:15px}.hero-art img:nth-child(2){width:76px;height:104px;right:90px;top:72px}.hero-banner{min-height:217px}.hero-tag{font-size:8px}.stories{gap:17px}.shorts-grid{gap:12px}.short-overlay{padding:12px}.short-overlay h3{font-size:13px}.community-body,.course-body{padding:17px}.community-body h3,.course-body h3{font-size:14px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.topbar{margin-left:0;height:67px;padding:0 19px;background:#fff;border-bottom:1px solid #e9ece4;gap:10px}.topbar:before{content:'BYASİS';font-family:'Manrope',sans-serif;font-weight:800;font-size:24px;letter-spacing:-1px;color:var(--brand)}.topbar .brand{display:flex;padding:0}.top-search{display:none}.top-actions{gap:8px;margin-left:auto}.top-actions>.btn{display:none}.top-actions .avatar{width:33px;height:33px;font-size:10px}.topbar .topbar-title,.topbar .breadcrumb{display:none}.workspace{margin-left:0;padding:24px 18px 100px}.page-layout{display:block;max-width:650px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:29px;letter-spacing:-1.1px}.page-heading p{font-size:11px;line-height:1.65}.page-heading .btn{font-size:10px;padding:9px 12px;min-height:34px}.greeting{font-size:11px}.hero-banner{border-radius:17px;margin-bottom:25px;min-height:211px}.hero-copy{padding:25px 23px;width:67%}.hero-copy h1{font-size:31px;letter-spacing:-1.4px}.hero-copy p{font-size:10px;max-width:230px;line-height:1.7}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy .btn{font-size:10px;min-height:32px;padding:8px 12px;margin-top:15px}.hero-art img{width:113px;height:145px;right:16px;top:31px;border-width:3px}.hero-art img:nth-child(2){width:70px;height:96px;right:80px;top:76px}.hero-tag{bottom:21px;right:11px;font-size:7px;padding:7px 9px}.hero-spark{right:111px;top:20px;font-size:25px}.stories{gap:20px;padding-bottom:23px}.story{min-width:51px;font-size:9px;gap:9px}.story .avatar{width:48px;height:48px}.stories .story:last-child{padding-right:5px}.section-head h2{font-size:16px}.section-head .text-link{font-size:10px}.tabs{gap:25px;margin-bottom:20px}.tab{font-size:11px}.composer{padding:15px 16px 11px;margin-bottom:20px;border-radius:14px}.composer-main{margin-bottom:12px}.composer-main .avatar{width:35px;height:35px;font-size:11px}.composer-input{font-size:10px;padding:10px 12px;min-height:37px}.composer-actions{gap:17px;padding-top:11px}.composer-actions button{font-size:9px;gap:5px}.composer-actions button svg{width:14px;height:14px}.post{margin-bottom:20px;border-radius:15px}.post-head{padding:17px 16px 0;gap:10px}.post-head .avatar{width:36px;height:36px;font-size:11px}.person-meta strong,.person-name{font-size:11px}.person-meta span,.person-meta small{font-size:9px}.post-copy{padding:12px 16px 14px;font-size:11px;line-height:1.85}.post-image{aspect-ratio:1.2}.post-actions{padding:14px 17px;gap:22px}.action{font-size:9px;gap:6px}.action svg{width:17px;height:17px}.post-footer{padding:0 17px 15px;font-size:9px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffffff5;backdrop-filter:blur(12px);height:70px;border-top:1px solid #e5ebdd;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.mobile-nav button,.mobile-nav a{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#9ca791;font-size:8px;border-radius:10px}.mobile-nav svg{width:21px;height:21px}.mobile-nav .active{color:var(--brand)}.mobile-nav .active svg{stroke-width:2.3}.mobile-nav .create-button,.mobile-nav .nav-create{background:var(--brand);color:var(--lime);border-radius:14px;width:43px;height:43px;margin:auto}.mobile-nav .create-button svg,.mobile-nav .nav-create svg{width:25px;height:25px}.toast-stack{bottom:85px;left:50%;width:max-content;max-width:calc(100% - 32px)}.toast{font-size:11px;padding:12px 16px;border-radius:10px}.discovery-grid,.community-grid,.course-grid{gap:14px}.discovery-info{padding:12px}.discovery-info h3{font-size:12px}.discovery-info p{font-size:10px;margin:6px 0 10px}.community-cover,.course-cover{height:130px}.community-body,.course-body{padding:15px}.community-body h3,.course-body h3{font-size:13px}.community-body p,.course-body p{font-size:10px}.community-body .btn,.course-body .btn{font-size:10px;padding:8px 10px}.filter-row{gap:7px;margin-bottom:22px}.chip{font-size:10px;padding:7px 12px}.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.short-card{border-radius:14px}.short-overlay{padding:14px}.short-overlay h3{font-size:14px}.profile-cover{height:155px}.profile-summary{padding:0 20px 23px}.profile-summary>.avatar{width:79px;height:79px;border-width:4px;margin-top:-39px;font-size:25px}.profile-summary .button-row{margin-top:-33px;margin-bottom:20px;gap:6px}.profile-summary .btn{font-size:9px;padding:8px 10px;min-height:31px}.profile-details h1{font-size:23px}.profile-details p{font-size:11px}.stats-row{gap:25px;padding-top:18px}.profile-stat{font-size:9px}.profile-stat strong{font-size:13px}.dashboard-stats{gap:10px;margin:20px 0}.stat-card{padding:16px 13px;border-radius:12px}.stat-card strong{font-size:24px}.stat-card p{font-size:9px}.stat-card svg{width:18px;height:18px;margin-bottom:14px}.dashboard-banner{padding:20px;border-radius:14px}.dashboard-banner h2{font-size:16px}.dashboard-banner p{font-size:10px}.dashboard-banner .btn{font-size:10px;padding:9px 12px}.byokul-intro{padding:23px;border-radius:15px;margin-bottom:23px}.byokul-intro h2{font-size:22px}.byokul-intro p{font-size:11px}.modal-backdrop{padding:15px;align-items:center}.modal{border-radius:18px;max-height:88dvh}.modal-head{padding:20px 21px 17px}.modal-head h2{font-size:17px}.modal-body{padding:21px}.modal-footer{padding:16px 21px 21px}.modal-footer .btn{font-size:11px}.modal-body>p{font-size:11px}.form-field input,.form-field textarea,.form-field select{font-size:12px}.choice-card{padding:15px;gap:12px}.choice-card h3,.choice-card strong{font-size:12px}.choice-card p{font-size:10px}.choice-icon{width:35px;height:35px}.empty-state{padding:42px 24px}.empty-state h2,.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.live-grid{gap:14px}.live-grid .live-info{padding:12px}.live-grid .live-info h4{font-size:12px}.live-grid .live-info p{font-size:10px}.live-grid .live-host{font-size:9px}.live-badge{font-size:7px;padding:4px 6px}.live-viewers{font-size:7px;padding:4px 5px}.list-card{padding:15px;gap:12px}.list-card h3{font-size:12px}.list-card .course-thumbnail{width:52px;height:52px}.list-card .btn{font-size:9px;padding:7px 10px}.notice{font-size:10px;padding:13px 14px}.notice p{font-size:10px}.demo-footer{font-size:9px}.grid-span-2{grid-column:auto}}
@media(max-width:420px){.workspace{padding:21px 14px 95px}.topbar{padding:0 15px}.top-actions{gap:5px}.preview-badge{font-size:8px}.top-actions .icon-btn{width:31px;height:31px}.hero-copy{padding:24px 20px;width:70%}.hero-copy h1{font-size:28px}.hero-copy p{font-size:9px;max-width:190px}.hero-banner{min-height:202px}.hero-art img{width:95px;height:129px;right:10px;top:33px}.hero-art img:nth-child(2){width:61px;height:87px;right:66px;top:80px}.hero-tag{font-size:6px;right:7px;bottom:23px}.hero-spark{right:98px}.stories{gap:17px}.composer-actions{gap:13px}.composer-actions button{font-size:8px;gap:4px}.composer-actions .btn{padding:6px 8px}.community-grid,.course-grid{grid-template-columns:1fr}.community-cover,.course-cover{height:165px}.community-body,.course-body{padding:20px}.community-body h3,.course-body h3{font-size:16px}.community-body p,.course-body p{font-size:11px}.form-grid,.detail-grid{grid-template-columns:1fr;gap:0}.detail-item{margin-bottom:12px}.stats-row{gap:17px}.profile-summary .btn{font-size:8px;padding:7px 8px;gap:5px}.profile-summary .btn svg{width:13px;height:13px}.profile-details h1{font-size:22px}.dashboard-stats{gap:8px}.stat-card{padding:15px 12px}.stat-card strong{font-size:22px}.stat-card p{font-size:8px}.dashboard-banner{display:block;padding:19px}.dashboard-banner .btn{margin-top:15px}.short-overlay{padding:11px}.short-overlay h3{font-size:12px}.short-overlay p{font-size:9px}.short-overlay .person{font-size:9px}.short-overlay .avatar{width:23px;height:23px;font-size:7px}.live-grid{grid-template-columns:1fr}.live-grid .live-info h4{font-size:14px}.profile-cover{height:140px}.topbar:before{font-size:22px}.filter-row{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:3px}.chip{white-space:nowrap}.modal-backdrop{padding:11px}.modal-head{padding:19px}.modal-body{padding:19px}.modal-footer{padding:15px 19px 19px}.post-image{aspect-ratio:1.1}.discovery-image{aspect-ratio:1}.discovery-info .person-meta small{display:none}.discovery-info .person-meta strong{font-size:9px}.discovery-info .avatar{width:22px;height:22px;font-size:7px}.discovery-info .person{gap:6px}.discovery-grid{gap:11px}.discovery-info{padding:11px}.discovery-info h3{font-size:11px}.discovery-info p{font-size:9px}.byokul-intro{padding:20px}.byokul-intro h2{font-size:20px}.byokul-mark{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* App component integration */
.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--brand);font-size:12px;font-weight:650;text-align:left}.text-button svg{width:14px;height:14px}.text-button:hover{color:var(--brand-dark)}.person-button{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;background:none;border:0;padding:0}.person-button>span:not(.avatar){min-width:0}.person-button strong{display:block;font-size:13px;font-weight:650;line-height:1.45}.person-button small{display:block;color:#8e9a91;font-size:11px;line-height:1.5;margin-top:3px}.person-button small svg{width:11px;height:11px;vertical-align:-1px}.person-button small>span{padding:0 4px}.sidebar-account{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);padding:18px 0 0;background:transparent}.sidebar-account>span:not(.avatar){flex:1;min-width:0}.sidebar-account strong{display:block;font-size:12px}.sidebar-account small{display:block;font-size:10px;color:#96a095;margin-top:4px}.sidebar-account>svg{width:18px;height:18px;color:#8e9b91}.sidebar-note{padding:17px 12px 22px}.sidebar-note .small-leaf{display:block;font-size:24px;color:#a8bf79;line-height:1;margin-bottom:9px}.sidebar-note strong{font-size:12px;font-weight:650;display:block}.sidebar-note p{font-size:11px;color:#9ba592;margin-top:7px;line-height:1.8}.sidebar-share{width:100%;margin:21px 0 0;padding:12px 10px}.preview-link{border:0;background:none;color:#9ca695;font-size:10px;display:flex;align-items:center;gap:7px;padding:17px 0 0}.preview-link svg{width:11px;height:11px}.brand-symbol{position:relative;font-family:'Manrope',sans-serif;font-size:32px;font-weight:800;line-height:1;letter-spacing:-2px;padding-bottom:4px}.brand-symbol>span{display:none}.brand-dot{color:#a3bd73;display:inline}.nav-new{margin-left:auto;font-size:7px;padding:4px 5px;border-radius:4px;color:#8a9c69;background:#eff4e5;font-weight:700;letter-spacing:.3px}.nav-item>.live-dot{margin-left:auto;width:5px;height:5px}.feed-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 21px}.feed-title h2{font-size:21px;font-weight:750;letter-spacing:-.7px}.feed-title h2 span{color:#a6bb81;font-size:18px;margin-left:4px}.feed-title>span{font-size:11px;color:#a0a99d}.feed-sort{margin-left:auto;font-size:10px;color:#9ca795;display:flex;align-items:center;gap:5px;padding-bottom:13px}.feed-sort svg{width:13px;height:13px;color:#9eaf82}.composer-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}.composer-top>button{flex:1;text-align:left;min-width:0;border:0;background:#f7f8f4;border-radius:9px;padding:14px;color:#9aa490;font-size:12px}.composer-smile{margin-left:auto!important}.composer-actions button{font-size:11px}.account-top{background:none;border:0;padding:0;border-radius:50%}.topbar-greeting{font-size:12px;color:#8c998b;white-space:nowrap}.topbar-greeting strong{font-weight:600;color:#6c8169}.topbar-greeting>span{color:#aabf83;font-size:18px;vertical-align:-2px;margin-left:5px}.top-search kbd{font-family:inherit;color:#b0b9a6;background:#f9faf7;font-size:12px;padding:2px 5px;border:1px solid #e9ede3;border-radius:4px}.notification-button i{position:absolute;right:8px;top:7px;width:5px;height:5px;background:#eb9c7b;border-radius:50%;border:1px solid var(--bg)}.mobile-menu-button{display:none}.live-card{display:block;width:100%;border:0;background:none;padding:0;text-align:left;border-radius:10px;overflow:hidden}.live-info{padding:12px 0 0}.live-info strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.live-info>span{display:block;color:#98a18f;font-size:10px;line-height:1.5;margin-top:4px}.live-info b{font-size:8px;padding:0 4px;color:#b0b9a6}.live-mini{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:15px;background:none;text-align:left;width:100%}.live-mini>span:nth-child(2){flex:1}.live-mini strong{display:block;font-size:11px;font-weight:600}.live-mini small{display:block;font-size:9px;color:#a2aa97;margin-top:5px}.live-mini .live-dot{width:5px;height:5px}.music-thumb{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#eee9f5;color:#a08ab2;flex-shrink:0}.music-thumb svg{width:17px;height:17px}.follow-btn{display:grid;place-items:center;border:0;background:#eef4e7;color:#8ca674;width:27px;height:27px;border-radius:50%;flex-shrink:0}.follow-btn svg{width:15px;height:15px}.follow-btn.following{background:#dceacb;color:#6b8b4e}.suggestion-row .person-button strong{font-size:12px}.suggestion-row .person-button small{font-size:10px;margin-top:2px}.suggestion-row{gap:8px;margin:17px 0}.hero-small-tag{display:none}.hero-tag{display:inline-flex;gap:4px;align-items:center}.hero-tag svg{width:12px;height:12px}.hero-copy .eyebrow .live-dot{width:4px;height:4px;background:#c9e59c;margin-right:4px;vertical-align:2px}.verified{display:inline-flex!important;align-items:center;justify-content:center;background:#82a67c;border-radius:50%;color:#fff;width:12px!important;height:12px!important;vertical-align:1px;margin-left:3px}.verified svg{width:9px!important;height:9px!important;stroke-width:3}.viewer-count{position:absolute;right:10px;top:10px;background:#143b2a65;color:white;font-size:8px;border-radius:5px;padding:5px 6px;display:inline-flex;align-items:center;gap:4px;z-index:2}.viewer-count svg{width:10px;height:10px}.badge-live{position:absolute;left:10px;top:10px;background:#f2a486!important;color:#fff!important;font-size:7px;letter-spacing:.5px;z-index:2}.educator-promo{border-radius:16px}.educator-promo>.mini-label{margin:0 0 8px;font-size:8px;color:#93a879;letter-spacing:1.1px}.educator-promo h3{font-size:18px;line-height:1.5;letter-spacing:-.5px}.educator-promo p{font-size:11px}.educator-promo .text-button{font-size:10px}.topics{display:block;padding:3px 5px}.topics .section-head h3{font-size:12px}.topics>.topic{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none!important;padding:10px 0;color:#7a9469;border-radius:0;font-size:11px}.topics .topic small{display:block;color:#a3ae96;font-size:9px;margin-top:5px}.topics .topic svg{width:13px;height:13px;color:#aebc9e}.app-footer{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:0 5px;color:#a4ae99;font-size:9px;line-height:1.8}.app-footer button{background:none;border:0;padding:0;color:#a4ae99;font-size:9px}.app-footer p{width:100%;margin-top:0;font-size:9px}.post-copy{font-size:13px;line-height:1.85;color:#6f8172}.post-actions .action{font-size:11px}.action.is-saved{color:var(--brand)}.action.is-saved svg{fill:#d5e7c8}.discovery-card,.course-card,.short-card{padding:0;text-align:left}.discovery-info>h3{margin:10px 0 15px;font-size:14px;line-height:1.65;font-weight:600}.discovery-info>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#8a9b7c}.discovery-info>div>small{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;color:#9eac92}.discovery-info>div>small svg{width:12px;height:12px}.discovery-text-image{height:220px;background:#edf2e4;display:grid;place-items:center;font-size:64px;color:#b4c69d}.search-result{font-size:13px;color:#8c9e7c;display:flex;gap:10px;align-items:center;margin:0 0 20px}.short-card{border:0}.short-play{position:absolute;top:20px;right:16px;color:#fff;z-index:2}.short-play svg{width:25px;height:25px}.short-overlay h2{font-size:21px;line-height:1.35;letter-spacing:-.6px;margin:12px 0}.short-overlay p{display:flex;align-items:center;gap:8px;margin:12px 0}.short-overlay>span:last-child{display:flex;align-items:center;gap:6px;font-size:11px;color:#e4eddb}.short-overlay>span:last-child svg{width:15px;height:15px}.short-overlay>span:last-child b{margin:0 5px;font-size:9px;opacity:.5}.access-label{display:inline-flex;align-items:center;gap:5px;color:#94a583;font-size:11px}.access-label svg{width:13px;height:13px}.course-category,.community-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.community-bottom{margin-top:15px;margin-bottom:0}.community-bottom>span{font-size:11px;color:#9aaa8a;display:flex;gap:5px;align-items:center}.community-bottom svg{width:14px;height:14px}.community-bottom .btn{margin-top:0}.free-label{color:#7c9f62;font-size:11px;font-weight:600}.course-category .free-label{font-size:10px}.course-body>h3{font-size:17px;margin:0 0 8px}.course-body>p{font-size:12px;color:#96a38d}.course-meta>span{display:flex;align-items:center;gap:6px;font-size:11px}.school-brand{display:inline-flex;gap:8px;align-items:center;color:#5e8546;letter-spacing:1px;font-family:'Manrope',sans-serif;font-weight:800;font-size:14px;padding-top:8px}.school-brand svg{width:28px;height:28px}.school-banner{padding:34px;border-radius:20px;background:#e5ead6;display:flex;gap:25px;align-items:center;justify-content:space-between;margin:28px 0}.school-banner .eyebrow{font-size:9px;color:#9aab7b;letter-spacing:1.6px}.school-banner h2{font-size:27px;line-height:1.4;letter-spacing:-.9px;margin:12px 0}.school-banner p{font-size:12px;color:#8c9e78;max-width:400px;margin-bottom:20px}.school-illustration{width:130px;height:130px;display:grid;place-items:center;border-radius:30px;background:#f5f7eb;color:#a5bb7f;transform:rotate(10deg);position:relative;flex-shrink:0}.school-illustration>svg{width:70px;height:70px;stroke-width:1}.school-illustration i{position:absolute;right:-12px;top:-14px;font-style:normal;font-size:40px;color:#92ad64}.stat-card{position:relative}.stat-card>span{display:block;color:#96a488;font-size:12px;margin-bottom:14px}.stat-card>svg{position:absolute;right:20px;top:20px}.dashboard-note{padding:23px;margin-top:25px}.dashboard-note h3{font-size:15px;margin-bottom:10px}.dashboard-note p{font-size:12px;color:#8e9f7c;line-height:1.85}.profile-card{margin-bottom:24px}.profile-card .profile-cover{height:167px;background:#cbdba8;display:flex;align-items:center;padding:35px}.profile-cover>span{font-family:'Manrope',sans-serif;font-size:18px;font-weight:600;color:#617c46;letter-spacing:-.5px;z-index:2}.profile-cover>i{font-style:normal;font-size:120px;color:#adc18b;position:absolute;right:20px;top:13px;line-height:1}.profile-card .profile-summary{border:0;border-radius:0;margin:0;padding:0 25px;display:flex;justify-content:space-between;align-items:flex-start;background:none}.profile-card .profile-summary>.avatar{width:86px;height:86px;border:5px solid white;margin-top:-40px}.profile-card .profile-summary>.btn{margin-top:16px}.profile-card .profile-details{padding:2px 25px 25px}.profile-card .profile-details h1{margin:14px 0 5px;font-size:26px}.profile-details>.muted{font-size:12px;color:#a1ac96}.profile-details>p{font-size:13px;margin-top:14px;color:#8c9d7b}.profile-details .educator-badge{font-family:'DM Sans',sans-serif;font-size:9px;vertical-align:5px;margin-left:6px}.expertise{display:flex;gap:7px;align-items:center;font-size:11px;color:#8da674;margin-top:13px}.expertise svg{width:16px;height:16px}.stats-row>span{display:inline-flex;align-items:baseline;gap:5px;font-size:11px;color:#95a388;white-space:nowrap}.stats-row>span>strong{font-size:14px;color:#67874e}.stats-row>span:last-child{margin-left:auto;align-items:center;font-size:10px}.stats-row>span:last-child svg{width:12px;height:12px}.profile-activate{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#e9eedc;border:1px solid #dfe8cc;border-radius:14px;padding:19px 21px;margin-bottom:27px}.profile-activate>div{display:flex;align-items:center;gap:12px}.profile-activate>div>svg{width:27px;height:27px;color:#8ca866}.profile-activate strong{display:block;font-size:12px;color:#6d874f}.profile-activate small{display:block;font-size:10px;color:#a0ad8d;margin-top:5px}.profile-register{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;align-items:center;font-size:11px;color:#a3ad99;padding:27px 0}.profile-register .text-button{font-size:11px}.person-profile{text-align:center;padding:10px}.person-profile>.avatar{margin:0 auto 18px}.person-profile h3{font-size:17px;margin:10px 0}.person-profile>.muted{font-size:12px}.person-profile p{font-size:13px;color:#94a286;line-height:1.8;margin:17px 0 23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field>span{font-size:12px;font-weight:600;color:#7e946a}.form-hint{font-size:11px!important;color:#a2ad96!important;line-height:1.8;margin:15px 0 0!important}.modal-intro{font-size:14px!important;line-height:1.9!important;color:#82966c!important}.benefit-list{display:flex;flex-direction:column;gap:13px;padding:19px;background:#f3f7e9;border-radius:12px;margin:22px 0}.benefit-list>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#8a9f73}.benefit-list svg{color:#92ac74;width:16px;height:16px}.activation-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eaf2db;color:#8caa67;margin:0 0 21px;transform:rotate(-5deg)}.activation-icon svg{width:30px;height:30px}.composer-person{display:flex;gap:11px;align-items:center;margin-bottom:19px}.composer-person strong{display:block;font-size:13px}.composer-person small{display:block;font-size:11px;color:#a2ae94;margin-top:4px}.upload-field{display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed #d6e0c8;border-radius:10px;padding:14px;font-size:12px;color:#95a67d;margin:0 0 22px;cursor:pointer;background:#f8faf2}.upload-preview-image{width:100%;max-height:220px;object-fit:cover;border-radius:10px;margin-bottom:15px}.comment-form{display:flex;align-items:flex-start;gap:9px;margin-top:18px}.comment-form>.form-field{flex:1;margin-bottom:0}.comment-form>.btn{height:42px;width:43px;flex-shrink:0;padding:0}.comment-form>input.chat-input{display:block;flex:1;min-width:0;margin:0;padding:11px 12px;border:1px solid #e2e8d8;border-radius:9px;background:#f8faf3;color:#78925d;font-size:12px;height:42px}.comment-context{font-size:12px!important;line-height:1.85!important;background:#f7f9f1;border-radius:10px;padding:16px;color:#9aaa89!important}.chat-line{display:flex;gap:9px;align-items:flex-start;margin-bottom:16px;font-size:12px}.chat-line .avatar{width:29px;height:29px;font-size:9px}.chat-line strong{font-size:11px;display:block}.chat-line p{font-size:12px;line-height:1.75;color:#91a37d;margin-top:3px}.chat-list{padding:17px;max-height:290px}.settings-options>button,.settings-options>div{display:flex;align-items:flex-start;gap:13px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:19px 0;font-size:13px;color:#849b6f}.settings-options>button:hover{color:var(--brand)}.settings-options>button:last-child,.settings-options>div:last-child{border-bottom:0}.settings-options>button>span,.settings-options>div>span{flex:1}.settings-options strong{display:block;font-size:13px;line-height:1.5;font-weight:600}.settings-options small{display:block;font-size:11px;color:#a0ae91;margin-top:5px;line-height:1.8}.settings-options svg{width:18px;height:18px;margin-top:2px}.settings-options>.btn{padding:12px;border:1px solid #e2e9d6;border-radius:8px;margin:14px 0;justify-content:center}.profile-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.profile-choices .choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;padding:20px 16px}.profile-choices .choice-card>input{position:absolute;right:13px;top:13px;accent-color:var(--brand)}.profile-choices .choice-card>strong{font-size:12px;margin:0}.profile-choices .choice-card>small{font-size:11px;line-height:1.7;color:#9aa98b}.switch-row small{display:block;font-size:11px;color:#a1ae92;line-height:1.7;margin-top:4px}.detail-cover{width:100%;aspect-ratio:1.85;object-fit:cover;border-radius:12px;margin-bottom:18px}.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0}.detail-meta>strong{font-size:13px}.detail-meta+ p{font-size:13px!important;line-height:1.85!important}.lesson-list{border:1px solid #e4ebd8;border-radius:11px;overflow:hidden;margin-top:23px}.lesson-list>div{padding:15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e4ebd8;font-size:12px;color:#899f70}.lesson-list>div:last-child{border:0}.lesson-list svg{width:17px;height:17px}.lesson-list span{font-size:9px;color:#a9b59a;margin-left:auto}.video-preview>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}.video-preview>span>svg{width:38px;height:38px;stroke-width:1.3}.video-preview strong{font-size:12px;font-weight:500}.modal.modal-wide{width:740px}.modal-open{overflow:hidden}.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notification-item strong{font-size:13px}.notification-item p{font-size:12px}.notification-item .text-button{margin-top:10px}.section-head .text-button{font-size:10px}.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-menu-grid .nav-item{background:#f7faf1;font-size:12px}
@media(max-width:1250px){.topbar-greeting{font-size:10px}.top-search{width:260px}.topbar{gap:12px}.top-actions{gap:10px}.sidebar-note{padding:12px 10px 17px}.sidebar-note p{font-size:10px}.nav-item{padding-top:11px;padding-bottom:11px}.sidebar-share{font-size:11px}}
@media(max-width:900px){.topbar-greeting{display:none}.top-search{width:100%;max-width:400px}.profile-details .stats-row{gap:18px}.stats-row>span{font-size:10px}.profile-cover>span{font-size:16px}.school-illustration{width:90px;height:90px;border-radius:22px}.school-illustration>svg{width:52px;height:52px}.school-banner h2{font-size:25px}.school-banner{padding:28px}.school-brand{font-size:11px}.school-brand svg{width:24px;height:24px}.feed-title>span{font-size:10px}}
@media(max-width:760px){.topbar-greeting{display:none}.mobile-menu-button{display:inline-flex}.top-search{display:none}.sidebar-share{display:none}.feed-title{margin:26px 0 19px}.feed-title h2{font-size:21px}.feed-title>span{font-size:11px}.composer-top{gap:11px}.composer-top .avatar{width:36px;height:36px;font-size:11px}.composer-top>button{font-size:13px;padding:12px}.composer-actions button{font-size:12px}.post-copy{font-size:14px;line-height:1.85}.post-head .person-button strong{font-size:14px}.post-head .person-button small{font-size:11px}.post-actions .action{font-size:12px}.page-heading p{font-size:13px}.page-heading .mini-label{font-size:10px;margin-bottom:8px}.page-heading h1{font-size:28px;line-height:1.4}.tab{font-size:13px}.feed-sort{font-size:10px}.hero-copy p{font-size:12px}.hero-copy .btn{font-size:12px}.hero-tag{font-size:8px}.hero-copy h1{font-size:32px}.hero-copy .eyebrow{font-size:8px}.discovery-info>h3{font-size:13px;line-height:1.7;margin:11px 0 14px}.discovery-info>div{font-size:10px;gap:5px}.discovery-info>div>small{display:none}.discovery-card .avatar{width:25px;height:25px;font-size:8px}.discovery-info{padding:13px}.course-body>h3{font-size:17px}.course-body>p{font-size:13px}.course-meta>span{font-size:12px}.community-body h3{font-size:17px}.community-body p{font-size:13px}.community-bottom>span{font-size:12px}.community-bottom .btn{font-size:12px;padding:9px 13px}.school-banner{padding:26px;margin:23px 0}.school-banner h2{font-size:24px}.school-banner p{font-size:13px}.school-banner .eyebrow{font-size:8px}.school-illustration{display:none}.school-brand{display:none}.short-overlay h2{font-size:19px}.short-overlay p{font-size:11px}.short-overlay>span:last-child{font-size:11px}.profile-card .profile-summary{padding:0 20px}.profile-card .profile-details{padding:2px 20px 23px}.profile-details>p{font-size:14px}.profile-details>.muted{font-size:12px}.profile-card .profile-details h1{font-size:24px}.profile-card .profile-cover{height:140px;padding:27px}.profile-cover>span{font-size:16px;max-width:170px;line-height:1.5}.profile-cover>i{font-size:100px;right:10px;top:15px}.profile-card .profile-summary>.avatar{width:78px;height:78px;margin-top:-37px}.profile-card .profile-summary>.btn{font-size:11px;margin-top:14px;padding:8px 11px}.profile-details .stats-row{gap:17px;flex-wrap:wrap}.stats-row>span{font-size:12px;gap:4px}.stats-row>span>strong{font-size:14px}.stats-row>span:last-child{width:100%;margin-left:0;font-size:11px;margin-top:-4px}.profile-activate{padding:17px;gap:11px}.profile-activate strong{font-size:12px;line-height:1.6}.profile-activate small{font-size:11px}.profile-activate>div{gap:10px}.profile-activate>div>svg{width:23px;height:23px}.profile-activate .btn{font-size:10px;padding:9px 10px;gap:5px}.profile-register{font-size:12px;line-height:1.8}.profile-register .text-button{font-size:12px}.form-field>span{font-size:13px}.form-field input,.form-field textarea,.form-field select{font-size:14px}.form-hint{font-size:12px!important}.modal-intro{font-size:14px!important}.modal-body>p{font-size:13px}.benefit-list>span{font-size:13px}.composer-person strong{font-size:14px}.composer-person small{font-size:12px}.upload-field{font-size:13px}.notice{font-size:12px}.notice p{font-size:12px}.modal .btn{font-size:13px}.profile-choices .choice-card{padding:17px 13px}.profile-choices .choice-card>strong{font-size:12px}.profile-choices .choice-card>small{font-size:12px}.switch-row strong{font-size:13px}.switch-row small{font-size:12px}.comment-form>input.chat-input{font-size:13px}.chat-line p{font-size:13px}.chat-line strong{font-size:12px}.comment-context{font-size:13px!important}.settings-options>button,.settings-options>div{font-size:14px}.settings-options strong{font-size:14px}.settings-options small{font-size:12px}.detail-meta>strong{font-size:14px}.detail-meta+ p{font-size:14px!important}.lesson-list>div{font-size:13px}.lesson-list span{font-size:10px}.notification-item strong{font-size:14px}.notification-item p{font-size:13px}.notification-item small{font-size:11px}.dashboard-note p{font-size:13px}.stat-card>span{font-size:11px}.stat-card>svg{width:17px;height:17px;right:12px;top:15px}.stat-card strong{margin-top:22px}.short-preview{aspect-ratio:9/12;max-height:520px}.toast{font-size:13px}.empty-state p{font-size:13px}.mobile-nav button span{font-size:10px}.chip{font-size:12px}.btn-small{font-size:12px}.profile-card .educator-badge{font-size:9px}.stats-row>span:last-child svg{width:13px;height:13px}}
@media(max-width:420px){.hero-copy p{font-size:11px;max-width:185px}.hero-copy h1{font-size:28px}.hero-copy .btn{font-size:11px}.hero-copy{width:68%}.hero-tag{font-size:7px;padding:6px 8px}.hero-tag svg{width:10px;height:10px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.composer-top>button{font-size:12px;padding:11px}.composer-actions button{font-size:11px}.post-copy{font-size:13px}.post-head .person-button strong{font-size:13px}.page-heading h1{font-size:26px}.feed-title>span{font-size:10px}.profile-activate{display:block}.profile-activate>.btn{margin:15px 0 0 33px;font-size:12px}.profile-card .profile-details{padding-left:19px;padding-right:19px}.form-row{gap:12px}.form-field input,.form-field textarea,.form-field select{font-size:13px}.profile-choices{gap:10px}.profile-choices .choice-card>strong{font-size:11px}.lesson-list>div{font-size:11px;gap:7px;padding:13px}.lesson-list span{font-size:8px}.profile-register>span{font-size:11px}.school-banner{padding:23px}.school-banner h2{font-size:23px}.school-banner p{font-size:13px}.community-body h3{font-size:18px}.community-body p{font-size:13px}.community-bottom .btn{font-size:12px}.discovery-info>h3{font-size:12px}.short-overlay h2{font-size:17px}.modal-footer .btn{font-size:12px}}
/* Guest-first social experience */
.auth-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#147bf3;border:0;color:#fff;border-radius:9px;min-height:35px;padding:8px 16px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .18s}.auth-login-btn:hover{background:#0869d8}.auth-login-btn svg{width:17px;height:17px}.guest-account-bar{display:flex;flex-direction:column;gap:11px;padding:18px 0 0;border-top:1px solid #edf0ec}.guest-account-bar strong{font-size:13px}.guest-account-bar p{font-size:11px;color:#98a48f;line-height:1.7}.guest-account-bar .auth-login-btn{width:100%;font-size:12px}.guest-account-bar .text-button{justify-content:center;font-size:11px}.guest-inline-note{font-size:12px;color:#92a08a;line-height:1.7;padding:13px 16px;border-radius:10px;background:#f4f7ef;margin:16px 0}.social-stories{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none;padding:8px 1px 20px;margin-bottom:5px}.social-stories::-webkit-scrollbar{display:none}.story-person{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;min-width:65px;flex-shrink:0;text-align:center}.story-ring{display:grid;place-items:center;width:65px;height:65px;padding:2px;border-radius:50%;background:linear-gradient(35deg,#ffcc62,#fa7a70 40%,#c871b9 75%,#8b76cb);overflow:hidden}.story-ring img{width:100%;height:100%;border:3px solid #fff;border-radius:50%;object-fit:cover}.story-label{font-size:11px;color:#58655a;line-height:1.3;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-feed-label{display:none}.auth-dialog{width:420px!important;max-width:100%;border-radius:22px}.auth-dialog .modal-head{border:0;padding:20px 24px 0;justify-content:flex-end}.auth-dialog .modal-head h2{font-size:0;line-height:0}.auth-dialog .modal-head .close-modal{width:30px;height:30px;background:#f4f6f8;color:#8d969e}.auth-dialog .modal-body{padding:8px 30px 27px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:5px 0 21px;font-family:'Manrope',sans-serif;font-size:29px;font-weight:800;letter-spacing:-1px;color:#172d2b}.auth-brand>span:first-child{display:grid;place-items:center;background:linear-gradient(145deg,#188d80,#2f6dce 58%,#8067cd);border-radius:14px;color:#fff;width:50px;height:50px;font-size:40px;font-family:'Manrope',sans-serif;font-weight:800;line-height:1;letter-spacing:-3px;padding:0 3px 5px 0;box-shadow:0 5px 15px #277c9e18}.auth-context{width:45px;height:45px;display:grid;place-items:center;background:#eff6ff;border-radius:50%;color:#147bf3;margin:0 auto 13px}.auth-context svg{width:23px;height:23px;stroke-width:1.8}.auth-intro{text-align:center;margin:0 auto 23px;max-width:330px}.auth-intro h2,.auth-intro h3{font-size:22px;line-height:1.4;letter-spacing:-.6px;color:#233d38;margin:0 0 9px}.auth-intro p,.auth-intro>span{font-size:13px;color:#88939a;line-height:1.8}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-field{display:flex;flex-direction:column;gap:7px;margin:0}.auth-field .field-label{font-size:12px;font-weight:600;color:#6b797f}.auth-form input,.auth-form select{height:50px;width:100%;font-size:16px;line-height:1.3;border:1px solid #e1e6eb;background:#f8fafc;border-radius:12px;padding:12px 14px;color:#2a4146;outline:none}.auth-form input::placeholder{color:#a5aeb6;font-size:14px}.auth-form input:focus,.auth-form select:focus{border-color:#74b0f8;box-shadow:0 0 0 3px #147bf310}.auth-form .form-field{margin-bottom:0}.auth-form .form-field>span{font-size:12px;color:#718089}.auth-submit{display:flex;align-items:center;justify-content:center;width:100%;height:46px;background:#147bf3;color:white;border:0;border-radius:11px;font-size:14px;font-weight:700;gap:8px;margin-top:4px}.auth-submit:hover{background:#086ad9}.auth-submit svg{width:18px;height:18px}.auth-switch{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:12px;color:#929da3;margin:20px 0 0;line-height:1.8;flex-wrap:wrap}.auth-switch button,.auth-switch a{color:#147bf3;font-weight:650;font-size:12px;background:none;border:0;padding:0}.auth-browse{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:#93a1a9;background:none;border:0;padding:15px 0 1px;margin-top:13px;border-top:1px solid #edf0f3}.auth-browse svg{width:14px;height:14px}.auth-note{font-size:10px!important;text-align:center;color:#a5afb6!important;line-height:1.8!important;margin:17px 0 0!important}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.password-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:none;padding:5px 0;color:#95a3ad;font-size:11px;font-weight:550}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:11px;background:#f1f5f8;margin:1px 0 22px}.auth-tabs button{background:none;border:0;color:#95a1a9;font-size:12px;font-weight:600;min-height:36px;border-radius:8px;padding:8px}.auth-tabs button.active{background:#fff;color:#147bf3;box-shadow:0 2px 5px #27517708}.auth-error{font-size:12px;color:#c16f6f;background:#fff6f5;padding:10px 12px;border-radius:8px;line-height:1.6}.auth-success{font-size:12px;color:#64976e;background:#f1f9ef;padding:10px 12px;border-radius:8px;line-height:1.6}.guest-composer{padding:18px 20px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:15px;border:1px solid var(--line);background:#fff}.guest-composer p{font-size:12px;color:#94a18b;line-height:1.6}.guest-composer .text-button{font-size:12px}.auth-form .profile-choices{margin:0;gap:10px}.auth-form .choice-card{padding:14px 12px}.auth-form .choice-card input[type=radio]{width:14px;height:14px;box-shadow:none}.auth-form .notice{margin:0;font-size:11px}
@media(max-width:760px){body{background:#fff}:root{background:#fff}.topbar{height:60px;background:#fff;padding:0 14px;border-bottom:1px solid #efefef}.topbar:before{font-size:25px;letter-spacing:-1.2px;color:#193c35}.top-actions{gap:8px}.auth-login-btn{background:#147bf3;border-radius:9px;min-height:33px;padding:7px 13px;font-size:12px}.top-actions>.auth-login-btn{display:inline-flex}.top-actions .icon-btn{width:32px;height:32px}.top-actions .icon-btn svg{width:23px;height:23px}.guest-account-bar{display:none}body.page-feed .workspace{padding:0 0 83px;margin-left:0;background:white;min-height:calc(100dvh - 60px)}body.page-feed .main-column{width:100%;overflow:hidden}body.page-feed .page-layout{max-width:600px;margin:0 auto}body.page-feed .hero-banner,body.page-feed .feed-title,body.page-feed .feed-sort,body.page-feed .composer,body.page-feed .guest-composer{display:none}body.page-feed .social-stories{gap:15px;padding:16px 14px 17px;margin:0;border-bottom:1px solid #f1f1f1}body.page-feed .story-person{min-width:65px;gap:7px}body.page-feed .story-ring{height:67px;width:67px;padding:2px}body.page-feed .story-label{font-size:11px;color:#44514a;max-width:70px}body.page-feed .mobile-feed-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.2px;color:#97a09a;padding:12px 15px 4px;line-height:1.6}body.page-feed .tabs{height:42px;align-items:stretch;gap:24px;margin:0;padding:0 15px;border-bottom:1px solid #eeeeeb}body.page-feed .tabs .tab{padding:11px 0 10px;font-size:12px;color:#a1a7a2}body.page-feed .tabs .tab.active{color:#2e4d3d}body.page-feed .tabs .tab.active:after{height:2px;background:#2e4d3d}body.page-feed .post{display:flex;flex-direction:column;background:#fff;border:0;border-radius:0;box-shadow:none;margin:0 0 18px;overflow:visible}body.page-feed .post-head{order:0;padding:12px 14px;gap:10px}body.page-feed .post-head .avatar{width:35px;height:35px;font-size:11px}body.page-feed .post-head .person-button{gap:10px}body.page-feed .post-head .person-button strong{font-size:13px;color:#293c32;font-weight:650}body.page-feed .post-head .person-button small{font-size:10px;color:#9ba29b;line-height:1.4;margin-top:3px}body.page-feed .post-head .person-button small svg{width:10px;height:10px}body.page-feed .post-head>.icon-btn{width:27px;height:27px;color:#67756d}body.page-feed .post-image{order:1;display:block;width:100%;max-height:none;aspect-ratio:4/5;object-fit:cover;border-radius:0}body.page-feed .post-actions{order:2;padding:12px 14px 10px;gap:19px;min-height:50px}body.page-feed .post-actions .action{gap:7px;font-size:13px;line-height:1;color:#43594b}body.page-feed .post-actions .action svg{width:25px;height:25px;stroke-width:1.65}body.page-feed .post-actions .action.liked{color:#e57777}body.page-feed .post-actions .action.liked svg{fill:#e57777;stroke:#e57777}body.page-feed .post-actions .save-action{margin-left:auto}body.page-feed .post-actions .save-action svg{width:23px;height:23px}body.page-feed .post-copy{order:3;padding:0 14px 16px;margin:0;font-size:14px;line-height:1.55;color:#405346}body.page-feed .post:not(.byp-feed-card):not(:has(img.post-image)) .post-copy{order:1;padding-top:1px;padding-bottom:5px}body.page-feed .post:not(.byp-feed-card):not(:has(img.post-image)) .post-actions{order:2}body.page-feed .post:not(.byp-feed-card):not(:has(img.post-image)){border-bottom:1px solid #f2f3ef;padding-bottom:9px}.mobile-nav{background:#fffffffa;border-top:1px solid #ecefec;height:64px;padding:7px 5px max(7px,env(safe-area-inset-bottom));box-shadow:0 -2px 14px #1a332a03}.mobile-nav button,.mobile-nav a{color:#8e9991;font-size:9px}.mobile-nav button span{font-size:9px}.mobile-nav svg{width:24px;height:24px}.mobile-nav .active{color:#183d2d}.mobile-nav .active svg{stroke-width:2.1}.mobile-nav button:nth-child(3) svg{border:1.6px solid currentColor;border-radius:7px;width:28px;height:28px;padding:3px}.mobile-nav button:nth-child(5) svg{width:24px;height:24px}.modal-backdrop:has(.auth-dialog){align-items:flex-end;padding:0;background:#12251e88;backdrop-filter:blur(3px)}.modal.auth-dialog{width:100%!important;max-width:500px;max-height:94dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 70px #0b282e20}.auth-dialog:before{content:'';position:absolute;left:calc(50% - 17px);width:34px;height:4px;border-radius:3px;background:#d6dde0;transform:translateY(10px)}.auth-dialog .modal-head{padding:17px 20px 0;min-height:44px}.auth-dialog .modal-body{padding:0 26px 24px}.auth-dialog .modal-head .close-modal{width:27px;height:27px}.auth-brand{font-size:29px;margin:4px 0 20px}.auth-brand>span:first-child{width:47px;height:47px;border-radius:13px;font-size:37px}.auth-context{width:41px;height:41px;margin-bottom:12px}.auth-context svg{width:21px;height:21px}.auth-intro{margin-bottom:22px}.auth-intro h2,.auth-intro h3{font-size:22px}.auth-intro p,.auth-intro>span{font-size:13px;line-height:1.75}.auth-form input,.auth-form select{height:50px;border-radius:12px;font-size:16px}.auth-form input::placeholder{font-size:14px}.auth-field .field-label,.auth-form .form-field>span{font-size:12px}.auth-submit{height:46px;font-size:14px}.auth-switch{font-size:12px;margin-top:20px}.auth-switch button{font-size:12px}.auth-browse{font-size:12px;padding:15px 0 2px}.auth-note{font-size:10px!important}.auth-tabs{margin-bottom:20px}.auth-tabs button{font-size:13px}.guest-inline-note{font-size:12px}.modal .auth-submit{font-size:14px}}
@media(max-width:420px){body.page-feed .post-image{aspect-ratio:4/5}body.page-feed .social-stories{gap:14px;padding-left:14px;padding-right:14px}body.page-feed .post-copy{font-size:14px;padding-left:14px;padding-right:14px}body.page-feed .post-head .person-button strong{font-size:13px}.auth-dialog .modal-body{padding-left:24px;padding-right:24px}.auth-intro h2,.auth-intro h3{font-size:21px}.auth-intro p{font-size:13px}.auth-form input,.auth-form select{font-size:16px}.auth-form .profile-choices{gap:9px}.auth-form .choice-card>small{font-size:11px}.topbar:before{font-size:24px}}
/* Authentication links stay quiet while the chosen action remains primary. */
.auth-forgot{display:block;margin:-2px 0 22px auto;padding:5px 0;background:none;border:0;color:#2868aa;font-size:12px;font-weight:600}.auth-browse{min-height:44px}.auth-dialog .auth-submit{min-height:46px}.guest-composer{display:flex;gap:6px;flex-direction:column;margin-bottom:22px;color:#677a72}.guest-composer small{color:#87918c}.social-stories{display:none}.auth-login-btn{min-height:38px;padding:9px 16px;border:0;background:#147bf3;color:#fff;border-radius:10px;font-size:13px;font-weight:700}
@media(max-width:760px){.page-feed .social-stories{display:flex}.page-feed .guest-composer{display:none}.auth-forgot{font-size:13px}}
/* Profile, media grid and social tools */
.ig-profile{max-width:935px;margin:0 auto;background:#fff;border:1px solid #e8ece7;border-radius:18px;padding:26px 28px 0;overflow:hidden;color:#243b30}.ig-profile-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;min-height:36px}.ig-profile-top .username,.ig-profile-top>h1{font-family:'DM Sans',sans-serif;font-size:23px;line-height:1.4;letter-spacing:-.6px;font-weight:700;color:#233b2e;display:inline-flex;gap:6px;align-items:center}.ig-profile-top .username svg{width:17px;height:17px}.ig-profile-tools{display:flex;align-items:center;gap:15px}.ig-profile-tools button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:3px;color:#294231;border-radius:7px;min-width:29px;min-height:29px}.ig-profile-tools svg{width:24px;height:24px;stroke-width:1.8}.ig-profile-overview{display:flex;align-items:center;gap:48px;margin:0 0 24px;padding:0 4px}.ig-avatar-ring{width:124px;height:124px;display:grid;place-items:center;padding:4px;flex-shrink:0;position:relative;border-radius:50%;background:linear-gradient(35deg,#f6cd78,#e59781 37%,#bf8ab5 70%,#829bc1)}.ig-avatar-ring>img{width:100%;height:100%;object-fit:cover;border:4px solid white;border-radius:50%}.ig-avatar-ring>.avatar{width:100%;height:100%;border:4px solid white;font-size:35px;background:#dfeadc;color:#6a8760;border-radius:50%}.ig-avatar-ring .ig-avatar-edit{position:absolute;right:2px;bottom:7px;border:3px solid white;background:#147bf3;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:white}.ig-avatar-edit svg{width:14px;height:14px}.ig-profile-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;flex:1;max-width:480px}.ig-profile-counts>button,.ig-profile-counts>div{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:8px 0;min-width:0;color:#354b3b;text-align:center}.ig-profile-counts strong{font-family:'DM Sans',sans-serif;font-size:23px;font-weight:650;letter-spacing:-.5px;line-height:1.25}.ig-profile-counts span{font-size:13px;color:#71836f;white-space:nowrap}.ig-profile-bio{margin:0 0 22px;padding:0 4px}.ig-profile-bio h1{font-family:'DM Sans',sans-serif;font-size:16px;letter-spacing:-.2px;line-height:1.5;font-weight:650;margin:0 0 5px}.ig-profile-bio .ig-category{font-size:12px;color:#9ba593;line-height:1.5;margin-bottom:5px}.ig-profile-bio p{font-size:14px;color:#536c4e;line-height:1.65;max-width:650px;white-space:pre-line;margin:3px 0}.ig-profile-link{display:inline-flex;gap:5px;align-items:center;color:#497f95;font-size:13px;font-weight:600;line-height:1.6;margin-top:6px;border:0;background:none;padding:0}.ig-profile-link svg{width:13px;height:13px}.ig-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 20px}.ig-profile-actions.three,.ig-profile-actions:has(>:nth-child(3)){grid-template-columns:1fr 1fr 40px}.ig-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:#eff2eb;color:#4b6342;font-size:13px;font-weight:650;min-height:38px;padding:10px 14px;line-height:1.2;text-align:center;transition:background .2s}.ig-btn:hover{background:#e6ecdf}.ig-btn.primary,.ig-btn.ig-primary,.ig-profile-actions .btn-primary{background:#147bf3;color:#fff}.ig-btn.primary:hover,.ig-btn.ig-primary:hover{background:#086ad9}.ig-btn svg{width:16px;height:16px}.ig-profile-actions .ig-icon-btn{padding:0}.ig-professional-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:#f2f6ea;color:#8b9f77;border:1px solid #e4ecd7;border-radius:10px;margin:0 0 22px;font-size:12px}.ig-professional-banner>span{display:flex;align-items:center;gap:9px}.ig-professional-banner strong{font-size:12px;font-weight:650;color:#708a59;display:block}.ig-professional-banner small{display:block;font-size:10px;color:#a0ae90;margin-top:4px}.ig-professional-banner svg{width:18px;height:18px}.ig-highlights{display:flex;align-items:flex-start;gap:25px;overflow-x:auto;scrollbar-width:none;padding:4px 4px 25px;margin:0}.ig-highlights::-webkit-scrollbar{display:none}.ig-highlight{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;flex-shrink:0;color:#6d8362;font-size:11px;min-width:73px;max-width:78px;text-align:center}.ig-highlight img,.ig-highlight>.avatar,.ig-highlight>.ig-highlight-circle{width:72px;height:72px;object-fit:cover;display:grid;place-items:center;border-radius:50%;border:4px solid white;outline:1px solid #dbe3d1;background:#f3f7eb;color:#93a978;font-size:23px}.ig-highlight>.ig-highlight-circle svg{width:27px;height:27px}.ig-highlight>span:last-child{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5}.ig-profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e9eee2;border-bottom:1px solid #e9eee2;margin:0 -28px;background:#fff}.ig-profile-tabs>button{border:0;border-bottom:2px solid transparent;background:none;display:flex;align-items:center;justify-content:center;gap:6px;color:#a1ac97;min-height:54px;padding:12px;font-size:11px;font-weight:600}.ig-profile-tabs>button.active{border-bottom-color:#284d2d;color:#284d2d}.ig-profile-tabs>button svg{width:22px;height:22px;stroke-width:1.8}.ig-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 -28px}.ig-media-tile{position:relative;display:block;aspect-ratio:3/4;min-width:0;overflow:hidden;border:0;border-radius:0;background:#eef3e5;padding:0;color:white;text-align:left}.ig-media-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.ig-media-tile:hover>img{transform:scale(1.035)}.ig-tile-icon{position:absolute;right:11px;top:11px;z-index:2;color:#fff;filter:drop-shadow(0 1px 3px #163a3150)}.ig-tile-icon svg{width:21px;height:21px;stroke-width:2.3}.ig-grid-caption{position:absolute;left:0;right:0;bottom:0;padding:35px 14px 14px;background:linear-gradient(transparent,#12311f8c);color:white;font-size:11px;line-height:1.55;opacity:0;transition:opacity .2s}.ig-media-tile:hover .ig-grid-caption,.ig-media-tile:focus-visible .ig-grid-caption{opacity:1}.ig-grid-caption>span{display:flex;gap:10px;align-items:center;font-weight:650}.ig-grid-caption svg{width:14px;height:14px}.ig-demo-label{padding:12px 2px 10px;color:#a3ad97;font-size:10px;line-height:1.5;display:flex;gap:7px;align-items:center}.ig-demo-label svg{width:12px;height:12px}.ig-empty-grid{text-align:center;padding:55px 25px 65px;color:#9eac90}.ig-empty-grid>svg{width:47px;height:47px;border:1.5px solid #aebd9d;border-radius:50%;padding:10px;margin-bottom:17px}.ig-empty-grid h2,.ig-empty-grid h3{font-size:23px;line-height:1.4;letter-spacing:-.7px;color:#667f53;margin:0 0 12px}.ig-empty-grid p{font-size:13px;line-height:1.75;max-width:340px;margin:0 auto}.ig-empty-grid .btn,.ig-empty-grid .text-button{margin-top:20px}.ig-profile-note{font-size:11px;color:#a5af99;line-height:1.8;padding:19px 0;text-align:center}.ig-visitor-banner{font-size:12px;color:#8d9f7b;background:#f4f7ed;padding:15px 18px;border-radius:11px;margin:0 0 22px;line-height:1.8}.ig-visitor-banner button{font-size:12px;color:#147bf3;border:0;background:none;padding:0;font-weight:600}.ig-profile-sheet .modal-body{padding-top:5px;padding-bottom:13px}.menu-section-label{font-size:10px;font-weight:600;letter-spacing:.6px;color:#a7b09e;text-transform:uppercase;margin:24px 0 10px}.menu-row{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:0;background:none;color:#657e55;font-size:13px;padding:15px 1px;min-height:46px;border-bottom:1px solid #f0f3eb}.menu-row>svg{width:21px;height:21px;stroke-width:1.7;color:#82986e}.menu-row>span:not(.avatar){flex:1;display:block}.menu-row strong{display:block;font-size:13px;font-weight:550}.menu-row small{display:block;font-size:11px;color:#a6b096;margin-top:4px;line-height:1.6}.menu-row>svg:last-child{margin-left:auto;width:15px;height:15px;color:#adb99c}.menu-row:hover{color:var(--brand)}
.social-modal{width:600px;max-width:100%}.social-local-note{font-size:11px;color:#a1ac99;line-height:1.7;padding:11px 14px;background:#f5f8ef;border-radius:10px;margin:0 0 17px}.social-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.social-inbox-head h2{font-size:19px}.social-inbox-head strong{font-size:16px}.social-inbox-head button{background:none;border:0;color:#779865;padding:3px}.social-search{display:flex;align-items:center;gap:8px;position:relative;margin:0 0 21px}.social-search>svg{position:absolute;left:12px;width:17px;height:17px;color:#a3af98}.social-search input{display:block;width:100%;border:1px solid #e7eddf;border-radius:11px;background:#f6f8f1;height:41px;padding:10px 13px;font-size:13px;color:#789368;outline:none}.social-search:has(>svg) input{padding-left:38px}.social-search input::placeholder{color:#a7b09d}.social-notes{display:flex;gap:17px;overflow:auto;scrollbar-width:none;padding:8px 0 20px;margin:0 0 8px;border-bottom:1px solid #edf1e6}.social-note-card{border:0;background:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:72px;max-width:91px;flex-shrink:0;color:#8d9f7d;font-size:10px;position:relative;padding:0}.social-note-card .avatar{width:53px;height:53px;font-size:16px;border:2px solid white;outline:1px solid #dde8cf}.social-note-card>span,.social-note-card>small{max-width:86px;font-size:10px;line-height:1.55}.social-note-card .note-bubble{font-size:9px;line-height:1.5;background:#f0f5e7;color:#8e9f79;max-width:86px;border-radius:11px;padding:6px 8px}.social-chat-list{display:flex;flex-direction:column}.social-chat-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;border:0;padding:15px 0;border-bottom:1px solid #eff3e8;color:#6f8960;min-height:76px}.social-chat-row:last-child{border-bottom:0}.social-chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.social-chat-row>.avatar{width:48px;height:48px;font-size:14px}.social-chat-copy{flex:1;min-width:0;display:block}.social-chat-copy strong{display:block;font-size:13px;line-height:1.4;font-weight:600}.social-chat-copy small{display:block;font-size:11px;color:#a0ad92;margin-top:5px;line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-unread{width:7px;height:7px;border-radius:50%;background:#147bf3;flex-shrink:0;margin-right:3px}.social-thread{display:flex;flex-direction:column;min-height:390px}.social-thread-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eaf0e0;padding:0 0 16px;margin-bottom:3px}.social-thread-head>.avatar{width:39px;height:39px;font-size:11px}.social-thread-head strong{display:block;font-size:13px}.social-thread-head small{font-size:10px;color:#a5b196;display:block;margin-top:4px}.social-messages{display:flex;flex-direction:column;align-items:flex-start;gap:13px;overflow:auto;max-height:390px;min-height:240px;padding:23px 0;flex:1;scrollbar-width:thin}.social-message{display:flex;flex-direction:column;align-items:flex-start;max-width:82%;color:#728b61}.social-message.mine{align-self:flex-end;align-items:flex-end}.social-message-text{font-size:13px;line-height:1.65;background:#f0f4e8;color:#71895d;border-radius:15px 15px 15px 3px;padding:10px 14px;margin:0;overflow-wrap:anywhere}.social-message.mine .social-message-text{background:#147bf3;color:#fff;border-radius:15px 15px 3px 15px}.social-message-meta{font-size:9px;color:#adb79f;margin:5px 4px 0;display:block}.social-message-form{display:flex;align-items:center;gap:9px;padding:15px 0 0;border-top:1px solid #eaf0e0;margin-top:5px}.social-message-form input{min-width:0;flex:1;background:#f8faf4;border:1px solid #e4ecda;border-radius:23px;height:43px;padding:11px 15px;font-size:13px;color:#738f5e;outline:none}.social-message-form button{display:grid;place-items:center;border:0;background:#147bf3;color:#fff;width:41px;height:41px;border-radius:50%;flex-shrink:0;padding:0}.social-message-form button svg{width:18px;height:18px}.story-viewer{background:#14221b;color:#fff;width:430px;max-width:100%;position:relative;border-radius:18px;overflow:hidden}.story-viewer .modal-head{padding:14px 17px;background:#14221b;border-bottom:0;min-height:47px}.story-viewer .modal-head h2{font-size:13px;letter-spacing:0;color:#c7d2bf}.story-viewer .close-modal{background:#ffffff12;color:#e1e8dc;width:28px;height:28px}.story-viewer .modal-body{padding:0;background:#14221b}.social-story-frame{position:relative;width:100%;aspect-ratio:9/16;max-height:70vh;overflow:hidden;isolation:isolate;background:#233a2a}.social-story-frame>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}.social-story-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(#0d1f1a8c,transparent 28%,transparent 55%,#0d1f1a9c);z-index:-1}.social-story-top{position:absolute;left:14px;right:14px;top:12px;z-index:3}.social-story-progress{display:flex;gap:4px;margin-bottom:14px}.social-story-progress>span{height:3px;background:#ffffff50;border-radius:3px;flex:1;display:block}.social-story-progress>span.active{background:#fff}.social-story-author{display:flex;align-items:center;gap:9px;font-size:12px;color:#fff}.social-story-author .avatar{width:30px;height:30px;font-size:9px;border:1px solid #ffffffb0}.social-story-author strong{font-size:12px;font-weight:600}.social-story-author small{font-size:10px;color:#d5dfcf}.social-story-caption{position:absolute;left:22px;right:22px;bottom:25px;z-index:2;color:#fff;text-align:center;font-size:23px;line-height:1.45;font-weight:600;text-shadow:0 1px 15px #0a211a3d}.social-story-caption p{font-size:22px;line-height:1.5}.social-story-caption small{font-size:11px;font-weight:400;color:#e0e9d9;display:block;margin-top:9px}.social-story-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#14221b}.social-story-nav button{background:#ffffff0d;border:1px solid #ffffff19;color:#d8e1d1;border-radius:8px;display:flex;align-items:center;gap:6px;padding:9px 14px;font-size:11px}.social-story-nav svg{width:15px;height:15px}.social-create-list{display:flex;flex-direction:column}.social-create-list>button{display:flex;gap:15px;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf2e5;background:none;padding:19px 1px;color:#758f62;min-height:66px;font-size:14px;width:100%}.social-create-list>button:last-child{border:0}.social-create-list svg{width:24px;height:24px;color:#8fa577}.social-create-list strong{display:block;font-size:13px;font-weight:600}.social-create-list small{display:block;font-size:11px;color:#a0b08d;margin-top:4px;line-height:1.7}.social-create-list>button>span{flex:1}.social-create-list>button>svg:last-child{width:16px;height:16px;color:#a7b697}.social-activity-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 18px;padding-bottom:3px;scrollbar-width:none}.social-activity-tabs button{border:1px solid #e1e9d5;background:#fff;padding:7px 13px;border-radius:8px;color:#9aaa89;font-size:11px;white-space:nowrap}.social-activity-tabs button.active{background:#eef4e3;color:#789758;border-color:#e3edcf}.social-activity-row{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid #edf2e5;font-size:12px;color:#80966f;line-height:1.7}.social-activity-row>.avatar{width:38px;height:38px;font-size:11px}.social-activity-row>span{flex:1}.social-activity-row strong{font-size:12px;font-weight:600}.social-activity-row small{display:block;font-size:10px;color:#abb79b;margin-top:5px}.social-activity-row>svg{width:23px;height:23px;color:#9cb782;margin-top:2px}.social-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:20px}.social-archive-grid button{padding:0;border:0;background:#f0f5e8;aspect-ratio:3/4;overflow:hidden;position:relative;color:#fff;border-radius:0}.social-archive-grid img{width:100%;height:100%;object-fit:cover}.social-archive-grid button>span{position:absolute;left:8px;top:8px;background:#fffef1e3;color:#81956d;font-size:9px;border-radius:5px;padding:5px 7px}.social-friend-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #eef3e5;color:#799364}.social-friend-row>.avatar{width:42px;height:42px;font-size:12px}.social-friend-row>span:not(.avatar){flex:1;min-width:0}.social-friend-row strong{display:block;font-size:13px;font-weight:600}.social-friend-row small{display:block;font-size:10px;color:#a4b095;margin-top:4px}.social-friend-check{display:grid;place-items:center;background:#f2f6ec;border:1px solid #dfe9d1;width:24px;height:24px;border-radius:50%;color:#8bad69;padding:0;flex-shrink:0}.social-friend-check.active,.social-friend-check.selected,.social-friend-check[aria-pressed=true]{background:#93b76a;border-color:#93b76a;color:#fff}.social-friend-check svg{width:14px;height:14px}
@media(max-width:1100px){.ig-profile{max-width:740px}.ig-profile-overview{gap:38px}.ig-profile-counts{gap:20px}.ig-profile-top .username{font-size:21px}.ig-avatar-ring{width:112px;height:112px}.ig-profile-counts strong{font-size:21px}.ig-profile-counts span{font-size:12px}.ig-profile-actions{margin-bottom:19px}.ig-highlights{gap:21px}}
@media(max-width:760px){body.page-profile .workspace{padding:0 0 85px;margin-left:0;background:#fff;min-height:calc(100dvh - 60px)}body.page-profile .workspace>.page-layout{display:block;max-width:none}body.page-profile .main-column{width:100%}.ig-profile{max-width:600px;margin:0 auto;border:0;border-radius:0;padding:17px 14px 0;overflow:hidden;background:#fff}.ig-profile-top{gap:12px;margin-bottom:23px;min-height:30px;padding:0 1px}.ig-profile-top .username,.ig-profile-top>h1{font-size:21px;letter-spacing:-.5px}.ig-profile-tools{gap:18px}.ig-profile-tools button{padding:1px;min-width:25px;min-height:25px}.ig-profile-tools svg{width:24px;height:24px;stroke-width:1.7}.ig-profile-overview{gap:26px;padding:0 3px;margin:0 0 16px}.ig-avatar-ring{width:88px;height:88px;padding:2px}.ig-avatar-ring>img,.ig-avatar-ring>.avatar{border:3px solid #fff}.ig-avatar-ring>.avatar{font-size:25px}.ig-avatar-ring .ig-avatar-edit{width:24px;height:24px;bottom:0;right:-2px;border-width:2px}.ig-avatar-edit svg{width:12px;height:12px}.ig-profile-counts{gap:10px;max-width:none}.ig-profile-counts>button,.ig-profile-counts>div{gap:5px;padding:5px 0}.ig-profile-counts strong{font-size:19px;font-weight:600;letter-spacing:-.3px}.ig-profile-counts span{font-size:12px;color:#65745f}.ig-profile-bio{padding:0 2px;margin-bottom:17px}.ig-profile-bio h1{font-size:15px;margin-bottom:3px}.ig-profile-bio .ig-category{font-size:12px;color:#a2aa9a;margin-bottom:4px}.ig-profile-bio p{font-size:13px;line-height:1.55;color:#53654c;margin:2px 0}.ig-profile-link{font-size:12px;margin-top:5px}.ig-profile-actions{gap:7px;margin-bottom:17px}.ig-btn{border-radius:8px;font-size:12px;min-height:34px;padding:9px 10px;background:#eff1ed;color:#4a5e41}.ig-btn svg{width:15px;height:15px}.ig-profile-actions.three,.ig-profile-actions:has(>:nth-child(3)){grid-template-columns:1fr 1fr 35px}.ig-professional-banner{padding:11px 12px;border-radius:9px;margin-bottom:18px;font-size:11px}.ig-professional-banner strong{font-size:12px}.ig-professional-banner small{font-size:10px}.ig-professional-banner svg{width:17px;height:17px}.ig-highlights{gap:19px;padding:4px 2px 22px}.ig-highlight{gap:7px;min-width:62px;max-width:65px}.ig-highlight img,.ig-highlight>.avatar,.ig-highlight>.ig-highlight-circle{width:61px;height:61px;border:3px solid white;font-size:22px}.ig-highlight>.ig-highlight-circle svg{width:24px;height:24px}.ig-highlight>span:last-child{font-size:10px;max-width:66px}.ig-profile-tabs{margin:0 -14px;border-top:1px solid #f0f1ed;border-bottom:1px solid #e8ece4}.ig-profile-tabs>button{min-height:47px;padding:11px 8px;font-size:0;gap:0;color:#a3ab9e;border-bottom-width:1.5px}.ig-profile-tabs>button svg{width:23px;height:23px}.ig-profile-tabs>button.active{color:#284b2b;border-bottom-color:#284b2b}.ig-media-grid{gap:2px;margin:0 -14px}.ig-media-tile{aspect-ratio:3/4}.ig-tile-icon{right:8px;top:8px}.ig-tile-icon svg{width:17px;height:17px}.ig-grid-caption{display:none}.ig-demo-label{font-size:9px;line-height:1.6;padding:10px 0 9px;color:#a5ae9b}.ig-demo-label svg{width:11px;height:11px}.ig-empty-grid{padding:43px 20px 55px}.ig-empty-grid h2,.ig-empty-grid h3{font-size:23px}.ig-empty-grid p{font-size:13px}.ig-profile-note{font-size:11px;padding:17px 0}.ig-visitor-banner{font-size:12px;padding:12px 14px;margin:0 0 18px;border-radius:9px}.ig-profile-sheet .modal-body{padding:2px 21px 18px}.menu-section-label{font-size:10px;margin:23px 0 9px}.menu-row{font-size:14px;gap:14px;padding:16px 1px;min-height:49px}.menu-row strong{font-size:14px}.menu-row small{font-size:12px}.menu-row>svg{width:22px;height:22px}.social-modal .modal-body{padding:17px 20px 22px}.social-local-note{font-size:11px;margin-bottom:17px}.social-search input{height:42px;font-size:14px}.social-notes{gap:17px;padding-bottom:19px}.social-note-card{min-width:65px}.social-note-card .avatar{width:51px;height:51px;font-size:15px}.social-note-card>span,.social-note-card>small{font-size:11px}.social-chat-row{gap:12px;min-height:78px;padding:15px 0}.social-chat-row>.avatar,.social-chat-avatar{width:49px;height:49px;font-size:14px}.social-chat-copy strong{font-size:14px}.social-chat-copy small{font-size:12px;margin-top:5px}.social-thread-head strong{font-size:14px}.social-thread-head small{font-size:11px}.social-thread{min-height:420px}.social-messages{min-height:260px;max-height:48dvh;padding:23px 0;gap:13px}.social-message{max-width:86%}.social-message-text{font-size:14px;line-height:1.65;padding:10px 13px}.social-message-meta{font-size:10px;margin-top:5px}.social-message-form input{font-size:14px;height:44px}.social-message-form button{width:42px;height:42px}.social-story-frame{max-height:72dvh}.story-viewer .modal-head{padding:12px 16px;min-height:43px}.story-viewer .modal-head h2{font-size:13px}.story-viewer .modal-body{padding:0}.social-story-author{font-size:13px}.social-story-author strong{font-size:13px}.social-story-author small{font-size:11px}.social-story-caption{font-size:23px;bottom:26px}.social-story-caption p{font-size:23px}.social-story-nav{padding:11px 15px}.social-story-nav button{font-size:12px;padding:9px 13px}.social-activity-tabs button{font-size:12px;padding:8px 13px}.social-activity-row{font-size:13px;gap:12px;padding:18px 0}.social-activity-row strong{font-size:13px}.social-activity-row small{font-size:11px}.social-create-list>button{font-size:14px;gap:15px;padding:19px 1px}.social-create-list strong{font-size:14px}.social-create-list small{font-size:12px}.social-create-list svg{width:25px;height:25px}.social-friend-row{padding:15px 0;gap:12px}.social-friend-row strong{font-size:14px}.social-friend-row small{font-size:11px}.social-friend-check{width:25px;height:25px}.social-archive-grid{gap:3px}.social-archive-grid button>span{font-size:9px;padding:5px}.social-inbox-head strong{font-size:17px}}
@media(max-width:420px){.ig-profile-top .username,.ig-profile-top>h1{font-size:20px}.ig-profile-overview{gap:20px}.ig-profile-counts{gap:6px}.ig-profile-counts strong{font-size:18px}.ig-profile-counts span{font-size:11px}.ig-profile-tools{gap:15px}.ig-profile-bio p{font-size:13px}.ig-profile-actions .ig-btn{font-size:12px}.ig-highlight img,.ig-highlight>.avatar,.ig-highlight>.ig-highlight-circle{width:59px;height:59px}.ig-highlights{gap:17px}.ig-profile-bio h1{font-size:15px}.ig-avatar-ring{width:85px;height:85px}.social-modal .modal-body{padding-left:18px;padding-right:18px}.social-chat-copy strong{font-size:14px}.social-chat-copy small{font-size:12px}.social-message-text{font-size:13px}.social-story-frame{max-height:69dvh}.social-story-caption p{font-size:22px}}
/* Full-screen vertical video and visual discovery */
.reels-overlay{position:fixed;inset:0;z-index:90;background:#080808;color:#fff;display:flex;align-items:center;justify-content:center;isolation:isolate}.reels-overlay button{color:inherit}.reels-topbar{position:absolute;left:50%;right:auto;top:0;transform:translateX(-50%);width:100%;max-width:470px;z-index:4;display:flex;align-items:center;gap:15px;padding:17px 16px 28px;background:linear-gradient(#0008,transparent);color:#fff;pointer-events:none}.reels-topbar>*{pointer-events:auto}.reels-topbar>button{background:none;border:0;display:grid;place-items:center;padding:5px;color:#fff;border-radius:50%;width:34px;height:34px}.reels-topbar>button:last-child{margin-left:auto}.reels-topbar>button svg{width:25px;height:25px;stroke-width:1.9}.reels-topbar h1,.reels-topbar h2,.reels-topbar strong{font-family:'DM Sans',sans-serif;font-size:20px;letter-spacing:-.5px;font-weight:600;color:#fff;margin:0}.reels-scroll{height:100dvh;width:100%;max-width:470px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;background:#000;position:relative;scroll-behavior:smooth}.reels-scroll::-webkit-scrollbar{display:none}.reel-slide{height:100dvh;min-height:100dvh;width:100%;position:relative;background:#000;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate}.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0;background:#111}.reel-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#00000012 58%,#000000a8 100%);pointer-events:none;z-index:1}.reel-meta{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom));left:16px;right:82px;z-index:2;color:#fff}.reel-person{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;margin-bottom:13px;min-width:0}.reel-person .avatar,.reel-person>img{width:39px;height:39px;border-radius:50%;object-fit:cover;flex-shrink:0;font-size:12px;border:1px solid #ffffffa8}.reel-person>strong,.reel-person>span:not(.avatar){font-family:'DM Sans',sans-serif;color:#fff;font-size:13px;font-weight:650;line-height:1.4;text-shadow:0 1px 7px #0002;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reel-person>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:none;border:1px solid #ffffffb3;border-radius:7px;color:#fff;font-size:11px;font-weight:600;min-height:27px;padding:5px 10px;white-space:nowrap;flex-shrink:0;margin-left:3px}.reel-person>button.following{background:#ffffff15;border-color:#ffffff70}.reel-caption{font-size:14px!important;line-height:1.45!important;color:#fff!important;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:400;text-shadow:0 1px 6px #0003;overflow-wrap:anywhere}.reel-audio{display:flex;align-items:center;gap:7px;font-size:11px;color:#f5f5f2;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reel-audio>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.reel-audio svg{width:13px;height:13px;flex-shrink:0;stroke-width:1.8}.reel-controls{position:absolute;bottom:95px;right:12px;z-index:3;display:flex;align-items:center;flex-direction:column;gap:21px;color:white}.reel-controls>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:none;padding:0;margin:0;min-width:38px;min-height:41px;border-radius:0;color:#fff;text-shadow:0 1px 6px #0003}.reel-controls>button svg{width:29px;height:29px;stroke-width:1.75;filter:drop-shadow(0 1px 3px #0002)}.reel-controls>button>span,.reel-controls>button>small{font-size:11px;line-height:1.3;color:#fff;font-weight:500}.reel-controls>button.liked,.reel-controls>button.is-liked{color:#ff6874}.reel-controls>button.liked svg,.reel-controls>button.is-liked svg{fill:#ff6874;stroke:#ff6874}.reel-controls>button.is-saved svg{fill:#fff}.reel-controls .reel-record,.reel-controls .reel-audio-cover{width:30px;height:30px;border:2px solid #fff;border-radius:6px;object-fit:cover;margin-top:2px}.reel-center-toggle{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:70px;height:70px;background:#00000045;border:1px solid #ffffff20;border-radius:50%;color:#fff;place-items:center;backdrop-filter:blur(3px);padding:0}.reel-center-toggle svg{width:32px;height:32px;stroke-width:1.5}.is-paused .reel-center-toggle,.reel-center-toggle.is-paused{display:grid}.reel-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;color:#ffffffc9;font-size:12px;line-height:1.7;text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px}.reel-loading .loader{width:29px;height:29px;border-color:#ffffff40;border-top-color:#fff}.reel-error{position:absolute;left:25px;right:25px;top:44%;text-align:center;color:#ffffffb3;font-size:12px;line-height:1.8;z-index:3}.reel-error button{display:block;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;padding:8px 12px;color:#fff;margin:13px auto 0;font-size:12px}.reels-open{overflow:hidden}.reel-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:4;background:#ffffff28}.reel-progress>span{display:block;background:#ffffffcf;height:100%;width:0}.reel-demo-label{position:absolute;left:16px;top:78px;z-index:2;font-size:9px;color:#ffffffb3;background:#00000022;border:1px solid #ffffff21;border-radius:5px;padding:4px 7px}.modal-backdrop{z-index:200}.toast-stack{z-index:250}.explore-page{max-width:1100px;margin:0 auto;padding:0 0 25px}.explore-search{display:flex;align-items:center;gap:10px;border:1px solid #e5eadf;background:#fff;border-radius:11px;height:44px;padding:0 14px;margin:0 0 22px;color:#a1ad97;max-width:480px}.explore-search>svg{width:18px;height:18px;stroke-width:1.7}.explore-search input{min-width:0;flex:1;border:0;background:none;outline:none;padding:10px 0;color:#6d8860;font-size:13px;height:100%}.explore-search input::placeholder{color:#a4ae9a}.explore-search button{background:none;border:0;padding:4px;color:#9dab90;display:grid;place-items:center}.explore-search button svg{width:17px;height:17px}.explore-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;grid-auto-flow:dense;align-items:stretch;overflow:hidden}.explore-tile{border:0;background:#e9eedd;padding:0;position:relative;aspect-ratio:1;min-width:0;width:100%;display:block;overflow:hidden;border-radius:0;color:#fff}.explore-tile>img,.explore-tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.explore-tile:hover>img{transform:scale(1.025)}.explore-tile.tall{grid-row:span 2;aspect-ratio:auto;min-height:100%;height:100%}.explore-media-icon{position:absolute;right:10px;top:10px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 3px #0003);z-index:2}.explore-media-icon svg{width:20px;height:20px;stroke-width:2.3}.explore-filter-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 0 18px;padding-bottom:3px}.explore-filter-row button{border:1px solid #dfe8d6;background:#fff;color:#94a282;font-size:11px;border-radius:8px;padding:8px 13px;white-space:nowrap}.explore-filter-row button.active{background:#eaf1df;color:#748f57;border-color:#dce8ca}.explore-tile .badge,.explore-tile h2,.explore-tile h3,.explore-tile p,.explore-tile .ig-grid-caption{display:none}.explore-empty{padding:45px 20px;text-align:center;color:#a1ae94;font-size:13px;line-height:1.8}.explore-page>.page-heading{margin-bottom:22px}.explore-page>.page-heading h1{font-size:29px}
@media(max-width:1100px){.explore-page{max-width:740px}.reel-meta{bottom:calc(29px + env(safe-area-inset-bottom))}.explore-media-icon{top:9px;right:9px}.explore-media-icon svg{width:19px;height:19px}}
@media(max-width:760px){.reels-overlay{background:#000}.reels-topbar{max-width:none;left:0;right:0;transform:none;width:100%;padding:calc(13px + env(safe-area-inset-top)) 13px 25px;gap:13px}.reels-topbar h1,.reels-topbar h2,.reels-topbar strong{font-size:20px}.reels-topbar>button{width:33px;height:33px;padding:4px}.reels-topbar>button svg{width:25px;height:25px}.reels-scroll{max-width:none;width:100%;height:100dvh;scroll-behavior:auto}.reel-slide{height:100dvh;min-height:100dvh}.reel-video{width:100%;height:100%;object-fit:cover}.reel-meta{left:15px;right:77px;bottom:calc(26px + env(safe-area-inset-bottom))}.reel-person{gap:9px;margin-bottom:12px}.reel-person .avatar,.reel-person>img{width:36px;height:36px;font-size:11px}.reel-person>strong,.reel-person>span:not(.avatar){font-size:13px}.reel-person>button{font-size:11px;min-height:26px;padding:5px 9px;margin-left:0;border-radius:6px}.reel-caption{font-size:14px!important;line-height:1.45!important;margin-bottom:11px}.reel-audio{font-size:11px;gap:6px}.reel-audio svg{width:13px;height:13px}.reel-controls{right:11px;bottom:calc(95px + env(safe-area-inset-bottom));gap:19px}.reel-controls>button{gap:6px;min-width:37px;min-height:39px}.reel-controls>button svg{width:28px;height:28px;stroke-width:1.8}.reel-controls>button>span,.reel-controls>button>small{font-size:11px}.reel-center-toggle{width:65px;height:65px}.reel-center-toggle svg{width:30px;height:30px}.reel-loading{font-size:12px}.reel-demo-label{top:calc(71px + env(safe-area-inset-top));left:15px;font-size:8px;padding:4px 6px}.reel-shade{background:linear-gradient(transparent 38%,#00000008 55%,#000000a3 100%)}body.page-discover .workspace{padding:0 0 84px;margin-left:0;background:#fff;min-height:calc(100dvh - 60px)}.explore-page{max-width:600px;margin:0 auto;padding:0}.explore-search{max-width:none;height:39px;margin:12px 13px 13px;border:0;border-radius:10px;background:#f1f4ef;padding:0 12px;gap:9px}.explore-search input{font-size:14px;padding:8px 0;color:#6d7f62}.explore-search input::placeholder{font-size:13px;color:#9faa97}.explore-search>svg{width:17px;height:17px}.explore-covers{gap:2px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense}.explore-tile{aspect-ratio:1}.explore-tile.tall{aspect-ratio:auto;grid-row:span 2;min-height:100%;height:100%}.explore-media-icon{right:7px;top:7px}.explore-media-icon svg{width:16px;height:16px;stroke-width:2.5}.explore-filter-row{gap:7px;padding:0 13px 2px;margin-bottom:12px}.explore-filter-row button{font-size:11px;padding:7px 11px;border-radius:7px}.explore-page>.page-heading{display:none}.explore-page .search-result{font-size:12px;padding:0 14px;margin:0 0 14px}.explore-page .search-result .text-button{font-size:11px}.explore-empty{font-size:13px;padding:50px 25px}.reels-overlay .auth-login-btn{background:#147bf3;color:#fff}.reels-overlay .avatar{border-color:#ffffffa8}.reel-controls button:last-child{margin-left:0}}
@media(max-width:420px){.reel-meta{left:14px;right:75px;bottom:calc(25px + env(safe-area-inset-bottom))}.reel-person .avatar,.reel-person>img{width:34px;height:34px}.reel-person>strong,.reel-person>span:not(.avatar){font-size:12px}.reel-person>button{font-size:10px;padding:5px 8px}.reel-person{gap:7px}.reel-caption{font-size:13px!important;line-height:1.5!important}.reel-controls{right:10px;gap:18px}.reel-controls>button svg{width:28px;height:28px}.reel-audio{font-size:10px}.reels-topbar{padding-left:11px;padding-right:11px}.explore-search{margin-left:12px;margin-right:12px}.explore-media-icon svg{width:15px;height:15px}}
.reel-person .person-button{border:0;background:transparent;padding:0;justify-content:flex-start;flex:0 1 auto;color:#fff}.reels-topbar>button:first-child svg{transform:rotate(180deg)}.reel-double-heart{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.3);font-size:95px;line-height:1;color:#fff;opacity:0;pointer-events:none;transition:opacity .15s,transform .35s}.double-liked .reel-double-heart{opacity:1;transform:translate(-50%,-50%) scale(1)}.ig-avatar-ring{display:grid;place-items:center;position:relative}.ig-avatar-ring>.avatar{height:100%;width:100%;border:3px solid #fff;display:grid;place-items:center}.ig-professional-banner{width:100%}

/* Preserve touch scrolling without desktop scrollbars inside the mobile viewport. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

/* A complete, evenly spaced story row in the 405 px mobile viewport. */
body.page-feed .story-strip{display:flex;align-items:stretch;gap:8px;padding:12px;scroll-padding-inline:12px;border-bottom:1px solid #eff1f0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;background:#fff}
body.page-feed .story-strip::-webkit-scrollbar{display:none}
body.page-feed .story-strip .story-person{position:relative;flex:0 0 calc((100% - 12px)/3.5);width:calc((100% - 12px)/3.5);min-width:0;max-width:none;aspect-ratio:5/8;display:block;box-sizing:border-box;padding:0;border:1px solid #e0e5e2;border-radius:12px;background:#edf2ef;overflow:hidden;scroll-snap-align:start;text-align:left;box-shadow:0 1px 2px #183b2512;-webkit-tap-highlight-color:transparent;isolation:isolate}
body.page-feed .story-strip .story-card-preview{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;background:linear-gradient(145deg,#d9e8df,#8fa99a)}
body.page-feed .story-strip .story-card-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 40%,#0001 55%,#000b);z-index:1}
body.page-feed .story-strip .story-preview-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
body.page-feed .story-strip .story-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;font-weight:600;color:#fff;background:#244f3b}
body.page-feed .story-strip .story-card-placeholder>img{width:100%;height:100%;object-fit:cover;opacity:.45;filter:blur(3px);transform:scale(1.08)}
body.page-feed .story-strip .story-ring{position:absolute;z-index:2;top:8px;left:8px;display:block;box-sizing:border-box;width:34px;height:34px;padding:2px;border:0;border-radius:50%;background:linear-gradient(140deg,#ffb34d 3%,#ff870f 40%,#ed6100 75%,#ff9d27);overflow:hidden;box-shadow:0 1px 4px #0003}
body.page-feed .story-strip .story-ring>.story-photo{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;max-width:none;padding:0;border:1.5px solid #fff;border-radius:50%;object-fit:cover;object-position:center;aspect-ratio:1;background:#f3f5f4;user-select:none}
body.page-feed .story-strip .story-label{position:absolute;z-index:2;left:8px;right:8px;bottom:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:none;min-width:0;max-height:32px;margin:0;color:#fff;font-size:12px;line-height:16px;font-weight:650;letter-spacing:-.15px;text-align:left;overflow:hidden;white-space:normal;text-overflow:ellipsis;text-shadow:0 1px 3px #0007}
body.page-feed .story-strip .story-self{background:#f7f8fa}
body.page-feed .story-strip .story-self .story-ring{inset:0 0 auto;width:100%;height:calc(100% - 49px);padding:0;border-radius:0;background:#edf2ef;overflow:visible;box-shadow:none}
body.page-feed .story-strip .story-own-face{width:100%;height:100%;display:grid;place-items:center;border:0;border-radius:0;background:#edf2ef;color:#7e9588;overflow:hidden}
body.page-feed .story-strip .story-own-face>svg{width:40px;height:40px;stroke-width:1.5}
body.page-feed .story-strip .story-own-face>img{height:100%;width:100%;max-width:none;border:0;border-radius:0;object-fit:cover;object-position:center}
body.page-feed .story-strip .story-add-badge{position:absolute;right:auto;left:50%;bottom:-16px;transform:translateX(-50%);display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;border:3px solid #f7f8fa;border-radius:50%;background:linear-gradient(145deg,#ff922b,#e66000);color:#fff;box-shadow:none}
body.page-feed .story-strip .story-add-badge>svg{width:18px;height:18px;stroke-width:2.2}
body.page-feed .story-strip .story-self .story-label{left:4px;right:4px;bottom:7px;max-height:30px;color:#182a21;font-size:11.5px;line-height:15px;font-weight:600;text-align:center;text-shadow:none}
body.page-feed .story-strip .story-person.is-seen .story-ring{background:linear-gradient(140deg,#e4c6a4,#d2a47a)}
body.page-feed .story-strip .story-person.has-live .story-ring{background:linear-gradient(140deg,#ff6963,#e32c3d 65%,#bb1430)}
body.page-feed .story-strip .story-person:active{opacity:.85}
body.page-feed .story-strip .story-person:focus-visible{outline:2px solid #ed6a00;outline-offset:-3px}
body.page-feed .story-strip .byp-story-live-label{position:absolute;z-index:2;left:8px;bottom:47px;transform:none;display:inline-flex;align-items:center;gap:3px;padding:2px 4px;border:1.5px solid #fff;border-radius:5px;background:#d9233b;color:#fff;font-size:8px;font-weight:750;line-height:1.2}
body.page-feed .story-strip .byp-story-live-label>svg{display:block;width:10px;height:10px;flex:none}

/* Compact phone row: four complete cards and half of the next one. */
@media (max-width:600px){
  body.page-feed .story-strip{gap:4px;padding:10px 8px;scroll-padding-inline:8px}
  body.page-feed .story-strip .story-person{flex-basis:calc((100% - 8px)/4.5);width:calc((100% - 8px)/4.5);height:clamp(120px,33.333vw,135px);aspect-ratio:auto;border-radius:10px}
  body.page-feed .story-strip .story-ring{top:6px;left:6px;width:26px;height:26px}
  body.page-feed .story-strip .story-label{left:6px;right:6px;bottom:7px;max-height:28px;font-size:12px;line-height:14px}
  body.page-feed .story-strip .story-self .story-ring{inset:0 0 auto;width:100%;height:calc(100% - 50px)}
  body.page-feed .story-strip .story-own-face>svg{width:32px;height:32px}
  body.page-feed .story-strip .story-add-badge{bottom:-14px;width:28px;height:28px;border-width:2.5px}
  body.page-feed .story-strip .story-add-badge>svg{width:16px;height:16px}
  body.page-feed .story-strip .story-self .story-label{left:4px;right:4px;bottom:6px;max-height:28px;font-size:12px;line-height:14px}
  body.page-feed .story-strip .byp-story-live-label{left:6px;bottom:41px;gap:2px;padding:2px 3px}
  body.page-feed .story-strip .byp-story-live-label>svg{width:8px;height:8px}
}

/* Full-screen story player: the enclosing mobile viewport stays exactly 9:16. */
/* Live presence card: brand-green field and a red outline around the card. */
body.page-feed .story-strip .story-person.has-live{border:1px solid #ff3047;background:#074c37}
body.page-feed .story-strip .story-person.has-live::after{content:"";position:absolute;inset:0;z-index:3;box-sizing:border-box;border:1px solid #ff3047;border-radius:inherit;pointer-events:none}
body.page-feed .story-strip .has-live .story-card-placeholder{background:linear-gradient(135deg,#006b49,#104b38 65%,#133c31)}
body.page-feed .story-strip .has-live .story-card-placeholder>img{display:none}
body.page-feed .story-strip .has-live .story-card-preview::after{background:linear-gradient(180deg,#ffffff03,transparent 45%,#00170e33)}
body.page-feed .story-strip .has-live .story-label{left:5px;right:5px;text-align:center;font-weight:750}
body.page-feed .story-strip .has-live .byp-story-live-label{left:50%;bottom:43px;transform:translateX(-50%);gap:4px;max-width:calc(100% - 8px);box-sizing:border-box;padding:4px 7px;border:0;border-radius:999px;background:#ff3047;font-size:10px;line-height:12px;white-space:nowrap}
body.page-feed .story-strip .byp-story-live-dot{width:5px;height:5px;flex:none;border-radius:50%;background:white}
body.page-feed .story-strip .byp-story-live-signal{position:absolute;z-index:2;right:6px;top:7px;width:14px;height:14px;color:white;pointer-events:none}

body.story-open{overflow:hidden}
.story-overlay{position:fixed;inset:0;z-index:120;display:block;background:#080b0a;color:#fff;isolation:isolate;overscroll-behavior:none;touch-action:pan-y}
.story-fullscreen{position:relative;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;overflow:hidden;background:#0b1210;border:0;border-radius:0;isolation:isolate}
.story-background{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border:0;border-radius:0;background:#101b15;user-select:none;-webkit-user-drag:none;pointer-events:none}
.story-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0009 0%,#0003 18%,transparent 40%,transparent 53%,#0003 74%,#000b 100%);pointer-events:none}
.story-header{position:absolute;top:calc(9px + env(safe-area-inset-top));left:12px;right:12px;z-index:4;color:#fff}
.story-timebars{display:flex;align-items:center;gap:4px;width:100%;height:3px;margin:0;padding:0}
.story-timebar{position:relative;display:block;flex:1;min-width:0;height:3px;border:0;border-radius:3px;background:#ffffff52;overflow:hidden}
.story-timefill{display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:left center;will-change:transform}
.story-owner-row{display:flex;align-items:center;gap:9px;min-height:34px;margin-top:13px;color:#fff}
.story-owner-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff1c;color:#fff}
.story-owner-avatar>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border:0;border-radius:50%}
.story-owner-avatar>.avatar{width:32px;height:32px;border:0;font-size:10px}
.story-owner-info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;color:#fff}
.story-owner-info strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:650;line-height:1.4;text-shadow:0 1px 5px #0002}
.story-owner-info small{display:block;color:#ffffffb8;font-size:10px;font-weight:400;line-height:1.3}
.story-header-controls{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}
.story-header-controls>button{display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:32px;padding:4px;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.story-header-controls>button:hover{background:#ffffff13}
.story-header-controls>button svg{width:22px;height:22px;stroke-width:1.8;filter:drop-shadow(0 1px 3px #0003)}
.story-caption{position:absolute;left:26px;right:26px;bottom:calc(112px + env(safe-area-inset-bottom));z-index:2;margin:0;padding:0;color:#fff!important;text-align:center;font-family:'DM Sans',Arial,sans-serif;font-size:24px!important;font-weight:600;line-height:1.4!important;letter-spacing:-.2px;text-shadow:0 2px 18px #0005,0 1px 3px #0003;overflow-wrap:anywhere;pointer-events:none;user-select:none}
.story-tap-zone{position:absolute;top:0;bottom:80px;z-index:3;display:block;width:40%;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;color:transparent;box-shadow:none;outline:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.story-tap-zone:hover,.story-tap-zone:active{background:transparent!important;box-shadow:none;transform:none}
.story-tap-left{left:0;right:auto;width:40%}
.story-tap-right{left:auto;right:0;width:60%}
.story-tap-zone:focus-visible{outline:2px solid #ffffffaa;outline-offset:-5px;background:#ffffff05!important}
.story-bottom{position:absolute;left:14px;right:14px;bottom:calc(15px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;gap:12px;min-height:43px;color:#fff}
.story-reply-pill{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;min-height:43px;margin:0;padding:11px 15px;border:1px solid #ffffff80;border-radius:999px;background:#00000010;color:#fff;text-align:left;font-size:13px;font-weight:400;line-height:1.4;box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}
.story-reply-pill:hover{background:#ffffff0a;border-color:#ffffffaa}
.story-bottom .icon-btn,.story-bottom>button:not(.story-reply-pill){display:grid;place-items:center;flex:none;width:32px;height:36px;min-height:36px;padding:3px;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none}
.story-bottom .icon-btn svg,.story-bottom>button:not(.story-reply-pill) svg{width:27px;height:27px;stroke-width:1.8;filter:drop-shadow(0 1px 2px #0003)}
.story-bottom .story-heart.liked,.story-heart.liked{color:#ff626f}
.story-bottom .story-heart.liked svg,.story-heart.liked svg{stroke:#ff626f;fill:#ff626f}
.story-prototype-note{position:absolute;left:15px;right:15px;bottom:calc(67px + env(safe-area-inset-bottom));z-index:2;color:#ffffffa3;font-size:9px;font-weight:400;line-height:1.5;text-align:center;pointer-events:none}
.story-loading{position:absolute;left:50%;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;max-width:80%;transform:translate(-50%,-50%);color:#ffffffe0;font-size:12px;line-height:1.5;text-align:center;pointer-events:none;text-shadow:0 1px 6px #0003}
.story-paused-label,.story-pause-indicator{position:absolute;left:50%;top:50%;z-index:4;display:none;align-items:center;justify-content:center;gap:7px;transform:translate(-50%,-50%);border:1px solid #ffffff24;border-radius:999px;background:#00000044;color:#fff;font-size:12px;line-height:1.4;padding:9px 15px;pointer-events:none;backdrop-filter:blur(3px)}
.story-overlay.is-paused .story-paused-label,.story-fullscreen.is-paused .story-paused-label,.story-overlay.is-paused .story-pause-indicator,.story-fullscreen.is-paused .story-pause-indicator{display:flex}
.story-paused-label svg,.story-pause-indicator svg{width:15px;height:15px}
.story-overlay button:focus-visible:not(.story-tap-zone){outline:2px solid #fff;outline-offset:3px}
.story-a11y-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.story-crossfade{animation:story-reveal .14s ease-out both}
@keyframes story-reveal{from{opacity:.6}to{opacity:1}}
@media(max-width:360px){.story-owner-info strong{max-width:175px}.story-header-controls{gap:2px}.story-caption{font-size:22px!important;left:23px;right:23px}.story-bottom{gap:9px}.story-reply-pill{font-size:12px;padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.story-crossfade{animation:none}.story-timefill{will-change:auto}}
.story-owner-button{display:flex;align-items:center;gap:9px;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;color:#fff;text-align:left}.story-owner-button:hover{background:none}.story-owner-avatar>.avatar{width:100%;height:100%;font-size:10px;border:0}.story-owner-info{display:flex;flex-direction:column;gap:2px;min-width:0}.story-owner-button .story-owner-info strong,.story-owner-button .story-owner-info small{display:block}.story-header-controls{flex-shrink:0}.story-overlay .story-heart.liked svg{fill:#ff5d7d;stroke:#ff5d7d}
.story-video{pointer-events:none;background:#060908}.story-sound{position:relative}.story-mute-mark{position:absolute;right:0;bottom:2px;color:#fff;background:#17221cbf;border-radius:50%;font-size:13px;line-height:12px;width:12px;height:12px}.story-video-credit{position:absolute;left:16px;right:16px;bottom:83px;z-index:2;font-size:9px;line-height:1.4;color:#ffffffc4;text-shadow:0 1px 5px #0008;pointer-events:none}.story-owner-info .story-video-counter{font-variant-numeric:tabular-nums;font-size:10px}.story-compose-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#f1f5f3;border-radius:12px;margin-bottom:17px}.story-compose-tabs button{background:none;border:0;border-radius:9px;padding:10px 12px;font-weight:650;color:#7b8d82}.story-compose-tabs button.active{background:#fff;color:#176e58;box-shadow:0 2px 8px #153e3010}.story-compose-limit{display:flex;align-items:center;gap:8px;border-radius:10px;background:#eef5ff;color:#276aab;padding:11px 13px;font-size:12px;line-height:1.6;margin:12px 0}.story-compose-preview{border-radius:13px;background:#122219;overflow:hidden;margin:12px 0;max-height:225px}.story-compose-preview>img,.story-compose-preview>video{display:block;width:100%;height:225px;object-fit:contain}.story-compose-status{font-size:12px;color:#65816e;line-height:1.6;margin:8px 0;font-variant-numeric:tabular-nums}.story-compose-error{font-size:12px;color:#b74f4f;background:#fff3f1;border:1px solid #f6dfda;border-radius:10px;padding:11px 12px;margin:10px 0;line-height:1.6}.story-compose-help{font-size:11px;color:#8c9b91;line-height:1.7;margin:10px 0}.story-compose-upload input{max-width:100%;font-size:12px}.story-compose-submit{width:100%;margin-top:12px;min-height:44px}.story-compose-submit:disabled{opacity:.45;cursor:not-allowed}.story-header-controls .icon-btn{min-width:28px;width:28px;height:30px}.story-header-controls{gap:5px}
.post-video-upload-choice{display:flex;justify-content:flex-start;width:100%;margin:12px 0}.post-video-upload-choice>span{margin-left:auto;font-size:11px;color:#8c9a91;font-weight:400}.post-video-cover{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:0;background:#14221b;overflow:hidden;order:1}.post-video-cover .post-video-poster{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}.post-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff75;border-radius:50%;background:#0006;color:#fff}.post-video-play svg{width:30px;height:30px}.post-video-duration{position:absolute;right:12px;bottom:12px;border-radius:5px;background:#0009;color:#fff;padding:4px 7px;font-size:12px;font-variant-numeric:tabular-nums}.reels-topbar>.reel-pause-button{margin-left:auto}.reels-topbar>.reel-pause-button+button{margin-left:0}.reels-topbar button{flex-shrink:0}
.sound-state-icon{display:block;overflow:visible;flex-shrink:0}.sound-state-icon .sound-mute-slash{stroke:#ff4d5f;stroke-width:2.7;stroke-linecap:round}.reels-topbar [data-action="reel-sound"]{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px}.story-header-controls .story-sound{display:flex;align-items:center;justify-content:center}.reel-sound-label{display:none}
.reels-topbar .icon-btn:hover,.story-header-controls .icon-btn:hover{background:#0000002e;color:#fff}.reels-topbar [data-action="reel-sound"] svg,.story-header-controls .story-sound svg{width:24px;height:24px}

/* The local BYARSLAN library. */
.local-library-feed-link{display:flex;align-items:center;gap:12px;width:calc(100% - 28px);margin:8px 14px 18px;padding:13px 14px;border:1px solid #ecdccf;border-radius:12px;background:#fff9f4;text-align:left;color:#3d3027}.local-library-feed-link>span{flex:1}.local-library-feed-link strong,.local-library-feed-link small{display:block}.local-library-feed-link small{font-size:11px;color:#877466;margin-top:3px}.local-library-feed-link>.icon{color:#d76b23}.local-library-course{width:100%;text-align:left}.local-library-course .course-cover{height:auto;aspect-ratio:16/9}.local-library-course .course-cover img{object-fit:cover;width:100%;height:100%}.local-library-course .course-body{padding:17px}.local-library-course h3{font-size:23px;letter-spacing:-.7px;margin:9px 0}.local-library-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:12px}.local-library-bottom strong{display:flex;gap:5px;align-items:center;color:#196a56}.local-course-play{position:absolute;inset:0;display:grid;place-items:center;color:white;background:linear-gradient(transparent,#0003)}.local-course-play .icon{width:42px;height:42px;filter:drop-shadow(0 2px 5px #0008)}.reel-course-link{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;background:#ffffff22;border:1px solid #ffffff44;border-radius:8px;color:#fff;font-size:12px}.reel-course-link .icon{width:16px;height:16px}.avatar:has(img){padding:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:contain}.story-strip .story-ring img[src*="byarslan-logo"],.story-owner-avatar img[src*="byarslan-logo"],.ig-avatar-ring img[src*="byarslan-logo"]{object-fit:contain;background:#fff}

.story-delete-button{width:44px;height:42px;color:white;border:1px solid #fff5;border-radius:50%;background:#0003}.story-delete-button svg,.reel-delete-button svg,.content-trash-delete svg,.content-trash-link>svg{width:20px;height:20px;flex-shrink:0}.reel-delete-button{color:#ffb5b5!important}.reel-delete-button[hidden]{display:none!important}.content-trash-delete{color:#c55757!important}

/* local-courses.css */
.local-course-backdrop{padding:0!important;background:#14201f!important;backdrop-filter:none!important}
.local-course-dialog{width:560px!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;display:flex;flex-direction:column;overflow:hidden!important;background:#fff!important}
.local-course-dialog .modal-head{padding:13px 17px!important;min-height:56px;flex-shrink:0;border-bottom:1px solid #e9eee8;background:#fff}
.local-course-dialog .modal-head h2{font-family:inherit;font-size:15px!important;font-weight:650;letter-spacing:-.2px;color:#253d35}
.local-course-dialog .close-modal{width:32px;height:32px;min-width:32px;background:#f3f5f1;border-radius:50%}
.local-course-dialog .close-modal .icon{width:19px;height:19px}
.local-course-dialog .modal-body{padding:0!important;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin}
.local-course-page{color:#284237;background:#fff;min-height:100%}
.local-course-intro{height:235px;position:relative;overflow:hidden;background:#203931;isolation:isolate}
.local-course-intro>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center}
.local-course-intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102b27e8,#142d2760 75%),linear-gradient(transparent,#102b2740)}
.local-course-intro-copy{position:absolute;left:23px;right:20px;bottom:22px;color:#fff}
.local-course-intro-copy>span{font-size:10px;font-weight:700;letter-spacing:2px;color:#dbecb1}
.local-course-intro-copy h3{font-family:inherit;color:#fff;font-size:35px;line-height:1.1;margin:7px 0 9px;letter-spacing:-1.3px}
.local-course-intro-copy p{color:#f0f4e8;font-size:12px;line-height:1.5;margin:0 0 15px}
.local-course-intro-copy button{display:inline-flex;align-items:center;gap:9px;min-height:37px;padding:9px 14px;border:0;border-radius:8px;background:#ddecac;color:#244134;font:inherit;font-size:12px;font-weight:650}
.local-course-intro-copy button svg{width:17px;height:17px}
.local-course-browser{padding:23px 19px 16px}
.local-course-heading .mini-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#7b9860}
.local-course-heading h3{margin:5px 0 5px;font-size:24px;letter-spacing:-.8px;line-height:1.25;color:#294337}
.local-course-heading p{font-size:12px;color:#7c8c74;margin:0 0 18px;line-height:1.5}
.local-course-languages{display:flex;gap:7px;border-bottom:1px solid #edf0e9;padding:0 0 15px}
.local-course-language{font:inherit;font-size:12px;font-weight:550;padding:8px 16px;border:1px solid #e1e8d9;border-radius:8px;background:#fff;color:#7b8b6e;min-height:35px}
.local-course-language.active{color:#fff;background:#245d49;border-color:#245d49}
.local-course-days{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:16px 0 17px;margin-right:-19px;scroll-snap-type:x proximity}
.local-course-days::-webkit-scrollbar{display:none}
.local-course-day{white-space:nowrap;font:inherit;font-size:11px;min-height:33px;flex-shrink:0;border:1px solid #e6ebdf;color:#80916f;background:#fafcf7;border-radius:7px;padding:7px 11px;scroll-snap-align:start}
.local-course-day:last-child{margin-right:19px}
.local-course-day.active{background:#edf3de;border-color:#bfd39d;color:#476831;font-weight:650}
.local-lesson-group{margin:0 0 14px}
.local-lesson-group-head{display:flex;align-items:center;justify-content:space-between;padding:1px 0 5px}
.local-lesson-group-head h3{color:#394d3b;font-size:13px;font-weight:650;line-height:1.4;margin:0}
.local-lesson-group-head>span{font-size:10px;color:#99a28d}
.local-lesson-row{width:100%;border:0;border-bottom:1px solid #edf0e7;background:#fff;display:flex;align-items:center;text-align:left;padding:13px 0;gap:12px;color:#5a7250;font:inherit;min-height:96px}
.local-lesson-row.is-current{background:#f7faf1}
.local-lesson-thumb{position:relative;width:91px;height:63px;flex-shrink:0;background:#e4ecda;border-radius:7px;overflow:hidden;display:block}
.local-lesson-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.local-lesson-thumb>span{display:grid;place-items:center;position:absolute;inset:0;background:#0b211b1c;color:white}
.local-lesson-thumb svg{width:25px;height:25px;filter:drop-shadow(0 1px 3px #0007);stroke-width:1.8}
.local-lesson-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}
.local-lesson-language{font-size:9px;color:#859875;line-height:1.2;display:flex;align-items:center;gap:8px}
.local-lesson-language i{font-style:normal;color:#4f8247;font-size:8px;background:#edf5e4;border-radius:4px;padding:2px 4px}
.local-lesson-copy strong{font-size:12px;font-weight:600;color:#4b6044;line-height:1.45;overflow-wrap:anywhere}
.local-lesson-copy small{font-size:10px;color:#96a086;line-height:1.4}
.local-lesson-row>.icon{width:15px;height:15px;flex-shrink:0;color:#a2af94;margin-left:1px}
.local-lesson-progress{height:2px;background:#e1e9d8;display:block;overflow:hidden;border-radius:3px;margin-top:3px;max-width:140px}
.local-lesson-progress i{height:100%;display:block;background:#8bac65}
.local-course-footnote{font-size:10px;color:#9aa68e;line-height:1.7;margin:22px 0 4px}
.local-course-empty{color:#8a9b7c;text-align:center;padding:24px 15px 28px;font-size:12px;line-height:1.7}
.local-course-empty>.icon{width:30px;height:30px;color:#a8b890;margin-bottom:4px}
.local-course-empty p{margin:0 0 12px;font-size:12px}
.local-course-empty button{border:0;border-radius:6px;padding:8px 12px;color:#5d7c45;background:#f0f5e7;font:inherit;font-size:11px}
.local-course-player{position:relative;background:#111b18;width:100%;aspect-ratio:16/9}
.local-course-player video{display:block;width:100%;height:100%;background:#111b18;object-fit:contain;max-height:100%}
.local-course-load{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#fff;font-size:11px;padding:7px 11px;border-radius:6px;background:#10201b8c;pointer-events:none;white-space:nowrap}
.local-course-load[hidden],.local-course-video-error[hidden]{display:none!important}
.local-course-video-error{position:absolute;left:15px;right:15px;top:30%;text-align:center;color:#fff;font-size:11px;line-height:1.7;background:#101b17d9;padding:13px;border-radius:8px}
.local-course-video-error p{margin:0 0 9px;color:#f4f8ef}
.local-course-video-error button{border:1px solid #ffffff50;background:#ffffff12;border-radius:6px;color:#fff;padding:6px 12px;font:inherit;font-size:11px}
.local-current-lesson{padding:17px 19px 16px;background:#f8faf4;border-bottom:1px solid #e9eee1}
.local-current-lesson-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#8ba078}
.local-current-lesson h3{font-size:15px;color:#425c38;line-height:1.5;letter-spacing:-.2px;margin:7px 0 5px;overflow-wrap:anywhere}
.local-current-lesson p{font-size:10px;line-height:1.7;color:#98a28b;margin:0}
.local-course-next{display:flex;align-items:center;gap:7px;font:inherit;font-size:11px;color:#688952;background:none;border:0;padding:0;margin:11px 0 0;font-weight:600}
.local-course-next svg{width:15px;height:15px}
@media(min-width:600px){.local-course-dialog{height:94dvh!important;max-height:94dvh!important;border-radius:18px!important}.local-course-intro{height:280px}.local-course-browser{padding-left:24px;padding-right:24px}}

/* notifications.css */
/* Local, Instagram-style activity inbox inside the persistent mobile frame. */
.notification-button{position:relative}
.notification-button .notification-count{position:absolute;right:0;top:0;min-width:17px;height:17px;border:2px solid #fff;border-radius:12px;background:#ff3040;color:white;font-size:9px;font-weight:750;line-height:13px;text-align:center;padding:0 3px;pointer-events:none}
.notifications-backdrop{padding:0!important;align-items:stretch!important;justify-content:center!important;background:#fff!important}
.notifications-modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:#fff!important;box-shadow:none!important;margin:0!important;color:#17191d}
.notifications-modal .modal-head{height:61px;min-height:61px;padding:0 17px!important;border-bottom:1px solid #efefef;display:flex;align-items:center;flex-shrink:0}
.notifications-modal .modal-head h2{font-size:21px!important;letter-spacing:-.65px;font-weight:760}
.notifications-modal .modal-body{padding:0!important;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}
.notifications-controls{position:sticky;top:0;background:#fff;z-index:3;border-bottom:1px solid #f0f0f0}
.notifications-toolbar{display:flex;align-items:center;gap:5px;padding:9px 14px 3px;min-height:43px}
.notifications-toolbar>span{font-size:11px;color:#85878d;margin-right:auto;font-weight:500}
.notifications-toolbar .icon-btn{width:31px;height:31px;padding:7px}
.notifications-demo-link{display:flex;align-items:center;gap:3px;border:0;background:none;color:#1487e8;font-size:12px;font-weight:700;padding:7px 0 7px 6px;white-space:nowrap}
.notifications-demo-link .icon{width:15px;height:15px}
.notifications-filter-row{display:flex;gap:7px;padding:8px 14px;overflow-x:auto;scrollbar-width:none}
.notifications-filter-row::-webkit-scrollbar{display:none}
.notifications-filter{border:1px solid #e4e4e7;border-radius:8px;background:#fff;padding:7px 12px;white-space:nowrap;font-size:12px;color:#303237;font-weight:650;display:flex;align-items:center;gap:5px}
.notifications-filter.active{background:#17191d;border-color:#17191d;color:#fff}
.notifications-filter span{font-size:10px;line-height:14px;min-width:14px;border-radius:7px;background:rgba(255,255,255,.23)}
.notifications-read-toolbar{padding:5px 15px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.notifications-read-toolbar small{font-size:10px;color:#888a90}
.notifications-read-toolbar .text-button{font-size:10px;white-space:nowrap;color:#1688eb;font-weight:650;padding:4px 0}
.notifications-read-toolbar .text-button:disabled{opacity:.45;cursor:default}
.notifications-group{margin:0;padding:0}
.notifications-group h3{font-size:16px;letter-spacing:-.25px;margin:0;padding:19px 16px 9px;font-weight:750}
.notifications-row{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 15px;min-height:78px;border:0}
.notifications-row.is-unread{background:#f3f8ff}
.notifications-row.is-unread:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:3px;background:#138cf4}
.notifications-open{display:flex;align-items:center;gap:11px;flex:1;min-width:0;text-align:left;border:0;background:transparent;color:inherit;padding:0;line-height:1.4;font-size:12px}
.notifications-avatar{width:46px;height:46px;min-width:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f0edf1;border:1px solid rgba(0,0,0,.04);font-size:15px;font-weight:700}
.notifications-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.notifications-avatar.is-brand{background:#fff}
.notifications-avatar.is-brand img{object-fit:contain;padding:3px;box-sizing:border-box}
.notifications-copy{display:block;min-width:0;overflow-wrap:anywhere}
.notifications-copy strong{font-weight:750}
.notifications-copy time{font-size:11px;white-space:nowrap;color:#8b8d92;margin-left:3px}
.notifications-copy small{font-size:10px;color:#8a8c91;display:block;margin-top:4px}
.notifications-unread-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;flex-shrink:0;margin-left:1px}
.notifications-thumb{width:43px;height:53px;min-width:43px;position:relative;border:0;background:#eee;padding:0;overflow:hidden;border-radius:5px}
.notifications-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.notifications-thumb>.icon{position:absolute;width:14px;height:14px;right:2px;top:3px;color:#fff;filter:drop-shadow(0 1px 2px #000)}
.notifications-primary,.notifications-secondary{border:0;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:750;line-height:1.15;white-space:nowrap;min-height:32px}
.notifications-primary{background:#168bf3;color:#fff}
.notifications-secondary{background:#eceef1;color:#25282d}
.notifications-follow{min-width:77px;max-width:84px;padding-left:8px;padding-right:8px}
.notifications-request-actions{display:flex;gap:6px;flex-basis:100%;padding-left:57px;margin-top:1px}
.notifications-request-actions button{min-width:83px}
.notifications-empty{text-align:center;padding:58px 25px 48px;color:#1b1d22}
.notifications-empty>.icon{width:55px;height:55px;padding:12px;border:1.4px solid #222;border-radius:50%;margin-bottom:9px}
.notifications-empty h3{font-size:19px;letter-spacing:-.45px;margin:10px 0}
.notifications-empty p{font-size:13px;color:#8a8b90;margin:0 0 20px}
.notifications-footnote{font-size:10px;line-height:1.5;color:#a1a2a8;padding:25px 22px 30px;text-align:center;margin:0}
.notifications-recipient-link{display:flex;align-items:center;justify-content:center;gap:4px;color:#1688eb;border:0;background:none;font-size:11px;padding:0 12px 30px;width:100%}
.notifications-recipient-link .icon{width:13px;height:13px}
.notifications-recipient-header{padding:11px 19px 6px}
.notifications-recipient-header select{width:100%;border:1px solid #e4e5e8;background:#fafafa;padding:12px 11px;border-radius:9px;font-size:13px}
.notifications-settings,.notifications-demo,.notifications-reply-detail{padding:11px 19px 28px}
.notifications-back{display:flex;align-items:center;gap:6px;background:none;border:0;font-size:12px;color:#1888e9;font-weight:650;padding:8px 0;margin-bottom:15px}
.notifications-back .icon{width:15px;height:15px;transform:rotate(180deg)}
.notifications-info{font-size:11px;line-height:1.65;color:#8c8e95;background:#f6f7f9;border:1px solid #edeef1;padding:12px 13px;border-radius:9px;margin:0 0 21px}
.notifications-settings h3{font-size:14px;margin:28px 0 9px}
.notifications-setting{display:flex;position:relative;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}
.notifications-setting>span:first-child{flex:1}
.notifications-setting strong{font-size:13px;font-weight:650;display:block}
.notifications-setting small{display:block;font-size:11px;line-height:1.5;color:#92949a;margin-top:4px}
.notifications-setting input{position:absolute;right:0;width:43px;height:26px;opacity:0;cursor:pointer}
.notifications-switch{width:43px;height:26px;border-radius:16px;background:#dedfe3;position:relative;pointer-events:none;flex-shrink:0;transition:background .15s}
.notifications-switch:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:2.5px;left:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}
.notifications-setting input:checked+.notifications-switch{background:#178cf5}
.notifications-setting input:checked+.notifications-switch:before{transform:translateX(16px)}
.notifications-setting input:focus-visible+.notifications-switch{outline:2px solid #176ed8;outline-offset:4px}
.notifications-setting-status{color:#28975d;font-size:11px;min-height:18px;margin-top:18px}
.notifications-demo-intro{text-align:center;padding:0 13px 16px}
.notifications-demo-intro>span{width:57px;height:57px;border-radius:18px;background:linear-gradient(145deg,#fff0f4,#eeeaff);display:inline-flex;align-items:center;justify-content:center;color:#d64270}
.notifications-demo-intro>span .icon{width:26px;height:26px}
.notifications-demo-intro h3{font-size:23px;letter-spacing:-.7px;margin:15px 0 9px}
.notifications-demo-intro p{font-size:12px;line-height:1.65;color:#878990;margin:0}
#notifications-demo-form .form-field{margin:0 0 14px}
#notifications-demo-form select,#notifications-demo-form textarea{width:100%;background:#fafafa;border:1px solid #e4e5e8;border-radius:9px;font-size:13px;padding:12px 11px;color:#262930;box-sizing:border-box}
#notifications-demo-form .form-field>span{font-size:12px;font-weight:650}
#notifications-demo-form .auth-submit{margin:7px 0 20px;display:flex;justify-content:center;align-items:center;gap:5px}
#notifications-demo-form .form-hint{font-size:11px;line-height:1.6;color:#93949a}
.notifications-form-error{color:#d1374d;font-size:12px;line-height:1.5;margin:8px 0;min-height:0}
.notifications-reply-person{display:flex;align-items:center;gap:11px;padding:7px 0 12px}
.notifications-reply-person strong{font-size:14px;display:block}
.notifications-reply-person small{display:block;color:#92949a;font-size:11px;margin-top:4px}
.notifications-reply-detail blockquote{border:0;background:#f4f1fa;padding:15px 17px;margin:12px 0 22px;border-radius:2px 18px 18px 18px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.notifications-switch,.notifications-switch:before{transition:none}}
.notifications-milestone-preview-link{display:flex;align-items:center;gap:9px;width:calc(100% - 28px);margin:2px 14px 12px;padding:11px 12px;border:1px solid #ece1c9;border-radius:10px;background:#fffbf2;color:#8c6b35;font:inherit;font-size:11px;text-align:left;cursor:pointer}.notifications-milestone-preview-link>.icon{width:19px;height:19px;flex-shrink:0}.notifications-milestone-preview-link>span{flex:1}.notifications-milestone-preview-link>.icon:last-child{width:13px;height:13px}.notifications-milestone-avatar{background:linear-gradient(135deg,#fff3d2,#f8e3ad);color:#b47a20;border:1px solid #f2dcab}.notifications-milestone-avatar>.icon{width:23px;height:23px}.notifications-copy>.notifications-milestone-source{font-size:8px;font-weight:750;letter-spacing:.7px;color:#a67b38;margin:0 0 5px}.notifications-milestone-row .notifications-copy>span{line-height:1.5}.notifications-milestone-row .notifications-copy>span>strong{font-weight:650}.notifications-milestone-row .notifications-copy>small:last-child{font-size:9px;line-height:1.5;color:#9a9b95;margin-top:5px}.notifications-milestone-row.is-unread{background:#fffdf7}.notifications-milestone-row .notifications-open:disabled{cursor:default;color:inherit;opacity:1}.notifications-milestone-row .notifications-thumb:disabled{cursor:default;opacity:1}.notifications-example-intro{padding:18px 18px 15px;border-bottom:1px solid #eeeeea;background:#fff}.notifications-example-intro>.notifications-back{margin-bottom:17px}.notifications-example-badge{display:block;width:max-content;background:#fff4dc;color:#a97b2c;border:1px solid #f1dfba;border-radius:5px;font-size:8px;font-weight:750;letter-spacing:1px;padding:5px 7px}.notifications-example-intro h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;color:#2d4939;margin:11px 0 9px}.notifications-example-intro p{font-size:11px;line-height:1.7;color:#8a9487;margin:0}.notifications-example-types{display:flex;gap:7px;margin:16px 0 13px}.notifications-example-types>button{flex:1;padding:9px 12px;border:1px solid #e2e8dc;border-radius:7px;background:#fff;color:#8b987d;font:inherit;font-size:11px;cursor:pointer}.notifications-example-types>button.active{background:#315d43;color:#fff;border-color:#315d43}.notifications-example-intro .notifications-example-rule{font-size:9px;line-height:1.75;color:#a3987f;background:#faf8f1;border-radius:8px;padding:10px 11px}.notifications-milestone-examples .notifications-row{min-height:91px}.notifications-milestone-examples .notifications-copy>.notifications-milestone-source{letter-spacing:.35px}.notifications-milestone-preview-link:focus-visible,.notifications-example-types>button:focus-visible{outline:2px solid #73905b;outline-offset:3px}

/* mentions.css */
.mention-link{font:inherit!important;display:inline!important;color:#2a7459!important;background:none!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important;text-align:inherit!important;line-height:inherit!important;font-weight:650!important;cursor:pointer;text-decoration:none;vertical-align:baseline}
.mention-link:hover,.mention-link:focus-visible{color:#155b42!important;text-decoration:underline}
.reel-caption .mention-link{color:#fff!important;text-shadow:inherit}
.mention-field-host{position:relative}
.mention-field-help{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 0;line-height:1.4}
.mention-field-help>button{font:inherit;font-size:11px;line-height:1.4;color:#739457;border:0;border-radius:5px;padding:3px 0;background:none;white-space:nowrap;font-weight:600}
.mention-field-help>small{font-size:9px;font-weight:400;color:#a0ae92;line-height:1.4}
.mention-suggestions{position:relative;width:100%;z-index:5;padding:5px;background:#fff;border:1px solid #dfe8d6;border-radius:10px;box-shadow:0 7px 22px #25452713;max-height:268px;overflow-y:auto;margin:7px 0 3px;scrollbar-width:thin;color:#5a704b}
.mention-suggestions-title{display:block;padding:7px 8px 6px;font-size:8px;font-weight:650;color:#a0ad92;letter-spacing:1.3px}
.mention-suggestions>button{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:0;border-radius:6px;padding:7px 8px;text-align:left;font:inherit;color:#718760;min-height:48px}
.mention-suggestions>button:hover,.mention-suggestions>button.is-selected{background:#f1f6e9}
.mention-person-avatar{width:32px;height:32px;flex-shrink:0;overflow:hidden;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#e9efe0;color:#698853}
.mention-person-avatar>img{display:block;width:100%;height:100%;object-fit:cover}
.mention-suggestions>button>span:last-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.mention-suggestions strong{font-size:11px;line-height:1.25;color:#587047;font-weight:600}
.mention-suggestions small{font-size:10px;line-height:1.25;color:#9aa78d;font-weight:400}
.mention-suggestions>p{font-size:11px;color:#97a489;line-height:1.6;padding:9px 8px;margin:0}
#comment-form .mention-field-help{margin-top:3px}
#comment-form .mention-field-help>button{font-size:9px;padding:2px 0}
#comment-form{align-items:flex-start}
#comment-form>.btn{margin-top:0;flex-shrink:0}

/* sector-ui.css */
.sector-interest-summary{display:flex;align-items:center;gap:11px;width:calc(100% - 28px);margin:4px 14px 13px;padding:12px 13px;border:1px solid #e4e9df;border-radius:12px;background:#f8faf5;text-align:left;color:#254b3c;font:inherit}.sector-interest-summary>span{flex:1;min-width:0}.sector-interest-summary strong,.sector-interest-summary small{display:block}.sector-interest-summary strong{font-size:12px;font-weight:650}.sector-interest-summary small{font-size:10px;line-height:1.4;margin-top:3px;color:#77816d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sector-interest-summary>.icon{width:21px;height:21px;flex-shrink:0}.sector-interest-summary>.icon:last-child{width:15px;height:15px}.sector-dialog{max-width:520px!important;color:#254535}.sector-dialog .modal-head h2{font-size:18px!important;letter-spacing:-.3px}.sector-dialog .modal-body{padding:20px!important}.sector-dialog .modal-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e6ebdf;padding:14px 20px!important;z-index:3}.sector-dialog .modal-footer .btn{width:100%;justify-content:center;min-height:43px}.sector-intro{margin-bottom:20px}.sector-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#80906f}.sector-intro h3{font-size:24px;line-height:1.18;letter-spacing:-.75px;margin:9px 0 10px;color:#224635}.sector-intro p{font-size:12px;line-height:1.65;color:#71806b;margin:0}.sector-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sector-choice{display:flex;flex-direction:column;position:relative;min-height:112px;padding:14px 12px 12px;border:1px solid #e5e9df;border-radius:12px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s;overflow:hidden}.sector-choice input{position:absolute;right:12px;top:12px;width:18px;height:18px;opacity:0;z-index:1}.sector-choice:focus-within{outline:2px solid #266a54;outline-offset:2px}.sector-choice.is-selected{border-color:#39785e;background:#f0f6e8}.sector-choice-symbol{display:grid;place-items:center;width:29px;height:29px;color:#698767;background:#f1f4ed;border-radius:8px;margin-bottom:11px}.sector-choice-symbol .icon{width:18px;height:18px}.sector-choice.is-selected .sector-choice-symbol{color:#27624a;background:#dce9ce}.sector-choice-copy strong{display:block;font-size:12px;line-height:1.3;font-weight:650;color:#2e4a39;padding-right:0}.sector-choice-copy small{display:block;color:#89917e;font-size:9px;line-height:1.45;margin-top:5px}.sector-choice-check{position:absolute;right:11px;top:12px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #dce2d4;border-radius:50%;background:#fff;color:transparent}.sector-choice-check .icon{width:11px;height:11px}.sector-choice.is-selected .sector-choice-check{background:#2d6d51;border-color:#2d6d51;color:#fff}.sector-subsection{margin-top:24px;padding-top:21px;border-top:1px solid #e9ede3}.sector-subsection h3{font-size:15px;margin:0 0 7px;letter-spacing:-.2px}.sector-subsection>p{font-size:11px;line-height:1.5;color:#7c8872;margin:0 0 15px}.sector-topic-group{border:0;margin:14px 0 18px;padding:0;min-width:0}.sector-topic-group legend{font-size:11px;font-weight:650;color:#3b5e47;margin-bottom:9px}.sector-topic-chips{display:flex;flex-wrap:wrap;gap:7px}.sector-topic-chip{position:relative;cursor:pointer}.sector-topic-chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.sector-topic-chip span{display:block;padding:7px 10px;border:1px solid #e1e7d8;background:#fff;border-radius:7px;font-size:10px;color:#77846b;line-height:1.2}.sector-topic-chip input:checked+span{background:#e4efda;border-color:#7e9e69;color:#31583a}.sector-topic-chip input:focus-visible+span{outline:2px solid #266a54;outline-offset:2px}.sector-soft-note{font-size:10px;line-height:1.65;color:#8a927f;margin:18px 0 0}.sector-reset-button{display:block;margin:15px auto 0;padding:8px 0;border:0;background:none;color:#6e8061;font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px}.sector-form-error{color:#b14835;font-size:12px;line-height:1.5;min-height:0;margin:10px 0}.sector-form-error:empty{display:none}.sector-dialog .form-field{margin-top:14px}.sector-dialog .form-field>span{font-size:11px}.sector-dialog .form-field input,.sector-dialog .form-field textarea,.sector-dialog .form-field select{font-size:12px;min-height:41px;border-radius:9px;background:#fcfdf9}.sector-dialog .form-row{gap:10px}.sector-dialog .form-row>.form-field{min-width:0;flex:1}.sector-classification-fields{margin-top:16px}.sector-metadata-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.sector-metadata-badges>span{background:#f1f5ea;color:#6a7c59;padding:4px 7px;border-radius:5px;font-size:9px;line-height:1.25;white-space:nowrap}.sector-inline-edit{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:5px 0;color:#6f8060;font-size:11px}.sector-inline-edit .icon{width:14px;height:14px}@media(max-width:600px){.sector-backdrop{padding:0!important;background:#1b3326a8!important;backdrop-filter:blur(3px)}.sector-dialog{height:100dvh!important;max-height:100dvh!important;width:100%!important;max-width:100%!important;border-radius:0!important;display:flex;flex-direction:column}.sector-dialog .modal-head{flex-shrink:0;padding:14px 19px!important;min-height:58px}.sector-dialog .modal-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:21px 18px!important;scrollbar-width:thin}.sector-dialog .modal-footer{flex-shrink:0;padding:12px 18px!important}.sector-intro h3{font-size:25px}.sector-choice{min-height:119px}.sector-choice-copy strong{font-size:12px}.sector-choice-copy small{font-size:9px}.sector-interest-summary{margin-top:5px}.page-school .sector-interest-summary{width:100%;margin-left:0;margin-right:0}}
.sector-content-options{margin:16px 0;border-top:1px solid #e8ecdf;padding-top:12px}.sector-content-options>summary{font-size:11px;color:#5d7752;font-weight:600;cursor:pointer;list-style:disclosure-closed}.sector-content-options[open]>summary{list-style:disclosure-open}.sector-content-options .form-row{display:flex;gap:10px}.sector-content-options .form-row>.form-field{flex:1;min-width:0}

/* sector-integration.css */
.sector-post-context{display:flex;align-items:center;gap:7px;padding:0 14px 6px;min-height:20px}.sector-post-context button{display:flex;align-items:center;gap:5px;background:none;border:0;color:#728278;font:inherit;font-size:10px;text-align:left;padding:0;line-height:1.5}.sector-post-context .icon{width:12px;height:12px;flex-shrink:0}.sector-example-badge{display:inline-block;font-size:9px;letter-spacing:.25px;color:#5b6e5f;background:#eef2e8;border-radius:5px;padding:4px 6px;white-space:nowrap}.sector-course-wrap{min-width:0;border:1px solid #e4e9e1;border-radius:14px;overflow:hidden;background:white}.sector-course-wrap>.course-card{width:100%;border:0;border-radius:0;box-shadow:none;text-align:left}.sector-course-context{padding:0 16px 15px}.sector-course-context .sector-metadata-badges{margin-top:0}.sector-course-reason{display:block;font-size:10px;color:#7b8a7b;margin:7px 0}.sector-course-context>.text-button{font-size:11px;margin-top:9px}.sector-course-sample{font-size:11px!important;color:#6c7b6e!important}.sector-instructor-summary{display:flex;gap:13px;padding:18px;background:#edf2e5;border-radius:14px;margin-bottom:18px}.sector-instructor-summary>span{color:#42745b}.sector-instructor-summary strong{font-size:14px}.sector-instructor-summary p{font-size:12px;color:#5e715f;margin:7px 0;line-height:1.6}.sector-instructor-summary .text-button{font-size:11px}.sector-profile-expertise{font-size:11px!important;color:#708066!important}.sector-local-lesson-wrap{border-bottom:1px solid #edf0e9}.sector-local-lesson-wrap .local-lesson-row{border-bottom:0}.sector-lesson-edit{display:flex;gap:5px;align-items:center;margin:0 0 10px 90px;padding:4px 0;background:none;border:0;color:#658065;font-size:10px}.sector-lesson-edit .icon{width:12px;height:12px}.sector-why-body{display:grid;gap:13px}.sector-why-body>p{font-size:13px;line-height:1.8;margin:0;color:#6e7f73}.sector-why-body h3{font-size:20px;color:#315c4b;margin:0;line-height:1.4}.sector-why-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#edf2e4;color:#456b4d}.sector-course-outline{margin:22px 0}.sector-course-outline article{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #e9eee5}.sector-course-outline article>span{background:#eef3e8;color:#49734d;border-radius:50%;width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;font-size:12px}.sector-course-outline h3{font-size:14px;margin:3px 0 8px}.sector-course-outline p{font-size:12px;line-height:1.8;color:#6b7a6b;margin:0}.page-discover .sector-interest-summary{margin-left:12px;margin-right:12px}.sector-content-fields{margin-top:14px}

/* education-profile.css */
.education-profile-fields{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:6px 0 7px;max-width:100%}.education-profile-field,.education-profile-field-more{display:inline-block;max-width:100%;padding:4px 7px;border-radius:5px;background:#f3f6ed;color:#6d7e5d;font:inherit;font-size:10px;font-weight:500;line-height:1.35;border:0;overflow-wrap:anywhere}.education-profile-field-more{background:#edf1e6;color:#577247;cursor:pointer;white-space:nowrap}.education-instructor-summary{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;border:1px solid #e3e9da;border-radius:11px;background:#f9fbf5;color:#3b5d42;text-align:left;font:inherit;margin:0 0 17px}.education-instructor-summary>span{flex:1;min-width:0}.education-instructor-summary strong,.education-instructor-summary small{display:block}.education-instructor-summary strong{font-size:12px}.education-instructor-summary small{font-size:10px;color:#7d8d6e;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.education-instructor-summary>.icon{width:20px;height:20px}.education-instructor-summary>.icon:last-child{width:15px;height:15px}.education-profile-dialog{max-width:550px!important;color:#2b4e3a;background:#fff}.education-profile-dialog .modal-head{border-bottom:1px solid #e9ede4}.education-profile-dialog .modal-head h2{font-size:17px!important;letter-spacing:-.25px}.education-profile-dialog .modal-body{padding:21px 20px!important}.education-profile-dialog .modal-footer{background:#fff;border-top:1px solid #e6ebdf;padding:13px 20px!important;flex-shrink:0}.education-profile-dialog .modal-footer>.btn{width:100%;justify-content:center;min-height:43px}.education-profile-intro{margin-bottom:19px}.education-profile-intro>span{color:#83946e;font-size:9px;letter-spacing:1.6px;font-weight:700}.education-profile-intro h3{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:10px 0;color:#23452f}.education-profile-intro p{font-size:12px;line-height:1.65;color:#78876c;margin:0}.education-profile-selection{padding:12px 13px;background:#f6f9f0;border:1px solid #e6eddc;border-radius:10px;margin-bottom:17px}.education-profile-selection-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.education-profile-selection-head>strong{font-size:11px;color:#516c42}.education-profile-selection-head>button{background:none;border:0;padding:3px 0;color:#849177;font:inherit;font-size:9px;cursor:pointer}.education-profile-selection>p{font-size:10px;color:#8a957d;line-height:1.6;margin:7px 0 0}.education-profile-selected-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;max-height:107px;overflow-y:auto;scrollbar-width:thin}.education-profile-selected-chips>button{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:9px;line-height:1.35;border:1px solid #d9e4cc;border-radius:6px;background:#fff;color:#657b52;padding:5px 7px;text-align:left}.education-profile-selected-chips .icon{width:11px;height:11px;flex-shrink:0}.education-profile-search{display:flex;align-items:center;gap:9px;background:#f5f7f1;border:1px solid #e1e7d8;border-radius:9px;padding:0 11px;min-height:42px}.education-profile-search>.icon{width:17px;height:17px;color:#839377;flex-shrink:0}.education-profile-search>input{display:block;min-width:0;flex:1;width:100%;background:transparent!important;box-shadow:none!important;border:0!important;outline:0;font:inherit;font-size:11px;color:#355339;padding:11px 0!important}.education-profile-search:focus-within{border-color:#72985b;box-shadow:0 0 0 2px #e9f1df}.education-profile-search>input::placeholder{color:#9ca58f}.education-profile-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:13px 0 12px;margin-bottom:2px}.education-profile-tab{flex-shrink:0;font:inherit;font-size:10px;white-space:nowrap;background:#fff;border:1px solid #e2e8d8;border-radius:7px;color:#89977a;padding:7px 10px}.education-profile-tab.active{background:#355f43;color:#fff;border-color:#355f43}.education-profile-list-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eddf;padding:11px 0 10px;color:#97a087;font-size:9px;letter-spacing:1px}.education-profile-list-head>span:last-child{letter-spacing:0}.education-profile-letter{font-size:11px;color:#8e9b7b;font-weight:700;padding:15px 0 7px}.education-profile-option{display:flex;align-items:center;gap:9px;position:relative;padding:12px 10px;border:1px solid transparent;border-radius:8px;cursor:pointer;min-height:48px}.education-profile-option+.education-profile-option{border-top-color:#f0f3e9}.education-profile-option.is-selected{background:#f0f6e6;border-color:#d9e5ca}.education-profile-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.education-profile-option:focus-within{outline:2px solid #537e3f;outline-offset:1px}.education-profile-option-copy{flex:1;min-width:0}.education-profile-option-copy>strong{display:block;font-size:11px;line-height:1.5;font-weight:550;color:#46613d;overflow-wrap:anywhere}.education-profile-option-copy>small{display:block;font-size:9px;color:#a0a88e;line-height:1.4;margin-top:3px}.education-profile-source{font-size:8px;line-height:1.25;max-width:56px;white-space:normal;color:#a0aa92;text-align:right;flex-shrink:0}.education-profile-check{display:grid;place-items:center;width:17px;height:17px;flex-shrink:0;border:1px solid #dbe3cd;border-radius:50%;background:#fff;color:transparent}.education-profile-check>.icon{width:11px;height:11px}.education-profile-option.is-selected .education-profile-check{color:#fff;background:#6b8e51;border-color:#6b8e51}.education-profile-error{font-size:11px;color:#b65b3e;line-height:1.6;margin:13px 0 0}.education-profile-error:empty{display:none}.education-profile-note{font-size:10px;line-height:1.6;color:#9ba58b;margin:18px 0 0}.education-profile-empty{text-align:center;padding:31px 20px;color:#90a07b}.education-profile-empty>.icon{width:28px;height:28px;color:#b0bd9e}.education-profile-empty h3{font-size:14px;color:#5e7750;margin:12px 0 7px}.education-profile-empty p{font-size:11px;line-height:1.6}.education-profile-empty button{font:inherit;font-size:10px;background:none;border:0;color:#59784c;text-decoration:underline;text-underline-offset:3px;padding:7px}.education-profile-readonly>p{font-size:12px;color:#91a07e;margin:0 0 17px}.education-profile-readonly>div{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #edf0e7}.education-profile-readonly>div>.icon{width:20px;height:20px;color:#7c9368}.education-profile-readonly strong,.education-profile-readonly small{display:block}.education-profile-readonly strong{font-size:12px;color:#4b6842}.education-profile-readonly small{font-size:9px;color:#a1ab93;margin-top:4px}@media(max-width:600px){.education-profile-backdrop{padding:0!important;background:#1c3527b0!important;backdrop-filter:blur(3px)}.education-profile-dialog{height:100dvh!important;max-height:100dvh!important;width:100%!important;max-width:100%!important;border-radius:0!important;display:flex;flex-direction:column}.education-profile-dialog .modal-head{min-height:57px;flex-shrink:0;padding:14px 18px!important}.education-profile-dialog .modal-body{padding:21px 18px!important;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.education-profile-dialog .modal-footer{padding:12px 18px!important}.education-profile-intro h3{font-size:25px}.education-profile-fields{margin-top:5px;margin-bottom:7px}.education-profile-field{font-size:9px;padding:4px 6px}.education-profile-field-more{font-size:9px;padding:4px 6px}}
/* Instructor category tree: broad areas stay compact; individual branches open on demand. */
.education-profile-tree{padding-top:7px}
.education-profile-category{margin:0 0 9px;border:1px solid #e2e8da;border-radius:10px;background:#fff;overflow:hidden}
.education-profile-category>summary{display:flex;align-items:center;gap:9px;padding:13px 12px;cursor:pointer;list-style:none;min-height:61px;color:#385c3e}
.education-profile-category>summary::-webkit-details-marker,.education-profile-extra>summary::-webkit-details-marker{display:none}
.education-profile-category>summary::marker,.education-profile-extra>summary::marker{content:''}
.education-profile-category>summary:focus-visible,.education-profile-extra>summary:focus-visible{outline:2px solid #63864e;outline-offset:-3px;border-radius:8px}
.education-profile-category-copy{flex:1;min-width:0}
.education-profile-category-copy>strong{display:block;font-size:13px;font-weight:650;line-height:1.45;color:#31543a}
.education-profile-category-copy>small{display:block;margin-top:4px;font-size:10px;font-weight:400;line-height:1.5;color:#8c997f;overflow-wrap:anywhere}
.education-profile-category-meta{flex-shrink:0;max-width:62px;font-size:9px;line-height:1.4;color:#9ba88d;text-align:right;white-space:nowrap}
.education-profile-category-meta>b{font-weight:550;color:#62824e;background:#eff5e7;border-radius:5px;padding:4px 5px}
.education-profile-category>summary>.icon{width:15px;height:15px;flex-shrink:0;color:#899b78;transition:transform .16s ease}
.education-profile-category[open]>summary{background:#f8faf4}
.education-profile-category[open]>summary>.icon{transform:rotate(90deg)}
.education-profile-category-content{padding:4px 8px 8px 9px;margin:0 4px 10px 15px;border-left:2px solid #e6eddf}
.education-profile-category-content>.education-profile-option{padding:10px 7px;min-height:48px}
.education-profile-category-content .education-profile-option-copy>strong{font-size:11px;line-height:1.45}
.education-profile-category-content .education-profile-option-copy>small{font-size:9px;line-height:1.5;color:#929f86}
.education-profile-category-content .education-profile-source{font-size:8px;max-width:44px}
.education-profile-rank{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:6px;background:#f1f5eb;color:#7a9367;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}
.education-profile-option.is-selected .education-profile-rank{color:#52733e;background:#e2edd5}
.education-profile-branch-heading{font-size:10px;line-height:1.5;font-weight:700;color:#789062;padding:12px 7px 7px}
.education-profile-language-note{font-size:10px;line-height:1.65;color:#92a081;margin:7px 7px 0}
.education-profile-language-note>a{color:#698952;text-underline-offset:2px;white-space:nowrap}
.education-profile-extra{border-top:1px solid #edf1e6;margin-top:5px}
.education-profile-extra>summary{display:flex;align-items:center;gap:7px;padding:12px 7px 5px;color:#8b9b79;font-size:10px;line-height:1.5;cursor:pointer;list-style:none}
.education-profile-extra>summary>span{font-size:9px;color:#a5b097;margin-left:auto}
.education-profile-extra>summary>.icon{width:13px;height:13px;flex-shrink:0;color:#98a68a}
.education-profile-extra[open]>summary>.icon{transform:rotate(90deg)}
.education-profile-extra>div{padding:4px 0 0 5px}
.education-profile-category .education-profile-option+.education-profile-option{border-top-color:#f0f3e9}
@media(max-width:600px){.education-profile-intro{margin-bottom:16px}.education-profile-intro h3{font-size:25px;margin:8px 0}.education-profile-selection{margin-bottom:13px}.education-profile-tabs{padding-top:11px;padding-bottom:10px}.education-profile-list-head{font-size:8px;letter-spacing:.8px;gap:8px}.education-profile-category>summary{padding:12px 11px}.education-profile-category-copy>strong{font-size:12px}.education-profile-category-copy>small{font-size:9px}.education-profile-category-content{margin-left:12px;padding-left:6px}.education-profile-category-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){.education-profile-category>summary>.icon{transition:none}}
.education-profile-category-copy>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* search-ui.css */
.explore-page .explore-search{display:flex;align-items:center;gap:9px;margin:10px 0 12px;padding:0 11px;min-height:40px;border:0;border-radius:11px;background:#efefef;color:#737373;box-shadow:none}
.explore-page .explore-search>svg{width:18px;height:18px;flex:0 0 18px}
.explore-page .explore-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#1c1c1c;font-size:14px;padding:11px 0;border-radius:0;box-shadow:none}
.explore-page .explore-search input::placeholder{color:#737373}
.explore-page .explore-search:focus-within{box-shadow:0 0 0 2px #d7d7d7}
.explore-page .explore-search .icon-btn{width:30px;height:30px;color:#555}
.search-result-heading{margin:0 0 12px;color:#737373;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.search-result-heading strong{font-weight:600;color:#222}
.demo-view-badge{position:absolute;left:8px;bottom:8px;z-index:3;display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:3px 6px;border-radius:7px;background:rgba(0,0,0,.3);color:#fff;font-size:11px;font-weight:600;line-height:1;pointer-events:none;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.demo-view-badge>svg{display:block;width:14px;height:14px;flex:0 0 14px}
.explore-tile .demo-view-badge,.ig-grid-item .demo-view-badge{left:6px;bottom:6px;padding:3px 5px;font-size:10px}
.reel .demo-view-badge,.reel-slide .demo-view-badge{bottom:14px;left:12px}

.post-image-view{position:relative;width:100%;order:1}.post-image-view .post-image{display:block}.post-video-cover>.demo-view-badge{bottom:10px;left:10px}.reel-meta .demo-view-badge.reel-view-inline{position:static;width:max-content;margin-bottom:8px;background:#0003}.ig-media-tile>.demo-view-badge{bottom:7px;left:7px}.ig-profile-bio>.education-profile-fields{margin-top:5px;margin-bottom:7px}.mobile-nav button span{white-space:nowrap;font-size:8.5px}

/* quick-create.css */
.mobile-header-brand{display:none}
.modal-backdrop.quick-create-backdrop{padding:12px;background:rgba(28,58,50,.63);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.modal.quick-create-dialog{width:440px;max-height:calc(100dvh - 24px);border-radius:22px;background:#fff;box-shadow:0 22px 70px #102c2333;font-family:Arial,sans-serif;container-type:inline-size}
.quick-create-dialog .modal-head{height:17.6744cqw;min-height:0;padding:5.1163cqw;border-bottom:1px solid #e8ebe7}
.quick-create-dialog .modal-head h2{font-family:Arial,sans-serif;font-size:4.6512cqw;font-weight:700;line-height:6.0465cqw;letter-spacing:-.3px;color:#073f34}
.quick-create-dialog .close-modal{width:7.907cqw;height:7.907cqw;min-width:0;min-height:0;flex:0 0 7.907cqw;padding:0;border:0;border-radius:50%;background:#f0f2ec;color:#71806a}
.quick-create-dialog .close-modal svg{width:4.6512cqw;height:4.6512cqw;stroke-width:1.6}
.quick-create-dialog .modal-body{padding:2.7907cqw 6.0465cqw 3.7209cqw}
.quick-create-menu{display:flex;flex-direction:column;gap:0;margin:0}
.quick-create-option{display:flex;align-items:center;gap:3.4884cqw;width:100%;min-height:18.8372cqw;padding:2.093cqw 0;border:0;border-radius:12px;background:transparent;color:#080b09;text-align:left;cursor:pointer;touch-action:manipulation}
.quick-create-option:hover{background:transparent}
.quick-create-option:focus-visible{background:#f5f7f2}
.quick-create-option:focus-visible{outline:2px solid #557965;outline-offset:1px}
.quick-create-icon{display:flex;align-items:center;justify-content:center;flex:0 0 11.6279cqw;width:11.6279cqw;height:11.6279cqw;border:1px solid #dfe3db;border-radius:50%;color:#0c493d;background:#f1f3ed}
.quick-create-icon .icon{width:6.0465cqw;height:6.0465cqw;stroke-width:1.6}
.quick-create-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1.1628cqw}
.quick-create-copy strong{display:flex;align-items:center;gap:1.8605cqw;font-size:4.186cqw;font-weight:700;line-height:5.3488cqw}
.quick-create-copy small{font-size:3.1395cqw;font-weight:400;line-height:4.4186cqw;color:#707270}
.quick-create-live-dot{display:inline-block;flex:0 0 2.7907cqw;width:2.7907cqw;height:2.7907cqw;border-radius:50%;background:#df382f}
.quick-create-option .quick-create-chevron{width:3.9535cqw;height:3.9535cqw;flex:0 0 3.9535cqw;color:#7f827f}
@media(max-width:768px){
 .topbar{gap:8px;padding-inline:12px}
 .topbar::before{content:none;display:none}
 .topbar .top-search,.topbar .topbar-greeting{display:none}
 .topbar .mobile-header-brand{display:flex;align-items:center;gap:9px;min-width:0;flex:0 1 auto}
 .topbar .header-create-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;padding:0;border:0;border-radius:8px;background:transparent;color:#193c35;cursor:pointer}
 .topbar .header-create-button>.icon{width:25px;height:25px;stroke-width:1.75}
 .topbar .header-create-button:hover{background:#f2f5f0}
 .topbar .header-create-button:focus-visible,.topbar .mobile-wordmark:focus-visible{outline:2px solid #557965;outline-offset:3px}
 .topbar .mobile-wordmark{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:0;color:#193c35;text-decoration:none;font-family:'Manrope',sans-serif;font-size:18px;font-weight:800;letter-spacing:-.65px;line-height:1;white-space:nowrap}
 .topbar .online-education-mark{display:block;width:20px;height:20px;flex:0 0 20px}
 .topbar .top-actions{gap:6px;margin-left:auto;flex-shrink:0}
}

/* content-trash.css */
.content-trash-intro{color:var(--muted,#77736e);font-size:13px;line-height:1.6;margin:0 0 20px}.content-trash-list{display:grid;gap:12px}.content-trash-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#eee9e3)}.content-trash-preview{display:grid;place-items:center;flex:0 0 58px;width:58px;height:72px;border-radius:12px;background:#f3f0e9;color:#8b7764;overflow:hidden}.content-trash-preview img{width:100%;height:100%;object-fit:cover}.content-trash-preview svg,.content-trash-empty svg{width:24px;height:24px}.content-trash-copy{display:grid;gap:6px;flex:1;min-width:0}.content-trash-copy strong{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.content-trash-copy small{font-size:11px;color:var(--muted,#77736e)}.content-trash-restore{border:1px solid #ddd4c7;border-radius:10px;background:#fffaf1;color:#69523b;font-size:12px;font-weight:700;padding:10px 12px;white-space:nowrap;cursor:pointer}.content-trash-restore:hover{background:#f3eadb}.content-trash-restore:focus-visible{outline:2px solid #c68140;outline-offset:3px}.content-trash-empty{text-align:center;padding:30px 12px;color:var(--muted,#77736e)}.content-trash-empty svg{width:38px;height:38px;margin-bottom:10px}.content-trash-empty h3{color:var(--text,#312f2b);font-size:16px;margin:6px 0}.content-trash-empty p{font-size:13px}.story-trash-button{gap:8px}.story-trash-button svg{width:20px;height:20px}.reel-controls .content-trash-button{color:inherit}@media(max-width:420px){.content-trash-row{gap:9px}.content-trash-preview{flex-basis:46px;width:46px;height:62px}.content-trash-restore{padding:10px 8px}}
.content-trash-confirmation{color:var(--muted,#77736e);font-size:13px;line-height:1.65}.content-trash-confirmation-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f8e9e2;color:#a94f36;margin:0 0 16px}.content-trash-confirmation-icon svg{width:25px;height:25px}.content-trash-confirmation-label{font-size:15px;font-weight:700;color:var(--text,#312f2b);overflow-wrap:anywhere;margin:0 0 10px}.content-trash-confirmation-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;width:100%}.content-trash-confirm-button{background:#a64c36;color:#fff;border:1px solid #a64c36}.content-trash-confirm-button:hover{background:#8e3f2d}.content-trash-confirm-button:focus-visible{outline:2px solid #a64c36;outline-offset:3px}@media(max-width:420px){.content-trash-confirmation-actions .btn{flex:1 1 auto;justify-content:center}}

/* google-auth.css */
.auth-brand.auth-brand-online{display:flex;align-items:center;justify-content:center;gap:9px;color:#254b3c;font-size:26px;letter-spacing:-1px;margin:1px 0 17px}
.auth-brand-online>.online-education-mark{width:28px;height:28px;flex-shrink:0;stroke-width:1.7}
.auth-brand-online>strong{font-size:26px;font-weight:800;line-height:1.2}
.auth-dialog .auth-intro .auth-slogan{font-size:25px;font-weight:800;line-height:1.35;letter-spacing:-.7px;margin:0 0 8px;text-wrap:balance}
.auth-slogan-learn{color:#1769d0}
.auth-slogan-teach{color:#c65a12}
.google-auth-option{margin-top:1px}
.google-auth-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;background:#fff;border:1px solid #dadce0;border-radius:6px;color:#3c4043;font:500 14px/1.4 Arial,sans-serif;letter-spacing:.15px;cursor:pointer}
.google-auth-button:hover{background:#f8faff;border-color:#c6cbd1;box-shadow:0 1px 2px #3c404315}
.google-auth-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;flex-shrink:0}
.google-auth-button>span{padding:0 25px}
.google-auth-demo-note{font-size:10px;line-height:1.5;text-align:center;color:#7e8c79;margin:7px 0 0}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#a0aa98;font-size:10px}
.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e7ece1;flex:1}
.google-auth-preview-note{font-size:12px;line-height:1.7;text-align:center;margin:0;color:#809074}
.google-auth-intro{margin-bottom:20px}
.google-auth-dialog .auth-submit{margin-top:9px}
.google-auth-button:focus-visible,.google-auth-dialog .auth-browse:focus-visible{outline:2px solid #527e46;outline-offset:3px}
.auth-dialog .modal-body{overflow-y:auto;overscroll-behavior:contain;min-height:0}
@media(max-width:600px){
 .auth-dialog{max-height:94dvh;display:flex;flex-direction:column}
 .auth-dialog .modal-head{flex-shrink:0;min-height:39px;padding-top:12px}
 .auth-dialog .modal-body{padding:0 24px 20px}
 .auth-dialog .auth-brand-online{margin:0 0 13px}
 .auth-dialog .auth-intro{margin-bottom:16px}
 .auth-dialog .auth-intro h3{font-size:20px;margin-bottom:6px}
 .auth-dialog .auth-intro .auth-slogan{font-size:23px;margin-bottom:7px}
 .auth-dialog .auth-intro p{font-size:12px;line-height:1.65;margin:0}
 .auth-dialog .auth-form{gap:11px}
 .auth-dialog .auth-form input{height:44px;padding-top:10px;padding-bottom:10px}
 .auth-dialog .auth-submit{height:44px;min-height:44px}
 .auth-dialog .auth-note{margin-top:4px!important;font-size:9px!important;line-height:1.55!important}
 .auth-dialog .auth-divider{margin:12px 0}
 .auth-dialog .auth-switch{margin-top:15px}
 .auth-dialog .auth-browse{margin-top:12px;padding-top:12px}
 .google-auth-dialog .google-auth-intro{margin-bottom:18px}
}

/* earnings.css */
.earnings-dialog{max-width:560px!important;background:#fff;color:#274b3a}.earnings-dialog .modal-head{border-bottom:1px solid #e8ede5}.earnings-dialog .modal-head h2{font-size:18px!important;letter-spacing:-.35px}.earnings-dialog .modal-body{padding:20px!important}.earnings-dialog .modal-footer{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border-top:1px solid #e6ece2;padding:12px 18px!important;flex-shrink:0}.earnings-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:#8f9c7e}.earnings-hero{padding:3px 0 18px}.earnings-hero h3,.earnings-form-intro h3{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:10px 0;color:#254b38}.earnings-hero>p,.earnings-form-intro>p{font-size:12px;line-height:1.7;color:#819078;margin:0 0 16px}.earnings-overall-head{display:flex;align-items:center;justify-content:space-between;margin:14px 0 9px}.earnings-overall-head>strong{font-size:25px;letter-spacing:-1px;color:#285c43}.earnings-overall-head>span{font-size:10px;color:#93a084}.earnings-progress{height:5px;border-radius:8px;background:#edf1e8;overflow:hidden}.earnings-progress>span{display:block;height:100%;background:#e5a666;border-radius:inherit;max-width:100%;transition:width .25s ease}.earnings-progress-overall{height:8px;background:#ebf0e4}.earnings-progress-overall>span{background:linear-gradient(90deg,#b6cba1,#477b51)}.earnings-eligibility{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.5;color:#99a28f;margin-top:10px}.earnings-eligibility>.icon{width:12px;height:12px;flex-shrink:0}.earnings-eligibility.is-ready{color:#5f8152}.earnings-tasks{display:grid;gap:11px}.earnings-step{border:1px solid #e7ecdf;border-radius:12px;padding:14px 13px;background:#fff}.earnings-step-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.earnings-step-marker{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid #e5e9db;background:#f6f8f0;color:#8e9d7a;font-size:11px;font-weight:700}.earnings-step-marker>.icon{width:14px;height:14px}.earnings-step-head>span:nth-child(2){flex:1;min-width:0}.earnings-step-head strong,.earnings-step-head small{display:block}.earnings-step-head strong{font-size:12px;line-height:1.5;font-weight:650;letter-spacing:-.15px}.earnings-step-head small{font-size:10px;line-height:1.5;color:#98a18c;margin-top:2px}.earnings-step-percent{font-size:10px;font-weight:650;color:#bc8d59;white-space:nowrap}.earnings-step-done{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9f2e2;color:#60874d;flex-shrink:0}.earnings-step-done>.icon{width:13px;height:13px}.earnings-step>p{font-size:10px;line-height:1.6;color:#98a18b;margin:9px 0 0}.earnings-step.is-complete{background:#f8fbf3;border-color:#dce8d1}.earnings-step.is-complete .earnings-step-marker{background:#6d8e52;border-color:#6d8e52;color:#fff}.earnings-step.is-complete .earnings-progress>span{background:#779b5b}.earnings-step.is-locked .earnings-step-head strong{color:#97a18c}.earnings-step-action{display:flex;align-items:center;gap:7px;font:inherit;font-size:10px;font-weight:650;color:#4d7750;background:#f1f6e9;border:1px solid #e0e8d5;padding:9px 11px;border-radius:7px;margin-top:12px;max-width:100%;text-align:left;cursor:pointer}.earnings-step-action>.icon{width:13px;height:13px;flex-shrink:0}.earnings-step-action:disabled{color:#aeb6a3;border-color:#edf0e8;background:#f8f9f4;cursor:default}.earnings-share-card{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:19px 16px 14px;border-radius:13px;border:1px solid #f0dfc4;background:linear-gradient(135deg,#fff7e9,#fffaf4);margin-top:18px;color:#91642f}.earnings-share-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #efddc2;background:#fff9ed;border-radius:12px;flex-shrink:0}.earnings-share-symbol>svg{width:23px;height:23px}.earnings-share-card>div:nth-child(2){flex:1}.earnings-share-card small{font-size:8px;letter-spacing:1px;font-weight:700;color:#b19167}.earnings-share-card strong{display:block;font-size:34px;line-height:1.2;letter-spacing:-1px;color:#bd7c33;margin:3px 0}.earnings-share-card p{font-size:10px;line-height:1.5;margin:0;color:#b1946e}.earnings-split-example{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;border-top:1px solid #f0e5d4;padding-top:12px;margin-top:4px}.earnings-split-example>span{display:block;font-size:8px;color:#b09776;line-height:1.6}.earnings-split-example b{display:block;font-size:13px;color:#a37c4b;letter-spacing:-.3px}.earnings-split-example>span:nth-child(2) b{color:#bd7c33}.earnings-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 1px;border-bottom:1px solid #eef1e8}.earnings-balance strong,.earnings-balance small{display:block}.earnings-balance strong{font-size:11px;color:#657e53;font-weight:600}.earnings-balance small{font-size:9px;color:#a3ac94;margin-top:5px;line-height:1.4}.earnings-balance>b{font-size:19px;letter-spacing:-.7px;color:#5b7549;white-space:nowrap}.earnings-local-note{font-size:9px;line-height:1.7;color:#a2ac93;margin:13px 0 2px}.earnings-footer-back,.earnings-preview-button{font:inherit;font-size:10px;line-height:1.5;border:0;background:transparent;padding:8px 0;color:#8e9d7d;cursor:pointer;text-align:left}.earnings-footer-back{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.earnings-footer-back>.icon{width:13px;height:13px;transform:rotate(180deg)}.earnings-preview-button{color:#ad8a5d;text-align:right}.earnings-primary{background:#176b57!important;color:#fff!important;font-size:11px!important;min-height:43px;border-radius:8px!important;justify-content:center}.earnings-dialog .modal-footer>.earnings-primary{flex:1}.earnings-dialog .modal-footer>.earnings-primary:only-child{width:100%}.earnings-form-intro{margin-bottom:21px}.earnings-dialog .form-field{margin-bottom:15px}.earnings-dialog .form-field>span{font-size:11px}.earnings-dialog .form-field select,.earnings-dialog .form-field textarea{font-size:12px!important}.earnings-form-share{padding:13px;border-radius:9px;border:1px solid #efe3cf;background:#fff9ee}.earnings-form-share>strong,.earnings-form-share>span{display:block}.earnings-form-share>strong{font-size:12px;color:#aa7d43}.earnings-form-share>span{font-size:10px;line-height:1.6;color:#af9878;margin-top:5px}.earnings-form-error{font-size:11px;line-height:1.6;color:#b56646;margin:12px 0 0}.earnings-form-error:empty{display:none}.earnings-request-status{display:flex;align-items:flex-start;gap:8px;border:1px solid #f0e3ca;background:#fffaf0;border-radius:10px;padding:12px;margin-top:13px;color:#b4935d}.earnings-request-status>.icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.earnings-request-status strong,.earnings-request-status small{display:block}.earnings-request-status strong{font-size:10px;line-height:1.5;font-weight:650}.earnings-request-status small{font-size:9px;line-height:1.6;margin-top:3px;color:#b6a17f}.earnings-empty{text-align:center;padding:23px 12px;color:#9daa89}.earnings-empty>.icon{width:32px;height:32px;color:#abc198}.earnings-empty h4{font-size:15px;line-height:1.4;color:#6d895a;margin:12px 0 8px}.earnings-empty p{font-size:11px;line-height:1.7;color:#9baa88;margin:0 0 17px}.earnings-linked-list{margin-top:23px}.earnings-linked-list h4{font-size:12px;color:#6b8459;margin:0 0 10px}.earnings-linked-list article{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #ebefdf}.earnings-linked-list article>span{flex:1;min-width:0}.earnings-linked-list strong,.earnings-linked-list small{display:block;overflow-wrap:anywhere}.earnings-linked-list strong{font-size:11px;color:#7a8e68;line-height:1.5;font-weight:550}.earnings-linked-list small{font-size:9px;color:#a3ad93;line-height:1.5;margin-top:4px}.earnings-linked-list button{font:inherit;font-size:9px;color:#bb8a69;border:0;background:#fcf6ef;border-radius:6px;padding:7px;cursor:pointer;flex-shrink:0}.earnings-example-banner{border:1px solid #ebd5ac;border-radius:10px;background:#fff5e3;padding:12px 13px;margin:0 0 17px}.earnings-example-banner strong,.earnings-example-banner span{display:block}.earnings-example-banner strong{font-size:11px;color:#b08242}.earnings-example-banner span{font-size:10px;line-height:1.6;color:#b39c77;margin-top:5px}.earnings-reel-course-link>span{text-align:left}.earnings-reel-course-link small{display:block;font-size:8px;font-weight:400;opacity:.72;margin-top:2px}.earnings-dialog button:focus-visible{outline:2px solid #5d874b;outline-offset:3px}.earnings-readonly-preview .earnings-step-action:disabled{color:#a8b39c;background:#f5f8ef;border-color:#e5ebdc}
@media(max-width:600px){.earnings-backdrop{padding:0!important;align-items:stretch!important;background:#fff!important}.earnings-dialog{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;border:0!important;display:flex!important;flex-direction:column!important}.earnings-dialog .modal-head{min-height:57px;flex-shrink:0;padding:14px 18px!important}.earnings-dialog .modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px!important;scrollbar-width:thin}.earnings-dialog .modal-footer{padding:11px 18px!important;min-height:61px}.earnings-hero h3,.earnings-form-intro h3{font-size:25px}.earnings-step{padding:13px 12px}.earnings-step-head strong{font-size:12px}.earnings-dialog .modal-footer>.earnings-primary{font-size:10px!important}.earnings-preview-button{font-size:9px;max-width:48%}}
@media(prefers-reduced-motion:reduce){.earnings-progress>span{transition:none}}

.earnings-hero-share{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;border:1px solid #efddbf;background:#fff7e9;color:#b18c59;font-size:9px;line-height:1.3;margin:0 0 12px}.earnings-hero-share>strong{font-size:11px;font-weight:750;color:#b67d32}

/* video-cover-editor.css */
.video-cover-editor{border:1px solid #e1e9db;border-radius:13px;padding:15px 13px;margin:18px 0;background:#fcfdf9}.video-cover-editor[hidden]{display:none!important}.video-cover-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#345c43}.video-cover-heading>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eef4e6}.video-cover-heading .icon{width:19px;height:19px}.video-cover-heading strong,.video-cover-heading small{display:block}.video-cover-heading strong{font-size:13px}.video-cover-heading small{font-size:10px;color:#95a186;margin-top:4px;line-height:1.5}.video-cover-source-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.video-cover-source-row>button,.video-cover-source-row>label{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #dfe8d5;border-radius:8px;padding:10px 7px;overflow:hidden;font:inherit;font-size:10px;color:#628050;cursor:pointer}.video-cover-source-row .icon{width:14px;height:14px;flex-shrink:0}.video-cover-source-row input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-cover-source-row>label:focus-within{outline:2px solid #658954;outline-offset:2px}.video-cover-time{display:block;margin:14px 0 12px}.video-cover-time>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b9a7d}.video-cover-time output{font-variant-numeric:tabular-nums;color:#63824f}.video-cover-time input,.video-cover-settings input[type=range],.video-cover-opacity input{width:100%;padding:0!important;margin:9px 0 0!important;height:20px!important;accent-color:#62864d;background:transparent!important;box-shadow:none!important;border:0!important}.video-cover-stage{position:relative;width:216px;max-width:100%;aspect-ratio:9/16;margin:0 auto;border-radius:9px;overflow:hidden;background:#172c22;box-shadow:0 4px 20px #243b2512}.video-cover-stage canvas{display:block;width:100%;height:100%;object-fit:cover}.video-cover-safe{pointer-events:none;position:absolute;left:10%;top:24.21875%;width:76.66667%;height:51.5625%;border:1px dashed #ffffffb8;border-radius:5px}.video-cover-safe>span{position:absolute;top:-15px;left:0;color:#fff;background:#183326a6;padding:2px 5px;border-radius:3px;font-size:7px;line-height:1.3}.video-cover-status{font-size:10px;line-height:1.6;color:#839772;margin:11px 0}.video-cover-error{font-size:10px;line-height:1.6;color:#b56a47;background:#fff5ec;padding:9px 10px;border-radius:7px;margin:10px 0}.video-cover-error[hidden]{display:none}.video-cover-editor .form-field{margin:13px 0}.video-cover-editor .form-field>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6b805d}.video-cover-editor .form-field>span small{font-size:9px;color:#a2ac96;font-weight:400}.video-cover-editor textarea{font-size:12px!important;line-height:1.6!important;resize:vertical;min-height:68px}.video-cover-settings{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.video-cover-settings>label{min-width:0;font-size:10px;color:#91a17f}.video-cover-settings>label>span{display:block;margin-bottom:6px}.video-cover-settings select{width:100%;padding:9px!important;font-size:11px!important;min-height:36px;background:#fff!important;border:1px solid #e0e7d8!important;border-radius:7px!important;color:#658053}.video-cover-effects{display:flex;align-items:center;gap:9px;margin-top:13px}.video-cover-effects>label{display:flex;align-items:center;gap:7px;flex:1;min-height:37px;padding:9px;border:1px solid #e1e8d8;border-radius:8px;color:#6d8659;background:#fff;font-size:10px;cursor:pointer}.video-cover-effects input[type=checkbox]{width:15px!important;height:15px!important;min-height:0!important;padding:0!important;margin:0!important;accent-color:#62864d;flex-shrink:0;box-shadow:none!important}.video-cover-opacity{display:block;margin-top:13px;font-size:10px;color:#91a17f}.video-cover-opacity>span{display:block}.video-cover-palette{margin-top:15px}.video-cover-palette>span{font-size:10px;color:#8c9e79}.video-cover-palette>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.video-cover-palette button{display:grid;place-items:center;width:32px;height:32px;background:#fff;border:1px solid #e2e9da;border-radius:7px;font:inherit;font-size:17px;cursor:pointer;color:#6a8458}.video-cover-palette button.is-selected{border-color:#789b5d;background:#f0f6e7;box-shadow:0 0 0 1px #789b5d}.video-cover-icons button{font-size:9px;width:auto;min-width:40px;padding:7px}.video-cover-help{font-size:9px;line-height:1.65;color:#a0ad91;margin:14px 0 0}.video-cover-editor button:focus-visible{outline:2px solid #658954;outline-offset:2px}@media(max-width:600px){.video-cover-editor{padding:14px 12px}.video-cover-stage{width:216px}}

/* recent-activity.css */
.recent-activity-dialog{max-width:560px!important;background:#fff;color:#2c503b}.recent-activity-dialog .modal-head{border-bottom:1px solid #e8ede3}.recent-activity-dialog .modal-head h2{font-size:18px!important;letter-spacing:-.35px}.recent-activity-dialog .modal-body{padding:20px 18px!important}.recent-activity-dialog .modal-footer{padding:11px 18px!important;border-top:1px solid #e8ede1;background:#fff;flex-shrink:0}.recent-activity-intro>span{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#93a27e}.recent-activity-intro h3{font-size:24px;line-height:1.2;letter-spacing:-.75px;margin:10px 0;color:#2b5139}.recent-activity-intro p{font-size:11px;line-height:1.7;color:#8e9d7d;margin:0 0 17px}.recent-activity-tabs{display:flex;gap:7px;padding:2px 0 16px}.recent-activity-tabs button{font:inherit;font-size:10px;line-height:1.4;color:#8a9b76;border:1px solid #e2e9d8;border-radius:7px;background:#fff;padding:8px 10px;cursor:pointer}.recent-activity-tabs button span{font-size:8px;opacity:.75;margin-left:6px}.recent-activity-tabs button.active{background:#355f43;border-color:#355f43;color:#fff}.recent-activity-list{display:grid;gap:13px}.recent-activity-row{padding:13px 12px;border:1px solid #e4eadc;border-radius:11px;background:#fff}.recent-activity-row-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:11px}.recent-activity-kind{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#bd8770;font-weight:600}.recent-activity-kind>.icon{width:13px;height:13px}.recent-activity-kind.is-comment{color:#799361}.recent-activity-row time{font-size:8px;color:#a5af98;white-space:nowrap}.recent-activity-target{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;cursor:pointer}.recent-activity-target:disabled{cursor:default}.recent-activity-thumb{display:grid;place-items:center;position:relative;width:55px;height:68px;flex-shrink:0;border-radius:7px;overflow:hidden;background:#eef3e5;color:#a0b18d}.recent-activity-thumb>img{width:100%;height:100%;object-fit:cover}.recent-activity-thumb>.icon{position:absolute;right:4px;bottom:4px;width:13px;height:13px;color:#fff;filter:drop-shadow(0 1px 2px #0008)}.recent-activity-thumb-empty>.icon{position:static;width:21px;height:21px;color:#a0b18d;filter:none}.recent-activity-target>span:nth-child(2){flex:1;min-width:0}.recent-activity-target strong,.recent-activity-target small,.recent-activity-target em{display:block}.recent-activity-target strong{font-size:11px;color:#557448;line-height:1.5;font-weight:650}.recent-activity-target small{font-size:10px;line-height:1.55;color:#96a287;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.recent-activity-target em{font-size:8px;font-style:normal;color:#a8b297;margin-top:5px}.recent-activity-target>.icon{width:13px;height:13px;color:#a8b797;flex-shrink:0}.recent-activity-comment{border:1px solid #e7eddd;border-radius:8px;background:#f7faf1;padding:10px;margin-top:12px}.recent-activity-comment>span{display:block;font-size:8px;font-weight:650;color:#99a984;margin-bottom:5px}.recent-activity-comment p{font-size:11px;color:#657e55;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.recent-activity-comment-actions{display:flex;justify-content:space-between;gap:12px;padding-top:8px}.recent-activity-comment-actions button{font:inherit;font-size:9px;border:0;background:none;color:#8b9d77;padding:5px 0;cursor:pointer;text-align:left}.recent-activity-comment-actions>.recent-activity-delete{color:#b78569;margin-left:auto}.recent-activity-row.is-unavailable{background:#fafbf7}.recent-activity-row.is-unavailable .recent-activity-target strong{color:#9da68f}.recent-activity-empty{text-align:center;padding:29px 20px;color:#a0af8e}.recent-activity-empty>.icon{width:31px;height:31px;color:#b3c29f}.recent-activity-empty h3{font-size:14px;color:#799267;margin:12px 0 7px}.recent-activity-empty p{font-size:11px;line-height:1.7;margin:0}.recent-activity-note{font-size:9px;color:#a3ae93;line-height:1.7;margin:18px 0 0}.recent-activity-back{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:10px;color:#91a17e;border:0;background:none;padding:8px 0;cursor:pointer}.recent-activity-back>.icon{width:13px;height:13px;transform:rotate(180deg)}.recent-activity-delete-confirm>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #efdfcd;background:#fff7ed;color:#ba8b61;border-radius:12px;margin-bottom:15px}.recent-activity-delete-confirm>span>.icon{width:20px;height:20px}.recent-activity-delete-confirm>p{font-size:13px;line-height:1.7;color:#5f7750;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px}.recent-activity-delete-confirm>small{font-size:10px;line-height:1.7;color:#9ba88b}.recent-activity-confirm-actions{display:flex;gap:9px;width:100%;justify-content:flex-end}.recent-activity-confirm-actions .btn{font-size:11px;min-height:42px}.recent-activity-confirm-delete{background:#a9533e!important;color:#fff!important;border-color:#a9533e!important}.recent-activity-dialog button:focus-visible{outline:2px solid #668b52;outline-offset:3px}@media(max-width:600px){.recent-activity-backdrop{padding:0!important;background:#fff!important;align-items:stretch!important}.recent-activity-dialog{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;margin:0!important;display:flex!important;flex-direction:column!important}.recent-activity-dialog .modal-head{min-height:57px;flex-shrink:0;padding:14px 18px!important}.recent-activity-dialog .modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.recent-activity-dialog .modal-footer{min-height:55px}.recent-activity-confirm-actions .btn{flex:1;justify-content:center}}

/* project-brand.css */
.brand>.project-logo{display:block;width:156px;max-width:100%;height:auto}
.auth-brand.auth-brand-online{margin:0 0 15px}
.auth-brand.auth-brand-online>.project-logo{display:block;width:210px;max-width:100%;height:auto;flex:none;border-radius:0}
@media(max-width:768px){
 .topbar .mobile-header-brand{gap:0}
 .topbar .mobile-wordmark{gap:0;min-width:0;min-height:44px;padding-inline:0}
 .topbar .mobile-wordmark>.project-logo{display:block;width:99.2px;height:auto;max-height:40px;object-fit:contain}
}
@media(max-width:360px){
 .topbar .mobile-header-brand{gap:0}
 .topbar .mobile-wordmark>.project-logo{width:83.2px}
 .topbar .top-actions{gap:3px}
 .topbar .header-create-button{width:28px;flex-basis:28px}
}

/* comments-sheet.css */
.modal-backdrop.comments-backdrop {
  align-items: flex-end;
  padding: 0;
  background: #0006;
  backdrop-filter: blur(2px);
  animation: comments-backdrop-in .2s ease both;
}

.modal.comments-sheet {
  display: flex;
  flex-direction: column;
  width: 540px;
  max-width: 100%;
  height: min(78dvh, 760px);
  max-height: calc(100dvh - 20px);
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 22px 22px 0 0;
  background: #fff;
  color: #252b29;
  box-shadow: 0 -12px 45px #00000012;
  animation: comments-sheet-in .26s cubic-bezier(.2, .75, .25, 1) both;
}

.comments-sheet .modal-head {
  position: relative;
  flex: none;
  justify-content: center;
  min-height: 68px;
  padding: 25px 50px 15px;
  border-bottom: 1px solid #eceeed;
}

.comments-sheet .modal-head::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 50%;
  width: 36px;
  height: 4px;
  border-radius: 4px;
  background: #d5d8d7;
  transform: translateX(-50%);
}

.comments-sheet .modal-head h2 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin: 0;
  color: #242b28;
  font: 650 15px/1.5 'DM Sans', Arial, sans-serif;
  letter-spacing: -.2px;
}

.comments-sheet .comments-heading-count {
  color: #929894;
  font-size: 12px;
  font-weight: 400;
}

.comments-sheet .close-modal {
  position: absolute;
  top: 24px;
  right: 12px;
  width: 29px;
  height: 29px;
  padding: 6px;
  color: #68736d;
  background: none;
}

.comments-sheet .close-modal svg {
  width: 19px;
  height: 19px;
}

.comments-sheet .modal-body {
  flex: 1;
  min-height: 0;
  padding: 0 17px 18px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.comments-sheet .comments-context {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 5px;
  padding: 14px 0;
  border-bottom: 1px solid #f0f2f1;
  color: #737e77;
  font-size: 11px;
  line-height: 1.55;
}

.comments-sheet .comments-context-thumb {
  display: block;
  flex: 0 0 34px;
  width: 34px;
  height: 42px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 6px;
  background: #f2f4f3;
}

.comments-sheet .comments-context-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.comments-sheet .comments-context > span:last-child,
.comments-sheet .comments-context > div:last-child {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

.comments-sheet .comments-context p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #7b857f;
  font-size: 11px;
  line-height: 1.55;
}

.comments-sheet .comments-context strong {
  display: block;
  margin-bottom: 3px;
  color: #46554b;
  font-size: 11px;
  font-weight: 650;
}

.comments-sheet .comments-list {
  display: flex;
  flex-direction: column;
  gap: 23px;
  padding: 20px 0 9px;
  overflow-anchor: none;
}

.comments-sheet .comments-list-heading {
  margin: 18px 0 0;
  color: #7a867e;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
}

.comments-sheet .comments-thread {
  min-width: 0;
}

.comments-sheet .comments-reply-group {
  min-width: 0;
  margin-top: 3px;
}

.comments-sheet .comments-reply-group[hidden] {
  display: none !important;
}

.comments-sheet .comments-replies-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: calc(100% - 44px);
  min-height: 32px;
  margin-left: 44px;
  padding: 3px 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #839087;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}

.comments-sheet .comments-replies-toggle::marker {
  content: '';
}

.comments-sheet .comments-replies-toggle::-webkit-details-marker {
  display: none;
}

.comments-sheet .comments-replies-toggle::before {
  content: '';
  flex: 0 0 22px;
  width: 22px;
  height: 1px;
  background: #cbd5ce;
}

.comments-sheet .comments-replies-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.comments-sheet .comments-replies-toggle:hover,
.comments-sheet .comments-reply-group[open] > .comments-replies-toggle {
  color: #617d6d;
}

.comments-sheet .comments-replies-toggle:focus-visible {
  outline: 2px solid #5a9ddb;
  outline-offset: 3px;
}

.comments-sheet .comments-replies {
  display: grid;
  gap: 18px;
  min-width: 0;
  margin: 14px 0 0 16px;
  padding: 0 0 0 11px;
  border-left: 1px solid #e2eae5;
}

.comments-sheet .comments-reply-group > .comments-replies {
  margin-top: 8px;
}

.comments-sheet .comments-replies:empty {
  display: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.comments-sheet .comments-reply-group:not([open]) > .comments-replies {
  display: none;
}

/* Keep deeper replies under their parent without narrowing the mobile text column. */
.comments-sheet .comments-replies .comments-replies {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.comments-sheet .comments-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
}

.comments-sheet .comments-row > .avatar {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  margin-top: 1px;
  font-size: 10px;
}

.comments-sheet .comments-row-content {
  flex: 1;
  min-width: 0;
  color: #39443e;
  font-size: 13px;
  line-height: 1.55;
}

.comments-sheet .comments-row-content strong {
  display: inline-block;
  max-width: 100%;
  margin: 0 7px 3px 0;
  color: #27352d;
  font-size: 12px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.comments-sheet .comments-row-content p {
  margin: 0;
  color: #39443e;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.comments-sheet .comments-row-content small {
  display: block;
  margin-top: 7px;
  color: #959d98;
  font-size: 10px;
  line-height: 1.45;
}

.comments-sheet .comments-row-content .comments-row-time {
  display: inline;
  margin: 0;
  color: #9aa29d;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
}

.comments-sheet .comments-row-content .comments-row-reply-to {
  display: table;
  max-width: 100%;
  margin: 1px 0 6px;
  padding: 3px 6px;
  border-radius: 5px;
  background: #eff6f2;
  color: #5d8576;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.comments-sheet .comment-just-added > .comments-row {
  border-radius: 9px;
  animation: comments-added-feedback 1.2s ease-out both;
}

.comments-sheet .comments-row-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 7px;
}

.comments-sheet .comments-row-actions .comments-reply {
  min-height: 24px;
  margin: 0;
  padding: 3px 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8b968e;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}

.comments-sheet .comments-row-actions .comments-reply:hover {
  color: #536c5c;
}

.comments-sheet .comment-image {
  display: block;
  width: auto;
  max-width: min(220px, 100%);
  height: auto;
  max-height: 240px;
  margin-top: 9px;
  border: 1px solid #edf0ee;
  border-radius: 12px;
  background: #f6f8f7;
  object-fit: contain;
}

.comments-sheet .comments-empty {
  display: grid;
  place-content: center;
  min-height: 170px;
  padding: 28px 18px;
  text-align: center;
  color: #89948d;
}

.comments-sheet .comments-empty > .icon {
  width: 32px;
  height: 32px;
  margin: 0 auto 13px;
  color: #a6b0a9;
}

.comments-sheet .comments-empty strong,
.comments-sheet .comments-empty h3 {
  display: block;
  margin: 0 0 6px;
  color: #34463a;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.comments-sheet .comments-empty p {
  margin: 0;
  color: #89948d;
  font-size: 12px;
  line-height: 1.65;
}

.comments-sheet .modal-footer {
  display: block;
  flex: none;
  padding: 0 14px calc(14px + env(safe-area-inset-bottom));
  overflow: visible;
  border-top: 1px solid #eceeed;
  background: #fff;
}

.comments-sheet .comments-composer {
  width: 100%;
}

.comments-sheet .comments-emoji-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1px;
  padding: 6px 0 8px;
}

.comments-sheet .comment-emoji {
  display: grid;
  place-items: center;
  flex: 1;
  min-width: 0;
  min-height: 43px;
  padding: 5px 1px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
  font-size: 24px;
  line-height: 1.2;
  transition: background .15s, transform .15s;
}

.comments-sheet .comment-emoji:hover {
  background: #f4f6f5;
}

.comments-sheet .comment-emoji:active {
  transform: scale(.9);
}

.comments-sheet .comment-image-draft {
  position: relative;
  width: fit-content;
  max-width: calc(100% - 46px);
  margin: 0 0 10px 46px;
  padding: 0;
}

.comments-sheet .comments-reply-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 35px;
  margin: 0 0 10px 46px;
  padding: 5px 8px 5px 11px;
  border: 1px solid #edf0ee;
  border-radius: 9px;
  background: #f6f8f7;
  color: #7d8b82;
  font-size: 10px;
  line-height: 1.5;
}

.comments-sheet .comments-reply-banner[hidden] {
  display: none;
}

.comments-sheet .comments-reply-banner > span {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

.comments-sheet .comments-reply-banner strong {
  color: #5b7263;
  font-size: inherit;
  font-weight: 600;
}

.comments-sheet .comments-reply-banner > button {
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 5px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8b9990;
}

.comments-sheet .comments-reply-banner > button .icon {
  width: 15px;
  height: 15px;
}

.comments-sheet .comment-image-draft > img {
  display: block;
  width: 72px;
  height: 72px;
  max-width: 100%;
  border: 1px solid #e6ebe8;
  border-radius: 9px;
  background: #f6f8f7;
  object-fit: cover;
}

.comments-sheet .comment-image-draft > button {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #39463f;
  color: #fff;
}

.comments-sheet .comment-image-draft > button .icon {
  width: 12px;
  height: 12px;
}

.comments-sheet .comment-image-status {
  max-width: calc(100% - 46px);
  margin: 0 0 10px 46px;
  color: #78877d;
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.comments-sheet .comment-image-status.is-error {
  color: #b05b4a;
}

.comments-sheet #comment-form.comments-compose-row,
.comments-sheet .comments-guest-compose {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
}

.comments-sheet .comments-composer-avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  overflow: hidden;
  border: 1px solid #edf0ee;
  border-radius: 50%;
  background: #f2f5f3;
  color: #8b9c90;
}

.comments-sheet .comments-composer-avatar > .avatar,
.comments-sheet .comments-composer-avatar > img {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 11px;
}

.comments-sheet .comments-composer-avatar > .icon {
  width: 21px;
  height: 21px;
}

.comments-sheet .comments-input-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
  margin: 0;
  gap: 0;
}

.comments-sheet .comments-input-wrap input {
  width: 100%;
  min-width: 0;
  height: 43px;
  padding: 11px 38px 11px 13px;
  border: 1px solid #e5e9e6;
  border-radius: 23px;
  background: #fff;
  color: #34443a;
  font-size: 12px;
  line-height: 19px;
  box-shadow: none;
}

.comments-sheet .comments-input-wrap input::placeholder {
  color: #929c96;
}

.comments-sheet .comments-input-wrap input:focus {
  border-color: #c1cdc5;
  box-shadow: none;
}

.comments-sheet .comments-image-picker {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #6c7d72;
  cursor: pointer;
}

.comments-sheet .comments-image-picker:hover {
  background: #f3f6f4;
}

.comments-sheet .comments-image-picker > .icon {
  width: 22px;
  height: 22px;
}

.comments-sheet #comment-form .comments-send {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 4px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1682e8;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
  overflow: hidden;
}

.recent-activity-comment .comment-image,
.recent-activity-delete-confirm .comment-image {
  display: block;
  max-width: min(220px, 100%);
  max-height: 240px;
  object-fit: contain;
  border-radius: 10px;
  margin: 10px 0;
}

.comments-sheet .comments-send .icon {
  width: 22px;
  height: 22px;
  transform: rotate(-90deg);
}

.comments-sheet .comments-send:disabled {
  opacity: .35;
}

.comments-sheet .comments-guest-compose {
  border: 0;
  background: transparent;
  color: #929c96;
  text-align: left;
  font-size: 12px;
}

.comments-sheet .comments-guest-compose > span:last-child {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 43px;
  padding: 11px 14px;
  border: 1px solid #e5e9e6;
  border-radius: 23px;
}

.comments-sheet #comment-form .mention-field-help {
  position: absolute;
  top: 9px;
  right: 10px;
  display: block;
  margin: 0;
  line-height: 1;
}

.comments-sheet #comment-form .mention-field-help > button {
  display: grid;
  place-items: center;
  width: 24px;
  height: 25px;
  margin: 0;
  padding: 0;
  color: #8d9a92;
  font-size: 0;
  line-height: 1;
}

.comments-sheet #comment-form .mention-field-help > button::before {
  content: '@';
  font-size: 17px;
  font-weight: 500;
}

.comments-sheet .mention-suggestions {
  position: absolute;
  bottom: calc(100% + 10px);
  left: -46px;
  width: calc(100% + 124px);
  max-width: calc(100vw - 28px);
  max-height: min(268px, 42dvh);
  margin: 0;
  border-color: #e2e8e4;
  border-radius: 12px;
  box-shadow: 0 -6px 26px #1b322217;
}

.comments-sheet button:focus-visible,
.comments-sheet input:focus-visible,
.comments-sheet .comments-image-picker:focus-visible {
  outline: 2px solid #5a9ddb;
  outline-offset: 2px;
}

@keyframes comments-sheet-in {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

@keyframes comments-backdrop-in {
  from { background-color: #0000; }
  to { background-color: #0006; }
}

@keyframes comments-added-feedback {
  from { background-color: #eef8f1; }
  to { background-color: transparent; }
}

@media (max-width: 360px) {
  .comments-sheet .modal-body { padding-inline: 14px; }
  .comments-sheet .modal-footer { padding-inline: 11px; }
  .comments-sheet .comment-emoji { font-size: 22px; }
  .comments-sheet #comment-form.comments-compose-row,
  .comments-sheet .comments-guest-compose { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .modal-backdrop.comments-backdrop,
  .modal.comments-sheet { animation: none; }
  .comments-sheet .comment-emoji { transition: none; }
  .comments-sheet .comment-just-added > .comments-row { animation: none; }
}

/* profile-presence.css */
.profile-presence-control,
.profile-presence-name {
  appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.profile-presence-control {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  line-height: 0;
  overflow: visible;
}
.profile-presence-name {
  display: block;
  flex: 1;
  min-width: 0;
}
.reel-person .profile-presence-name { flex: 0 1 auto; }
.profile-presence-control:focus-visible,
.profile-presence-name:focus-visible {
  outline: 2px solid #fb8536;
  outline-offset: 5px;
}
.profile-presence {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  align-self: center;
  width: max-content;
  height: max-content;
  border-radius: 50%;
  line-height: 0;
  vertical-align: middle;
  isolation: isolate;
}
.profile-presence::before {
  content: '';
  position: absolute;
  inset: -3px;
  border: 2px solid transparent;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
}
.profile-presence.has-story { --presence-glow: #ff7c5c75; }
.profile-presence.has-live { --presence-glow: #ff365f88; }
.profile-presence.has-story::before {
  border-color: #ff8a2b #f0528d #ee5399 #ff8a2b;
}
.profile-presence.has-live::before { border-color: #ff3d61; }
.profile-presence.has-story::before,
.profile-presence.has-live::before {
  opacity: 1;
  box-shadow: 0 0 0 1px #fff, 0 0 7px var(--presence-glow);
  animation: profile-presence-glow 2.8s ease-in-out infinite;
}
.profile-presence-label {
  position: absolute;
  left: 50%;
  bottom: -4px;
  z-index: 1;
  display: block;
  width: max-content;
  padding: 1px 3px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: #ef3157;
  color: #fff;
  font: 700 7px/1.3 Arial, sans-serif;
  letter-spacing: .15px;
  transform: translateX(-50%);
  pointer-events: none;
}
.profile-presence-label[hidden] { display: none!important; }
.reel-person .profile-presence-label { color: #fff; }
.ig-avatar-ring.profile-presence-profile { overflow: visible; }
.ig-avatar-ring.profile-presence-profile:not(.has-story):not(.has-live) { background: #e4ebe6; }
.ig-avatar-ring.profile-presence-profile::before {
  content: '';
  position: absolute;
  inset: -3px;
  border: 2px solid transparent;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
}
.ig-avatar-ring.profile-presence-profile.has-live { --presence-glow: #ff365f88; }
.ig-avatar-ring.profile-presence-profile.has-story { --presence-glow: #ff7c5c75; }
.ig-avatar-ring.profile-presence-profile.has-live::before { border-color: #ff3d61; }
.ig-avatar-ring.profile-presence-profile.has-story::before { border-color: #ff8a2b #f0528d #ee5399 #ff8a2b; }
.ig-avatar-ring.profile-presence-profile.has-live::before,
.ig-avatar-ring.profile-presence-profile.has-story::before {
  opacity: 1;
  box-shadow: 0 0 0 1px #fff, 0 0 7px var(--presence-glow);
  animation: profile-presence-glow 2.8s ease-in-out infinite;
}
.ig-avatar-ring.profile-presence-profile > .profile-presence-label {
  bottom: -3px;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 9px;
}
@keyframes profile-presence-glow {
  0%, 100% { opacity: .58; box-shadow: 0 0 0 1px #fff, 0 0 3px var(--presence-glow); }
  50% { opacity: 1; box-shadow: 0 0 0 1px #fff, 0 0 8px var(--presence-glow); }
}
@media (prefers-reduced-motion: reduce) {
  .profile-presence.has-story::before,
  .profile-presence.has-live::before,
  .ig-avatar-ring.profile-presence-profile.has-story::before,
  .ig-avatar-ring.profile-presence-profile.has-live::before { animation: none; opacity: 1; }
}

/* profile-photo-editor.css */
.profile-photo-editor {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 12px 17px;
  padding: 0 0 22px;
  margin-bottom: 23px;
  border-bottom: 1px solid #e9eeeb;
}
.profile-photo-preview {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  overflow: hidden;
  border: 1px solid #e5eae7;
  border-radius: 50%;
  background: #f5f7f6;
  color: #94a098;
}
.profile-photo-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}
.profile-photo-preview > .icon { width: 32px; height: 32px; }
.profile-photo-preview .profile-photo-initials { font-size: 24px; font-weight: 600; color: #718b7a; }
.profile-photo-actions { display: grid; justify-items: start; gap: 8px; min-width: 0; }
.profile-photo-actions button {
  padding: 2px 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
.profile-photo-actions .profile-photo-choose { color: #1681d9; font-weight: 650; }
.profile-photo-actions .profile-photo-remove { color: #a37467; font-size: 11px; }
.profile-photo-actions [hidden] { display: none!important; }
.profile-photo-actions small { color: #99a39c; font-size: 10px; line-height: 1.6; }
.profile-photo-status {
  grid-column: 1 / -1;
  margin: 0;
  color: #799080;
  font-size: 11px;
  line-height: 1.65;
}
.profile-photo-status.is-error { color: #b25849; }
.profile-photo-actions button:focus-visible { outline: 2px solid #6b9fc6; outline-offset: 4px; border-radius: 3px; }
@media (max-width: 360px) {
  .profile-photo-editor { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
  .profile-photo-preview { width: 64px; height: 64px; }
}

/* reel-scrubber.css */
.reel-slide > .reel-scrubber {
  position: absolute;
  z-index: 4;
  left: 15px;
  right: 15px;
  bottom: calc(9px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 6px 4px 0;
  border-radius: 8px;
  background: linear-gradient(transparent, #0005);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(3px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.reel-slide.is-paused > .reel-scrubber {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.reel-slide.is-paused > .reel-meta {
  bottom: calc(68px + env(safe-area-inset-bottom));
}

.reel-scrubber-times {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  line-height: 14px;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  text-shadow: 0 1px 3px #0009;
  pointer-events: none;
}

.reel-scrubber-range {
  --reel-seek-progress: 0%;
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  min-width: 0;
  height: 27px;
  min-height: 27px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  touch-action: none;
  accent-color: #fff;
}

.reel-scrubber-range::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(to right, #fff 0 var(--reel-seek-progress), #ffffff6b var(--reel-seek-progress) 100%);
}

.reel-scrubber-range::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 5px #0006;
}

.reel-scrubber-range::-moz-range-track {
  height: 3px;
  border: 0;
  border-radius: 3px;
  background: #ffffff6b;
}

.reel-scrubber-range::-moz-range-progress {
  height: 3px;
  border-radius: 3px;
  background: #fff;
}

.reel-scrubber-range::-moz-range-thumb {
  width: 13px;
  height: 13px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 5px #0006;
}

.reel-scrubber-range:focus-visible {
  outline: 2px solid #ffffffb3;
  outline-offset: 2px;
}

.reel-scrubber-range:disabled {
  opacity: .4;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  .reel-slide > .reel-scrubber { transition: none; }
}

/* live-comments.css */
.modal-backdrop.live-viewer-backdrop {
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #000;
  backdrop-filter: none;
}

.modal.live-viewer-dialog {
  position: relative;
  display: block;
  width: min(100vw, calc(100dvh * 9 / 16));
  height: min(100dvh, calc(100vw * 16 / 9));
  max-width: 100%;
  max-height: none;
  aspect-ratio: 9 / 16;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #000;
  color: #fff;
  box-shadow: none;
  animation: live-viewer-in .18s ease both;
}

.live-viewer-dialog .modal-head {
  position: absolute;
  inset: 0 0 auto;
  z-index: 10;
  height: 72px;
  min-height: 72px;
  align-items: flex-start;
  padding: 8px 10px;
  border: 0;
  background: #000;
  backdrop-filter: none;
  pointer-events: none;
}

.live-viewer-dialog .modal-head h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  width: calc(100% - 32px);
  min-width: 0;
  height: 26px;
  margin: 0;
  overflow: visible;
  color: #f5faf7;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  letter-spacing: -.15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
}

.live-broadcast-identity {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 6px;
  min-width: 0;
}

.live-broadcast-identity > .avatar,
.live-broadcast-identity > .live-broadcast-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  overflow: hidden;
  border: 1px solid #ffffff45;
  border-radius: 50%;
  font-size: 9px;
}

.live-broadcast-identity > .live-broadcast-avatar > .avatar,
.live-broadcast-identity > .live-broadcast-avatar > img {
  width: 100%;
  height: 100%;
  border: 0;
}

.live-broadcast-avatar {
  appearance: none;
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  pointer-events: auto;
  cursor: pointer;
}

.live-broadcast-avatar:focus-visible {
  outline: 2px solid #a4d1bb;
  outline-offset: 2px;
}

.live-host-profile-confirmation {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 18px;
  background: transparent;
  pointer-events: auto;
}

.live-host-profile-card {
  width: min(100%, 285px);
  padding: 20px 16px 14px;
  border: 1px solid #e4e9e6;
  border-radius: 18px;
  background: #fff;
  color: #263d33;
  text-align: center;
  box-shadow: 0 8px 32px #0005;
}

.live-host-profile-card p {
  margin: 0 0 18px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
}

.live-host-profile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.live-host-profile-actions button {
  min-width: 0;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #e0e7e2;
  border-radius: 10px;
  background: #f4f7f5;
  color: #324b3e;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}

.live-host-profile-actions button[data-action="live-host-profile-confirm"] {
  border-color: #17755d;
  background: #17755d;
  color: #fff;
}

.live-host-profile-actions button:focus-visible {
  outline: 2px solid #ee8a4b;
  outline-offset: 2px;
}

.live-broadcast-status {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 4px;
  min-width: 90px;
}

.live-broadcast-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 3px;
  width: 47px;
  height: 22px;
  padding: 3px 5px;
  border-radius: 5px;
  background: #e72f53;
  color: #fff;
  font-size: 9px;
  font-weight: 750;
  line-height: 16px;
  letter-spacing: .2px;
  text-shadow: none;
}

.live-broadcast-dot {
  flex: 0 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  animation: live-broadcast-pulse 2.8s ease-in-out infinite;
}

.live-broadcast-demo {
  position: absolute;
  top: 45px;
  left: 10px;
  padding: 1px 4px;
  border-radius: 4px;
  background: #ffffffb3;
  color: #52645b;
  font-size: 7px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: .45px;
}

.live-broadcast-viewers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 39px;
  max-width: 54px;
  height: 22px;
  padding: 3px 4px;
  overflow: hidden;
  border: 1px solid #d8e2dc;
  border-radius: 5px;
  background: #fff;
  color: #4a6755;
  font-size: 9px;
  font-weight: 600;
  line-height: 14px;
  white-space: nowrap;
}

.live-broadcast-viewers > .icon {
  width: 11px;
  height: 11px;
}

.live-broadcast-viewers > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.live-broadcast-host {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #f5faf7;
  font-size: 12px;
  font-family: inherit;
  font-weight: 650;
  line-height: 18px;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  text-shadow: 0 1px 2px #000d;
  pointer-events: auto;
  cursor: pointer;
}

.live-broadcast-host:focus-visible {
  outline: 2px solid #a4d1bb;
  outline-offset: 2px;
}

.live-viewer-dialog .live-host-follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 0;
  width: 53px;
  height: 24px;
  min-height: 24px;
  margin: 0;
  padding: 3px 5px;
  border: 1px solid #17725e;
  border-radius: 13px;
  background: #17725e;
  color: #fff;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
}

.live-viewer-dialog .live-host-follow > .icon {
  display: none;
}

.live-viewer-dialog .live-host-follow.is-following {
  width: 84px;
  border-color: #d2dfd6;
  background: #ffffffd9;
  color: #174b3b;
  opacity: 1;
  cursor: default;
}

.live-viewer-dialog .close-modal {
  position: absolute;
  top: 8px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 4px;
  border: 1px solid #d6e1da;
  border-radius: 50%;
  background: #fff;
  color: #173d34;
  pointer-events: auto;
}

.live-viewer-dialog .close-modal > .icon {
  width: 16px;
  height: 16px;
}

.live-viewer-dialog:has(.live-preview-stage:not(.has-live-video-guest):not(.is-landscape)) .modal-head {
  background: transparent;
}

.live-viewer-dialog:has(.live-preview-stage:not(.has-live-video-guest):not(.is-landscape)) .live-broadcast-host {
  padding: 2px 5px;
  border-radius: 0;
  background: transparent;
  color: #fff;
}

.live-viewer-dialog .modal-body {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #000;
}

.live-viewer-dialog .modal-footer {
  display: none;
}

.live-preview-stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  isolation: auto;
  background: #000;
  color: #fff;
}

.live-preview-picture {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #000;
}

.live-preview-media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  object-fit: cover;
  background: #000;
}

.live-preview-stage.is-landscape .live-preview-picture {
  top: 64px;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 45%;
  aspect-ratio: var(--live-media-aspect, 16 / 9);
}

.live-preview-stage.is-landscape .live-preview-media {
  object-fit: contain;
  object-position: center top;
}

.live-preview-stage.is-video:not(.is-landscape) .live-preview-media {
  object-fit: contain;
  object-position: center;
}

.live-preview-stage:not(.has-live-video-guest):not(.is-landscape) .live-preview-picture {
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
}

.live-preview-stage:not(.has-live-video-guest):not(.is-landscape) .live-preview-media {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.live-preview-sound {
  position: absolute;
  top: 40px;
  right: 10px;
  z-index: 11;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 4px;
  border: 1px solid #ffffff65;
  border-radius: 50%;
  background: #ffffffb3;
  color: #173d34;
  cursor: pointer;
}

.live-preview-sound > .icon { width: 16px; height: 16px; }
.live-preview-muted-slash { position: absolute; width: 21px; height: 2px; background: #ff4d5f; transform: rotate(45deg); }

.live-preview-start {
  position: absolute;
  top: 38%;
  left: 50%;
  z-index: 5;
  max-width: calc(100% - 40px);
  min-height: 42px;
  padding: 11px 18px;
  transform: translate(-50%, -50%);
  border: 1px solid #ffffff85;
  border-radius: 24px;
  background: #10201de8;
  color: #fff;
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}

.live-preview-media-status {
  position: absolute;
  top: 27%;
  left: 50%;
  z-index: 4;
  width: max-content;
  max-width: calc(100% - 40px);
  margin: 0;
  padding: 5px 9px;
  transform: translateX(-50%);
  border-radius: 8px;
  background: #0b1515cc;
  color: #fff;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}

.live-comments-demo {
  display: none;
  position: absolute;
  top: 92px;
  right: 12px;
  z-index: 3;
  min-height: 29px;
  margin: 0;
  padding: 5px 8px;
  border: 1px solid #ffffff3b;
  border-radius: 16px;
  background: #102019d9;
  color: #fff;
  font: inherit;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
}

.live-comments-layer {
  position: absolute;
  z-index: 3;
  right: 12px;
  bottom: calc(76px + env(safe-area-inset-bottom));
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 30%;
  max-height: 30%;
  min-height: 0;
}

.live-comments-scroller {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #65746b99 transparent;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24%, #000);
  mask-image: linear-gradient(to bottom, transparent, #000 24%, #000);
}

.live-preview-stage.is-reading-comments .live-comments-scroller,
.live-comments-scroller.is-reading-history {
  -webkit-mask-image: none;
  mask-image: none;
}

.live-comments-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  min-height: 100%;
  padding: 4px 2px 5px;
}

.live-comment-row {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
  backdrop-filter: none;
}

.live-comment-row.is-new,
.live-comment-row.is-entering {
  animation: live-comment-in .35s ease-out both;
}

.live-preview-stage .live-comment-row.is-gift-activity {
  padding: 8px;
  border: 1px solid #efc36abf;
  border-left-width: 3px;
  border-radius: 11px;
  background: rgba(25, 18, 5, .78);
  color: #fff4dc;
}

.live-comment-row.is-gift-activity .live-gift-activity-text {
  color: #ffe2a2;
  font-weight: 750;
}

.live-comment-row.is-gift-activity .live-gift-activity-detail {
  margin-top: 2px;
  color: #fff0d1;
  font-size: 10px;
}

.live-comment-row .live-gift-activity-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  margin: 4px 0 0;
  padding: 3px 7px;
  border: 1px solid #edca7b88;
  border-radius: 9px;
  background: #ffffff10;
  color: #ffe5ae;
  font: inherit;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.4;
  cursor: pointer;
}

.live-comment-row .live-gift-activity-cta > .icon { width: 12px; height: 12px; }
.live-comment-row .live-gift-activity-cta:hover { background: #ffffff20; }

.live-comment-row > .avatar {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 1px solid #ffffff3d;
  font-size: 9px;
}

.live-comment-avatar img {
  object-fit: cover;
}

.live-comment-body {
  flex: 1;
  min-width: 0;
}

.live-comment-body strong {
  display: block;
  margin: 0;
  color: #f4fff9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.live-comment-body p {
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.live-comment-body small {
  display: inline-block;
  margin-top: 4px;
  color: #ffffffe0;
  text-shadow: 0 1px 2px #000d;
  font-size: 9px;
  line-height: 1.4;
}

.live-comment-pin {
  flex: 0 0 auto;
  min-height: 27px;
  margin: 0;
  padding: 4px 5px;
  border: 0;
  border-radius: 5px;
  background: #ffffff50;
  color: #174b3b;
  font: inherit;
  font-size: 9px;
  line-height: 1.4;
  cursor: pointer;
}

.live-comment-pin:hover {
  background: #ffffffa3;
}

.live-pinned-comment {
  flex: 0 0 auto;
  min-width: 0;
  max-height: 118px;
  padding: 7px 10px;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
  backdrop-filter: none;
}

.live-pinned-comment strong {
  color: #f4fff9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.live-pinned-comment p {
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.live-comment-body strong,
.live-comment-body p,
.live-pinned-comment strong,
.live-pinned-comment p {
  -webkit-text-stroke: .15px rgba(0, 0, 0, .65);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
}

.live-pinned-comment button {
  float: right;
  margin-left: 8px;
  padding: 3px 4px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #ffe2a8;
  text-shadow: 0 1px 2px #000d;
  font: inherit;
  font-size: 10px;
  cursor: pointer;
}

.live-pinned-label {
  display: block;
  margin-bottom: 3px;
  color: #ffe2a8;
  text-shadow: 0 1px 2px #000d;
  font-size: 8px;
  line-height: 1.5;
}

.live-comments-new {
  position: absolute;
  right: 0;
  bottom: 8px;
  z-index: 5;
  margin: 0;
  padding: 7px 11px;
  border: 1px solid #ffffff70;
  border-radius: 18px;
  background: #ffffffd9;
  color: #174b3b;
  font: inherit;
  font-size: 10px;
  line-height: 1.5;
  box-shadow: none;
  cursor: pointer;
}

.live-preview-stage > .live-comments-new {
  right: 14px;
  bottom: calc(84px + env(safe-area-inset-bottom));
}

.live-comments-composer {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: calc(76px + env(safe-area-inset-bottom));
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  background: transparent;
}

.live-comments-composer #live-chat-form {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  min-width: 0;
  width: 100%;
  margin: 0;
}

.live-comments-composer .avatar {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff7a;
  font-size: 10px;
}

.live-comments-composer input {
  display: block;
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px 13px;
  border: 1px solid #ffffff70;
  border-radius: 23px;
  background: rgba(255, 255, 255, .7);
  color: #24312c;
  font: inherit;
  font-size: 12px;
  line-height: 18px;
  box-shadow: none;
}

.live-comments-composer input::placeholder {
  color: #52645b;
}

.live-comments-composer input:focus {
  border-color: #39705b;
  outline: 0;
  box-shadow: none;
}

.live-comments-composer form > button {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 7px;
  border: 1px solid #ffffff70;
  border-radius: 50%;
  background: rgba(255, 255, 255, .7);
  color: #174b3b;
  box-shadow: none;
}

.live-comments-composer form > button > .icon {
  width: 19px;
  height: 19px;
  transform: rotate(-90deg);
}

.live-comments-join {
  flex: 1;
  min-width: 0;
  width: 100%;
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid #ffffff70;
  border-radius: 23px;
  background: rgba(255, 255, 255, .7);
  color: #24312c;
  font: inherit;
  font-size: 12px;
  text-align: left;
}

.live-comments-guest {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.live-comments-composer .live-comment-guest-avatar {
  display: grid;
  place-items: center;
  background: #ffffff66;
  color: #173d34;
}

.live-comment-guest-avatar > .icon {
  width: 19px;
  height: 19px;
}

.live-viewer-dialog [hidden] {
  display: none !important;
}

.live-viewer-dialog button:focus-visible,
.live-viewer-dialog input:focus-visible {
  outline: 2px solid #e6d08d;
  outline-offset: 3px;
}

@keyframes live-comment-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes live-viewer-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes live-broadcast-pulse {
  0%, 100% { opacity: .45; }
  50% { opacity: 1; }
}

@media (max-width: 360px) {
  .live-comments-layer { right: 10px; left: 10px; }
  .live-comments-composer { padding-inline: 10px; }
  .live-comment-row { padding-inline: 8px; gap: 7px; }
  .live-comments-demo { right: 10px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .modal.live-viewer-dialog,
  .live-comment-row.is-new,
  .live-comment-row.is-entering { animation: none; }
  .live-broadcast-dot { animation: none; }
}

/* live-comment-emojis.css */
.live-preview-stage .live-comments-composer {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  min-height: calc(122px + env(safe-area-inset-bottom));
}
.live-comment-emojis {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 40px;
  gap: 6px;
  width: 100%;
  align-self: flex-start;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 0 14px 0 0;
  scroll-padding-right: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  user-select: none;
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 12px), transparent 100%);
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 12px), transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.live-comment-emojis::-webkit-scrollbar {
  display: none;
}
.live-comment-emojis.is-dragging-emojis,
.live-comment-emojis.is-dragging-emojis .live-comment-emoji {
  cursor: grabbing;
}
.live-viewer-dialog .live-comment-emoji {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 2px 1px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #fff;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
  font-size: 24px;
  line-height: 1.1;
  cursor: pointer;
}
.live-viewer-dialog .live-comment-emoji:hover,
.live-viewer-dialog .live-comment-emoji:active { background: #ffffff15; }
.live-preview-stage .live-comments-layer {
  bottom: calc(106px + env(safe-area-inset-bottom));
  height: 30%;
  max-height: 30%;
}
.live-preview-stage > .live-comments-new { bottom: calc(114px + env(safe-area-inset-bottom)); }
@media (max-width: 360px) {
  .live-viewer-dialog .live-comment-emoji { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .live-viewer-dialog .live-comment-emoji { animation: none; transition: none; }
}

/* live-participation.css */
.live-preview-stage .live-participation-root {
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
}

.live-participation-root [hidden] {
  display: none !important;
}

.live-participation-root .live-participation-tools {
  position: absolute;
  top: auto;
  right: 58px;
  bottom: calc(66px + env(safe-area-inset-bottom));
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  width: 90px;
  max-width: 90px;
  pointer-events: auto;
}

.live-participation-root .live-participation-button,
.live-participation-root .live-participation-demo-toggle,
.live-participation-root .live-participation-video-example {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 100%;
  min-height: 32px;
  margin: 0;
  padding: 6px 9px;
  border: 1px solid #ffffffa3;
  border-radius: 17px;
  background: #ffffffd9;
  color: #284b3c;
  font: inherit;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.live-participation-root .live-participation-button > .icon {
  width: 15px;
  height: 15px;
}

.live-participation-root .live-participation-tools > .live-participation-button {
  width: 100%;
  max-width: 90px;
  height: 36px;
  min-height: 36px;
  padding: 6px 7px;
  border-radius: 18px;
  font-size: 9.5px;
  line-height: 17px;
  white-space: nowrap;
}

.live-preview-stage:has(.live-participation-button) .live-comment-emojis {
  width: calc(100% - 144px);
  padding-right: 14px;
  scroll-padding-right: 14px;
}

.live-participation-root .live-participation-tools > .live-participation-demo-toggle,
.live-participation-root .live-participation-tools > .live-participation-video-example,
.live-participation-root .live-participation-tools > .live-participation-count-options,
.live-participation-root .live-participation-tools > .live-participation-count-option {
  display: none;
}

.live-participation-root .live-participation-demo-toggle,
.live-participation-root .live-participation-video-example {
  min-height: 24px;
  padding: 4px 7px;
  border-color: #ffffff7a;
  border-radius: 13px;
  background: #ffffffbf;
  color: #627269;
  font-size: 8px;
  font-weight: 600;
}

.live-participation-root .live-participation-count {
  display: inline-grid;
  place-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 9px;
  background: #17725e;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.live-participation-root .live-participation-count-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 100%;
}

.live-participation-root .live-participation-count-option {
  min-height: 25px;
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #ffffffa3;
  border-radius: 13px;
  background: #ffffffd9;
  color: #52725e;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.live-participation-root .live-participation-panel .live-participation-count-options {
  justify-content: flex-start;
  width: 100%;
  margin: 12px 0;
}

.live-participation-root .live-participation-panel .live-participation-count-option {
  flex: 1;
  min-width: 68px;
  min-height: 34px;
  padding: 7px 10px;
  border-color: #dce6de;
  background: #fff;
  color: #5c7a66;
  font-size: 11px;
}

.live-participation-root .live-participation-count-option[aria-pressed="true"] {
  border-color: #17725e;
  background: #17725e;
  color: #fff;
}

.live-participation-root .live-participation-panel .live-participation-count-option[aria-pressed="true"] {
  border-color: #17725e;
  background: #17725e;
  color: #fff;
}

.live-participation-root .live-participation-status {
  max-width: 150px;
  padding: 4px 7px;
  border-radius: 7px;
  background: #ffffffd9;
  color: #426351;
  font-size: 9px;
  line-height: 1.5;
  text-align: right;
  overflow-wrap: anywhere;
}

.live-participation-root .live-participation-pip {
  position: absolute;
  top: 100px;
  left: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 112px;
  max-width: calc(100% - 170px);
  min-width: 0;
  min-height: 95px;
  margin: 0;
  padding: 11px 8px 8px;
  overflow: hidden;
  border: 1px solid #ffffffa3;
  border-radius: 13px;
  background: #f1f6f3f0;
  color: #294d3b;
  pointer-events: auto;
}

.live-participation-root .live-participation-pip.is-video {
  width: 144px;
  max-width: calc(100% - 150px);
  height: 190px;
  min-height: 0;
  gap: 0;
  padding: 0;
  background: #eaf2ec;
}

.live-participation-root .live-participation-guest-picture {
  position: relative;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.live-participation-root .live-participation-video {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  background: #eaf2ec;
  object-fit: cover;
  object-position: center;
}

.live-participation-root .live-participation-guest-start {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 2;
  width: max-content;
  max-width: calc(100% - 16px);
  min-height: 28px;
  padding: 6px 8px;
  transform: translate(-50%, -50%);
  border: 1px solid #ffffffbf;
  border-radius: 15px;
  background: #ffffffeb;
  color: #315842;
  font: inherit;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
}

.live-participation-root .live-participation-pip.is-video > .live-participation-info {
  position: absolute;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: 1;
  max-width: calc(100% - 10px);
  padding: 4px 5px;
  border-radius: 6px;
  background: transparent;
  text-align: left;
}

.live-participation-root .live-participation-pip.is-video .live-participation-name {
  font-size: 10px;
  line-height: 1.3;
}

.live-participation-root .live-participation-pip.is-video .live-participation-demo-label {
  margin-top: 2px;
  color: #6c8071;
  font-size: 7.5px;
  line-height: 1.3;
}

.live-participation-root .live-participation-pip > .avatar {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
  background: #dcebe2;
  color: #39654b;
  font-size: 16px;
}

.live-participation-root .live-participation-info {
  min-width: 0;
  max-width: 100%;
  text-align: center;
}

.live-participation-root .live-participation-name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #294d3b;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-participation-root .live-participation-demo-label {
  display: block;
  max-width: 100%;
  margin-top: 3px;
  color: #7c8f82;
  font-size: 8px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.live-participation-root .live-participation-demo-label > .icon {
  width: 11px;
  height: 11px;
  margin-right: 2px;
}

.live-participation-root .live-participation-pip > button {
  max-width: 100%;
  min-height: 24px;
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #d5e0d8;
  border-radius: 13px;
  background: #fff;
  color: #62806c;
  font: inherit;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}

.live-participation-root .live-participation-pip.is-video > button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  max-width: calc(100% - 10px);
  min-height: 23px;
  padding: 4px 7px;
  border-color: #ffffffbf;
  background: #ffffffe8;
  color: #506f5b;
}

.live-participation-root .live-participation-pip.is-audio {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  width: 154px;
  max-width: calc(100% - 156px);
  min-height: 60px;
  padding: 8px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.live-participation-root .live-participation-pip.is-audio > .avatar {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 10px;
}

.live-participation-root .live-participation-pip.is-audio .live-participation-info {
  flex: 1;
  text-align: left;
}

.live-participation-root .live-participation-pip.is-audio > button {
  margin-left: auto;
}

.live-participation-root .live-participation-panel {
  position: absolute;
  inset: auto 0 0;
  z-index: 12;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  max-height: min(70%, 480px);
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e4ebe6;
  border-bottom: 0;
  border-radius: 19px 19px 0 0;
  background: #fff;
  color: #304e3c;
  pointer-events: auto;
  animation: live-participation-panel-in .22s cubic-bezier(.2, .75, .25, 1) both;
}

.live-participation-root .live-participation-panel .live-participation-status {
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #6d8173;
  font-size: 12px;
  line-height: 1.65;
  text-align: left;
}

.live-participation-root .live-participation-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 0 0 auto;
  gap: 12px;
  min-height: 58px;
  padding: 16px 15px 12px;
  border-bottom: 1px solid #eef1ef;
}

.live-participation-root .live-participation-head > div {
  flex: 1;
  min-width: 0;
}

.live-participation-root .live-participation-head h3,
.live-participation-root .live-participation-head strong {
  display: block;
  margin: 0;
  color: #2e4c39;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.live-participation-root .live-participation-head small,
.live-participation-root .live-participation-head p {
  display: block;
  margin: 4px 0 0;
  color: #87958b;
  font-size: 10px;
  line-height: 1.5;
}

.live-participation-root .live-participation-head > button {
  display: grid;
  place-items: center;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  margin: -2px 0 0;
  padding: 6px;
  border: 0;
  border-radius: 50%;
  background: #f1f5f2;
  color: #819084;
  cursor: pointer;
}

.live-participation-root .live-participation-head > button .icon {
  width: 17px;
  height: 17px;
}

.live-participation-root .live-participation-body {
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding: 14px 15px calc(18px + env(safe-area-inset-bottom));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.live-participation-root .live-participation-body > p {
  margin: 0 0 12px;
  color: #6d8173;
  font-size: 12px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.live-participation-root .live-participation-notice {
  padding: 11px 12px;
  border: 1px solid #e4ece5;
  border-radius: 10px;
  background: #f6f9f6;
  color: #7d9080;
  font-size: 11px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.live-participation-root .live-participation-mode-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 13px 0;
}

.live-participation-root .live-participation-mode-options > button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 83px;
  padding: 13px 9px;
  border: 1px solid #dfe8e1;
  border-radius: 11px;
  background: #fff;
  color: #5a7b65;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
}

.live-participation-root .live-participation-mode-options > button .icon {
  width: 23px;
  height: 23px;
}

.live-participation-root .live-participation-mode-options > button.is-selected,
.live-participation-root .live-participation-mode-options > button[aria-pressed="true"] {
  border-color: #90af9d;
  background: #edf5ef;
  color: #286047;
}

.live-participation-root .live-participation-request-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid #edf1ed;
}

.live-participation-root .live-participation-request-row:first-child {
  padding-top: 0;
}

.live-participation-root .live-participation-request-row > .avatar {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  font-size: 11px;
}

.live-participation-root .live-participation-request-row > .live-participation-info {
  flex: 1;
  min-width: 0;
  text-align: left;
}

.live-participation-root .live-participation-request-row strong {
  display: block;
  color: #3b5b45;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.live-participation-root .live-participation-request-row small {
  display: block;
  margin-top: 3px;
  color: #8b9b8e;
  font-size: 10px;
  line-height: 1.5;
}

.live-participation-root .live-participation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: 13px;
}

.live-participation-root .live-participation-request-row > .live-participation-actions {
  margin-top: 0;
}

.live-participation-root .live-participation-actions > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 5px;
  min-width: 90px;
  min-height: 36px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #17725e;
  border-radius: 9px;
  background: #17725e;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.live-participation-root .live-participation-actions > button.is-secondary,
.live-participation-root .live-participation-actions > button[data-action$="-cancel"] {
  border-color: #dfe6e0;
  background: #fff;
  color: #78907e;
}

.live-participation-root .live-participation-actions > button.is-danger,
.live-participation-root .live-participation-actions > button[data-action$="-reject"],
.live-participation-root .live-participation-actions > button[data-action$="-decline"] {
  border-color: #e7d6d0;
  background: #fff7f3;
  color: #a36d5a;
}

.live-participation-root button:disabled {
  opacity: .5;
  cursor: default;
}

.live-participation-root button:focus-visible {
  outline: 2px solid #97b49f;
  outline-offset: 3px;
}

@keyframes live-participation-panel-in {
  from { transform: translateY(28px); opacity: .4; }
  to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 360px) {
  .live-participation-root .live-participation-tools { right: 56px; }
  .live-preview-stage:has(.live-participation-button) .live-comment-emojis { width: calc(100% - 138px); padding-right: 14px; scroll-padding-right: 14px; }
  .live-participation-root .live-participation-button { padding-inline: 8px; font-size: 9px; }
  .live-participation-root .live-participation-pip { left: 10px; width: 104px; }
  .live-participation-root .live-participation-pip.is-video { width: 120px; height: 160px; }
  .live-participation-root .live-participation-pip.is-audio { width: 144px; }
  .live-participation-root .live-participation-head { padding-inline: 13px; }
  .live-participation-root .live-participation-body { padding-inline: 13px; }
}

.live-preview-stage.has-live-video-guest {
  --live-band-top: max(10%, 72px);
  --live-host-pane-height: 50%;
  --live-guest-pane-height: 50%;
  --live-host-play-y: calc(var(--live-band-top) + 25%);
  --live-host-status-y: calc(var(--live-band-top) + 15%);
  background: #000;
}

.live-preview-stage.has-live-video-guest.live-participant-count-3 {
  --live-host-pane-height: 56.25%;
  --live-guest-pane-height: 28.125%;
  --live-host-play-y: calc(var(--live-band-top) + 28.125%);
  --live-host-status-y: calc(var(--live-band-top) + 16.875%);
}

.live-preview-stage.has-live-video-guest.live-participant-count-4 {
  --live-host-pane-height: 28.125%;
  --live-guest-pane-height: 28.125%;
  --live-host-play-y: calc(var(--live-band-top) + 14.0625%);
  --live-host-status-y: calc(var(--live-band-top) + 8.4375%);
}

.live-preview-stage .live-participation-guests {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.live-preview-stage.has-live-video-guest .live-preview-picture {
  position: absolute;
  top: var(--live-band-top);
  right: auto;
  bottom: auto;
  left: 0;
  width: 50%;
  height: var(--live-host-pane-height);
  max-height: none;
  aspect-ratio: auto;
  border: 1px solid #ffffff5e;
  background: #000;
}

.live-preview-stage.has-live-video-guest .live-preview-picture > .live-preview-media {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.live-preview-stage.has-live-video-guest.live-participant-count-3 .live-preview-picture > .live-preview-media,
.live-preview-stage.has-live-video-guest.live-participant-count-4 .live-preview-picture > .live-preview-media {
  object-fit: cover;
}

.live-preview-stage.has-live-video-guest .live-preview-start {
  top: var(--live-host-play-y);
  left: 25%;
  max-width: calc(50% - 20px);
}

.live-preview-stage.has-live-video-guest .live-preview-media-status {
  top: var(--live-host-status-y);
  left: 25%;
  max-width: calc(50% - 20px);
}

.live-preview-stage.has-live-video-guest .live-participation-pip.is-video {
  position: absolute;
  top: var(--live-band-top);
  right: auto;
  bottom: auto;
  left: 50%;
  width: 50%;
  max-width: none;
  height: var(--live-guest-pane-height);
  min-height: 0;
  gap: 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: auto;
  border: 1px solid #ffffff5e;
  border-radius: 0;
  background: #000;
}

.live-preview-stage.has-live-video-guest .live-participation-guest-picture {
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
}

.live-preview-stage.has-live-video-guest .live-participation-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.live-preview-stage.has-live-video-guest .live-participation-pip.is-video > .live-participation-info {
  right: 50px;
  bottom: 6px;
  left: 6px;
  max-width: calc(100% - 56px);
}

.live-preview-stage.has-live-video-guest .live-participation-pip.is-video > button {
  top: auto;
  right: 6px;
  bottom: 6px;
  width: 38px;
  max-width: 38px;
  padding-inline: 3px;
}

.live-preview-stage.has-live-video-guest .live-participation-guests > .live-participation-pip {
  position: absolute;
  top: var(--live-band-top);
  right: auto;
  bottom: auto;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 50%;
  max-width: none;
  height: var(--live-guest-pane-height);
  min-height: 0;
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff5e;
  border-radius: 0;
  background: #000;
  pointer-events: auto;
}

.live-preview-stage.has-live-video-guest.live-participant-count-3 .live-participation-pip[data-guest-index="1"] {
  top: calc(var(--live-band-top) + 28.125%);
  left: 50%;
}

.live-preview-stage.has-live-video-guest.live-participant-count-4 .live-participation-pip[data-guest-index="1"] {
  top: calc(var(--live-band-top) + 28.125%);
  left: 0;
}

.live-preview-stage.has-live-video-guest.live-participant-count-4 .live-participation-pip[data-guest-index="2"] {
  top: calc(var(--live-band-top) + 28.125%);
  left: 50%;
}

.live-preview-stage.has-live-video-guest .live-participation-guests > .live-participation-pip > .live-participation-info {
  position: absolute;
  right: 50px;
  bottom: 6px;
  left: 6px;
  z-index: 1;
  max-width: calc(100% - 56px);
  padding: 4px 5px;
  border-radius: 6px;
  background: transparent;
  text-align: left;
}

.live-preview-stage.has-live-video-guest .live-participation-guests > .live-participation-pip > button {
  position: absolute;
  top: auto;
  right: 6px;
  bottom: 6px;
  z-index: 2;
  width: 38px;
  max-width: 38px;
  min-height: 23px;
  margin: 0;
  padding: 4px 3px;
}

.live-preview-stage.has-live-video-guest .live-participation-guests > .live-participation-pip.is-audio > .avatar {
  position: absolute;
  top: 44%;
  left: 50%;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  margin: 0;
  transform: translate(-50%, -50%);
  border: 2px solid #ffffffb3;
  font-size: 16px;
}

.live-preview-stage.has-live-video-guest .live-participation-guests > .live-participation-pip.is-audio {
  background: #000;
}

.live-preview-stage.has-live-video-guest .live-preview-sound {
  top: 40px;
  right: 10px;
  width: 26px;
  height: 26px;
  z-index: 11;
}

.live-participation-root .live-participation-pip > .live-participation-info {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #f5faf7;
}

.live-participation-root .live-participation-pip > .live-participation-info .live-participation-name,
.live-participation-root .live-participation-pip > .live-participation-info .live-participation-demo-label {
  color: #f5faf7;
  text-shadow: 0 1px 2px #000e;
}

@media (prefers-reduced-motion: reduce) {
  .live-participation-root .live-participation-panel { animation: none; }
}

/* live-gifts.css */
.live-preview-stage .live-gifts-root {
  position: absolute;
  inset: 0;
  z-index: 14;
  pointer-events: none;
}

.live-gifts-root [hidden] {
  display: none !important;
}

.live-gifts-root .live-gifts-trigger {
  position: absolute;
  right: 12px;
  bottom: calc(66px + env(safe-area-inset-bottom));
  z-index: 1;
  display: grid;
  place-items: center;
  width: 40px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 5px;
  border: 1px solid #ffffffa3;
  border-radius: 18px;
  background: #ffffffeb;
  color: #28533f;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
  font-size: 22px;
  line-height: 1;
  pointer-events: auto;
  cursor: pointer;
}

.live-gifts-root .live-gifts-panel {
  position: absolute;
  inset: auto 0 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: min(65%, 540px);
  max-height: min(65%, 540px);
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff12;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background: #161a20;
  color: #f8fafc;
  color-scheme: dark;
  pointer-events: auto;
  animation: live-gifts-panel-in .22s cubic-bezier(.2, .75, .25, 1) both;
}

.live-gifts-root .live-gifts-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  gap: 10px;
  min-height: 48px;
  padding: 17px 13px 9px;
  border-bottom: 1px solid #ffffff0d;
}

.live-gifts-root .live-gifts-head::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 50%;
  width: 33px;
  height: 3px;
  border-radius: 3px;
  background: #ffffff40;
  transform: translateX(-50%);
}

.live-gifts-root .live-gifts-title {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #f8fafc;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.live-gifts-root .live-gifts-close {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  margin: -2px 0 0;
  padding: 5px;
  border: 0;
  border-radius: 50%;
  background: #ffffff0d;
  color: #acb7c3;
  font: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.live-gifts-root .live-gifts-close > .icon {
  width: 16px;
  height: 16px;
}

.live-gifts-root .live-gifts-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 0 12px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #58616c transparent;
}

.live-gifts-root .live-gifts-recipients {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin: 9px 0 7px;
  padding: 0 0 3px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scrollbar-width: none;
}

.live-gifts-root .live-gifts-recipients::-webkit-scrollbar,
.live-gifts-root .live-gifts-tabs::-webkit-scrollbar {
  display: none;
}

.live-gifts-root .live-gifts-recipient {
  display: flex;
  flex: 0 0 61px;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #aab5c0;
  font: inherit;
  font-size: 9px;
  line-height: 1.3;
  cursor: pointer;
}

.live-gifts-root .live-gifts-recipient[aria-pressed="true"] {
  border-color: #4f9a7a;
  background: #24372d;
  color: #ecfff5;
}

.live-gifts-root .live-gifts-recipient-avatar {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  overflow: hidden;
  border: 1px solid #ffffff40;
  border-radius: 50%;
  background: #3c5145;
  color: #deeee3;
  font-size: 9px;
}

.live-gifts-root .live-gifts-recipient-avatar > .avatar,
.live-gifts-root .live-gifts-recipient-avatar > img {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 9px;
}

.live-gifts-root .live-gifts-recipient-name {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  font-size: 9px;
  line-height: 1.3;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-gifts-root .live-gifts-tabs {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-width: 0;
  margin: 0 0 8px;
  padding: 0;
  overflow-x: auto;
  border-bottom: 1px solid #ffffff0d;
  scrollbar-width: none;
}

.live-gifts-root .live-gifts-tab {
  position: relative;
  flex: 0 0 auto;
  min-height: 29px;
  margin: 0;
  padding: 6px 0 8px;
  border: 0;
  background: transparent;
  color: #98a5b3;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
}

.live-gifts-root .live-gifts-tab[aria-selected="true"],
.live-gifts-root .live-gifts-tab[aria-pressed="true"],
.live-gifts-root .live-gifts-tab.is-active {
  color: #f8fafc;
}

.live-gifts-root .live-gifts-tab[aria-selected="true"]::after,
.live-gifts-root .live-gifts-tab[aria-pressed="true"]::after,
.live-gifts-root .live-gifts-tab.is-active::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #51b489;
}

.live-gifts-root .live-gifts-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.live-gifts-root .live-gift-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  min-height: 83px;
  margin: 0;
  padding: 4px 3px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 11px;
  background: #ffffff03;
  color: #f8fafc;
  font: inherit;
  cursor: pointer;
}

.live-gifts-root .live-gift-card[aria-pressed="true"] {
  border-color: #56a783;
  background: #23372d;
}

.live-gifts-root .live-gift-emoji {
  display: block;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
  font-size: 40px;
  line-height: 1;
}

.live-gifts-root .live-gift-name {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: #edf1f5;
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-gifts-root .live-gift-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  max-width: 100%;
  padding: 2px 5px;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff09;
  color: #f2d183;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.live-gifts-root .live-gifts-footer {
  flex: 0 0 auto;
  min-width: 0;
  padding: 8px 12px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #ffffff12;
  background: #1b2027;
}

.live-gifts-root .live-gifts-order-row,
.live-gifts-root .live-gifts-payment-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.live-gifts-root .live-gifts-payment-row {
  margin-top: 8px;
}

.live-gifts-root .live-gifts-quantity {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  gap: 6px;
  min-width: 0;
  color: #a8b5c2;
  font-size: 10px;
  line-height: 1.4;
}

.live-gifts-root .live-gifts-quantity select,
.live-gifts-root select.live-gifts-quantity {
  min-height: 27px;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #ffffff26;
  border-radius: 7px;
  background: #2a3039;
  color: #f3f6fa;
  font: inherit;
  font-size: 10px;
  line-height: 1.5;
}

.live-gifts-root .live-gifts-cost {
  min-width: 0;
  color: #e4ebf2;
  font-size: 11px;
  line-height: 1.5;
  text-align: right;
  overflow-wrap: anywhere;
}

.live-gifts-root .live-gifts-cost strong {
  color: #f2d183;
}

.live-gifts-root .live-gifts-balance {
  flex: 1;
  min-width: 0;
  color: #a8b5c2;
  font-size: 10px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.live-gifts-root .live-gifts-balance strong {
  color: #f2d183;
  font-size: 12px;
  font-weight: 650;
}

.live-gifts-root .live-gifts-topup {
  flex: 0 0 auto;
  max-width: 96px;
  min-height: 32px;
  margin: 0;
  padding: 5px 3px;
  border: 0;
  background: transparent;
  color: #f2d183;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.live-gifts-root .live-gifts-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 5px;
  min-width: 80px;
  max-width: 110px;
  min-height: 34px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 18px;
  background: #168b64;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
}

.live-gifts-root .live-gifts-note {
  margin: 6px 0 0;
  color: #a1adba;
  font-size: 8px;
  line-height: 1.45;
}

.live-gifts-root .live-gifts-status {
  margin: 6px 0 0;
  padding: 6px 8px;
  border-radius: 7px;
  background: #ffffff08;
  color: #d0dce7;
  font-size: 10px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.live-gifts-root button:disabled {
  opacity: .4;
  cursor: default;
}

.live-gifts-root button:focus-visible,
.live-gifts-root select:focus-visible {
  outline: 2px solid #78c5a2;
  outline-offset: 2px;
}

.live-gifts-root .live-gifts-effects {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

.live-gifts-root .live-gift-presentation {
  position: absolute;
  z-index: 6;
  top: 22%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: min(92%, 340px);
  transform: translateX(-50%);
  pointer-events: none;
}

.live-gifts-root .live-gift-sender-notice {
  position: absolute;
  bottom: calc(106px + env(safe-area-inset-bottom) + 30% + 8px);
  left: 12px;
  z-index: 5;
  width: min(calc(100% - 24px), 300px);
  pointer-events: none;
}

.live-gifts-root .live-gift-sender-banner {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 44px;
  padding: 6px 9px 6px 7px;
  border: 1px solid #f3ca8080;
  border-radius: 14px;
  background: #101010e6;
  box-shadow: 0 3px 12px #0002;
  backdrop-filter: none;
  color: #fff;
  text-align: left;
  font: inherit;
  line-height: 1.4;
}

.live-gifts-root .live-gift-sender-avatar {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border: 1px solid #ffe0a2;
  border-radius: 50%;
  background: #fff;
  color: #28533f;
}

.live-gifts-root .live-gift-sender-avatar > .avatar,
.live-gifts-root .live-gift-sender-avatar img {
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
}

.live-gifts-root .live-gift-sender-copy {
  display: block;
  width: 100%;
  min-width: 0;
  -webkit-text-stroke: .15px rgba(0, 0, 0, .65);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
}

.live-gifts-root .live-gift-sender-copy strong {
  display: block;
  margin: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.live-gifts-root .live-gift-sender-copy small {
  display: block;
  margin-top: 2px;
  color: #f2dca9;
  font-size: 9px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.live-gifts-root .live-gift-flight {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: transparent;
  color: #fff;
  font: inherit;
  line-height: 1.4;
  opacity: 1;
  transform: none;
  pointer-events: none;
  animation: live-gift-object-arrival var(--live-gift-duration, 4000ms) ease both;
}

.live-gifts-root .live-gift-flight-emoji { font-size: 64px; line-height: 1.2; }

.live-gifts-root .live-gift-flight.is-reduced {
  opacity: 1;
  transform: none;
  animation: none;
}

@keyframes live-gifts-panel-in {
  from { transform: translateY(25px); opacity: .5; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes live-gift-object-arrival {
  0% { transform: translateY(16px) scale(.85); opacity: 0; }
  8%, 65% { transform: translate(0, 0) scale(1); opacity: 1; }
  88% { transform: translate(25%, -10px) scale(1.45) rotate(3deg); opacity: 1; }
  100% { transform: translate(115%, -28px) scale(1.9) rotate(9deg); opacity: 0; }
}

@media (max-width: 360px) {
  .live-gifts-root .live-gifts-trigger { right: 10px; }
  .live-gifts-root .live-gifts-head { padding-inline: 11px; }
  .live-gifts-root .live-gifts-body { padding-inline: 10px; }
  .live-gifts-root .live-gifts-footer { padding-inline: 10px; }
  .live-gifts-root .live-gift-card { padding-inline: 2px; }
  .live-gifts-root .live-gift-name { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .live-gifts-root .live-gifts-panel { animation: none; }
  .live-gifts-root .live-gift-flight { opacity: 1; transform: none; animation: none; }
}

/* live-gift-art.css */
.live-gift-art {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  line-height: 0;
}
.live-gift-art-svg { display: block; width: 100%; height: 100%; overflow: visible; }
.live-gift-art--scene { position: relative; z-index: 2; width: 100%; height: 100%; }
.live-gift-art--raster { perspective: 780px; }
.live-gift-art-depth { position: relative; display: block; width: 100%; height: 100%; transform-style: preserve-3d; }
.live-gift-art-image { display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; filter: drop-shadow(0 5px 5px #06121d3d); }
.live-gift-scene .live-gift-art-depth { animation: live-gift-scene-raster-depth 3600ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-depth::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(112deg, transparent 35%, #fff8 46%, #fff1 54%, transparent 64%);
  background-size: 300% 100%;
  -webkit-mask-image: var(--live-gift-art-mask);
  mask-image: var(--live-gift-art-mask);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mix-blend-mode: screen;
  opacity: .45;
  pointer-events: none;
  animation: live-gift-scene-raster-shine 4800ms ease-in-out infinite;
}

/* Sender identity is a stable sibling of this animated artwork. */

.live-gift-scene {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 200px;
  max-width: 100%;
  aspect-ratio: 1;
  isolation: isolate;
  pointer-events: none;
}
.live-gift-scene--small { width: 195px; }
.live-gift-scene--medium { width: 215px; }
.live-gift-scene--large { width: 240px; }
.live-gift-scene--special { width: 265px; }
.live-gift-scene--grand { width: 290px; }
.live-gift-scene .live-gift-art-main {
  transform-box: fill-box;
  transform-origin: center;
  animation: live-gift-scene-bob 2800ms ease-in-out infinite;
}
.live-gift-scene .live-gift-art-shadow { transform-origin: 50% 50%; transform-box: fill-box; animation: live-gift-scene-shadow 2800ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-spark { transform-origin: center; transform-box: fill-box; animation: live-gift-scene-glint 2100ms ease-in-out infinite; }
.live-gift-scene-particles { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.live-gift-scene-particle {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 6px;
  height: 11px;
  border-radius: 2px;
  background: #f5c56f;
  opacity: .7;
  transform: translate(var(--live-gift-x), var(--live-gift-y)) rotate(var(--live-gift-rotation));
  animation: live-gift-scene-confetti 2600ms ease-out infinite;
  animation-delay: calc(var(--live-gift-delay) * -1);
}
.live-gift-scene-particle:nth-child(3n+2) { background: #8ee1c8; }
.live-gift-scene-particle:nth-child(3n) { background: #c4b2f2; }
.live-gift-scene-particle--1 { width: 7px; height: 7px; border-radius: 50%; }
.live-gift-scene-particle--2 { width: 9px; height: 9px; clip-path: polygon(50% 0, 63% 36%, 100% 50%, 63% 63%, 50% 100%, 36% 63%, 0 50%, 36% 36%); }

.live-gift-scene[data-gift-family="cap-toss"] .live-gift-art-main { animation: live-gift-scene-cap-toss 3200ms cubic-bezier(.3,.1,.35,1) infinite; }
.live-gift-scene-cap-satellites { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.live-gift-scene-cap-left,
.live-gift-scene-cap-right { transform-box: view-box; transform-origin: 50% 50%; opacity: 0; }
.live-gift-scene-cap-left { animation: live-gift-scene-cap-left 3200ms ease-out infinite; }
.live-gift-scene-cap-right { animation: live-gift-scene-cap-right 3200ms ease-out infinite; animation-delay: -1000ms; }
.live-gift-scene-cap-raster > img { position: absolute; top: 36%; left: 36%; width: 28%; height: 28%; object-fit: contain; filter: drop-shadow(0 4px 3px #06121d38); }
.live-gift-scene[data-gift-family="cap-toss"] .live-gift-art-depth { animation: live-gift-scene-raster-cap 3200ms cubic-bezier(.3,.1,.35,1) infinite; }
.live-gift-scene[data-gift-family="diploma-unroll"] .live-gift-art-depth { animation: live-gift-scene-raster-diploma 3300ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="book-open"] .live-gift-art-depth { animation: live-gift-scene-raster-book 3000ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="rocket"] .live-gift-art-depth { animation: live-gift-scene-raster-rocket 2600ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="butterfly"] .live-gift-art-depth { animation: live-gift-scene-raster-butterfly 1800ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-tassel { transform-box: view-box; transform-origin: 52% 40%; animation: live-gift-scene-tassel 1200ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="diploma-unroll"] .live-gift-art-paper { transform-box: fill-box; transform-origin: center; animation: live-gift-scene-unroll 3300ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="book-open"] .live-gift-art-pages { transform-box: fill-box; transform-origin: 50% 90%; animation: live-gift-scene-pages 2700ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="map-unfold"] .live-gift-art-map { transform-box: fill-box; transform-origin: 50% 80%; animation: live-gift-scene-pages 3600ms ease-in-out infinite reverse; }
.live-gift-scene[data-gift-family="rocket"] .live-gift-art-main { animation: live-gift-scene-rocket 2400ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-flame { transform-box: fill-box; transform-origin: 50% 100%; animation: live-gift-scene-flame 850ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-orbit { transform-box: view-box; transform-origin: 50% 52%; animation: live-gift-scene-orbit 6200ms linear infinite; }
.live-gift-scene .live-gift-art-needle { transform-box: view-box; transform-origin: 50% 52.3%; animation: live-gift-scene-needle 4200ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-wing-left { transform-box: view-box; transform-origin: 50% 58%; animation: live-gift-scene-wing-left 1400ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-wing-right { transform-box: view-box; transform-origin: 50% 58%; animation: live-gift-scene-wing-right 1400ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-steam { animation: live-gift-scene-steam 2600ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-bloom { transform-box: fill-box; transform-origin: 50% 95%; animation: live-gift-scene-bloom 3000ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-hand-left { transform-box: view-box; transform-origin: 40% 82%; animation: live-gift-scene-applause-left 1250ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-hand-right { transform-box: view-box; transform-origin: 69% 88%; animation: live-gift-scene-applause-right 1250ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-balloon-left { transform-box: fill-box; transform-origin: 50% 100%; animation: live-gift-scene-balloon 3300ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-balloon-right { transform-box: fill-box; transform-origin: 50% 100%; animation: live-gift-scene-balloon 3900ms ease-in-out infinite reverse; }
.live-gift-scene .live-gift-art-balloon-center { transform-box: fill-box; transform-origin: 50% 100%; animation: live-gift-scene-balloon 2800ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-aurora { transform-box: fill-box; transform-origin: center; animation: live-gift-scene-aurora 4400ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-screen-sun { animation: live-gift-scene-sunrise 3700ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-ink { stroke-dasharray: 210; animation: live-gift-scene-ink 3800ms ease-in-out infinite; }
.live-gift-scene .live-gift-art-rays { transform-origin: 50% 50%; animation: live-gift-scene-rays 2400ms ease-in-out infinite; }
.live-gift-scene:is([data-gift-family="laurel"],[data-gift-family="medal"],[data-gift-family="medal-shine"],[data-gift-family="crown"],[data-gift-family="confetti-cascade"]) .live-gift-art-main { animation: live-gift-scene-award 3100ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="heart"] .live-gift-art-main { animation: live-gift-scene-heart 1800ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="starburst"] .live-gift-art-main { animation: live-gift-scene-star 2900ms ease-in-out infinite; }
.live-gift-scene[data-gift-family="knowledge-tree"] .live-gift-art-main { transform-origin: 50% 95%; animation: live-gift-scene-tree 3300ms ease-in-out infinite; }
.live-gift-scene:is([data-gift-family="confetti"],[data-gift-family="confetti-cascade"]) .live-gift-scene-particle { animation-duration: 6000ms; animation-delay: calc(var(--live-gift-delay) * -6); }

@keyframes live-gift-scene-raster-depth { 0%,100% { transform: translateY(5px) rotateX(5deg) rotateY(-12deg) rotateZ(-2deg); } 50% { transform: translateY(-8px) rotateX(-5deg) rotateY(12deg) rotateZ(2deg); } }
@keyframes live-gift-scene-raster-shine { 0%,100% { background-position: 130% 0; opacity: .12; } 48% { opacity: .5; } 65% { background-position: -30% 0; opacity: .25; } }
@keyframes live-gift-scene-raster-cap { 0%,100% { transform: translateY(15px) rotateX(12deg) rotateY(-14deg) rotateZ(-9deg) scale(.97); } 28% { transform: translateY(-75px) rotateX(-12deg) rotateY(20deg) rotateZ(15deg) scale(1.06); } 52% { transform: translateY(-42px) rotateX(5deg) rotateY(8deg) rotateZ(3deg) scale(1.02); } 73% { transform: translateY(12px) rotateX(12deg) rotateY(-10deg) rotateZ(-6deg) scale(.97); } }
@keyframes live-gift-scene-raster-diploma { 0%,100% { transform: translateY(3px) rotateX(6deg) rotateY(-24deg) scaleX(.88); } 45%,65% { transform: translateY(-6px) rotateX(-5deg) rotateY(14deg) scaleX(1.03); } }
@keyframes live-gift-scene-raster-book { 0%,100% { transform: translateY(4px) rotateX(15deg) rotateY(-16deg) scale(.96); } 50% { transform: translateY(-7px) rotateX(-8deg) rotateY(15deg) scale(1.02); } }
@keyframes live-gift-scene-raster-rocket { 0%,100% { transform: translate(-5px, 15px) rotateY(-16deg) rotateZ(-5deg); } 50% { transform: translate(16px, -35px) rotateY(16deg) rotateZ(5deg); } }
@keyframes live-gift-scene-raster-butterfly { 0%,100% { transform: translateY(6px) rotateY(-25deg) rotateZ(-5deg) scaleX(.85); } 50% { transform: translateY(-13px) rotateY(22deg) rotateZ(5deg) scaleX(1.02); } }
@keyframes live-gift-scene-bob { 0%,100% { transform: translateY(3px) rotate(-1.5deg); } 50% { transform: translateY(-5px) rotate(1.5deg); } }
@keyframes live-gift-scene-shadow { 0%,100% { transform: scaleX(1); opacity: .1; } 50% { transform: scaleX(.8); opacity: .06; } }
@keyframes live-gift-scene-glint { 0%,100% { opacity: .45; transform: scale(.75); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes live-gift-scene-cap-toss { 0%,100% { transform: translateY(9px) rotate(-9deg) scale(.97); } 28% { transform: translateY(-40px) rotate(15deg) scale(1.06); } 52% { transform: translateY(-23px) rotate(3deg) scale(1.02); } 73% { transform: translateY(8px) rotate(-6deg) scale(.97); } }
@keyframes live-gift-scene-cap-left { 0% { transform: translate(0, 35px) rotate(0) scale(.65); opacity: 0; } 18% { opacity: .95; } 52% { transform: translate(-45px, -54px) rotate(-22deg) scale(1); opacity: .95; } 100% { transform: translate(-76px, 3px) rotate(-45deg) scale(.8); opacity: 0; } }
@keyframes live-gift-scene-cap-right { 0% { transform: translate(0, 35px) rotate(0) scale(.65); opacity: 0; } 18% { opacity: .95; } 52% { transform: translate(49px, -67px) rotate(25deg) scale(1); opacity: .95; } 100% { transform: translate(78px, 0) rotate(48deg) scale(.8); opacity: 0; } }
@keyframes live-gift-scene-tassel { 0%,100% { transform: rotate(-10deg); } 50% { transform: rotate(12deg); } }
@keyframes live-gift-scene-unroll { 0%,100% { transform: scaleX(.82) rotate(-2deg); } 38%,65% { transform: scaleX(1.03) rotate(1deg); } }
@keyframes live-gift-scene-pages { 0%,100% { transform: scaleX(.91) skewY(-2deg); } 50% { transform: scaleX(1.02) skewY(2deg); } }
@keyframes live-gift-scene-rocket { 0%,100% { transform: translate(-4px, 7px) rotate(-3deg); } 50% { transform: translate(6px, -16px) rotate(4deg); } }
@keyframes live-gift-scene-flame { 0%,100% { transform: scaleY(.84) scaleX(1); opacity: .85; } 50% { transform: scaleY(1.12) scaleX(.9); opacity: 1; } }
@keyframes live-gift-scene-orbit { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes live-gift-scene-needle { 0%,100% { transform: rotate(-14deg); } 45% { transform: rotate(22deg); } 70% { transform: rotate(8deg); } }
@keyframes live-gift-scene-wing-left { 0%,100% { transform: scaleX(.78) rotate(-4deg); } 50% { transform: scaleX(1) rotate(4deg); } }
@keyframes live-gift-scene-wing-right { 0%,100% { transform: scaleX(.78) rotate(4deg); } 50% { transform: scaleX(1) rotate(-4deg); } }
@keyframes live-gift-scene-steam { 0%,100% { transform: translateY(3px); opacity: .45; } 50% { transform: translateY(-7px); opacity: .9; } }
@keyframes live-gift-scene-bloom { 0%,100% { transform: scale(.96) rotate(-2deg); } 50% { transform: scale(1.04) rotate(2deg); } }
@keyframes live-gift-scene-applause-left { 0%,100% { transform: rotate(-6deg); } 50% { transform: rotate(4deg) translateX(2px); } }
@keyframes live-gift-scene-applause-right { 0%,100% { transform: rotate(5deg); } 50% { transform: rotate(-4deg) translateX(-2px); } }
@keyframes live-gift-scene-balloon { 0%,100% { transform: rotate(-4deg) translateY(2px); } 50% { transform: rotate(4deg) translateY(-4px); } }
@keyframes live-gift-scene-aurora { 0%,100% { transform: translateX(-3px) skewY(-3deg); opacity: .7; } 50% { transform: translateX(3px) skewY(3deg); opacity: 1; } }
@keyframes live-gift-scene-sunrise { 0%,100% { transform: translateY(6px); } 50% { transform: translateY(-5px); } }
@keyframes live-gift-scene-ink { 0% { stroke-dashoffset: 180; opacity: .4; } 60% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: .4; } }
@keyframes live-gift-scene-rays { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes live-gift-scene-award { 0%,100% { transform: rotate(-3deg) scale(.98) translateY(2px); } 50% { transform: rotate(3deg) scale(1.04) translateY(-4px); } }
@keyframes live-gift-scene-heart { 0%,100% { transform: scale(.96) translateY(2px); } 45% { transform: scale(1.045) translateY(-2px); } }
@keyframes live-gift-scene-star { 0%,100% { transform: rotate(-8deg) scale(.98); } 50% { transform: rotate(8deg) scale(1.04); } }
@keyframes live-gift-scene-tree { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }
@keyframes live-gift-scene-confetti { 0% { opacity: 0; transform: translate(0, 0) rotate(0) scale(.4); } 18% { opacity: .9; } 65% { opacity: .85; transform: translate(var(--live-gift-x), var(--live-gift-y)) rotate(var(--live-gift-rotation)) scale(1); } 100% { opacity: 0; transform: translate(calc(var(--live-gift-x) * 1.1), calc(var(--live-gift-y) + 55px)) rotate(calc(var(--live-gift-rotation) + 120deg)) scale(.7); } }

.live-gifts-root .live-gift-flight.has-live-gift-art.is-reduced { opacity: 1; transform: none; animation: none; }
.live-gift-scene--reduced *,
.live-gift-flight.is-reduced .live-gift-scene * { animation: none!important; transition: none!important; }
.live-gift-scene--reduced .live-gift-art-depth::after,
.live-gift-flight.is-reduced .live-gift-art-depth::after { animation: none!important; opacity: 0; }
@media (max-width: 360px) {
  .live-gift-art--tile { width: 58px; height: 58px; }
  .live-gift-scene--special { width: 245px; }
  .live-gift-scene--grand { width: 265px; }
}
@media (prefers-reduced-motion: reduce) {
  .live-gifts-root .live-gift-flight.has-live-gift-art { opacity: 1; transform: none; animation: none; }
  .live-gift-scene *,
  .live-gift-art--scene * { animation: none!important; transition: none!important; }
  .live-gift-scene .live-gift-art-depth::after { animation: none!important; opacity: 0; }
}

/* live-gift-lion.css */
.live-gift-lion-tile img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.live-gifts-root .live-gift-presentation.is-lion {
  top: auto;
  right: 0;
  bottom: calc(106px + env(safe-area-inset-bottom));
  left: 0;
  display: block;
  width: auto;
  height: 32%;
  gap: 0;
  overflow: visible;
  background: transparent;
  transform: none;
  pointer-events: none;
}

.live-gifts-root .live-gift-presentation.is-lion > .live-gift-flight {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: none;
  animation: none;
}

.live-gift-lion {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: transparent;
  pointer-events: none;
}

.live-gift-lion-picture {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: transparent;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.live-gift-lion-picture .live-gift-lion-video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  border: 0;
  background: transparent;
  object-fit: cover;
  pointer-events: none;
}

.live-gift-lion[data-fit="cover"] .live-gift-lion-video { object-fit: cover; }

.live-gift-video-mist {
  position: absolute;
  inset: -4%;
  display: block;
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 24% 72%, #fff9, #eef5f944 30%, transparent 56%),
    radial-gradient(ellipse at 68% 38%, #f4f8ff99, #fff3 25%, transparent 57%),
    radial-gradient(ellipse at 86% 80%, #fff8, transparent 48%);
  filter: blur(9px);
}

.live-gift-lion[data-gift-id="g32"].is-dissolving .live-gift-lion-video {
  animation: live-gift-video-dissolve 1000ms ease-out both;
}

.live-gift-lion[data-gift-id="g32"].is-dissolving .live-gift-video-mist {
  animation: live-gift-video-mist 1000ms ease-out both;
}

@keyframes live-gift-video-dissolve {
  0% { opacity: 1; filter: blur(0); transform: scale(1); }
  40% { opacity: .68; filter: blur(3px); }
  100% { opacity: 0; filter: blur(12px); transform: scale(1.05); }
}

@keyframes live-gift-video-mist {
  0% { opacity: 0; transform: translate(-3%, 5%) scale(.94); }
  32% { opacity: .72; }
  65% { opacity: .45; }
  100% { opacity: 0; transform: translate(5%, -8%) scale(1.15); }
}

@media (prefers-reduced-motion: reduce) {
  .live-gift-lion[data-gift-id="g32"].is-dissolving .live-gift-lion-video { animation-name: live-gift-video-fade; }
  .live-gift-lion[data-gift-id="g32"] .live-gift-video-mist { display: none; }
}

@keyframes live-gift-video-fade {
  from { opacity: 1; }
  to { opacity: 0; }
}

.live-gifts-effects:has(> .live-gift-presentation.is-lion) .live-gift-sender-notice {
  bottom: calc(106px + env(safe-area-inset-bottom) + 32% + 8px);
}

.live-gifts-root .live-gift-presentation.is-lion:has(.live-gift-lion:is([data-gift-id="g31"], [data-gift-id="g33"])) {
  height: 35%;
}

.live-gifts-effects:has(> .live-gift-presentation.is-lion .live-gift-lion:is([data-gift-id="g31"], [data-gift-id="g33"])) .live-gift-sender-notice {
  bottom: calc(106px + env(safe-area-inset-bottom) + 35% + 8px);
}

.live-gift-lion .live-gift-lion-play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 32px);
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid #ffe2a994;
  border-radius: 20px;
  background: #14251aeb;
  box-shadow: 0 2px 8px #0004;
  color: #fff5dc;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
  transform: translate(-50%, -50%);
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}

.live-gift-lion .live-gift-lion-play:focus-visible { outline: 2px solid #fff3cd; outline-offset: 3px; }
.live-gift-lion .live-gift-lion-play[hidden],
.live-gift-lion .live-gift-lion-status[hidden] { display: none; }

.live-gift-lion .live-gift-lion-status {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 12%;
  left: 16px;
  margin: 0;
  background: transparent;
  color: #fff;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}

/* live-comment-actions.css */
.live-comment-row [data-action="live-comment-person"] {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.live-comment-row > [data-action="live-comment-person"] {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.live-comment-row > [data-action="live-comment-person"] > .avatar {
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff3d;
  font-size: 9px;
}

.live-comment-body [data-action="live-comment-person"] {
  display: block;
  max-width: 100%;
  border-radius: 3px;
}

.live-preview-stage .live-comment-actions-root {
  position: absolute;
  inset: 0;
  z-index: 16;
  pointer-events: none;
}

.live-comment-actions-root [hidden] {
  display: none !important;
}

.live-comment-actions-root .live-comment-person-card {
  position: absolute;
  bottom: calc(142px + env(safe-area-inset-bottom));
  left: 12px;
  width: min(270px, calc(100% - 24px));
  max-height: calc(100% - 218px);
  margin: 0;
  padding: 14px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #ffffff26;
  border-radius: 16px;
  background: #10171df5;
  color: #f5faf7;
  pointer-events: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  animation: live-comment-person-in .15s ease both;
}

.live-comment-actions-root:has(.live-comment-reply-chip:not([hidden])) .live-comment-person-card {
  bottom: calc(168px + env(safe-area-inset-bottom));
}

.live-comment-actions-root .live-comment-person-close {
  position: absolute;
  top: 7px;
  right: 7px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 3px;
  border: 0;
  border-radius: 50%;
  background: #ffffff0f;
  color: #a8b9ad;
  font: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.live-comment-actions-root .live-comment-person-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-right: 17px;
}

.live-comment-actions-root .live-comment-person-heading > .avatar {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid #d5ba78;
  font-size: 12px;
}

.live-comment-actions-root .live-comment-person-heading > span:last-child {
  flex: 1;
  min-width: 0;
}

.live-comment-actions-root .live-comment-person-heading strong {
  display: block;
  color: #f5faf7;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.live-comment-actions-root .live-comment-person-heading small {
  display: block;
  margin-top: 3px;
  color: #d5bd86;
  font-size: 10px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.live-comment-actions-root .live-comment-person-excerpt {
  display: -webkit-box;
  margin: 11px 0 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #9eafa4;
  font-size: 11px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.live-comment-actions-root .live-comment-person-buttons {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.live-comment-actions-root .live-comment-person-buttons > button {
  flex: 1;
  min-width: 0;
  min-height: 35px;
  margin: 0;
  padding: 8px;
  border: 1px solid #ffffff26;
  border-radius: 9px;
  background: #ffffff0f;
  color: #e3eee7;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.live-comment-actions-root .live-comment-person-buttons > .live-comment-person-follow {
  border-color: #287c5d;
  background: #17725e;
  color: #fff;
}

.live-comment-actions-root .live-comment-person-buttons > .live-comment-person-follow.is-following {
  border-color: #ffffff26;
  background: #ffffff0f;
  color: #a7bcad;
  opacity: 1;
  cursor: default;
}

.live-comment-actions-root .live-comment-reply-chip {
  position: absolute;
  right: 12px;
  bottom: calc(128px + env(safe-area-inset-bottom));
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
  margin: 0;
  padding: 4px 6px 4px 10px;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  background: #10171de8;
  color: #adbbb2;
  font-size: 10px;
  line-height: 1.5;
  pointer-events: auto;
}

.live-comment-actions-root .live-comment-reply-chip > span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-comment-actions-root .live-comment-reply-chip strong {
  color: #e3eee6;
  font-size: inherit;
  font-weight: 650;
}

.live-comment-actions-root .live-comment-reply-chip > button {
  display: grid;
  place-items: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 3px;
  border: 0;
  border-radius: 50%;
  background: #ffffff0d;
  color: #b9c7bd;
  font: inherit;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.live-comment-actions-root button:focus-visible,
.live-comment-row [data-action="live-comment-person"]:focus-visible {
  outline: 2px solid #d7bf83;
  outline-offset: 3px;
}

@keyframes live-comment-person-in {
  from { opacity: .4; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 360px) {
  .live-comment-actions-root .live-comment-person-card { left: 10px; }
  .live-comment-actions-root .live-comment-reply-chip { left: 10px; right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .live-comment-actions-root .live-comment-person-card { animation: none; }
}

/* live-comment-visibility.css */
.live-preview-stage.has-live-comment-visibility > .live-comments-visibility-hint {
  position: absolute;
  top: 40px;
  right: 46px;
  z-index: 11;
  display: block;
  width: max-content;
  max-width: min(210px, calc(100% - 100px));
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #ffffffd6;
  font: inherit;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
  white-space: normal;
  text-align: right;
  text-shadow: 0 1px 2px #000d;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.live-preview-stage > .live-comments-visibility-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
  pointer-events: none;
}

.live-preview-stage.has-live-comment-visibility > .live-comments-gesture-surface {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  pointer-events: auto;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.live-preview-stage.has-live-comment-visibility.is-swiping-live-comments > .live-comments-gesture-surface {
  cursor: grabbing;
}

.live-preview-stage.has-live-comment-visibility > .live-comments-layer,
.live-preview-stage.has-live-comment-visibility > .live-comments-composer,
.live-preview-stage.has-live-comment-visibility > .live-comments-new {
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.live-preview-stage.has-live-comment-visibility:not(.are-live-comments-hidden) > .live-comments-layer:not([hidden]),
.live-preview-stage.has-live-comment-visibility:not(.are-live-comments-hidden) > .live-comments-composer:not([hidden]) {
  animation: live-comments-visible-in .16s ease-out both;
}

.live-preview-stage.are-live-comments-hidden > :is(.live-comments-layer, .live-comments-composer, .live-comments-new, .live-comments-demo, .live-comment-actions-root) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.live-preview-stage.are-live-comments-hidden > :is(.live-comments-layer, .live-comments-composer, .live-comments-new) {
  transform: translateX(12px);
}

.live-preview-stage.are-live-comments-hidden > :is(.live-comments-layer, .live-comments-composer, .live-comments-new, .live-comments-demo, .live-comment-actions-root) * {
  pointer-events: none !important;
}

/* Leave stage/composer ancestors unrestricted so emoji scrolling retains pan-x. */
.live-preview-stage.has-live-comment-visibility :is(.live-preview-picture, .live-preview-media, .live-participation-guest-picture, .live-participation-video, .live-comments-scroller) {
  touch-action: pan-y;
}

.live-preview-stage.has-live-comment-visibility :is(.live-preview-picture, .live-participation-guest-picture) :is(img, video),
.live-preview-stage.has-live-comment-visibility > .live-preview-media {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.live-preview-stage.has-live-comment-visibility.is-swiping-live-comments,
.live-preview-stage.has-live-comment-visibility.is-swiping-live-comments :is(.live-preview-picture, .live-preview-media, .live-participation-guest-picture, .live-participation-video, .live-comments-scroller) {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

@keyframes live-comments-visible-in {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .live-preview-stage.has-live-comment-visibility > .live-comments-layer,
  .live-preview-stage.has-live-comment-visibility > .live-comments-composer,
  .live-preview-stage.has-live-comment-visibility > .live-comments-new {
    animation: none !important;
    transition: none;
  }
  .live-preview-stage.are-live-comments-hidden > :is(.live-comments-layer, .live-comments-composer, .live-comments-new) {
    transform: none;
  }
}

/* header-scroll.css */
@media(max-width:768px){
 .topbar{transition:transform 200ms cubic-bezier(.22,.61,.36,1);will-change:transform}
 .topbar.header-scroll-hidden{transform:translateY(calc(-100% - 1px));pointer-events:none}
 .topbar:has(:focus-visible){transform:translateY(0);pointer-events:auto;transition:none}
}
@media(max-width:768px) and (prefers-reduced-motion:reduce){
 .topbar{transition:none}
}

/* desktop-layout.css */
@media (min-width: 769px) {
  html { scrollbar-width: thin; scrollbar-color: #bac8c2 #f5f5f1; }
  html::-webkit-scrollbar { display: block; width: 10px; }
  html::-webkit-scrollbar-thumb { background: #bac8c2; border: 2px solid #f5f5f1; border-radius: 6px; }

  body.page-feed .story-strip { gap: 8px; }

  .story-overlay { display: grid; place-items: center; padding: 20px; background: #0b1210ef; }
  .story-overlay .story-fullscreen {
    width: min(430px, calc((100dvh - 40px) * .5625));
    height: auto;
    min-height: 0;
    max-height: calc(100dvh - 40px);
    aspect-ratio: 9 / 16;
    border-radius: 16px;
  }
}

/* demo-shell.css */
.dm-workspace{max-width:1180px;margin:auto;min-width:0}.dm-page-head{margin:8px 0 20px}.dm-page-head h1{font-size:clamp(25px,3vw,36px);letter-spacing:-1px;margin:8px 0}.dm-page-head p{color:#65736d;font-size:13px;margin:0}.dm-kicker{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#c36c20}.dm-nav{display:flex;gap:7px;overflow-x:auto;padding:2px 0 14px;margin-bottom:18px;scrollbar-width:thin}.dm-nav-item{white-space:nowrap;border:1px solid #dce5df;border-radius:24px;padding:9px 14px;background:#fff;color:#42544d;font:inherit;font-size:12px;cursor:pointer}.dm-nav-item.active,.dm-nav-item:hover{background:#176b57;color:#fff;border-color:#176b57}.dm-page-content{min-width:0}.dm-card{padding:22px;margin:0 0 18px;min-width:0}.dm-card h2{font-size:19px;margin:0 0 15px}.dm-card h3{font-size:15px}.dm-card p{line-height:1.7}.dm-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.dm-actions .btn{font-size:12px}.dm-local-note{font-size:12px;line-height:1.7;color:#697971;padding:12px 15px;background:#f1f5f2;border-radius:12px}.dm-hero{background:linear-gradient(125deg,#164d3e,#217b61);border-radius:22px;padding:32px;color:white;margin-bottom:20px}.dm-hero>span{font-size:10px;letter-spacing:2px;color:#b7dfcb}.dm-hero h2{font-size:32px;letter-spacing:-1px;margin:14px 0}.dm-hero p{color:#d5e7dd;line-height:1.7;max-width:570px}.dm-hero .btn{background:white;color:#175240;border:1px solid #ffffff66}.dm-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dm-feature{padding:22px;text-align:left;font:inherit;cursor:pointer;min-width:0;border:1px solid #e2e8e4;transition:transform .15s,box-shadow .15s}.dm-feature:hover{transform:translateY(-2px);box-shadow:0 8px 24px #163e2910}.dm-feature>span{font-size:17px;font-weight:750}.dm-feature p{color:#718078;font-size:13px;line-height:1.7}.dm-feature b{font-size:12px;color:#176b57}.dm-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dm-account{padding:16px;display:flex;align-items:center;gap:12px;min-width:0}.dm-account>div{flex:1;min-width:0}.dm-account strong,.dm-account small{display:block;overflow-wrap:anywhere}.dm-account small{font-size:10px;color:#718078;margin-top:5px}.dm-account button{font-size:11px;padding:8px 11px}.dm-initial{border-radius:50%;background:#eaf2eb;color:#1e684f;width:38px;height:38px;display:grid;place-items:center;flex:none;font-weight:750}.dm-sidebar-link{display:flex;flex-wrap:wrap;gap:5px;padding:9px 0}.dm-sidebar-link .dm-nav-item{font-size:10px;padding:7px 10px}.dm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px}.dm-list-row{display:block;width:100%;background:transparent;border:0;border-top:1px solid #e5ece7;padding:14px 0;text-align:left;font:inherit;cursor:pointer}.dm-list-row span{display:block;color:#718078;font-size:11px;margin-top:5px}.dm-messages{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:500px;overflow-y:auto}.dm-message{background:#f1f4f2;border-radius:12px;padding:12px;max-width:92%;align-self:flex-start;overflow-wrap:anywhere}.dm-message.mine{background:#e2f0e7;align-self:flex-end}.dm-message strong{font-size:11px}.dm-message p{margin:5px 0;font-size:13px;white-space:pre-wrap}.dm-message small{font-size:9px;color:#718078}.dm-link{background:none;border:0;color:#176b57;text-decoration:underline;padding:5px;font:inherit;font-size:11px;cursor:pointer}.dm-notification{border-bottom:1px solid #e4ebe6;padding:14px 0;overflow-wrap:anywhere}.dm-notification h3{margin:0 0 6px;font-size:14px}.dm-notification p{font-size:12px;margin:5px 0}.dm-notification small{font-size:10px;color:#718078}.dm-notification h3{display:flex;align-items:center;gap:8px}
.dm-notification-unread-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;background:#dc2626;border-radius:50%}.dm-form-error{color:#b32929;font-size:12px;line-height:1.5}.dm-empty{color:#738279;padding:18px;text-align:center;font-size:13px}.page-demo .workspace{padding-bottom:100px}.dm-card input,.dm-card select,.dm-card textarea,.modal [id^=dm-] input,.modal [id^=dm-] textarea{max-width:100%;box-sizing:border-box}.dm-card textarea{width:100%}.dm-card form .btn{margin-top:12px}.dm-card a{overflow-wrap:anywhere}.dm-page-content button:focus-visible,.dm-nav button:focus-visible{outline:3px solid #f2af68;outline-offset:3px}.dm-hub-button{flex:none}@media(max-width:1050px){.dm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dm-workspace{padding-top:4px}.dm-page-head{margin-bottom:15px}.dm-feature-grid,.dm-account-grid,.dm-split{grid-template-columns:minmax(0,1fr)}.dm-feature{padding:19px}.dm-hero{padding:23px}.dm-hero h2{font-size:27px}.dm-card{padding:17px}.dm-nav{margin-left:-4px;margin-right:-4px}.dm-nav-item{font-size:11px;padding:8px 12px}.dm-account{padding:13px;gap:9px}.dm-messages{max-height:360px}.dm-hub-button{width:29px!important;padding:5px!important}.top-actions{gap:5px}.dm-hero .dm-actions{gap:6px}.dm-hero .btn{font-size:11px}}

.dm-page-head.dm-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 8px}.dm-compact p{font-size:10px}.dm-compact .dm-kicker{font-size:9px;letter-spacing:.8px}

.dm-section-menu,.modal .dm-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin:0 0 18px;padding:0}.dm-section-menu .dm-nav-item,.modal .dm-nav .dm-nav-item{text-align:left;white-space:normal;border-radius:10px;min-height:42px;font-size:12px}.dm-menu-heading{font-size:13px;margin:10px 0 12px;color:#62756b}

/* demo-learning.css */
.dl-domain{max-width:1180px;margin:auto;padding:20px 18px 90px;color:var(--dm-text,#243149);font-family:inherit;line-height:1.55}.dl-domain *{box-sizing:border-box}.dl-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}.dl-heading h1{font-size:25px;margin:2px 0}.dl-heading small{font-size:11px;color:#738097;letter-spacing:.06em}.dl-intro{color:#748098;margin:0 0 22px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:15px}.dl-card{border:1px solid #e4e8f0;background:white;border-radius:18px;padding:19px;margin:15px 0;box-shadow:0 5px 22px #26345206;min-width:0}.dl-card h2{font-size:18px;margin:4px 0 10px}.dl-card h3{font-size:15px}.dl-card p{font-size:14px;overflow-wrap:anywhere}.dl-card small,.dl-member small,.dl-transaction small{display:block;color:#77859b;font-size:12px}.dl-card label{display:flex;flex-direction:column;font-size:13px;font-weight:600;margin:13px 0;gap:6px}.dl-card input,.dl-card select,.dl-card textarea{width:100%;min-width:0;border:1px solid #dfe5ed;border-radius:11px;padding:11px 12px;background:#fafbfe;color:#28374d;font:inherit;font-size:14px}.dl-card select[multiple]{padding:6px;min-height:105px}.dl-card select[multiple] option{padding:7px;border-radius:6px}.dl-card textarea{resize:vertical;min-height:80px}.dl-card input:focus,.dl-card select:focus,.dl-card textarea:focus{outline:2px solid #a6c8ff;outline-offset:1px}.dl-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;border:1px solid #dce5f3;border-radius:10px;background:#f3f6fc;color:#285995;padding:9px 13px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;margin:5px 4px 5px 0;min-height:39px;white-space:normal;text-align:center}.dl-button:hover{background:#e7eefc}.dl-button:focus-visible{outline:2px solid #2c7de5;outline-offset:3px}.dl-primary{background:#2674df;color:white;border-color:#2674df}.dl-primary:hover{background:#1f63bf}.dl-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dl-badge{display:inline-block;border-radius:20px;padding:3px 9px;background:#f0f3f9;color:#677793;font-size:11px;margin:3px 4px 3px 0;white-space:normal}.dl-active,.dl-published,.dl-available{background:#e7f8ee;color:#268359}.dl-pending,.dl-submitted,.dl-invited{background:#fff4db;color:#a17619}.dl-rejected,.dl-refund,.dl-expired,.dl-cancelled{background:#fff0ef;color:#b36361}.dl-paid{background:#eaf0ff;color:#4670bc}.dl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0}.dl-stats>div{background:#fff;border:1px solid #e5eaf2;border-radius:15px;padding:16px}.dl-stats small{display:block;color:#77849b;font-size:12px}.dl-stats b{display:block;font-size:21px;overflow-wrap:anywhere;margin-top:5px}.dl-empty{padding:18px;border:1px dashed #dce3ed;border-radius:13px;color:#8390a4;font-size:13px}.dl-help,.dl-video-help{color:#8490a2;font-size:12px}.dl-domain details>summary{cursor:pointer;font-weight:600}.dl-domain progress{width:100%;height:11px;border-radius:12px;accent-color:#2b8acc}.dl-member{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f6;padding:12px 0}.dl-member .dl-badge{margin-left:8px}.dl-transaction{padding:12px 0;border-bottom:1px solid #edf0f6}.dl-transaction>summary{display:flex;justify-content:space-between;gap:14px;align-items:center;list-style:none}.dl-transaction>summary:after{content:'⌄';color:#8b99b1}.dl-transaction>summary>span{min-width:0;overflow-wrap:anywhere}.dl-transaction>summary>span:nth-child(2){text-align:right;margin-left:auto}.dl-transaction dl{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);gap:8px;font-size:12px;padding:15px;background:#f8faff;border-radius:10px}.dl-transaction dt{color:#8390a3}.dl-transaction dd{margin:0;overflow-wrap:anywhere}.dl-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;align-items:end}.dl-filters label{margin:0}.dl-lesson{padding:10px 0;border-bottom:1px solid #edf0f6}.dl-domain video{width:100%;max-height:500px;display:block;background:#10141b;border-radius:12px;margin:12px 0;object-fit:contain}.dl-linked{margin:12px 0;border:1px solid #e5eaf2;border-radius:10px;padding:10px}.dl-domain form button{align-self:start}.dl-domain [disabled]{opacity:.55;cursor:default}@media(max-width:600px){.dl-domain{padding:16px 12px 85px}.dl-heading h1{font-size:21px}.dl-card{padding:15px;border-radius:15px}.dl-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dl-stats>div{padding:13px}.dl-stats b{font-size:18px}.dl-member{flex-direction:column;gap:2px}.dl-transaction dl{grid-template-columns:100px minmax(0,1fr);padding:11px}.dl-button{font-size:12px}.dl-filters{grid-template-columns:1fr 1fr}.dl-heading .dl-button{padding:8px}.dl-domain video{max-height:380px}}
.dl-gift-image{width:50px;height:50px;object-fit:contain;display:block;margin-bottom:6px;border-radius:9px;background:#f0f3f8}

.dl-gift-thumb{width:46px;height:46px;object-fit:contain;vertical-align:middle;margin-right:8px;border-radius:8px;background:#f1f4ef}

/* demo-live.css */
.dm-live-page{--dm-live-ink:#19211d;--dm-live-muted:#667268;color:var(--dm-live-ink);width:100%;max-width:1340px;margin:auto;padding:20px;box-sizing:border-box}.dm-live-page *{box-sizing:border-box}.dm-live-page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dm-live-page-head>div{flex:1 1 280px}.dm-live-eyebrow{font-size:11px;letter-spacing:1.5px;color:#6b775d;font-weight:800}.dm-live-page h1{font-size:clamp(24px,3vw,38px);line-height:1.12;margin:10px 0}.dm-live-page h2{font-size:19px;margin:0 0 14px}.dm-live-page p{color:var(--dm-live-muted);font-size:14px;line-height:1.55;margin:8px 0 16px}.dm-live-button{appearance:none;border:1px solid #dce3d7;border-radius:13px;background:#fff;color:#26372a;cursor:pointer;padding:11px 15px;font:inherit;font-size:13px;font-weight:750;line-height:1.3;text-align:center}.dm-live-button:hover{background:#eff5e8}.dm-live-button:focus-visible,.dm-live-page input:focus-visible,.dm-live-page select:focus-visible,.dm-live-card:focus-visible{outline:3px solid #91aa6e;outline-offset:3px}.dm-live-primary{background:#d8ed9c;border-color:#d8ed9c;color:#233519}.dm-live-button:disabled{opacity:.45;cursor:not-allowed}.dm-live-notice{border:1px solid #e0e8d8;border-radius:14px;background:#f4f8ee;padding:13px 15px}.dm-live-filters{display:grid;grid-template-columns:minmax(150px,2fr) repeat(2,minmax(100px,1fr)) auto;gap:12px;align-items:end;margin:20px 0}.dm-live-page label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#425040;min-width:0;margin-bottom:14px}.dm-live-filters label{margin-bottom:0}.dm-live-page input:not([type=checkbox]):not([type=range]):not([type=color]),.dm-live-page select{min-width:0;width:100%;border:1px solid #dce3d7;border-radius:11px;background:#fff;color:#233028;padding:11px 12px;font:inherit;font-size:14px}.dm-live-page input[type=range]{width:100%;accent-color:#7b9954;cursor:pointer}.dm-live-page input[type=color]{width:100%;height:42px;border:1px solid #dce3d7;border-radius:10px;background:#fff}.dm-live-page input[type=checkbox]{accent-color:#7b9954;width:18px;height:18px}.dm-live-page fieldset{min-width:0;border:0;padding:0;margin:0}.dm-live-page fieldset:disabled{opacity:.66}.dm-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dm-live-card{min-width:0;text-align:left;border:1px solid #e0e7da;border-radius:19px;background:#fff;padding:0;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;color:inherit}.dm-live-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #263d1710}.dm-live-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1c251d}.dm-live-cover img{width:100%;height:100%;object-fit:cover}.dm-live-badge,.dm-live-count{position:absolute;top:12px;border-radius:7px;background:#dd3d4c;color:#fff;padding:5px 7px;font-size:10px;font-weight:800}.dm-live-badge{left:10px}.dm-live-count{right:10px;background:#16241caa}.dm-live-card-body{padding:16px}.dm-live-card-body small{color:#738365;font-size:10px;font-weight:800}.dm-live-card-body h2{font-size:16px;line-height:1.3;margin:7px 0}.dm-live-card-body p{font-size:12px;margin:0 0 9px}.dm-live-card-body>span{font-size:11px;color:#516447}.dm-live-result{font-size:12px!important}.dm-live-empty{grid-column:1/-1;border:1px dashed #cbd6c1;border-radius:16px;padding:32px;color:#64765b}.dm-live-own{margin-top:30px}.dm-live-own>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e2e9db}.dm-live-own>div>span{flex:1;min-width:0}.dm-live-own strong,.dm-live-own small{display:block}.dm-live-own small{font-size:11px;color:#748067;margin-top:4px}.dm-live-studio-grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(280px,1.05fr);gap:20px;align-items:start}.dm-live-box{border:1px solid #e0e7da;background:#fff;border-radius:20px;padding:22px;min-width:0;margin-bottom:20px}.dm-live-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dm-live-checkbox{flex-direction:row!important;align-items:center;font-size:12px!important}.dm-live-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.dm-live-preview-box>video{display:block;width:100%;max-height:440px;aspect-ratio:9/16;object-fit:contain;background:#101713;border-radius:14px}.dm-live-caption{font-size:11px!important;margin-top:10px!important}.dm-live-status-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #e6ecdf;font-size:12px}.dm-live-status-line strong{color:#687d4d}.dm-live-obs input[type=password],.dm-live-obs input[type=text]{font-family:ui-monospace,Consolas,monospace;font-size:12px!important;letter-spacing:.5px}.dm-live-recording{border-top:1px solid #e4eadc;padding:15px 0}.dm-live-recording>strong,.dm-live-recording>span{display:block}.dm-live-recording>span{font-size:11px;color:#748168;margin:7px 0}.dm-live-recording video{max-width:100%;max-height:280px;border-radius:12px;background:#101713}.dm-live-beauty-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dm-live-beauty-preview{display:block;width:100%;max-height:470px;object-fit:cover;border-radius:15px;aspect-ratio:4/5}.dm-live-swatch-row{display:flex;justify-content:space-around;gap:16px;padding-top:20px}.dm-live-swatch-row>div{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:11px;color:#65725d}.dm-live-swatch-row i{display:block;width:68px;height:25px;border-radius:60% 60% 45% 45%;box-shadow:inset 0 0 0 1px #0001}.dm-live-swatch-row>div+div i{border-radius:7px}.dm-live-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.dm-live-page output{font-size:10px;color:#7c8e62;font-weight:500}.dm-live-switch{position:absolute;z-index:32;right:7px;top:40%;display:flex;flex-direction:column;gap:5px}.dm-live-switch button{width:24px;height:28px;padding:0;border:1px solid #ffffff35;background:#141b1559;color:#fff;border-radius:7px;font-size:15px;cursor:pointer}.dm-live-switch button:hover{background:#263d2199}.dm-live-local-label{position:absolute;z-index:8;left:10px;top:6px;color:#fff9;font-size:8px;pointer-events:none;text-shadow:0 1px 3px #000}.dm-live-swipe-enabled .live-preview-picture,.dm-live-swipe-enabled .live-comments-gesture-surface{touch-action:none}@media(min-width:1500px){.dm-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.dm-live-filters{grid-template-columns:2fr 1fr}.dm-live-studio-grid{grid-template-columns:1fr 1fr}.dm-live-box{padding:16px}.dm-live-page{padding:16px}.dm-live-grid{gap:10px}.dm-live-card-body{padding:11px}}@media(max-width:620px){.dm-live-page{padding:15px 10px}.dm-live-page-head{gap:7px}.dm-live-page-head>.dm-live-button{font-size:11px;padding:9px 10px}.dm-live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dm-live-cover{aspect-ratio:3/4}.dm-live-card{border-radius:12px}.dm-live-card-body{padding:9px 7px}.dm-live-card-body h2{font-size:11px;margin:5px 0}.dm-live-card-body p,.dm-live-card-body small,.dm-live-card-body>span{font-size:9px}.dm-live-badge{top:7px;left:5px;font-size:7px;padding:3px}.dm-live-count{top:auto;bottom:6px;right:5px;font-size:8px;padding:3px 5px}.dm-live-studio-grid,.dm-live-beauty-grid{grid-template-columns:1fr}.dm-live-filters{gap:8px}.dm-live-filters label{font-size:10px}.dm-live-filters .dm-live-button{min-height:40px}.dm-live-form-row{gap:9px}.dm-live-box{margin-bottom:12px}.dm-live-preview-box>video{max-height:400px}.dm-live-own strong{font-size:12px}.dm-live-own .dm-live-button{font-size:10px;padding:9px}.dm-live-local-label{font-size:7px}}@media(prefers-reduced-motion:reduce){.dm-live-card{transition:none}}
.dm-live-portrait{position:relative;aspect-ratio:1;isolation:isolate;overflow:hidden;border-radius:15px;max-width:470px;margin:0 auto;background:#f1f3ef}.dm-live-portrait>.dm-live-beauty-preview{width:100%;height:100%;aspect-ratio:1;max-height:none;border-radius:0;object-fit:contain}.dm-live-teeth-photo,.dm-live-lip-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.dm-live-teeth-photo{z-index:1}.dm-live-lip-mask{z-index:2;mix-blend-mode:multiply}.dm-live-portrait[data-enabled=false] .dm-live-teeth-photo,.dm-live-portrait[data-enabled=false] .dm-live-lip-mask{display:none}.dm-live-manual-tag{position:absolute;z-index:3;bottom:9px;left:9px;right:9px;text-align:center;font-size:9px;font-weight:650;border-radius:7px;background:#ffffffe3;color:#44533e;padding:6px;pointer-events:none}

/* demo-admin.css */
.dm-page{max-width:1040px;margin:0 auto;padding:22px 20px 90px;color:#26332f;overflow-wrap:anywhere}.dm-page *{box-sizing:border-box}.dm-page .dm-page-heading h1{font-size:28px;line-height:1.2;margin:5px 0 10px}.dm-page .dm-page-heading p{color:#65746e;line-height:1.5;margin:6px 0 18px}.dm-page .dm-page-heading .dm-eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#b66d32;font-weight:700;margin:0}.dm-page .dm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.dm-page .dm-button{appearance:none;border:1px solid #176b57;border-radius:10px;background:#176b57;color:white;min-height:40px;font:inherit;font-size:13px;font-weight:650;padding:10px 14px;cursor:pointer;max-width:100%;white-space:normal;line-height:1.35}.dm-page .dm-button:hover{filter:brightness(.95)}.dm-page .dm-button:focus-visible,.dm-page input:focus-visible,.dm-page select:focus-visible,.dm-page textarea:focus-visible{outline:3px solid #edb871;outline-offset:2px}.dm-page .dm-button:disabled{opacity:.55;cursor:wait}.dm-page .dm-secondary{background:white;border-color:#d6e1dc;color:#32634f}.dm-page .dm-card{background:#fff;border:1px solid #e1e8e3;box-shadow:0 3px 16px #183f2c04;border-radius:16px;padding:22px;margin:16px 0}.dm-page .dm-card h2{font-size:18px;margin:0 0 16px}.dm-page .dm-card h3{font-size:15px;margin:22px 0 10px}.dm-page .dm-card p{font-size:14px;line-height:1.6;margin:8px 0}.dm-page .dm-card form+form{border-top:1px solid #e7ede9;padding-top:18px;margin-top:20px}.dm-page .dm-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:15px;flex:1;font-size:13px;color:#4e6158}.dm-page .dm-field>span{font-weight:600}.dm-page .dm-field input,.dm-page .dm-field select,.dm-page .dm-field textarea{width:100%;min-width:0;max-width:100%;border:1px solid #cedbd3;border-radius:9px;padding:11px;background:#fff;color:#243c30;font:inherit;font-size:14px;line-height:1.4}.dm-page .dm-field input[type=file]{font-size:12px}.dm-page .dm-field textarea{resize:vertical}.dm-page .dm-inline,.dm-page .dm-search-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.dm-page .dm-inline .dm-field,.dm-page .dm-search-form .dm-field{margin-bottom:0;min-width:140px}.dm-page .dm-inline .dm-button,.dm-page .dm-search-form .dm-button{margin-bottom:0}.dm-page .dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dm-page .dm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.dm-page .dm-pill{display:inline-block;font-size:11px;padding:5px 9px;border-radius:20px;background:#edf4ef;color:#35644a;font-weight:650;line-height:1.3}.dm-page .dm-note{font-size:12px!important;line-height:1.6;color:#6c7a71;margin:12px 0}.dm-page .dm-callout{padding:16px;border-radius:12px;background:#fff5e6;color:#755027;border:1px solid #f0ddbd}.dm-page .dm-empty{border:1px dashed #d4dfd7;background:#f8faf7;border-radius:10px;padding:22px;font-size:13px;color:#718275;line-height:1.5;margin:12px 0}.dm-page .dm-list{margin-top:14px}.dm-page .dm-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #e8eee8;font-size:13px;min-width:0}.dm-page .dm-list-row:last-child{border-bottom:0}.dm-page .dm-list-row>div{min-width:0;flex:1}.dm-page .dm-list-row small,.dm-page .dm-evidence small{display:block;color:#7a8a7e;font-size:11px;line-height:1.5;margin-top:7px}.dm-page .dm-list-row p{font-size:12px;color:#6b7e70}.dm-page .dm-list-row form{max-width:300px}.dm-page .dm-evidence{padding:15px;margin:12px 0;border-radius:11px;background:#f6f9f5;border:1px solid #e0e9e0}.dm-page .dm-evidence>strong{display:block;margin:7px 0;font-size:13px}.dm-page .dm-evidence code{display:block;font-size:11px;color:#617665;word-break:break-all;padding:8px 0;user-select:all}.dm-page .dm-timeline{list-style:none;padding:0 0 0 18px;margin:18px 0;border-left:2px solid #e1eadd}.dm-page .dm-timeline li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 22px;padding:0 0 0 5px;font-size:13px;line-height:1.5}.dm-page .dm-timeline li:before{content:'';position:absolute;left:-24px;top:5px;width:10px;height:10px;background:#acc7af;border:2px solid white;border-radius:50%}.dm-page .dm-timeline small{font-size:11px;color:#829085}.dm-page .dm-timeline strong{font-weight:500}.dm-page .dm-details{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:13px;margin:20px 0}.dm-page .dm-details dt{color:#7b8d7e}.dm-page .dm-details dd{margin:0}.dm-page .dm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.dm-page .dm-stats article{background:white;border:1px solid #e2e9df;padding:18px 12px;border-radius:12px}.dm-page .dm-stats strong{display:block;font-size:25px;color:#2b6b4a}.dm-page .dm-stats span{font-size:11px;color:#7b8b7e}.dm-page .dm-success{color:#1c7650}.dm-page .dm-warning{color:#a76429}.dm-page details{font-size:13px;margin-top:14px}.dm-page summary{cursor:pointer;color:#47764f}.dm-page .dm-card form{min-width:0}.dm-page .dm-card select option{max-width:100%}@media(max-width:600px){.dm-page{padding:17px 12px 90px}.dm-page .dm-page-heading h1{font-size:23px}.dm-page .dm-card{padding:17px 14px;border-radius:13px}.dm-page .dm-tabs{gap:6px}.dm-page .dm-tabs .dm-button{font-size:11px;padding:9px 10px;min-height:36px}.dm-page .dm-list-row{align-items:flex-start;flex-wrap:wrap}.dm-page .dm-list-row>div{flex-basis:100%}.dm-page .dm-list-row form{width:100%;max-width:none}.dm-page .dm-inline,.dm-page .dm-search-form{align-items:stretch;gap:0}.dm-page .dm-inline .dm-field,.dm-page .dm-search-form .dm-field{flex-basis:100%;margin-bottom:12px}.dm-page .dm-grid{grid-template-columns:1fr}.dm-page .dm-stats{grid-template-columns:1fr 1fr}.dm-page .dm-details{grid-template-columns:95px 1fr}.dm-page .dm-button{font-size:12px}.dm-page .dm-evidence{padding:12px}.dm-page .dm-timeline strong{word-break:break-word}}@media(prefers-reduced-motion:reduce){.dm-page *{scroll-behavior:auto!important}}

/* demo-live-tools.css */
.dlt-page{max-width:1150px;margin:auto;padding:20px;color:#253b30}.dlt-page header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.dlt-page h1{font-size:28px;margin:8px 0 18px}.dlt-page header small{letter-spacing:1px;font-size:10px;color:#718765}.dlt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.dlt-card{min-width:0;background:#fff;border:1px solid #dfe7dc;border-radius:18px;padding:21px}.dlt-card h2{margin:0 0 14px;font-size:18px}.dlt-page p{font-size:13px;line-height:1.65;color:#697a6d}.dlt-note{padding:13px 16px;border-radius:12px;background:#f0f5ed}.dlt-card label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:12px;font-weight:700}.dlt-card input,.dlt-card select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d5e0d1;border-radius:9px;padding:10px;font:inherit;background:#fff}.dlt-button{border:1px solid #d2dfc7;border-radius:11px;padding:10px 13px;background:#e9f1df;color:#284025;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.dlt-button:hover{background:#d7eabf}.dlt-button:focus-visible{outline:3px solid #9cba7c;outline-offset:3px}.dlt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e5ece0;font-size:12px}.dlt-row small{display:block;color:#788671;font-size:10px;margin-top:5px}.dlt-comment{border-top:1px solid #e4ecdf;padding:15px 0}.dlt-comment strong{font-size:12px}.dlt-comment p{margin:6px 0;overflow-wrap:anywhere}.dlt-comment small{font-size:10px;color:#7f8d77}.dm-live-tools-open{position:absolute;z-index:33;right:7px;top:calc(40% - 32px);font-size:8px;border:1px solid #ffffff55;border-radius:7px;background:#11241999;color:#fff;padding:5px;cursor:pointer}.dm-private-watermark{position:absolute;z-index:25;left:12%;top:28%;max-width:78%;transform:rotate(-17deg);color:#ffffffb0;text-shadow:0 1px 3px #000a;font-size:clamp(10px,1.4vw,17px);font-weight:650;letter-spacing:.8px;pointer-events:none;overflow-wrap:anywhere;line-height:1.6;text-align:center;user-select:none}.dm-watermark-live{top:24%;font-size:10px;opacity:.7}.dm-watermark-video-host{position:relative;isolation:isolate;max-width:100%}.dm-watermark-video-host>video{display:block;width:100%;max-width:100%}.dm-watermark-access-ended{padding:12px!important;color:#8d4a28!important;background:#fff4e8;border-radius:9px}@media(max-width:650px){.dlt-page{padding:12px 6px}.dlt-grid{grid-template-columns:1fr;gap:12px}.dlt-card{padding:16px}.dlt-page h1{font-size:23px}.dm-private-watermark{font-size:10px}.dm-watermark-live{font-size:8px}}

/* demo-fingerprint.css */
.fp-root{max-width:1120px;margin:auto;padding:23px 20px 95px;color:#27354c;line-height:1.6;font-family:inherit}.fp-root *{box-sizing:border-box}.fp-root h1{font-size:27px;line-height:1.25;margin:9px 0}.fp-root h2{font-size:18px;margin:4px 0 13px}.fp-root h3{font-size:15px;margin:24px 0 9px}.fp-root p{font-size:14px}.fp-label{font-size:11px;color:#71829b;letter-spacing:.06em}.fp-root header>p{color:#748299}.fp-callout{border-left:3px solid #e8b05b;background:#fff9ef;padding:13px 16px;border-radius:0 11px 11px 0;color:#85683b;font-size:13px!important}.fp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fp-card{padding:20px;border:1px solid #e1e7f0;border-radius:18px;background:white;margin:17px 0;min-width:0;box-shadow:0 4px 18px #27354c05}.fp-file{display:inline-flex;position:relative;overflow:hidden;align-items:center;justify-content:center;cursor:pointer;border:1px dashed #b6c8e0;border-radius:11px;padding:13px 17px;background:#f5f8fd;color:#3769a9;font-size:14px;font-weight:600;min-height:48px}.fp-file:focus-within{outline:2px solid #2a78dd;outline-offset:2px}.fp-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.fp-filename{overflow-wrap:anywhere;font-size:12px!important;color:#7e8ba0}.fp-root video{display:block;width:100%;max-height:245px;background:#111621;border-radius:10px;object-fit:contain;margin:14px 0}.fp-root small{font-size:12px;color:#8491a4;display:block}.fp-actions{display:flex;gap:9px;flex-wrap:wrap}.fp-button{border:1px solid #dce5f2;background:#f2f6fc;color:#33649d;padding:10px 16px;border-radius:10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:42px}.fp-button:hover{background:#e5eefb}.fp-primary{background:#2b74d5;color:white;border-color:#2b74d5}.fp-primary:hover{background:#2163bb}.fp-button:focus-visible{outline:2px solid #2b74d5;outline-offset:3px}.fp-button:disabled{opacity:.5;cursor:default}.fp-root progress{display:block;width:100%;height:9px;margin-top:20px;accent-color:#2c86d9}.fp-error{border-radius:10px;padding:12px;background:#fff1ee;color:#a24d44}.fp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.fp-metrics>div{padding:14px;border:1px solid #e4eaf3;border-radius:12px;background:#f9fbff}.fp-metrics strong{display:block;font-size:22px;margin-top:5px}.fp-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fp-candidate{border:1px solid #e3eaf3;border-radius:12px;padding:15px;background:#fbfcff;font-size:13px}.fp-timeline{position:relative;height:7px;border-radius:10px;background:#e8edf5;margin:12px 0 7px;overflow:hidden}.fp-timeline i{display:block;position:absolute;top:0;height:100%;background:#4d91d6;border-radius:10px}.fp-second i{background:#dc9e57}.fp-note{border-radius:12px;padding:14px;background:#f4f6fa;color:#728197}.fp-root details{margin-top:20px;padding:13px;background:#f7f9fd;border-radius:10px;font-size:13px}.fp-root summary{font-weight:600;cursor:pointer}.fp-root code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:11px;color:#6f809b}.fp-root form label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px;margin:16px 0}.fp-root form input,.fp-root form select,.fp-root textarea{min-width:0;width:100%;font:inherit;font-size:13px;color:#27364b;background:#fbfcfe;border:1px solid #dfe6ef;border-radius:10px;padding:11px}.fp-root textarea{resize:vertical}.fp-root input:focus,.fp-root textarea:focus,.fp-root select:focus{outline:2px solid #b3cff4;outline-offset:1px}@media(max-width:650px){.fp-root{padding:17px 12px 85px}.fp-root h1{font-size:22px}.fp-two,.fp-candidates{grid-template-columns:1fr;gap:0}.fp-card{padding:16px;margin:11px 0}.fp-metrics{grid-template-columns:1fr;gap:8px}.fp-metrics>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px}.fp-metrics strong{font-size:18px;margin:0}.fp-root video{max-height:210px}.fp-button{font-size:12px;padding:9px 12px}}

/* demo-social-actions.css */
.bys-report-trigger{border:0;background:transparent;color:inherit;font:inherit;font-size:10px;line-height:1.4;cursor:pointer;padding:4px 7px;border-radius:6px}.bys-report-trigger:hover{background:#80808022}.bys-report-trigger:focus-visible{outline:2px solid #e9a25d;outline-offset:3px}.story-header-controls .bys-report-trigger{font-size:9px;color:white;background:#0b161d66;margin-right:3px}.reel-controls>.bys-report-trigger{font-size:9px;color:white;padding:5px 0;min-height:27px}.comments-row-actions .bys-report-trigger{color:#7b857e;font-size:10px;padding:3px 8px}.comments-row-content>.bys-report-trigger{display:inline-block;color:#7b857e;margin-top:4px}.bys-live-report{position:absolute;z-index:34;top:70px;right:8px;font-size:8px;color:#fff;background:#16271d88;border:1px solid #ffffff33;padding:4px 7px}.live-comment-person-buttons .bys-report-trigger{border:1px solid #d8e1d2;border-radius:8px;color:#62705b;min-height:30px}.bys-profile-menu{display:flex;flex-direction:column;gap:8px}.bys-profile-menu>p{font-size:12px;color:#74806e;margin:0 0 7px}.bys-profile-menu>button{background:#f4f7ef;border:1px solid #dce5d3;border-radius:11px;padding:13px;text-align:left;color:#33482d;font:inherit;font-size:13px;cursor:pointer}.bys-profile-menu>button:hover{background:#e9f1dd}.bys-report-context{color:#607158;font-size:12px;margin-bottom:18px}#dm-social-report-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#43543a;margin-bottom:16px;font-weight:700}#dm-social-report-form select,#dm-social-report-form textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #d5dfcd;border-radius:10px;padding:11px;font:inherit;font-size:13px;background:#fff;color:#263a24}#dm-social-report-form textarea{resize:vertical;min-height:95px}.bys-report-submit{border:0;border-radius:11px;background:#d9edac;color:#294420;padding:12px 17px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.bys-report-note{font-size:11px;color:#7a8973;line-height:1.6;margin-top:16px}.bys-report-error{color:#a03925;font-size:12px;line-height:1.5}.bys-share-link{width:100%;padding:12px;border:1px solid #d7e1ce;border-radius:10px;box-sizing:border-box;font-size:12px}

/* profile-local-demo.css */
/* Optional local-preview layer. Existing profile selectors stay unchanged. */
/* The upper toolbar stays compact; the profile's personal menu is separate. */
#topbar .dm-hub-button,#topbar [data-action="mobile-menu"]{display:none!important}
body.byp-visitor-workspace #app>.dm-workspace>.dm-page-head,
body.byp-visitor-workspace #app>.dm-workspace>.dm-nav{display:none}
/* Bring profile details closer to the header without resizing their contents. */
body.page-profile #app.workspace{padding-top:12px}
body.page-profile #app>.ig-profile{padding-top:12px}
body.page-profile #app>.ig-profile>.ig-profile-top{margin-bottom:10px}
@media(max-width:760px){body.page-profile #app.workspace{padding-top:0}body.page-profile #app>.ig-profile{padding-top:6px}}
.byp-profile-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-7px 0 18px;width:100%}
.byp-profile-entry{appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:44px;border:1px solid transparent;border-radius:8px;padding:8px 6px;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap;cursor:pointer;transition:filter .15s ease;text-decoration:none}
.byp-profile-entry--site{background:#fff3e8;border-color:#f2d5bc;color:#a34512}
.byp-profile-entry--school{background:#edf4ef;border-color:#cfe0d4;color:#2c5c43}
.byp-profile-entry:only-child{grid-column:1/-1}
.byp-profile-entry:hover{filter:brightness(.98)}
.byp-profile-entry:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.byp-profile-entry .byp-profile-entry-icon{display:block;flex:0 0 16px;width:16px;height:16px;stroke-width:1.7}
.byp-profile-entry .byp-profile-entry-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.byp-profile-page{max-width:900px;margin:0 auto;color:#294a3c}
.byp-profile-page-head{display:grid;gap:14px;padding:23px;border:1px solid #e1e8df;border-radius:14px;background:#fff;margin-bottom:18px}
.byp-profile-page-head h1{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.5px}
.byp-profile-page-head p{margin:0;line-height:1.65}
.byp-profile-owner{display:flex;align-items:center;gap:12px;min-width:0}
.byp-profile-owner img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid #e2e8df}
.byp-profile-owner strong,.byp-profile-owner small{display:block;overflow-wrap:anywhere}
.byp-profile-owner small{margin-top:3px;color:#6a7e6b}
.byp-profile-note{font-size:13px;color:#657b66;line-height:1.65}
.byp-profile-empty{padding:32px 22px;text-align:center;border:1px solid #e1e8df;border-radius:14px;background:#fff}
.byp-profile-empty svg{width:28px;height:28px;stroke-width:1.5;color:#739078}
.byp-profile-empty h2,.byp-profile-empty h3{font-size:18px;margin:12px 0 8px}
.byp-profile-empty p{color:#6a7e6b;font-size:13px;line-height:1.65;margin:0}
.byp-profile-course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:15px}
.byp-profile-course{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e1e8df;border-radius:12px;padding:16px;min-width:0}
.byp-profile-course img{width:100%;max-height:190px;object-fit:cover;border-radius:8px}
.byp-profile-course h2,.byp-profile-course h3{font-size:17px;margin:0;overflow-wrap:anywhere}
.byp-profile-course p{font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.byp-profile-settings{display:grid;gap:14px;background:#fff;border:1px solid #e1e8df;border-radius:14px;padding:22px}
.byp-profile-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:12px 0;border-bottom:1px solid #eaf0e7}
.byp-profile-toggle strong,.byp-profile-toggle small{display:block}
.byp-profile-toggle small{color:#6a7e6b;font-size:12px;line-height:1.6;margin-top:4px}
.byp-profile-toggle input{flex:0 0 19px;width:19px;height:19px;accent-color:#3e7655}
.byp-profile-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}
.byp-profile-page-actions button,.byp-profile-page button.btn,.byp-profile-settings button[type=submit]{min-height:44px}
@media(max-width:380px){.byp-profile-entry{gap:4px;padding-inline:5px;font-size:11.5px}.byp-profile-page-head,.byp-profile-settings{padding:17px}}
@media(prefers-reduced-motion:reduce){.byp-profile-entry{transition:none}}

/* education-taxonomy-local.css */
.byp-education-tree{min-width:0}
.byp-education-branch{min-width:0;max-width:100%;margin:0 0 8px;border:1px solid #e2e8da;border-radius:9px;background:#fff;overflow:hidden}
.byp-education-branch>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px;cursor:pointer;list-style:none;color:#385c3e}
.byp-education-branch>summary::-webkit-details-marker{display:none}
.byp-education-branch>summary::marker{content:''}
.byp-education-branch>summary>.education-profile-category-copy{flex:1;min-width:0}
.byp-education-branch>summary>.education-profile-category-copy>strong{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.byp-education-branch>summary>.education-profile-category-meta{flex:0 0 auto;max-width:73px;font-size:9px;line-height:1.4;color:#8d9c85;text-align:right;white-space:normal}
.byp-education-branch>.education-profile-category-content{margin:0 5px 8px 8px;padding:2px 0 0 7px;border-left:2px solid #e6eddf}
.byp-education-branch:not([open])>.education-profile-category-content{display:none}
.byp-education-branch[open]>summary{background:#f7faf3}
.byp-education-branch .byp-education-branch{margin:5px 0;border-color:#e8eee2;border-radius:7px}
.byp-education-parent-option{margin-bottom:5px}
.byp-education-option{min-width:0}
.byp-education-option .education-profile-option-copy{min-width:0;overflow-wrap:anywhere}
.byp-education-chevron{flex:0 0 6px;width:6px;height:6px;margin:0 4px 0 1px;border-right:1.5px solid #899b78;border-bottom:1.5px solid #899b78;transform:rotate(-45deg)}
.byp-education-branch[open]>summary>.byp-education-chevron{transform:rotate(45deg)}
.byp-education-branch>summary:focus-visible{outline:2px solid #63864e;outline-offset:-3px}
.byp-education-more{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;margin:6px 0 0;padding:10px;border:1px solid #dce7d3;border-radius:7px;background:#f6f9f1;color:#59764c;font:inherit;font-size:11px;line-height:1.4;text-align:left;cursor:pointer}
.byp-education-more:hover{background:#eef5e5}
.byp-education-more:focus-visible{outline:2px solid #63864e;outline-offset:2px}
@media(max-width:380px){
  .byp-education-branch>summary{gap:6px;padding:9px 8px}
  .byp-education-branch>summary>.education-profile-category-meta{max-width:58px;font-size:8px}
  .byp-education-branch>.education-profile-category-content{margin-left:5px;padding-left:5px}
}

/* video-jobs-local.css */
.byp-video-jobs{position:fixed;right:12px;bottom:86px;z-index:950;box-sizing:border-box;width:min(300px,calc(100vw - 24px));border:1px solid #dce7d3;border-radius:13px;background:#fff;box-shadow:0 8px 32px #31451b1c;color:#49613a;font-family:inherit}.byp-video-jobs-toggle{appearance:none;border:0;background:#f5f9ef;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:13px;width:100%;min-height:43px;font:inherit;font-size:11px;color:#5c7547;cursor:pointer}.byp-video-jobs-toggle>span:last-child{margin-left:auto}.byp-video-jobs-dot{width:7px;height:7px;border-radius:50%;background:#8ba76b}.byp-video-jobs-list{max-height:290px;overflow:auto;padding:0 12px 9px}.byp-video-jobs-list[hidden]{display:none}.byp-video-job{padding:13px 0 10px;border-bottom:1px solid #edf1e8}.byp-video-job:last-child{border-bottom:0}.byp-video-job-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.byp-video-job-head strong{font-weight:600}.byp-video-job-head b{font-size:11px}.byp-video-job p{font-size:10px;line-height:1.7;color:#8a9a7d;margin:6px 0 9px;overflow-wrap:anywhere}.byp-video-job label{display:grid;grid-template-columns:62px minmax(0,1fr) 32px;align-items:center;gap:8px;font-size:9px;color:#8a9b7d;margin:8px 0}.byp-video-job label>span{text-align:right}.byp-video-job progress{width:100%;height:5px;accent-color:#8aa66b;border:0;border-radius:4px;overflow:hidden}.byp-video-job progress::-webkit-progress-bar{background:#edf3e6;border-radius:4px}.byp-video-job progress::-webkit-progress-value{background:#8aa66b;border-radius:4px}.byp-video-job-action{appearance:none;border:1px solid #dde7d3;border-radius:7px;background:#f7faf2;color:#698553;font:inherit;font-size:10px;padding:7px 10px;min-height:32px;margin-top:5px;cursor:pointer}.byp-video-jobs button:focus-visible{outline:2px solid #91a97d;outline-offset:2px}

.byp-video-job label{grid-template-columns:52px minmax(0,1fr);font-size:10px}
.byp-video-job-head b.is-complete{display:inline-flex;align-items:center;gap:4px;color:#3d7c54;font-size:10px;font-weight:550;white-space:nowrap}
.byp-video-job label[hidden],.byp-video-job-head b[hidden]{display:none}
.byp-upload-state{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:8px;font:inherit}
.byp-upload-state[hidden],.byp-upload-state [hidden]{display:none}
.byp-upload-state button{appearance:none;min-height:31px;padding:6px 9px;border:1px solid #dce6d4;border-radius:7px;background:#fff;color:#6b825b;font:inherit;font-size:10px;cursor:pointer}
.byp-upload-complete{display:inline-flex;align-items:center;gap:4px;color:#3d7c54;font-size:10px;font-weight:550;line-height:1.5}
.byp-upload-state small{font-size:10px;color:#8a9b7d}
.byp-upload-state button:focus-visible{outline:2px solid #91a97d;outline-offset:2px}

/* video-covers-local.css */
.byp-video-cover-tools{margin-top:12px;padding-top:12px;border-top:1px solid #dce5d6;display:grid;gap:8px;color:#48604b;font-size:12px}.byp-video-cover-tools[hidden]{display:none}.byp-video-cover-tools>div{display:flex;flex-wrap:wrap;gap:6px}.byp-video-cover-tools button{font:inherit;padding:8px 10px;border:1px solid #d4dfcb;border-radius:8px;background:#fff;color:#48604b;cursor:pointer}.byp-video-cover-tools button:disabled{opacity:.5;cursor:wait}.byp-video-cover-tools small{font-size:11px;color:#82917b}.byp-video-cover-tools .is-error{color:#b44732}.byp-video-cover-dialog{width:min(480px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #dce5d6;border-radius:16px;padding:18px;color:#3e5944;background:#fff}.byp-video-cover-dialog::backdrop{background:rgba(20,41,30,.55)}.byp-video-cover-dialog header{display:flex;justify-content:space-between;align-items:center}.byp-video-cover-dialog header button{border:0;background:#f0f5ed;border-radius:50%;width:32px;height:32px;font-size:22px;color:#667d59}.byp-video-cover-dialog p{font-size:13px}.byp-video-cover-dialog video{display:block;width:100%;height:320px;object-fit:contain;background:#18211c;border-radius:10px}.byp-video-cover-dialog label{display:grid;gap:8px;font-size:12px;margin-top:16px}.byp-video-cover-dialog input{width:100%;accent-color:#789260}.byp-video-cover-dialog footer{display:flex;justify-content:flex-end;margin-top:12px}.byp-video-cover-dialog footer button{border:0;border-radius:8px;background:#627d55;color:white;padding:11px 16px;font:inherit}.byp-video-cover-dialog [role=alert]{color:#b44732}
.byp-video-cover-tools>img{width:72px;height:72px;object-fit:contain;background:#edf2e9;border-radius:8px}.byp-video-cover-tools>img[hidden]{display:none}

/* school-setup-local.css */
.byp-school-page{max-width:680px;margin:0 auto;color:#29483b}
.byp-school-back{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0;color:#6a7d70;font-size:12px}
.byp-school-back svg{width:14px;height:14px;transform:rotate(180deg)}
.byp-school-heading{margin:16px 0 22px}
.byp-school-heading>span{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#9a6a3d}
.byp-school-heading h1{font-size:clamp(25px,4vw,32px);letter-spacing:-.8px;line-height:1.25;margin:9px 0}
.byp-school-heading p{font-size:13px;line-height:1.6;color:#7b887d;margin:0}
.byp-school-card{padding:22px;border:1px solid #e2e8e1;border-radius:15px;background:#fff}
.byp-school-form{display:grid;gap:23px}
.byp-school-field{display:grid;gap:9px;min-width:0}
.byp-school-field>span{font-size:13px;font-weight:650;display:flex;justify-content:space-between;gap:10px}
.byp-school-field small{font-size:10px;font-weight:400;color:#89958a}
.byp-school-field input[type=text],.byp-school-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dce4dc;border-radius:8px;padding:12px 13px;color:#29483b;background:#fff;font:inherit;font-size:13px;line-height:1.5;resize:vertical}
.byp-school-field input:focus,.byp-school-field textarea:focus{outline:2px solid #6b9b8059;outline-offset:1px;border-color:#73967e}
.byp-school-logo-editor{display:flex;align-items:center;gap:14px}
.byp-school-logo{width:68px;height:68px;display:grid;place-items:center;flex:0 0 68px;border:1px solid #e2e8e1;border-radius:14px;background:#f4f7f1;overflow:hidden;color:#7c937b}
.byp-school-logo img{display:block;width:100%;height:100%;object-fit:contain}
.byp-school-logo>svg{width:28px;height:28px}
.byp-school-logo-editor>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.byp-school-logo-editor>div>small{display:block;flex-basis:100%;font-size:10px;line-height:1.5;color:#89958a}
.byp-school-logo-editor .btn{min-height:38px;padding:8px 12px;font-size:12px}
.byp-school-logo-editor [aria-pressed=true]{background:#edf4ef;border-color:#9dbba7;color:#2c5c43}
.byp-school-logo-editor .text-button{font-size:11px;color:#947357}
.byp-school-logo-status{font-size:11px;line-height:1.5;color:#587762;margin:0}
.byp-school-logo-status:empty,.byp-school-error:empty{display:none}
.byp-school-logo-status.is-error,.byp-school-error{font-size:12px;line-height:1.5;color:#b2403b;margin:0}
.byp-school-hint{font-size:12px;line-height:1.7;color:#81907f;margin:0}
.byp-school-submit{width:100%;min-height:46px;border-radius:9px;font-size:13px}
.byp-school-submit:disabled{opacity:.55;cursor:wait}
.byp-school-draft-notice{margin:0;padding:11px 13px;border:1px solid #d8e3cf;border-radius:9px;background:#f1f6eb;color:#4e6943;font-size:12px;line-height:1.6}.byp-school-draft-notice[hidden]{display:none}
.byp-school-summary{display:flex;align-items:center;gap:15px;min-width:0;margin-bottom:16px}
.byp-school-summary h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere;margin:7px 0 0}
.byp-school-owner-card{padding:14px 16px}
.byp-school-owner-card>.byp-school-summary{gap:12px;margin:0}
.byp-school-owner-card>.byp-school-summary>.byp-school-logo{width:46px;height:46px;flex-basis:46px;border-radius:12px}
.byp-school-owner-card>.byp-school-summary>div{min-width:0}
.byp-school-owner-card>.byp-school-summary h2{font-size:16px;line-height:1.35;margin:5px 0 0}
.byp-school-owner-card .byp-school-state{font-size:9px;padding:3px 6px}
.byp-school-owner-card>[data-byp-school-details]:not([hidden]){border-top:1px solid #e6ece2;margin-top:16px;padding-top:16px}
.byp-school-info-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid #e6ece2}
.byp-school-info-actions .btn{font-size:12px;min-height:38px}
.byp-school-info-actions .text-button{min-height:38px;font-size:12px;color:#6a7d70}
.byp-school-info-entry[aria-expanded=true]{background:#edf4ef;border-color:#aac2af;color:#315c43}
.byp-school-state{display:inline-block;border-radius:5px;padding:4px 7px;background:#fff3df;color:#967143;font-size:10px}
.byp-school-description{font-size:13px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 15px}
.byp-school-card>.btn{margin-top:18px;min-height:42px;font-size:12px}
.byp-school-empty{text-align:center;padding:35px 18px;color:#9aa794}
.byp-school-empty>svg{width:28px;height:28px}
.byp-school-empty h2{font-size:16px;font-weight:550;margin:12px 0 7px;color:#71846e}
.byp-school-empty p{font-size:12px;line-height:1.6;margin:0}
.byp-school-category-picker{min-width:0;border-top:1px solid #e9eee5;padding-top:21px}
.byp-school-category-picker .education-profile-search{margin-top:12px}
.byp-school-category-picker .education-profile-list{max-height:360px;overflow:auto;overscroll-behavior:contain}
.byp-school-category-picker .education-profile-tabs{max-width:100%;overflow-x:auto}
.byp-school-category-picker .education-profile-option-copy{min-width:0;overflow-wrap:anywhere}
.byp-school-category-selection-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7c8b79;margin:13px 0 8px}
.byp-school-category-selection-head button{font-size:11px;color:#9a7456}
.byp-school-category-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.byp-school-category-chips>span{max-width:100%;overflow-wrap:anywhere;font-size:11px;border-radius:5px;padding:5px 7px;background:#f1f5ec;color:#607951}
@media(max-width:380px){.byp-school-card{padding:18px}.byp-school-logo-editor{gap:10px}.byp-school-logo{width:60px;height:60px;flex-basis:60px}}

/* school-legal-local.css */
.byp-legal-page{max-width:700px;margin:0 auto;color:#29483b;overflow-wrap:anywhere}
.byp-legal-back{display:inline-flex;align-items:center;min-height:36px;padding:0;font-size:12px;color:#6a7d70}
.byp-legal-heading{margin:16px 0 20px}
.byp-legal-heading>span{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#97734e}
.byp-legal-heading h1{margin:9px 0;font-size:clamp(25px,4vw,32px);line-height:1.25;letter-spacing:-.8px}
.byp-legal-heading p{font-size:13px;line-height:1.6;color:#7c887b}
.byp-legal-demo-note{margin:0 0 16px;padding:13px 15px;border:1px solid #eddab9;border-radius:10px;background:#fff8ed;color:#906b3b;font-size:12px;line-height:1.7}
.byp-legal-preview-note{margin:18px 0 0;padding:13px 15px;border:1px solid #dce6d2;border-radius:9px;background:#f6f9f0;color:#7a8b6a;font-size:12px;line-height:1.7}
.byp-legal-form[data-byp-legal-preview="true"] [type="submit"]:disabled{opacity:.5;cursor:not-allowed}
.byp-legal-fees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 18px}
.byp-legal-fees>div{min-width:0;padding:13px 10px;border:1px solid #e1e8db;border-radius:10px;background:#f7faf3;text-align:center}
.byp-legal-fees strong{display:block;font-size:22px;line-height:1.3;color:#54764d}
.byp-legal-fees span{display:block;margin-top:6px;font-size:10px;line-height:1.45;color:#7d8e74}
.byp-legal-fee-detail{padding:0 1px;font-size:11px;line-height:1.75;color:#7c8d73}
.byp-legal-fee-detail p{margin:0 0 10px}
.byp-legal-verification{padding:14px 0;font-size:12px;line-height:1.7}
.byp-legal-verification strong{font-weight:600}
.byp-legal-verification p,.byp-legal-hint{margin:7px 0;font-size:12px;line-height:1.7;color:#84907f}
.byp-legal-readiness{margin:0 0 21px;padding:10px 12px;border-radius:8px;background:#f6f7f2;color:#85907d;font-size:11px;line-height:1.7}
.byp-legal-readiness summary{cursor:pointer}
.byp-legal-readiness ul{padding-left:19px;margin:10px 0 0}
.byp-legal-history{margin-top:20px;padding:13px;border:1px solid #e2e8da;border-radius:9px;font-size:12px;color:#75876a}
.byp-legal-history summary{cursor:pointer;line-height:1.7}
.byp-legal-history-entry{margin-top:12px;border-top:1px solid #e9eee2;padding-top:10px}
.byp-legal-documents{min-width:0;margin:23px 0}
.byp-legal-documents h2,.byp-legal-approvals h2{margin:0 0 13px;font-size:15px;font-weight:600}
.byp-legal-document{margin:0 0 9px;border:1px solid #e0e7da;border-radius:10px;overflow:hidden}
.byp-legal-document>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:13px 14px;background:#f8faf5;font-size:13px;line-height:1.5;cursor:pointer}
.byp-legal-document>summary span{min-width:0}
.byp-legal-document>summary small{flex:0 0 auto;max-width:90px;color:#96a28d;font-size:9px;line-height:1.4;text-align:right;overflow-wrap:anywhere}
.byp-legal-document-text{max-height:400px;overflow-y:auto;overscroll-behavior:contain;padding:16px;font-size:12px;line-height:1.85;white-space:pre-wrap;background:#fff;color:#657c5d}
.byp-legal-document-date{margin:0;padding:10px 15px;font-size:10px;line-height:1.6;color:#98a38f;border-top:1px solid #edf0e8}
.byp-legal-form,.byp-legal-card{padding:22px;border:1px solid #e1e7dc;border-radius:14px;background:#fff;margin-top:22px;min-width:0}
.byp-legal-form fieldset{display:grid;gap:20px;margin:0;padding:0;border:0;min-width:0}
.byp-legal-form legend{padding:0 0 19px;font-size:15px;font-weight:600}
.byp-legal-field{display:grid;gap:8px;min-width:0}
.byp-legal-field>span{font-size:12px;font-weight:550}
.byp-legal-field>small,.byp-legal-purpose{margin:0;color:#929d88;font-size:10px;line-height:1.75}
.byp-legal-provider-fields{display:grid;gap:20px;min-width:0}
.byp-legal-provider-fields:empty{display:none}
.byp-legal-optional{font-size:12px;line-height:1.6;color:#718564}
.byp-legal-optional summary{cursor:pointer;margin-bottom:12px}
.byp-legal-public-note{margin-top:16px;padding:12px;border-radius:8px;background:#f6f8f2;font-size:11px;line-height:1.75;color:#849278}
.byp-legal-public-note p{margin:6px 0 0}
.byp-legal-files{min-width:0;border-top:1px solid #e8ede2;padding-top:18px}
.byp-legal-files h2{margin:0 0 10px;font-size:15px;font-weight:600}
.byp-legal-upload{min-width:0;margin-top:12px;padding:12px;border:1px solid #e0e7d9;border-radius:8px;background:#fafbf7}
.byp-legal-upload>label{display:grid;gap:10px;min-width:0;font-size:12px;line-height:1.6}
.byp-legal-upload input[type=file]{box-sizing:border-box;min-width:0;max-width:100%;width:100%;font:inherit;font-size:11px;color:#86977b;overflow:hidden}
.byp-legal-upload input[type=file]::file-selector-button{max-width:100%;border:1px solid #d9e4cf;border-radius:6px;padding:8px;margin-right:7px;background:#f0f5e9;color:#668151;font:inherit}
.byp-legal-file-meta{min-width:0;margin-top:12px;font-size:11px;line-height:1.7;color:#778b6b;overflow-wrap:anywhere}
.byp-legal-file-meta strong,.byp-legal-file-meta small{display:block}
.byp-legal-file-meta small{margin-top:4px;font-size:10px;color:#9ba690}
.byp-legal-file-meta>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.byp-legal-file-meta .text-button{font-size:11px}
.byp-legal-file-status{margin:0;color:#7d916f;font-size:11px;line-height:1.7}
.byp-legal-file-status:empty{display:none}
.byp-legal-file-status.is-error{color:#b2403c}
.byp-legal-field input,.byp-legal-field select,.byp-legal-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dce4d7;border-radius:8px;padding:12px;color:#33533a;background:#fff;font:inherit;font-size:13px;line-height:1.5}
.byp-legal-field textarea{resize:vertical}
.byp-legal-field input:focus,.byp-legal-field select:focus,.byp-legal-field textarea:focus{outline:2px solid #779a5e5c;outline-offset:1px;border-color:#809e6b}
.byp-legal-approvals{border-top:1px solid #e8ede2;padding-top:19px}
.byp-legal-checkbox{display:flex;align-items:flex-start;gap:10px;padding:10px 0;min-width:0;cursor:pointer}
.byp-legal-checkbox>input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0;accent-color:#64834e}
.byp-legal-checkbox>span{min-width:0;font-size:12px;line-height:1.7;color:#6d8062}
.byp-legal-submit{min-height:46px;width:100%;font-size:13px;white-space:normal}
.byp-legal-form fieldset:disabled{opacity:.7}
.byp-legal-error{margin:15px 0 0;color:#b2403c;font-size:12px;line-height:1.7}
.byp-legal-error:empty{display:none}
.byp-legal-reload{font-size:11px;margin-top:10px}
.byp-legal-card h2{font-size:19px;line-height:1.4;margin:13px 0 17px}
.byp-legal-state{display:inline-block;padding:5px 8px;border-radius:5px;background:#edf5e7;color:#668053;font-size:10px}
.byp-legal-summary{display:grid;grid-template-columns:minmax(90px,.6fr) minmax(0,1.4fr);gap:11px;margin:0 0 17px;font-size:12px;line-height:1.7}
.byp-legal-summary dt{color:#96a18c}
.byp-legal-summary dd{margin:0;color:#5e7754;white-space:pre-wrap;min-width:0}
.byp-legal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}
.byp-legal-actions .btn{min-height:40px;font-size:12px}
.byp-legal-actions .text-button{font-size:11px}
@media(max-width:380px){.byp-legal-form,.byp-legal-card{padding:17px}.byp-legal-fees{gap:6px}.byp-legal-fees>div{padding:11px 6px}.byp-legal-fees strong{font-size:20px}.byp-legal-fees span{font-size:9px}.byp-legal-document>summary{padding:12px;gap:8px}.byp-legal-summary{grid-template-columns:1fr;gap:4px}.byp-legal-summary dd{margin-bottom:8px}}

/* school-dashboard-local.css */
.byp-school-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 12px}.byp-school-section-title h2{font-size:17px;margin:0}.byp-school-section-title>span{font-size:10px;color:#859285}
.byp-school-workspace{min-height:180px}.byp-school-owner-overview{box-sizing:border-box;margin:12px 0 17px;padding:12px 12px 6px;border:1px solid #e1e9da;border-radius:15px;background:#fff;box-shadow:0 3px 15px #3e5f2b06}.byp-school-owner-overview :where(button){appearance:none;border:0;background:transparent;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.byp-school-owner-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;min-width:0}.byp-school-income-entry{display:inline-flex;align-items:center;gap:7px;min-height:41px;padding:9px 11px;border-radius:10px;background:#edf4e6;color:#587542;font-size:12px;white-space:nowrap}.byp-school-income-entry:hover{background:#e2edd8;box-shadow:0 2px 8px #4864310b}.byp-school-income-entry svg{width:17px;height:17px;stroke-width:1.65}.byp-school-income-entry strong{font-size:12px;font-weight:650;margin-left:3px;color:#3d5b2e}.byp-school-info-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:9px;background:#f7f9f4;color:#7d8e70;padding:8px 9px;font-size:11px;white-space:nowrap}.byp-school-info-entry svg{width:14px;height:14px;stroke-width:1.55}.byp-school-info-entry:hover{background:#edf3e6;color:#587247}.byp-school-owner-counts{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:5px;border-top:1px solid #edf1e7;color:#c3cdbb}.byp-school-owner-counts button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 8px;border-radius:8px;font-size:11px;color:#8a987e}.byp-school-owner-counts button:hover{background:#f2f6ec;color:#60784d}.byp-school-owner-counts button svg{width:16px;height:16px;stroke-width:1.45;color:#8da57a}.byp-school-owner-counts>span{display:block;flex:0 0 1px;width:1px;height:16px;background:#e4ebdc;font-size:0}.byp-school-owner-counts strong{font-size:17px;font-weight:600;color:#50683f}.byp-school-owner-counts button:focus-visible,.byp-school-income-entry:focus-visible,.byp-school-info-entry:focus-visible{outline:2px solid #8fa47e;outline-offset:3px}
.byp-school-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.byp-school-dashboard-card{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px 15px;border:1px solid #dce6dc;border-radius:14px;background:#fff;color:#2d4d3c;transition:background .15s,border-color .15s}.byp-school-dashboard-card:hover{background:#f6f9f3;border-color:#a9bda7}.byp-school-dashboard-card:focus-visible{outline:2px solid #688c6c;outline-offset:3px}.byp-school-dashboard-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf4ea;color:#5a7b59}.byp-school-dashboard-symbol svg{width:21px;height:21px}.byp-school-dashboard-card:nth-child(2) .byp-school-dashboard-symbol{background:#fff1e6;color:#bc753d}.byp-school-dashboard-card strong{font-size:14px;font-weight:650}.byp-school-dashboard-card b{font-size:12px;font-weight:500;color:#7d8a77}.byp-school-dashboard-card small{font-size:11px;line-height:1.6;color:#8b9587}.byp-school-dashboard-arrow{position:absolute;top:18px;right:15px;font-size:18px;color:#9cad96}
.byp-school-demo-pack{margin-top:16px;border:1px dashed #cddcc6;border-radius:12px;background:#f7f9f3;padding:18px;display:flex;flex-wrap:wrap;align-items:center;gap:13px}.byp-school-demo-pack strong{font-size:13px}.byp-school-demo-pack p{font-size:12px;line-height:1.7;color:#7f8d77;margin:6px 0 0}.byp-school-demo-pack .btn{min-height:40px;font-size:12px}.byp-school-commission-note{margin:18px 0;font-size:11px;line-height:1.8;color:#87917e}
.byp-school-course-list{display:grid;gap:12px;margin:17px 0}.byp-school-course-list h2{font-size:17px;line-height:1.5;margin:12px 0 8px;overflow-wrap:anywhere}.byp-school-course-list p{font-size:12px;line-height:1.75;color:#7b8775;overflow-wrap:anywhere}.byp-school-course-list small{font-size:11px;color:#87917f}.byp-school-course-list .btn{display:block}.byp-school-dashboard>.btn{margin-top:16px;font-size:12px}.byp-school-dashboard .dl-card{margin-top:18px}.byp-school-dashboard form input,.byp-school-dashboard form select,.byp-school-dashboard form textarea{max-width:100%;box-sizing:border-box}.byp-school-income-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.byp-school-income-summary>div{display:grid;gap:9px;padding:15px 10px;border:1px solid #e1e8db;border-radius:10px;background:#f7f9f3;text-align:center}.byp-school-income-summary span{font-size:10px;color:#819175}.byp-school-income-summary strong{font-size:15px;overflow-wrap:anywhere}.byp-school-student{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e9eee4;min-width:0;font-size:12px}.byp-school-student:last-child{border-bottom:0}.byp-school-student span{color:#84917c;min-width:0;overflow-wrap:anywhere}.byp-school-student small{display:block;margin-top:6px}
@media(max-width:360px){.byp-school-dashboard-card{padding:15px 12px}.byp-school-section-title>span{font-size:9px}.byp-school-income-summary{gap:5px}.byp-school-income-summary>div{padding:13px 5px}}
.byp-school-owner-counts{gap:6px}
.byp-school-owner-counts>button[data-byp-school-dashboard]{gap:5px;padding:6px 4px}
.byp-school-owner-counts>.byp-section-create{flex:0 0 auto;gap:5px;margin-left:auto;min-height:34px;padding:7px 9px;border:1px solid #dce6d3;border-radius:8px;background:#f5f8ee;color:#65814f;font-size:10px;white-space:nowrap}
.byp-school-owner-counts>.byp-section-create:hover{background:#edf4e3;border-color:#bfceae}
.byp-school-owner-counts>.byp-section-create svg{width:14px;height:14px}
@media(max-width:359px){.byp-school-owner-counts{flex-wrap:wrap}}

/* section-trailer-local.css */
.byp-section-trailer-editor{margin:0 0 19px;padding:13px;border:1px solid #e1e8da;border-radius:11px;background:#fafcf7;min-width:0}
.byp-section-trailer-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:10px}
.byp-section-trailer-heading>strong{font-size:12px;font-weight:550;color:#55734a}
.byp-section-trailer-heading>small{font-size:9px;color:#9caa8f}
.byp-section-trailer-mini{display:flex;align-items:center;gap:11px;min-width:0}
.byp-section-trailer-thumb{appearance:none;flex:0 0 auto;padding:0;border:0;border-radius:9px;background:none;cursor:pointer}
.byp-section-trailer-frame{position:relative;display:grid;place-items:center;width:64px;height:50px;overflow:hidden;border:1px solid #dce6d5;border-radius:9px;background:#eef4e6;color:#91a77e}
.byp-section-trailer-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#172219;pointer-events:none}
.byp-section-trailer-frame>video[hidden]{display:none}
.byp-section-trailer-frame>svg{z-index:1;width:25px;height:25px;pointer-events:none}
.byp-section-trailer-frame:has(video:not([hidden]))>svg{color:#fff;filter:drop-shadow(0 1px 3px #152b16bb)}
.byp-section-trailer-copy{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.byp-section-trailer-copy>span{font-size:10px;line-height:1.6;color:#91a17f;overflow-wrap:anywhere}
.byp-section-trailer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.byp-section-trailer-actions>button{appearance:none;border:1px solid #dce6d4;border-radius:7px;background:#fff;min-height:31px;padding:6px 8px;color:#6d875b;font:inherit;font-size:10px;cursor:pointer}
.byp-section-trailer-complete{display:inline-flex;align-items:center;gap:4px;min-height:31px;color:#39764d;font-size:10px;line-height:1.5;white-space:nowrap}
.byp-section-trailer-editor [hidden]{display:none}
.byp-section-trailer-actions>button:hover{background:#eef4e7}
.byp-section-trailer-editor button:disabled{opacity:.55;cursor:default}
.byp-section-trailer-upload{display:flex;align-items:center;gap:7px;font-size:9px;color:#7b9369}
.byp-section-trailer-upload>progress{width:44px;height:3px;accent-color:#799a60;border:0;border-radius:8px;overflow:hidden}
.byp-section-trailer-error{font-size:10px;line-height:1.7;color:#a96c50;margin:9px 0 0;overflow-wrap:anywhere}
.byp-section-trailer-detail{margin-top:17px;border-top:1px solid #e7ecdf;padding-top:14px}
.byp-section-trailer-detail>h3{font-size:12px;font-weight:550;color:#55734a;margin:0 0 10px}
.byp-section-trailer-detail-open{appearance:none;display:flex;align-items:center;gap:11px;padding:10px;width:100%;box-sizing:border-box;border:1px solid #e1e8da;border-radius:11px;background:#fafcf7;text-align:left;font:inherit;cursor:pointer}
.byp-section-trailer-detail-open>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.byp-section-trailer-detail-open strong{font-size:12px;font-weight:550;color:#55734a}
.byp-section-trailer-detail-open small{font-size:10px;color:#91a17f}
.byp-section-trailer-dialog{box-sizing:border-box;width:min(calc(100vw - 24px),620px);max-height:calc(100dvh - 24px);padding:12px;border:1px solid #37503c;border-radius:15px;background:#142019;color:#eef4eb;overflow:auto}
.byp-section-trailer-dialog::backdrop{background:#09120dc9;backdrop-filter:blur(3px)}
.byp-section-trailer-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.byp-section-trailer-dialog strong{font-size:12px;font-weight:550}
.byp-section-trailer-dialog button{appearance:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #71836e55;border-radius:50%;background:#ffffff09;color:#eef4eb;font:inherit;font-size:21px;cursor:pointer}
.byp-section-trailer-dialog>video{display:block;width:100%;max-height:calc(100dvh - 110px);object-fit:contain;background:#09120d}
.byp-section-trailer-editor button:focus-visible,.byp-section-trailer-detail button:focus-visible,.byp-section-trailer-dialog button:focus-visible{outline:2px solid #8ca776;outline-offset:3px}
@media(max-width:359px){.byp-section-trailer-editor{padding:11px}.byp-section-trailer-mini{gap:9px}.byp-section-trailer-frame{width:56px;height:47px}.byp-section-trailer-heading>strong{font-size:11px}}
.byp-section-trailer-dialog header>strong{min-width:0;line-height:1.45;overflow-wrap:anywhere}
.byp-section-trailer-dialog header>button{flex-shrink:0}

/* school-sections-local.css */
.byp-school-sections{margin-top:24px;padding:0}
.byp-sections-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.byp-sections-heading>div{display:flex;align-items:center;gap:9px}
.byp-sections-heading h2{margin:0;font-size:17px;font-weight:600;color:#254d3e}
.byp-sections-heading>div>span{font-size:11px;color:#94a18c}
.byp-section-create{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:9px 12px;border:1px solid #dce6d3;border-radius:9px;background:#f5f8ee;color:#65814f;font:inherit;font-size:11px;cursor:pointer}
.byp-section-create svg{width:16px;height:16px}
.byp-section-create:hover{background:#edf4e3;border-color:#bfceae}
.byp-sections-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;min-height:114px;padding:18px;border:1px dashed #dce5d3;border-radius:13px;background:#fcfdf9;text-align:center;color:#99aa87}
.byp-sections-empty>svg{width:25px;height:25px;stroke-width:1.3}
.byp-sections-empty p{margin:0;font-size:12px;color:#7c9369}
.byp-sections-empty>span{font-size:11px;color:#a3ae98}
.byp-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.byp-section-card{overflow:hidden;border:1px solid #e1e8d9;border-radius:13px;background:#fff}
.byp-section-card>button{appearance:none;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.byp-section-card>button:hover{background:#fcfdf9}
.byp-section-card .byp-section-card-cover{border-radius:7px}
.byp-section-card-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(125deg,#edf3e3,#f7f8f1);color:#a0b28b}
.byp-section-card-cover>svg{width:32px;height:32px;stroke-width:1.2}
.byp-section-card-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.byp-section-card-cover>img[hidden]{display:none}
.byp-section-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:0}
.byp-section-state{font-size:9px;color:#bd8853;background:#fff4e6;padding:4px 7px;border-radius:5px}
.byp-section-card-copy>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.45;font-weight:600;color:#254d3e;overflow-wrap:anywhere}
.byp-section-topic{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.7;color:#8a9b7a;overflow-wrap:anywhere}
.byp-section-card-copy>.byp-section-topic{-webkit-line-clamp:1;font-size:11px;line-height:1.5}
.byp-section-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:1px}
.byp-section-card-meta>small{font-size:10px;color:#899b7d}
.byp-section-access{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #d7e5ce;border-radius:5px;background:#edf5e7;color:#4c7040;font-size:10px;line-height:1.4;font-weight:650}
.byp-section-access::before{content:'';flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:currentColor}
.byp-section-access.is-paid{border-color:#eadfcf;background:#faf5ec;color:#856b47}
@media(max-width:359px){.byp-section-card>button{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px}}
.byp-section-detail-card{padding:0!important;overflow:hidden}
.byp-section-detail-copy{padding:18px}
.byp-section-detail-copy>p{font-size:13px;line-height:1.8;color:#849675;white-space:pre-wrap;overflow-wrap:anywhere}
.byp-section-detail>.byp-sections-empty{margin-top:18px}
.byp-section-dialog{box-sizing:border-box;width:min(calc(100vw - 24px),460px);max-height:calc(100dvh - 26px);margin:auto;padding:0;border:1px solid #dce6d4;border-radius:17px;background:#fff;color:#315444;box-shadow:0 18px 70px #1e391b24;overflow:auto;font-family:inherit}
.byp-section-dialog::backdrop{background:#18302288;backdrop-filter:blur(3px)}
.byp-section-dialog-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px 14px;background:#fff;border-bottom:1px solid #edf1e8}
.byp-section-dialog-heading>div>span{font-size:10px;color:#97a68a}
.byp-section-dialog-heading h2{font-size:18px;font-weight:600;margin:4px 0 0;color:#28503e}
.byp-section-dialog-heading>button{appearance:none;display:grid;place-items:center;flex:0 0 auto;width:33px;height:33px;padding:0;border:1px solid #e3eadd;border-radius:50%;background:#f9fbf6;font:inherit;font-size:23px;font-weight:300;line-height:1;color:#849b72;cursor:pointer}
.byp-section-dialog form{padding:17px 20px 18px}
.byp-section-field{display:flex;flex-direction:column;gap:9px;margin:0 0 18px}
.byp-section-field>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#5b7650}
.byp-section-field>span>small{font-size:9px;color:#a0ad94}
.byp-section-field>input,.byp-section-field>textarea{box-sizing:border-box;width:100%;border:1px solid #dfe7d6;border-radius:9px;padding:11px 12px;background:#fff;font:inherit;font-size:13px;line-height:1.6;color:#355740;resize:vertical}
.byp-section-field>input::placeholder,.byp-section-field>textarea::placeholder{color:#b0baa7}
.byp-section-field>input:focus,.byp-section-field>textarea:focus{outline:2px solid #dbe8ce;outline-offset:1px;border-color:#a9c193}
.byp-section-cover-editor{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #e0e8d7;border-radius:11px;background:linear-gradient(125deg,#f0f5e8,#fafbf6)}
.byp-section-cover-editor>canvas{display:block;width:100%;height:100%}
.byp-section-cover-editor>canvas[hidden],.byp-section-cover-editor>[hidden],.byp-section-position[hidden],.byp-section-form-error[hidden]{display:none}
.byp-section-cover-editor>[data-byp-section-cover-empty]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#99ae86}
.byp-section-cover-editor [data-byp-section-cover-empty]>svg{width:31px;height:31px}
.byp-section-cover-editor [data-byp-section-cover-empty]>strong{font-size:12px;font-weight:500;color:#82996f}
.byp-section-cover-editor [data-byp-section-cover-empty]>small{font-size:10px;color:#a6b199}
.byp-section-choose{appearance:none;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:8px 11px;border:1px solid #dce6d2;border-radius:8px;background:#f8fbf3;color:#708a5b;font:inherit;font-size:11px;cursor:pointer}
.byp-section-choose>svg{width:15px;height:15px}
.byp-section-position{display:flex;flex-direction:column;gap:7px;margin-top:3px}
.byp-section-position>span{font-size:10px;color:#8c9d7c}
.byp-section-position>input{width:100%;height:5px;accent-color:#91aa78;margin:5px 0}
.byp-section-form-error{font-size:12px;line-height:1.7;color:#ac6d55;margin:0 0 15px}
.byp-section-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:2px}
.byp-section-form-actions>button{appearance:none;min-height:39px;padding:10px 15px;border:1px solid #dce5d3;border-radius:9px;background:#fff;color:#859976;font:inherit;font-size:12px;cursor:pointer}
.byp-section-form-actions>.byp-section-save{background:#365f48;border-color:#365f48;color:#fff}
.byp-section-dialog button:disabled{opacity:.55;cursor:wait}
.byp-section-dialog button:focus-visible,.byp-school-sections button:focus-visible,.byp-section-detail button:focus-visible{outline:2px solid #8fa777;outline-offset:3px}
@media(max-width:359px){.byp-section-dialog-heading{padding:14px 15px 12px}.byp-section-dialog form{padding:14px 15px}.byp-section-dialog-heading h2{font-size:17px}.byp-sections-heading h2{font-size:16px}.byp-section-create{padding:8px 10px;font-size:10px}}
.byp-section-preferences{border-top:1px solid #e8eedf;padding-top:17px;margin-top:3px}
.byp-section-preferences fieldset{min-width:0;margin:0 0 20px;padding:0;border:0}
.byp-section-preferences legend{margin-bottom:10px;padding:0;font-size:12px;font-weight:550;color:#557447}
.byp-section-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.byp-section-check{box-sizing:border-box;display:flex;align-items:flex-start;gap:9px;min-width:0;padding:11px 10px;border:1px solid #e2e9d9;border-radius:9px;background:#fbfcf8;cursor:pointer;margin-bottom:8px}
.byp-section-check>input{flex:0 0 auto;appearance:auto;accent-color:#6e8c54;width:15px;height:15px;margin:2px 0 0}
.byp-section-check>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.byp-section-check strong{font-size:11px;font-weight:500;line-height:1.5;color:#5f7d4d}
.byp-section-check small{font-size:10px;line-height:1.65;color:#9aa88d}
.byp-section-check:has(input:checked){border-color:#b5c89f;background:#f2f7eb}
.byp-section-option-fields{display:grid;gap:13px;margin:4px 0 0;padding:13px;border:1px solid #e3eadb;border-radius:10px;background:#fdfefa}
.byp-section-option-fields[hidden],.byp-section-option-fields>[hidden]{display:none}
.byp-section-option-fields>label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#718b5c}
.byp-section-option-fields>label>span{display:flex;justify-content:space-between;gap:7px;line-height:1.5}
.byp-section-option-fields small{font-size:9px;color:#a4b098}
.byp-section-option-fields input,.byp-section-option-fields select,.byp-section-option-fields textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dfe7d6;border-radius:8px;padding:10px 11px;background:#fff;color:#47673b;font:inherit;font-size:12px;line-height:1.6}
.byp-section-option-fields input:focus,.byp-section-option-fields select:focus,.byp-section-option-fields textarea:focus{outline:2px solid #dbe8ce;outline-offset:1px;border-color:#a9c193}
.byp-section-option-fields textarea{resize:vertical}
.byp-section-option-fields>p{margin:0;font-size:10px;line-height:1.75;color:#9caa8e}
.byp-section-option-fields>.byp-section-commission-note{padding-top:10px;border-top:1px solid #e7ecdf;font-size:9px}
.byp-section-option-fields input[aria-invalid=true]{border-color:#bd795f;outline-color:#edd9ce}
.byp-section-option-fields>.byp-section-price-preview{font-size:11px;color:#416a4c;font-weight:550}
.byp-section-option-fields>.byp-section-price-error{font-size:11px;color:#a65f45}
.byp-section-option-fields>.byp-certificate-delivery{margin:0}
.byp-certificate-delivery>legend{font-size:11px;margin-bottom:8px}
.byp-certificate-delivery>.byp-section-check:last-child{margin-bottom:0}
.byp-certificate-delivery .byp-section-check>input[type=radio]{box-sizing:border-box;flex:0 0 15px;width:15px;min-width:15px;max-width:15px;height:15px;min-height:0;padding:0;margin:2px 0 0}
.byp-certificate-help-entry[hidden],.byp-certificate-help[hidden]{display:none}
.byp-certificate-help-button{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 0;border:0;background:transparent;color:#4f775e;font:inherit;font-size:11px;cursor:pointer}
.byp-certificate-help-button svg{width:16px;height:16px;flex:0 0 16px}
.byp-certificate-help-button:hover{color:#284e37}
.byp-certificate-help-button[aria-expanded=true]{color:#365f48}
.byp-certificate-help{margin-top:7px;padding:13px;border:1px solid #dce7db;border-radius:10px;background:#f3f7ef;color:#617b53;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.byp-certificate-help>strong{display:block;font-size:12px;color:#3d6249}
.byp-certificate-help ol{margin:9px 0;padding-left:18px}
.byp-certificate-help li+li{margin-top:7px}
.byp-certificate-help p{margin:10px 0 0;font-size:10px;line-height:1.8}
.byp-certificate-help>.byp-certificate-help-note{border-top:1px solid #dfe8da;padding-top:10px;color:#7e8f72}
.byp-section-draft-note{font-size:10px;line-height:1.7;color:#a2af95;margin:0 0 15px}
.byp-section-form-actions{position:sticky;bottom:-18px;z-index:1;margin-top:14px;padding:12px 0 3px;border-top:1px solid #edf1e8;background:#fff}
.byp-section-configuration{display:grid;gap:0;margin:17px 0}
.byp-section-configuration>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #edf1e7;font-size:11px;line-height:1.7}
.byp-section-configuration dt{color:#9aa98b}
.byp-section-configuration dd{margin:0;color:#63804f;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:359px){.byp-section-option-grid{grid-template-columns:1fr}.byp-section-form-actions{bottom:-14px}.byp-section-configuration>div{grid-template-columns:94px minmax(0,1fr)}}

/* SECTION_DATE_EDIT_UI_V1 */
.byp-section-schedule{min-width:0;margin:16px 0;padding:14px;border:1px solid #dbe5df;border-radius:12px;background:#f8faf8}.byp-section-schedule legend,.byp-section-schedule h3{font-size:15px;font-weight:700}.byp-section-schedule label{display:grid;gap:6px;min-width:0;font-size:13px}.byp-section-schedule select,.byp-section-schedule input{width:100%;box-sizing:border-box;min-width:0;min-height:44px;border:1px solid #cddbd2;border-radius:9px;padding:9px;background:#fff;color:#1c3727;font:inherit}.byp-section-schedule-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.byp-section-schedule p{font-size:12px;line-height:1.5}.byp-section-schedule-note{color:#637567}.byp-section-schedule input:focus-visible,.byp-section-schedule select:focus-visible{outline:3px solid #6d957b;outline-offset:2px}@media(max-width:360px){.byp-section-schedule-fields{grid-template-columns:minmax(0,1fr)}}

/* school-showcase-local.css */
.byp-school-demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e5ebdf}.byp-school-demo-controls .btn{font-size:11px;min-height:38px;padding:8px 11px}.byp-school-demo-controls .btn:first-child{background:#edf5e9;border-color:#cbdcc2;color:#47713f}
.byp-school-showcase-hero{padding:14px;border:1px solid #dce6d6;border-radius:15px;background:linear-gradient(140deg,#f4f8ef,#fff 85%)}
.byp-school-showcase-profile{display:flex;align-items:center;gap:12px;min-width:0}.byp-school-showcase-profile .byp-school-logo{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#fff}.byp-school-showcase-identity{flex:1;min-width:0}.byp-school-showcase-identity h1{font-size:18px;line-height:1.35;letter-spacing:-.35px;margin:0 0 4px;overflow-wrap:anywhere}.byp-school-showcase-identity>small{font-size:10px;color:#849477}
.byp-school-showcase-counts{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:10px;color:#8b9a80}.byp-school-showcase-counts strong{font-size:12px;font-weight:600;color:#365540;margin-right:3px}.byp-school-showcase-hero>p{font-size:12px;line-height:1.65;color:#7a8a70;margin:12px 0;white-space:pre-line;overflow-wrap:anywhere}.byp-school-showcase .byp-school-back{margin-bottom:13px}
.byp-school-showcase-bottom{display:flex;align-items:center;gap:12px}.byp-school-showcase-bottom>.byp-school-category-chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:5px;margin:0}.byp-school-showcase-bottom>.byp-school-category-chips:empty{display:none}.byp-school-showcase-bottom .byp-school-trailer{flex:0 1 156px;min-width:0;margin:0 0 0 auto;padding:0;border:0}.byp-school-showcase-bottom .byp-school-trailer-preview{gap:8px;padding:5px 8px;border:0;border-radius:9px;background:#eef4e8}.byp-school-showcase-bottom .byp-school-trailer-frame{width:30px;flex:0 0 30px;border-radius:6px}.byp-school-showcase-bottom .byp-school-trailer-copy{gap:2px}.byp-school-showcase-bottom .byp-school-trailer-copy>strong{font-size:12px}.byp-school-showcase-bottom .byp-school-trailer-copy>span{font-size:10px}.byp-school-showcase-bottom .byp-school-trailer-open-hint{font-size:14px}.byp-school-showcase-bottom .byp-school-trailer-mini-play svg{width:21px;height:21px}
.byp-school-showcase-courses{display:grid;gap:15px}.byp-school-showcase-course{border:1px solid #dfe7db;border-radius:13px;overflow:hidden;background:#fff}.byp-school-showcase-cover{height:94px;background:linear-gradient(120deg,#e9f0e0,#f5f6eb);display:flex;align-items:center;justify-content:space-between;padding:0 23px;color:#8b9e73}.byp-school-showcase-course:nth-child(2) .byp-school-showcase-cover{background:linear-gradient(120deg,#f4e9dc,#fff6ed);color:#b39672}.byp-school-showcase-course:nth-child(3) .byp-school-showcase-cover{background:linear-gradient(120deg,#e4edeb,#f0f6f1);color:#7d9e90}.byp-school-showcase-cover>span{font-size:45px}.byp-school-showcase-cover>small{font-size:8px;letter-spacing:1px;background:#ffffffa8;border-radius:5px;padding:6px 8px}.byp-school-showcase-course-copy{padding:17px}.byp-school-showcase-course h2{font-size:17px;line-height:1.4;margin:0 0 9px;overflow-wrap:anywhere}.byp-school-showcase-course p{font-size:12px;line-height:1.7;color:#88927d;overflow-wrap:anywhere;margin:0 0 14px}.byp-school-showcase-course-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.byp-school-showcase-course-meta strong{font-size:14px;color:#5b774c}.byp-school-showcase-course-meta span{font-size:10px;color:#92a084}.byp-school-showcase-course-copy>.btn{width:100%;font-size:12px;min-height:39px}.byp-school-showcase-live{margin-top:24px;border-top:1px solid #e3eade;padding-top:18px}.byp-school-showcase-live h2{font-size:16px;margin:0 0 10px}.byp-school-showcase-live p,.byp-school-showcase-note{font-size:11px;line-height:1.8;color:#929d88}.byp-school-showcase-note{margin:22px 0}.byp-school-showcase-placeholder{margin-top:20px;padding:20px 14px;text-align:center;background:#f4f7ee;border-radius:10px}.byp-school-showcase-placeholder strong{font-size:14px}.byp-school-showcase-placeholder p{font-size:11px;line-height:1.8;color:#8c987d;margin:10px 0 0}
.byp-public-school-sections{margin:22px 0}.byp-public-section-detail>.btn{margin-bottom:16px;font-size:12px}.byp-public-section-detail .byp-school-heading h1{overflow-wrap:anywhere}.byp-public-section-topic{white-space:pre-line;overflow-wrap:anywhere;color:#7b8e71;font-size:13px;line-height:1.7}.byp-public-section-price{display:block;margin:14px 0;color:#47644a;font-size:15px}.byp-public-section-lock{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:19px 16px;border:1px solid #e4dac8;border-radius:13px;background:#fcf9f2;color:#806a48}.byp-public-section-lock>span{display:flex;flex:0 0 24px}.byp-public-section-lock svg{width:24px;height:24px}.byp-public-section-lock strong{font-size:14px}.byp-public-section-lock p{margin:7px 0;font-size:12px;line-height:1.7}.byp-public-section-lock small{font-size:11px}
@media(max-width:360px){.byp-school-showcase-hero{padding:12px}.byp-school-showcase-identity h1{font-size:16px}.byp-school-showcase-bottom{gap:8px}.byp-school-showcase-bottom .byp-school-trailer{flex-basis:142px}}

.byp-public-section-join{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:15px;border-radius:9px;font-size:13px;font-weight:600}.byp-section-membership h3{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.byp-section-membership p{font-size:13px;line-height:1.7}

.byp-public-school-sections .byp-section-card>button{grid-template-columns:112px minmax(0,1fr);min-height:108px;padding:13px 12px}.byp-section-trailer-public{margin:0 12px 10px;padding-top:8px;border-top:1px solid #e6eddf}.byp-section-trailer-public>button{appearance:none;display:flex;align-items:center;gap:7px;width:100%;min-height:29px;padding:0;border:0;background:transparent;color:#4e7248;text-align:left;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.byp-section-trailer-public svg{width:20px;height:20px;flex:0 0 20px}.byp-section-trailer-public small{margin-left:auto;color:#90a081;font-size:10px;font-weight:400}.byp-public-section-detail .byp-section-trailer-public{margin:12px 0 0}.byp-section-trailer-public button:focus-visible{outline:2px solid #8ca776;outline-offset:3px}@media(max-width:359px){.byp-public-school-sections .byp-section-card>button{grid-template-columns:96px minmax(0,1fr)}}
.byp-section-trailer-poster{position:relative;display:block;flex:0 0 46px;width:46px;height:30px;overflow:hidden;border-radius:5px;background:#ecf2e6}.byp-section-trailer-poster>img,.byp-section-trailer-poster>.byp-section-card-cover{width:100%;height:100%;object-fit:cover}.byp-section-trailer-poster-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#153a2420}.byp-section-trailer-poster-play svg{width:17px;height:17px;filter:drop-shadow(0 1px 2px #142b17)}

/* school-trailer-local.css */
.byp-school-trailer{margin-top:18px;padding-top:14px;border-top:1px solid #e3eade}
.byp-school-trailer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.byp-school-trailer-heading h3{font-size:12px;font-weight:550;margin:0;color:#536e44}
.byp-school-trailer-heading>span{font-size:10px;color:#96a387}
.byp-school-trailer-preview{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:10px 12px;border:1px solid #e3eadd;border-radius:13px;background:linear-gradient(125deg,#f5f8ef,#fcfdf9);color:#536e44;text-align:left;font:inherit}
button.byp-school-trailer-preview{appearance:none;cursor:pointer;transition:border-color .15s,background .15s}
button.byp-school-trailer-preview:hover{border-color:#b9cba8;background:#f2f7ea}
.byp-school-trailer-frame{position:relative;display:block;flex:0 0 auto;box-sizing:border-box;width:56px;aspect-ratio:9/16;margin:0;border:1px solid #dce6d4;border-radius:9px;overflow:hidden;background:linear-gradient(155deg,#eaf1df,#f7f9f1)}
.byp-school-trailer-empty{display:grid;place-items:center;width:100%;height:100%;color:#96ac83}
.byp-school-trailer-empty>svg{width:25px;height:25px}
.byp-school-trailer-copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.byp-school-trailer-copy>strong{font-size:12px;font-weight:550;line-height:1.6;color:#5c764c}
.byp-school-trailer-copy>span:not(.byp-school-trailer-actions){font-size:10px;line-height:1.6;color:#95a487}
.byp-school-trailer-open-hint{font-size:17px;color:#97ad83;align-self:center}
.byp-school-trailer-thumb{appearance:none;display:block;flex:0 0 auto;padding:0;border:0;border-radius:9px;background:none;cursor:pointer}
.byp-school-trailer-frame>video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;background:#eaf0e1;pointer-events:none}
.byp-school-trailer-mini-play{position:absolute;inset:0;display:grid;place-items:center;background:#1a2d1914;color:#fff;pointer-events:none}
.byp-school-trailer-mini-play svg{width:25px;height:25px;filter:drop-shadow(0 1px 3px #20351d80)}
.byp-school-trailer-player-status{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:5px;box-sizing:border-box;text-align:center;font-size:9px;line-height:1.6;color:#8d9e82;background:#f1f5ea;pointer-events:none}
.byp-school-trailer-player-status[hidden]{display:none}
.byp-school-trailer-player-status.is-error{color:#a16c56}
.byp-school-trailer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:3px}
.byp-school-trailer-actions:empty{display:none}
.byp-school-trailer-actions button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dfe7d6;border-radius:7px;background:#fff;padding:7px 9px;min-height:32px;font-family:inherit;font-size:10px;color:#748d60;cursor:pointer}
.byp-school-trailer-actions button:hover{background:#f0f6e8}
.byp-school-trailer-actions button:disabled{opacity:.5;cursor:wait}
.byp-school-trailer-actions svg{width:12px;height:12px}
.byp-school-trailer-status{font-size:10px;line-height:1.7;text-align:left;color:#96a58a;margin:9px 0 0}
.byp-school-trailer-status.is-error{color:#ae654f}
.byp-school-trailer button:focus-visible,.byp-school-trailer-dialog button:focus-visible{outline:2px solid #8ca776;outline-offset:3px}
.byp-school-trailer-progress{display:block;width:100%;height:5px;margin:11px 0 0;border:0;border-radius:20px;overflow:hidden;accent-color:#78985c;background:#e9efdf}
.byp-school-trailer-progress[hidden]{display:none}
.byp-school-trailer-progress::-webkit-progress-bar{background:#e9efdf;border-radius:20px}
.byp-school-trailer-progress::-webkit-progress-value{background:#78985c;border-radius:20px}
.byp-school-trailer-dialog{box-sizing:border-box;width:min(calc(100vw - 24px),380px);max-height:calc(100dvh - 24px);margin:auto;padding:12px;border:1px solid #c4d0bd30;border-radius:18px;background:#142019;color:#f3f6ef;box-shadow:0 16px 70px #07110a55;overflow:auto}
.byp-school-trailer-dialog::backdrop{background:#0a140ec9;backdrop-filter:blur(4px)}
.byp-school-trailer-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.byp-school-trailer-dialog-heading>span{display:flex;align-items:center;gap:9px}
.byp-school-trailer-dialog-heading strong{font-size:12px;font-weight:550}
.byp-school-trailer-dialog-heading small{font-size:10px;color:#9cad96}
.byp-school-trailer-dialog-heading button{appearance:none;display:grid;place-items:center;width:34px;height:34px;padding:8px;border:1px solid #a6b69e30;border-radius:50%;background:#ffffff08;color:#e5ecdf;cursor:pointer}
.byp-school-trailer-dialog-heading svg{width:17px;height:17px}
.byp-school-trailer-dialog .byp-school-trailer-frame{width:min(100%,calc((100dvh - 110px)*.5625));margin:0 auto;border-color:#314331;border-radius:12px;background:#07110a}
.byp-school-trailer-dialog .byp-school-trailer-frame>video{object-fit:contain;background:#07110a;pointer-events:auto}
.byp-school-trailer-dialog .byp-school-trailer-player-status{font-size:12px;background:#142019;color:#a4b69a;padding:20px}
@media(max-width:359px){.byp-school-trailer-preview{gap:10px;padding:9px}.byp-school-trailer-frame{width:50px}.byp-school-trailer-copy>strong{font-size:11px}.byp-school-trailer-actions button{padding:6px 8px}}
.byp-school-trailer-copy>.byp-school-trailer-upload{display:flex;align-items:center;gap:8px;margin-top:2px;color:#8ba079;font-size:10px;line-height:1.5}
.byp-school-trailer-upload[hidden],.byp-school-trailer-status[hidden]{display:none}
.byp-school-trailer-upload .byp-school-trailer-progress{display:block;flex:0 0 42px;width:42px;height:3px;margin:0}
.byp-school-trailer-complete{display:inline-flex;align-items:center;gap:4px;color:#4f805d;font-size:10px;line-height:1.5;white-space:nowrap}
.byp-school-trailer-complete>span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e8f3e9;color:#4f805d;font-size:11px}
.byp-school-trailer-complete[hidden]{display:none}
.byp-school-trailer-dialog-heading>span{min-width:0;flex-wrap:wrap}.byp-school-trailer-dialog-heading strong{overflow-wrap:anywhere}.byp-school-trailer-dialog-heading small{white-space:nowrap}

/* profile-workspace-local.css */
/* Only the generic demo chrome moves into profile settings. Page content,
   native routing and the new modal navigation retain their own layout. */
#app>.dm-workspace>.dm-page-head,
#app>.dm-workspace>.dm-nav{display:none}
.byp-workspace-menu-entry>svg{flex:0 0 auto}
.byp-workspace-panel{min-width:0}
.byp-workspace-intro{margin:0 0 16px;color:#748078;font-size:13px;line-height:1.6}
.byp-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0}
.byp-workspace-link{appearance:none;display:flex;align-items:center;gap:9px;min-width:0;min-height:56px;padding:12px;border:1px solid #e2e8e1;border-radius:11px;background:#f8faf7;color:#314d3e;font:inherit;font-size:13px;font-weight:500;line-height:1.4;text-align:left;cursor:pointer}
.byp-workspace-link>svg{display:block;flex:0 0 19px;width:19px;height:19px;color:#62816c}
.byp-workspace-link>span{min-width:0;overflow-wrap:anywhere}
.byp-workspace-link:hover,.byp-workspace-link[aria-current="page"]{border-color:#c7dbc9;background:#edf4ec;color:#284e38}
.byp-workspace-link:focus-visible{outline:2px solid #527a60;outline-offset:3px}
@media(max-width:360px){
  .byp-workspace-grid{gap:8px}
  .byp-workspace-link{gap:6px;padding:10px;font-size:12px}
}

/* project-byarslan-brand-local.css */
/* The project name is text. Personal profile/avatar images remain untouched. */
.project-logo.byp-project-name,
.brand>.project-logo.byp-project-name{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:none;
  color:#193c35;
  font-family:'Manrope','DM Sans',Arial,sans-serif;
  font-size:25px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.8px;
  white-space:nowrap;
}
.auth-brand.auth-brand-online>.project-logo.byp-project-name{
  width:auto;
  max-width:100%;
  height:auto;
  font-size:31px;
}
.topbar::before{content:none}
.topbar .mobile-header-brand{gap:12px}
.topbar .header-create-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border:1px solid #d6e3ce;border-radius:10px;background:#f0f6eb;color:#365e44;box-shadow:0 1px 2px #24433109}
.topbar .header-create-button svg{width:20px;height:20px}
.topbar .header-create-button:hover{background:#e7f0df;border-color:#bdcfb1}
.topbar .header-create-button:focus-visible{outline:2px solid #749863;outline-offset:3px}
@media(max-width:768px){
  .topbar .mobile-wordmark>.project-logo.byp-project-name{
    display:block;
    width:auto;
    max-width:none;
    height:auto;
    max-height:none;
    font-size:21px;
    line-height:1.2;
    letter-spacing:-.65px;
  }
}
@media(max-width:360px){
  .topbar .mobile-wordmark>.project-logo.byp-project-name{font-size:18px;letter-spacing:-.55px}
}

/* school-lesson-media-local.css */
.byp-lesson-media-editor{min-width:0;padding:16px;border:1px solid #dbe3d5;border-radius:14px;background:#f8faf5;color:var(--byp-ink,#244a3a)}
.byp-lesson-media-editor>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.byp-lesson-media-editor small,.byp-lesson-media-help{color:var(--byp-secondary,#5f725a)}.byp-lesson-media-help{font-size:13px;line-height:1.5;margin:9px 0 12px}.byp-lesson-media-actions{display:flex;gap:8px;flex-wrap:wrap}.byp-lesson-media-editor button{min-height:44px;padding:9px 13px;border:1px solid #cad5bf;border-radius:9px;background:white;color:var(--byp-primary,#315d47);font:inherit;cursor:pointer}.byp-lesson-media-editor button:disabled{opacity:.5;cursor:default}.byp-lesson-media-editor button:focus-visible,.byp-lesson-media-reader button:focus-visible{outline:3px solid var(--byp-focus,#426f50);outline-offset:3px}
[data-byp-lesson-media-list]{display:grid;gap:10px;margin-top:12px}.byp-lesson-media-item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border-radius:10px;border:1px solid #dce5d5;background:white}.byp-lesson-media-visual:empty{display:none}.byp-lesson-media-visual{flex:0 0 110px;max-width:32%;overflow:hidden;border-radius:7px;background:#e9eee4}.byp-lesson-media-visual video,.byp-lesson-media-visual img{display:block;width:100%;max-height:130px;object-fit:contain}.byp-lesson-media-copy{min-width:0;flex:1}.byp-lesson-media-copy strong{display:block;font-size:13px;overflow-wrap:anywhere}.byp-lesson-media-copy small{display:block;font-size:12px;line-height:1.5;margin:3px 0}.byp-lesson-media-copy>div{display:flex;gap:8px;flex-wrap:wrap}.byp-lesson-media-copy button{font-size:12px;padding:6px 10px}
[data-byp-lesson-media-error],.byp-lesson-media-problem{color:#8b392e;font-size:13px;line-height:1.5}[data-byp-lesson-media-progress],[data-byp-lesson-media-recovery]{font-size:13px;line-height:1.5;color:var(--byp-primary,#315d47)}.byp-lesson-media-reader{display:grid;gap:12px;min-width:0;max-width:100%}.byp-lesson-media-reader video{display:block;width:100%;height:auto;min-height:44px;max-height:75vh;object-fit:contain;border-radius:12px;background:#13231b}.byp-lesson-media-reader img{display:block;width:100%;height:auto;max-width:100%;max-height:75vh;border-radius:10px;object-fit:contain}.byp-lesson-media-reader button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:44px;min-height:48px;padding:12px;border:1px solid #d3deca;border-radius:10px;background:#f5f8f0;color:var(--byp-primary,#315d47);font:inherit;text-align:left;cursor:pointer}.byp-lesson-media-reader button span{overflow-wrap:anywhere;min-width:0}.byp-lesson-media-reader button small{flex-shrink:0;color:var(--byp-secondary,#5f725a)}
@media(max-width:420px){.byp-lesson-media-editor{padding:12px}.byp-lesson-media-editor>header small{font-size:12px}.byp-lesson-media-item{gap:8px}.byp-lesson-media-visual{flex-basis:82px}.byp-lesson-media-reader button{gap:8px;font-size:13px}}

/* school-lesson-teaser-ui-local.css */
.byp-lesson-teaser-action{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;color:var(--byp-secondary,#5f725a);font-size:12px;min-width:0}.byp-lesson-teaser-action button{min-height:44px;padding:8px 12px;border:1px solid #c8d8cd;border-radius:12px;background:#f4f8f3;color:var(--byp-primary,#315d47);font:inherit;font-weight:700;cursor:pointer}.byp-lesson-teaser-sheet{position:fixed;inset:0;z-index:2460;display:grid;place-items:center;padding:16px;background:rgba(13,31,23,.55);box-sizing:border-box;overscroll-behavior:contain;color:var(--byp-ink,#244a3a)}.byp-lesson-teaser-card{display:flex;flex-direction:column;min-height:0;min-width:0;width:min(100%,620px);max-height:calc(100dvh - 32px);overflow:hidden;background:#fffdf7;border-radius:20px;box-shadow:0 16px 60px #0003}.byp-lesson-teaser-card>header,.byp-lesson-teaser-card>footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:0;background:#fffdf7}.byp-lesson-teaser-card>header{border-bottom:1px solid #dce5db}.byp-lesson-teaser-card>header h2{margin:0;font-size:19px;line-height:1.25}.byp-lesson-teaser-card>footer{border-top:1px solid #dce5db;padding-bottom:max(12px,env(safe-area-inset-bottom))}.byp-lesson-teaser-body{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.byp-lesson-teaser-body h3{margin:0 0 10px;font-size:17px}.byp-lesson-teaser-body p{margin:0 0 12px}.byp-lesson-teaser-consent{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #cbdacb;border-radius:12px;background:#f2f7ee;cursor:pointer}.byp-lesson-teaser-consent input{flex:none;width:22px;height:22px;margin:1px 0;accent-color:#315d47}.byp-lesson-teaser-consent span{min-width:0}.byp-lesson-teaser-card button{min-height:44px;min-width:44px;padding:9px 13px;border:1px solid #bfcebf;border-radius:12px;font:inherit;font-weight:650;color:var(--byp-primary,#315d47);background:#fff;cursor:pointer}.byp-lesson-teaser-card button.is-primary{background:var(--byp-primary,#315d47);color:#fff;border-color:transparent}.byp-lesson-teaser-card button:disabled{opacity:.52;cursor:default}.byp-lesson-teaser-card button:focus-visible,.byp-lesson-teaser-consent input:focus-visible,.byp-lesson-teaser-preview:focus-visible{outline:3px solid var(--byp-focus,#426f50);outline-offset:2px}.byp-lesson-teaser-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.byp-lesson-teaser-status{margin-top:12px!important;color:#315d47}.byp-lesson-teaser-error{color:#9d2727;background:#fff0ed;padding:10px;border-radius:10px}.byp-lesson-teaser-body progress{width:100%;height:14px;accent-color:#315d47;margin:0 0 12px}.byp-lesson-teaser-preview{display:block;width:100%;height:auto;max-height:44dvh;object-fit:contain;background:#0b1510;border-radius:10px}.byp-lesson-teaser-sheet [hidden]{display:none!important}@media(max-width:420px){.byp-lesson-teaser-sheet{padding:8px}.byp-lesson-teaser-card{max-height:calc(100dvh - 16px);border-radius:16px}.byp-lesson-teaser-card>header,.byp-lesson-teaser-card>footer{padding-inline:12px}.byp-lesson-teaser-body{padding:12px}.byp-lesson-teaser-actions>button{flex:1 1 130px}}@media(forced-colors:active){.byp-lesson-teaser-consent,.byp-lesson-teaser-card button{border:1px solid ButtonText}.byp-lesson-teaser-card{border:1px solid CanvasText}}

/* auth-sheet-local.css */
.modal-backdrop:has(.auth-dialog){align-items:flex-end;padding:0}.modal.auth-dialog{width:100%!important;max-width:500px;max-height:94dvh;display:flex;flex-direction:column;margin:0 auto;border-radius:24px 24px 0 0;animation:byp-auth-sheet-in .24s ease-out}.auth-dialog .modal-head{flex-shrink:0}.auth-dialog .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.byp-auth-error{font-size:12px;line-height:1.6;color:#af5949;margin:0}.byp-auth-error[hidden]{display:none}@keyframes byp-auth-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.modal.auth-dialog{animation:none}}

/* school-gallery-local.css */
.byp-gallery-editor{padding:14px;border:1px solid #dce5d3;border-radius:12px;background:#fafcf7}.byp-gallery-editor>header{display:flex;justify-content:space-between;align-items:center;color:#365a44;font-size:12px}.byp-gallery-editor small,.byp-gallery-editor>p{font-size:10px;color:#91a184;line-height:1.6}.byp-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0}.byp-gallery-tile{position:relative;aspect-ratio:1;min-width:0}.byp-gallery-tile img{width:100%;height:100%;object-fit:cover;border-radius:7px;background:#edf2e8}.byp-gallery-tile button{position:absolute;top:-5px;right:-4px;border:1px solid #d9e4d0;border-radius:50%;background:#fff;color:#547346;width:23px;height:23px;cursor:pointer}.byp-gallery-editor [role=alert]{color:#b36752}.byp-gallery-editor [hidden]{display:none}.byp-gallery-strip{display:flex;gap:7px;overflow-x:auto;padding:10px 0;margin:0;max-width:100%}.byp-gallery-strip>button{border:1px solid #dce5d3;border-radius:8px;flex:0 0 80px;height:62px;padding:0;overflow:hidden;background:#f0f4eb;cursor:pointer}.byp-gallery-strip img{display:block;width:100%;height:100%;object-fit:cover}.byp-gallery-strip img[hidden]{display:none}.byp-gallery-dialog{border:0;border-radius:14px;padding:35px 12px 12px;max-width:min(900px,94vw);background:#fff}.byp-gallery-dialog::backdrop{background:#18352dcc}.byp-gallery-dialog>button{position:absolute;right:8px;top:6px;border:0;background:#f1f5ec;border-radius:50%;font-size:22px;color:#45603f;width:29px;height:29px;cursor:pointer}.byp-gallery-dialog>img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.byp-upcoming-section-help{font-size:10px;color:#91a184;line-height:1.6;margin:-6px 0 0}
.byp-gallery-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x}.byp-gallery-strip>button{scroll-snap-align:start}.byp-gallery-dialog>img{touch-action:pan-y;user-select:none;-webkit-user-drag:none}.byp-gallery-dialog>footer{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:10px;color:#547346;font-size:12px}.byp-gallery-dialog>footer>button{position:static;border:1px solid #dce5d3;border-radius:50%;background:#f5f8f0;width:33px;height:33px;font-size:24px;color:#547346;cursor:pointer}.byp-gallery-dialog>small{display:block;text-align:center;margin-top:6px;color:#91a184;font-size:10px}.byp-section-trailer-dialog>video{max-height:calc(82dvh - 125px)}.byp-section-trailer-dialog .byp-gallery-strip{margin-top:5px}

/* section-checkout-local.css */
.byp-section-checkout{box-sizing:border-box;position:fixed;inset:0;width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:18px;background:#fff;color:#1c3224;box-shadow:0 20px 70px #0005}.byp-section-checkout[open]{display:flex;flex-direction:column}.byp-section-checkout::backdrop{background:#0c191c99}.byp-checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 14px;border-bottom:1px solid #e0e7e2;font-size:13px;color:#65756b}.byp-checkout-heading button{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#f1f5f1;color:#254732;font-size:25px}.byp-checkout-body{overflow:auto;min-height:0;padding:16px}.byp-checkout-body h2{margin:0 0 18px;font-size:22px}.byp-checkout-school{display:flex;align-items:center;gap:12px;margin-bottom:18px}.byp-checkout-school>img,.byp-checkout-school>span{display:grid;place-items:center;width:56px;height:56px;object-fit:contain;flex:none;border-radius:12px;background:#f0f5f1;color:#315e42}.byp-checkout-school h3{font-size:17px;margin:0}.byp-checkout-school p{font-size:13px;margin:5px 0;color:#607266;overflow-wrap:anywhere}.byp-checkout-summary{margin:0}.byp-checkout-summary>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf0ed}.byp-checkout-summary dt{font-size:13px;color:#607266}.byp-checkout-summary dd{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.byp-checkout-summary .byp-checkout-total{margin-top:8px;border:0}.byp-checkout-total dd{font-size:22px;font-weight:700}.byp-checkout-demo{font-size:13px;line-height:1.6;background:#f3f7f3;padding:12px;border-radius:10px}.byp-checkout-footer{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #dfe7e0}.byp-checkout-footer button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #ccdcd0;border-radius:10px;background:#fff;color:#23472e;font:inherit;font-size:14px}.byp-checkout-footer .is-primary{background:#245238;color:#fff;border-color:#245238}.byp-checkout-error{padding:0 16px;color:#9b2f28;font-size:13px;line-height:1.5}.byp-section-checkout button:focus-visible{outline:3px solid #7ca18b;outline-offset:2px}.byp-section-checkout button{cursor:pointer}.byp-section-checkout button:disabled{opacity:.6;cursor:default}@media(max-width:360px){.byp-checkout-summary>div{grid-template-columns:75px minmax(0,1fr)}.byp-checkout-body{padding:12px}.byp-checkout-footer{padding:10px 12px}.byp-checkout-footer .is-primary{width:100%}}

/* upcoming-training-local.css */
.byp-upcoming-plan{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid #efd4b5;border-radius:9px;background:#fff0df;color:#a56831;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.byp-upcoming-plan svg{width:16px;height:16px}.byp-upcoming-plan:hover{background:#fce7d0;border-color:#e6c5a1}.byp-upcoming-owner>.byp-upcoming-button,.byp-upcoming-detail>.byp-upcoming-button{margin-bottom:15px}.byp-upcoming-form{display:flex;flex-direction:column;gap:15px;padding:18px;border:1px solid #dce6d6;border-radius:14px;background:#fff}.byp-upcoming-form>label,.byp-upcoming-date-fields>label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:#607c50}.byp-upcoming-form input,.byp-upcoming-form textarea,.byp-upcoming-form select{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:43px;padding:11px;border:1px solid #dce5d4;border-radius:9px;background:#fff;color:#294d3d;font:inherit;font-size:13px}.byp-upcoming-form textarea{resize:vertical;line-height:1.7}.byp-upcoming-form small{font-size:10px;color:#91a184}.byp-upcoming-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.byp-upcoming-form-note,.byp-upcoming-rule{font-size:11px;line-height:1.75;color:#8a997e;margin:0}.byp-upcoming-form [role=alert]{font-size:12px;line-height:1.6;color:#b36752;margin:0}.byp-upcoming-form [hidden]{display:none}.byp-upcoming-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px}.byp-upcoming-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid #d9e4d0;border-radius:8px;background:#f7faf3;color:#547346;font:inherit;font-size:11px;cursor:pointer}.byp-upcoming-button.is-primary,[data-byp-upcoming=register]{background:#365f48;border-color:#365f48;color:#fff}.byp-upcoming-saved{margin-top:24px}.byp-upcoming-saved h2,.byp-upcoming-public>h2{font-size:17px;font-weight:600;color:#294f3e}.byp-upcoming-public{margin:22px 0}.byp-upcoming-card{padding:15px;border:1px solid #dce5d3;border-radius:13px;background:#fbfcf7;margin-top:10px;min-width:0}.byp-upcoming-card h3{font-size:15px;line-height:1.5;color:#294f3e;margin:8px 0;overflow-wrap:anywhere}.byp-upcoming-card>p{font-size:12px;line-height:1.75;color:#829176;overflow-wrap:anywhere}.byp-upcoming-date{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:#6f895e}.byp-upcoming-date svg{width:17px;height:17px;flex-shrink:0}.byp-upcoming-owner-status{font-size:10px;color:#8b986f}.byp-upcoming-rule{margin-top:11px!important;font-size:11px!important}.byp-upcoming-full-details{white-space:pre-line}.byp-upcoming-card>small{display:block;margin-top:12px;font-size:10px;line-height:1.6;color:#95a185}.byp-upcoming-plan:focus-visible,.byp-upcoming-button:focus-visible{outline:2px solid #819e70;outline-offset:3px}@media(max-width:359px){.byp-upcoming-plan{padding:7px;font-size:10px;gap:4px}.byp-upcoming-plan svg{width:14px;height:14px}.byp-upcoming-form{padding:14px}.byp-upcoming-date-fields{grid-template-columns:1fr}}
.byp-upcoming-banner{position:relative;isolation:isolate;overflow:hidden;margin:13px 0 0;border:1px solid #f1b965;border-radius:17px;background:linear-gradient(125deg,#fff9eb,#ffebcd 70%,#ffe2bb);box-shadow:0 9px 24px #c57a1821;animation:byp-upcoming-aura 3s ease-in-out infinite;cursor:pointer;min-width:0}
.byp-upcoming-banner-media{position:relative;height:190px;overflow:hidden;background:linear-gradient(135deg,#df8336,#ffce79);isolation:isolate}
.byp-upcoming-banner-media:after{content:'';position:absolute;inset:-30% -40%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffff38 49%,transparent 60%);transform:translateX(-100%);animation:byp-upcoming-shine 7s ease-in-out infinite}
.byp-upcoming-banner-media .byp-section-trailer-public{height:100%;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.byp-upcoming-banner-media .byp-section-trailer-public>button,.byp-upcoming-cover-fallback{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:#18372e;color:white;overflow:hidden;cursor:pointer}
.byp-upcoming-banner-media .byp-section-trailer-poster{display:block;width:100%;height:100%;border:0;border-radius:0;position:relative;background:transparent}
.byp-upcoming-banner-media .byp-section-card-cover{display:block;width:100%;height:100%;border:0;border-radius:0}
.byp-upcoming-banner-media img{display:block;width:100%;height:100%;object-fit:cover}
.byp-upcoming-banner-media .byp-section-trailer-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(#12251c21,transparent 40%,#14251bd1);pointer-events:none}
.byp-upcoming-banner-media .byp-section-trailer-poster-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;padding:0;border:2px solid #ffffffdd;border-radius:50%;background:linear-gradient(145deg,#ffb04b,#ec772b);color:white;box-shadow:0 5px 25px #0004}
.byp-upcoming-banner-media .byp-section-trailer-poster-play svg{width:27px;height:27px}
.byp-upcoming-banner-media .byp-section-trailer-public>button>span:not(.byp-section-trailer-poster),.byp-upcoming-cover-fallback>span:last-child{position:absolute;z-index:2;left:14px;bottom:14px;color:white;font-size:12px;font-weight:700;text-shadow:0 1px 5px #0006}
.byp-upcoming-banner-media .byp-section-trailer-public>button>small{position:absolute;z-index:2;right:14px;bottom:14px;color:white;font-size:11px;padding:3px 6px;background:#0005;border-radius:5px}
.byp-upcoming-banner-badge{position:absolute;z-index:4;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ffffff80;border-radius:30px;background:linear-gradient(115deg,#e97224,#f49a37);color:white;font-size:9px;font-weight:800;letter-spacing:1px;box-shadow:0 3px 12px #87471c2b;pointer-events:none}
.byp-upcoming-banner-badge i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff28}
.byp-upcoming-banner-body{padding:16px;min-width:0}
.byp-upcoming-banner .byp-upcoming-date{display:inline-flex;padding:6px 9px;border:1px solid #efc58d;border-radius:8px;background:#fff8eb;color:#a15a20;font-size:11px;font-weight:650;line-height:1.5}
.byp-upcoming-banner h3{margin:10px 0 7px;color:#244a37;font-size:21px;line-height:1.27;letter-spacing:-.4px;font-weight:750;overflow-wrap:anywhere}
.byp-upcoming-banner-description{margin:0;color:#7b7059;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.byp-upcoming-banner .byp-upcoming-actions{gap:7px;margin-top:14px}
.byp-upcoming-banner .byp-upcoming-button{min-height:40px;padding:9px 13px;border-color:#edc38c;border-radius:9px;background:#fffaf1;color:#98561f;font-size:12px;font-weight:650}
.byp-upcoming-banner [data-byp-upcoming=notify]{background:linear-gradient(110deg,#f6a042,#e8792f);color:#fff;border-color:#e68b35;box-shadow:0 4px 11px #d9802826}
.byp-upcoming-banner [data-byp-upcoming=register]{background:#365f48;color:white;border-color:#365f48}
.byp-upcoming-banner .byp-upcoming-rule{color:#947043;font-size:10px!important;line-height:1.65;margin-top:12px!important;padding-top:10px;border-top:1px solid #ebcfa7}
.byp-upcoming-banner:hover{border-color:#e99c3c}
.byp-upcoming-banner:focus-visible{outline:2px solid #c77a26;outline-offset:3px}
.byp-upcoming-cover-word{display:grid;place-items:center;height:100%;padding:35px;font-size:23px;font-weight:700;line-height:1.3;background:linear-gradient(135deg,#b86d30,#e49e4b)}
.byp-upcoming-profile{padding:0 14px;margin:16px 0;box-sizing:border-box}
.byp-upcoming-profile .byp-upcoming-banner{display:grid;grid-template-columns:116px minmax(0,1fr);margin-top:0}
.byp-upcoming-profile .byp-upcoming-banner-media{height:100%;min-height:205px}
.byp-upcoming-profile .byp-upcoming-banner-body{padding:13px}
.byp-upcoming-profile .byp-upcoming-banner h3{font-size:17px;margin-top:8px}
.byp-upcoming-profile .byp-upcoming-date{font-size:9px;padding:5px 6px;gap:4px}
.byp-upcoming-profile .byp-upcoming-date svg{width:13px;height:13px}
.byp-upcoming-profile .byp-upcoming-banner-description{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.byp-upcoming-profile .byp-upcoming-button{font-size:10px;padding:7px 9px;min-height:34px}
.byp-upcoming-profile .byp-upcoming-actions{margin-top:10px}
.byp-upcoming-profile .byp-upcoming-rule{font-size:9px!important;margin-top:9px!important;padding-top:8px}
.byp-upcoming-profile .byp-upcoming-banner-badge{font-size:7px;padding:6px;left:7px;top:8px;gap:4px;letter-spacing:.6px}
.byp-upcoming-profile .byp-section-trailer-poster-play{width:43px;height:43px}
.byp-upcoming-profile .byp-section-trailer-poster-play svg{width:21px;height:21px}
.byp-upcoming-profile .byp-section-trailer-public>button>span:not(.byp-section-trailer-poster){left:8px;bottom:11px;font-size:10px}
.byp-upcoming-profile .byp-section-trailer-public>button>small{right:8px;bottom:34px;font-size:9px}
.byp-section-card-copy>.byp-section-upcoming-mark{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px;width:fit-content;max-width:100%;padding:4px 7px;margin:5px 0;border:1px solid #f0c482;border-radius:6px;background:#fff0d9;color:#a36225;font-size:10px;font-weight:650;line-height:1.4}
.byp-section-upcoming-mark i{width:5px;height:5px;border-radius:50%;background:#e58c34;flex:none}
.byp-section-upcoming-mark small{font-size:9px;color:#a67b47;font-weight:500;white-space:nowrap}
@keyframes byp-upcoming-aura{0%,100%{box-shadow:0 8px 22px #d88a2621,0 0 0 0 #f5ad4426}50%{box-shadow:0 10px 30px #e591343d,0 0 0 4px #ffc46d24}}
@keyframes byp-upcoming-shine{0%,25%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.byp-upcoming-banner,.byp-upcoming-banner-media:after{animation:none}}
@media(max-width:359px){.byp-upcoming-profile .byp-upcoming-banner{grid-template-columns:96px minmax(0,1fr)}.byp-upcoming-profile .byp-upcoming-banner-body{padding:10px}.byp-upcoming-profile .byp-upcoming-banner h3{font-size:16px}}
.byp-upcoming-banner .byp-upcoming-banner-media{height:auto;min-height:0;aspect-ratio:16/9}
.byp-upcoming-banner-media .byp-section-trailer-public,.byp-upcoming-banner-media .byp-upcoming-cover-fallback{position:absolute;inset:0}
.byp-upcoming-banner-media .byp-section-trailer-poster:after{background:linear-gradient(90deg,#14251b18 20%,#0e201b9c 55%,#0b201cea),linear-gradient(transparent 55%,#13251bb3)}
.byp-upcoming-thumbnail-title{position:absolute;z-index:3;left:43%;right:16px;top:46px;bottom:34px;display:flex;flex-direction:column;justify-content:center;gap:7px;color:white;text-align:left;pointer-events:none}
.byp-upcoming-thumbnail-title>span{font-size:8px;font-weight:800;letter-spacing:1.6px;color:#ffc776}
.byp-upcoming-thumbnail-title>strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:24px;font-weight:850;line-height:1.12;letter-spacing:-.6px;color:white;text-shadow:0 2px 10px #0005;overflow-wrap:anywhere}
.byp-upcoming-thumbnail-title>small{font-size:10px;line-height:1.4;font-weight:650;color:#ffe0a7}
.byp-upcoming-banner .byp-section-trailer-poster-play{left:24%;width:55px;height:55px}
.byp-upcoming-banner .byp-upcoming-banner-body>h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.byp-upcoming-banner-description{margin-top:11px}
.byp-upcoming-profile .byp-upcoming-banner{display:block}
.byp-upcoming-profile .byp-upcoming-banner-media{height:auto;min-height:0;aspect-ratio:16/9}
.byp-upcoming-profile .byp-upcoming-banner-badge{font-size:9px;padding:7px 10px;left:12px;top:12px;gap:6px;letter-spacing:1px}
.byp-upcoming-profile .byp-upcoming-date{font-size:11px;padding:6px 9px;gap:7px}
.byp-upcoming-profile .byp-upcoming-date svg{width:16px;height:16px}
.byp-upcoming-profile .byp-upcoming-banner-description{font-size:11px}
.byp-upcoming-profile .byp-upcoming-button{font-size:11px;min-height:38px;padding:8px 12px}
.byp-upcoming-profile .byp-upcoming-rule{font-size:10px!important}
.byp-upcoming-profile .byp-section-trailer-public>button>span:not(.byp-section-trailer-poster){left:14px;bottom:14px;font-size:12px}
.byp-upcoming-profile .byp-section-trailer-public>button>small{right:14px;bottom:14px;font-size:11px}
@media(max-width:359px){.byp-upcoming-thumbnail-title{right:12px;gap:5px}.byp-upcoming-thumbnail-title>strong{font-size:20px}.byp-upcoming-thumbnail-title>span{font-size:7px}.byp-upcoming-thumbnail-title>small{font-size:9px}.byp-upcoming-banner .byp-section-trailer-poster-play{width:45px;height:45px}}
.byp-upcoming-banner .byp-upcoming-banner-body{padding:11px 13px}
.byp-upcoming-banner .byp-upcoming-banner-body>.byp-upcoming-date{display:none}
.byp-upcoming-banner .byp-upcoming-banner-description{margin-top:0;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.byp-upcoming-banner .byp-upcoming-actions{margin-top:9px;gap:7px}
.byp-upcoming-banner .byp-upcoming-button{min-height:36px;padding:7px 11px;font-size:11px}
.byp-upcoming-banner .byp-upcoming-rule{padding-top:7px;margin-top:8px!important;line-height:1.5;font-size:10px!important}

.byp-upcoming-price{display:flex;flex-direction:column;gap:3px;margin-right:auto;max-width:115px;color:#74451e;line-height:1.15}.byp-upcoming-price strong{font-size:15px;font-weight:800;overflow-wrap:anywhere}.byp-upcoming-price small{font-size:8px;color:#99774e}
.byp-upcoming-banner:hover,.byp-upcoming-banner:focus-visible{border-color:#e79328;filter:brightness(1.035)}.byp-upcoming-banner:active{filter:brightness(1.07);transform:scale(.995)}.byp-upcoming-banner:hover .byp-upcoming-banner-media:after{animation-duration:3.5s}
.byp-upcoming-detail-heading{margin:0 0 9px;color:#8b704d;font-size:11px}.byp-upcoming-detail-heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.byp-upcoming-feature{cursor:default;border-color:#e9a443;animation:byp-upcoming-reveal .45s ease-out both,byp-upcoming-aura 3s .45s ease-in-out infinite}.byp-upcoming-feature-body{padding:12px 14px}.byp-upcoming-facts{margin:0}.byp-upcoming-facts>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #edd9bc}.byp-upcoming-facts>div:first-child{padding-top:0}.byp-upcoming-facts dt{font-size:10px;line-height:1.6;color:#97754c}.byp-upcoming-facts dd{margin:0;font-size:12px;line-height:1.6;color:#604d35;overflow-wrap:anywhere}.byp-upcoming-facts dd strong{font-size:16px;color:#8c4c15}.byp-upcoming-facts dd small{font-size:10px;margin-left:8px;color:#99774e}.byp-upcoming-feature .byp-upcoming-actions{margin-top:11px}.byp-upcoming-notice-note{display:block;font-size:9px;line-height:1.5;margin-top:8px;color:#9b896b}.byp-upcoming-feature .byp-upcoming-cover-fallback>span:last-child{display:none}
@keyframes byp-upcoming-reveal{from{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.byp-upcoming-feature{animation:none}.byp-upcoming-banner:active{transform:none}}

/* Compact promotion strip; full education detail keeps its larger cover. */
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-banner-media{aspect-ratio:11/5}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-thumbnail-title{left:43%;right:12px;top:29px;bottom:24px;gap:6px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-thumbnail-title>span{display:none}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-thumbnail-title>strong{font-size:21px;-webkit-line-clamp:2;line-height:1.12}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-thumbnail-title>small{font-size:9px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-banner-badge{left:10px;top:9px;padding:5px 8px;font-size:8px;letter-spacing:.6px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-section-trailer-poster-play{width:44px;height:44px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-banner-body{padding:10px 12px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-actions{margin-top:0;gap:6px;flex-wrap:nowrap}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-price{min-width:0;flex:1;max-width:none}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-price strong{font-size:14px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-price small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-button{flex:none;min-height:36px;padding:7px 9px;font-size:10px;white-space:nowrap}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-rule{margin-top:7px!important;padding-top:6px;font-size:9px!important;line-height:1.5}
@media(max-width:359px){.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-thumbnail-title>strong{font-size:18px}.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-price strong{font-size:12px}.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-button{font-size:9px;padding:7px}.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-rule{font-size:8px!important}}
/* Keep cover artwork clear; titles and playback sit along its lower edge. */
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-section-trailer-poster:after{background:linear-gradient(180deg,#1024190d,#10241908 60%,#0e201b45)}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-upcoming-thumbnail-title{left:0;right:0;top:auto;bottom:0;min-height:50px;box-sizing:border-box;padding:8px 58px 7px 12px;justify-content:center;gap:3px;background:linear-gradient(0deg,#0b211bf0,#0b211bb8);text-align:left}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-upcoming-thumbnail-title>span{display:none}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-upcoming-thumbnail-title>strong{font-size:16px;line-height:1.15;letter-spacing:-.15px;-webkit-line-clamp:2}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-upcoming-thumbnail-title>small{font-size:9px;line-height:1.4}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-section-trailer-poster-play{left:auto;right:12px;top:auto;bottom:9px;transform:none;width:32px;height:32px;border-width:1.5px;z-index:4;box-shadow:0 2px 9px #0004}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-section-trailer-poster-play svg{width:21px;height:21px}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-section-trailer-public>button>span:not(.byp-section-trailer-poster){display:none}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-section-trailer-public>button>small{top:9px;right:10px;bottom:auto;font-size:9px;padding:2px 5px;z-index:3}
.byp-upcoming-banner:is([data-byp-upcoming-card],.byp-upcoming-feature) .byp-upcoming-cover-fallback>span:last-child{display:none}

/* Inline profile and school promotion: full column, with a quiet orange surface. */
.byp-upcoming-public>[data-byp-upcoming-card]{width:100%;box-sizing:border-box;margin:0;border:0;border-radius:0;box-shadow:none;animation:none;transform:none;filter:none;background:linear-gradient(125deg,#fff9eb,#ffebcd 70%,#ffe2bb)}
.byp-upcoming-public>[data-byp-upcoming-card]:is(:hover,:active,:focus-visible){border:0;box-shadow:none;animation:none;transform:none;filter:none}
.byp-upcoming-public>[data-byp-upcoming-card]+[data-byp-upcoming-card]{margin-top:16px}
.byp-upcoming-public>[data-byp-upcoming-card] .byp-upcoming-banner-media{border:0;border-radius:0}
.byp-upcoming-public>[data-byp-upcoming-card] .byp-upcoming-banner-media:after{content:none;animation:none}
.ig-profile>.byp-upcoming-profile{box-sizing:border-box;width:calc(100% + 56px);padding:0;margin:16px -28px}
@media(max-width:760px){
  .ig-profile>.byp-upcoming-profile{width:calc(100% + 28px);margin-left:-14px;margin-right:-14px}
  .byp-school-showcase>.byp-upcoming-public{box-sizing:border-box;width:100vw;max-width:none;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2)}
  .byp-school-showcase>.byp-upcoming-public>h2{padding-left:14px;padding-right:14px}
}

/* Own-profile editor entry: compact icon,44px target; existing cover/play nodes stay in place. */
.byp-upcoming-profile>[data-byp-upcoming-card]>.byp-upcoming-owner-edit{position:absolute;z-index:5;top:5px;right:5px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#98561f;cursor:pointer}
.byp-upcoming-profile>[data-byp-upcoming-card]>.byp-upcoming-owner-edit>span{display:grid;place-items:center;box-sizing:border-box;width:26px;height:26px;border:1px solid #edc38c;border-radius:7px;background:#fff9ebed}
.byp-upcoming-profile>[data-byp-upcoming-card]>.byp-upcoming-owner-edit svg{display:block;width:16px;height:16px}
.byp-upcoming-profile>[data-byp-upcoming-card]>.byp-upcoming-owner-edit:focus-visible{outline:2px solid #c77a26;outline-offset:-2px}
.byp-upcoming-profile>[data-byp-upcoming-card]:has(>.byp-upcoming-owner-edit) .byp-section-trailer-public>button>small{right:58px}

/* upcoming-interest-local.css */
.byp-interest-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;width:min(480px,calc(100% - 16px));max-width:none;max-height:88dvh;margin:0 auto;padding:10px 18px 18px;border:1px solid #ead9bf;border-bottom:0;border-radius:22px 22px 0 0;background:#fffdf8;color:#365344;overflow:auto;font:inherit;box-shadow:0 -8px 40px #142e2324;animation:byp-interest-enter .22s ease-out}
.byp-interest-sheet::backdrop{background:#17322566}
.byp-interest-handle{display:block;width:35px;height:4px;margin:0 auto 9px;border-radius:3px;background:#d5d9ce}
.byp-interest-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;border-bottom:1px solid #eee6d7}
.byp-interest-sheet h2{margin:0;font-size:18px;line-height:1.3;font-weight:650;color:#294d3e}
.byp-interest-sheet header button{display:grid;place-items:center;flex:none;width:35px;height:35px;padding:0;border:1px solid #e7dfcf;border-radius:50%;background:#f7f5ee;color:#70846a;font-size:24px;cursor:pointer}
.byp-interest-content{padding-top:13px}.byp-interest-content p{margin:0 0 10px;font-size:12px;line-height:1.6}
.byp-interest-content .byp-interest-training{font-weight:650;font-size:14px;color:#365a43;margin-bottom:3px;overflow-wrap:anywhere}
.byp-interest-content .byp-interest-school{font-size:10px;color:#9a927e;margin-bottom:16px}
.byp-interest-name{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#5f7950}
.byp-interest-name input{box-sizing:border-box;width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce4d1;border-radius:9px;background:#fff;color:#31533f;font:inherit;font-size:14px}
.byp-interest-sharing{display:block;margin:6px 0 16px;font-size:9px;line-height:1.5;color:#9a9786}
.byp-interest-check{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid #eee1ca;border-radius:9px;background:#fff7e9;font-size:12px;line-height:1.6;color:#7f673f;cursor:pointer}
.byp-interest-check input{flex:none;accent-color:#dc8d39;width:17px;height:17px;margin:1px 0 0}
.byp-interest-content .byp-interest-note{font-size:10px;line-height:1.65;color:#8f917e;padding:11px 0 0}
.byp-interest-content .byp-interest-account{font-size:10px;line-height:1.6;color:#9b865e}
.byp-interest-content .byp-interest-error{font-size:11px;color:#b46c4f}.byp-interest-error[hidden]{display:none}
.byp-interest-submit{box-sizing:border-box;display:block;width:100%;min-height:42px;padding:10px 14px;border:1px solid #e49b47;border-radius:10px;background:linear-gradient(110deg,#f6ad53,#e68d35);color:#fff;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.byp-interest-submit:disabled{opacity:.65;cursor:wait}
.byp-interest-success{display:grid;place-items:center;width:45px;height:45px;margin:4px auto 13px;border-radius:50%;background:#edf4e6;color:#5f8a47;font-size:26px}
.byp-interest-content h3{font-size:15px;line-height:1.5;margin:0 0 11px;color:#3c6247;overflow-wrap:anywhere}
.byp-interest-total{color:#7b6b4e}.byp-interest-total strong{font-size:22px;color:#805c2d}
.byp-interest-list{list-style:none;margin:0;padding:0}.byp-interest-list li{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid #eee5d5}.byp-interest-list strong{font-size:13px;color:#3c5c43}.byp-interest-list span{font-size:11px;color:#8c8a75;overflow-wrap:anywhere}.byp-interest-list small{font-size:9px;color:#a28c69}.byp-interest-empty{padding:18px 0;color:#9a9f89}
.byp-upcoming-owner-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}.byp-upcoming-owner-tools .byp-upcoming-button{margin:0;min-height:36px;font-size:10px;padding:7px 9px;background:#fff7e9;border-color:#ecd8b7;color:#97703e}
@keyframes byp-interest-enter{from{transform:translateY(40%);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.byp-interest-sheet{animation:none}}
.byp-sections-heading:has(.byp-upcoming-owner-tools){flex-wrap:wrap;gap:9px 12px}
.byp-sections-heading:has(.byp-upcoming-owner-tools)>div{flex-shrink:0;white-space:nowrap}
.byp-sections-heading .byp-upcoming-owner-tools{flex-shrink:0;flex-wrap:nowrap;margin-left:auto}

.byp-interest-group{margin:12px 0;padding:12px;border:1px solid #e8dfca;border-radius:12px;background:#fffaf0}.byp-interest-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #eee1ca}.byp-interest-group-head h3{min-width:0;margin:0;font-size:14px;line-height:1.45}.byp-interest-group-head h3 small{display:block;font-size:9px;font-weight:400;color:#9f8b66;margin-bottom:3px}.byp-interest-group-head>span{flex:none;padding:5px 7px;border-radius:6px;background:#f5ead4;font-size:9px;color:#967443}.byp-interest-training-group{padding-top:10px}.byp-interest-training-group h4{margin:0;font-size:11px;line-height:1.5;font-weight:600;color:#8c7854;overflow-wrap:anywhere}.byp-interest-training-group .byp-interest-empty{margin:8px 0 0;padding:0;font-size:10px}.byp-interest-training-group .byp-interest-list li:last-child{border-bottom:0;padding-bottom:0}

/* promotion-posts-local.css */
.ig-profile-tabs.byp-has-school-tab>button{flex:1 1 20%;width:20%;min-width:0}.ig-profile-tabs [data-byp-promotion-tab] svg{width:23px;height:23px}.byp-promotion-tile{position:relative;min-width:0}.byp-promotion-title{position:absolute;left:0;right:0;bottom:0;padding:24px 7px 8px;background:linear-gradient(transparent,rgba(11,32,24,.86));color:white;font-size:10px;font-weight:600;line-height:1.45;text-align:left;pointer-events:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.byp-promotion-tile .ig-grid-caption{display:none}.byp-promotion-tile>.byp-section-card-cover{display:block;width:100%;height:100%;border-radius:0}.byp-promotion-tile>.byp-section-card-cover img{width:100%;height:100%;object-fit:cover}.byp-promotion-post .post-video-cover>.byp-section-card-cover{display:block;width:100%;height:100%;aspect-ratio:16/9;border-radius:0}.byp-promotion-post .post-video-cover>.byp-section-card-cover img{width:100%;height:100%;object-fit:cover}.byp-promotion-destination{padding:0 16px 15px}.byp-promotion-destination>button{display:flex;align-items:center;gap:9px;width:100%;padding:12px 13px;border:1px solid #d7e3cc;border-radius:9px;background:#f0f5e9;color:#365f48;font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-align:left}.byp-promotion-destination svg{width:19px;height:19px;flex:none}.byp-promotion-destination>button>span:last-child{margin-left:auto}.byp-school-posts-empty{padding:24px;color:#94a187;font-size:12px}
.ig-profile-tabs.byp-has-school-tab{grid-template-columns:repeat(5,minmax(0,1fr))}.ig-profile-tabs.byp-has-school-tab>button{width:100%}
.byp-promotion-title{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset}.byp-promotion-title>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ig-media-tile.byp-promotion-tile>.demo-view-badge,.explore-tile.byp-promotion-tile>.demo-view-badge{top:7px;left:6px;bottom:auto}
/* Classic feed cards keep their existing actions, destination and caption. */
body.page-feed #app .post.byp-promotion-post{display:flex;flex-direction:column}
body.page-feed #app .post.byp-promotion-post>.post-head{order:0}
body.page-feed #app .post.byp-promotion-post>.post-video-cover,body.page-feed #app .post.byp-promotion-post>.post-image-view{order:1}
body.page-feed #app .post.byp-promotion-post>.post-actions{order:2}
body.page-feed #app .post.byp-promotion-post>.byp-promotion-destination{order:3;padding:0 16px 10px}
body.page-feed #app .post.byp-promotion-post:not(.byp-feed-card)>.post-copy{order:4}
body.page-feed #app .post.byp-promotion-post>.byp-post-time-footer{order:5}

/* post-reader-local.css */
.byp-reader-open{overflow:hidden!important}
.byp-post-reader{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;background:#fff;color:#17221e;isolation:isolate}
.byp-reader-header{display:flex;align-items:center;gap:20px;flex:none;min-height:56px;width:100%;max-width:620px;margin:0 auto;padding:8px 14px;border-bottom:1px solid #eef0ed;background:#fff;box-sizing:border-box}
.byp-reader-header h1{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:0;margin:0;color:#18201d}
.byp-reader-header>button{display:grid;place-items:center;width:36px;height:36px;flex:none;background:transparent;border:0;border-radius:50%;color:#17221e;cursor:pointer}
.byp-reader-header svg{width:26px;height:26px}
.byp-reader-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;outline:none;padding-bottom:env(safe-area-inset-bottom);scroll-behavior:auto;overflow-anchor:none}
.byp-reader-scroll::-webkit-scrollbar{display:none}
.byp-post-reader .byp-reader-post{display:flex;flex-direction:column;width:100%;max-width:620px;box-sizing:border-box;margin:0 auto!important;padding:0!important;background:#fff;border:0!important;border-bottom:1px solid #e9ece8!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
.byp-post-reader .post-head{order:0;padding:12px 14px;min-height:60px;box-sizing:border-box}
.byp-post-reader .post-head strong{color:#1d2b23;font-size:13px}
.byp-post-reader .post-head small{font-size:10px}
.byp-post-reader .byp-reader-media,.byp-post-reader .post-image-view{order:1;width:100%;position:relative;background:#101612;flex:none}
.byp-reader-media{max-height:68dvh;min-height:180px}
.byp-reader-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#101612}
.byp-post-reader .post-image{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;aspect-ratio:auto;border-radius:0}
.byp-post-reader .post-actions{order:3;display:flex;align-items:center;gap:17px;min-height:50px;border:0;padding:10px 14px;box-sizing:border-box}
.byp-post-reader .post-actions .action{font-size:13px;min-height:30px;display:inline-flex;align-items:center;gap:5px;color:#17211c}
.byp-post-reader .post-actions .action svg{width:25px;height:25px}
.byp-post-reader .post-actions .liked{color:#ed3656}
.byp-post-reader .post-actions .save-action{margin-left:auto}
.byp-post-reader .byp-reader-caption{order:4;margin:0!important;padding:0 14px 15px!important;font-size:13px!important;line-height:1.65!important;color:#334439!important;overflow-wrap:anywhere;white-space:normal}
.byp-reader-caption>strong{font-weight:700;color:#17221e}
.byp-reader-caption>.byp-post-author{display:inline;padding:0;margin:0;border:0;border-radius:2px;background:transparent;color:#17221e;font:inherit;font-weight:700;line-height:inherit;text-align:inherit;vertical-align:baseline;cursor:pointer}
.byp-post-reader .byp-promotion-destination{order:6;padding:0 14px 16px}
.post>.byp-promotion-destination{order:5}
.byp-post-time-footer{order:4;padding:0 16px 14px;color:#7c887f;font-size:11px;line-height:1.5}
.byp-post-reader .byp-post-time-footer{order:5;padding:0 14px 13px}
.byp-post-time{font:inherit;color:inherit;white-space:normal}
.byp-post-reader .byp-gallery-strip{order:2;display:flex;margin:0;padding:9px 14px;gap:8px;background:#fff;border-bottom:1px solid #f0f2ed;max-width:100%;box-sizing:border-box}
.byp-post-reader .byp-gallery-strip>button{width:64px;height:64px;flex:0 0 64px}
.byp-post-reader .byp-gallery-strip img{width:100%;height:100%;object-fit:cover}
.byp-reader-error{margin:0;padding:10px 14px;background:#f9efe8;color:#94593c;font-size:12px;line-height:1.6}
.byp-post-reader button:focus-visible{outline:2px solid #668b52;outline-offset:-2px}
@media(min-width:769px){.byp-post-reader{background:#f4f6f3}.byp-reader-header{max-width:620px}.byp-reader-scroll{width:100%}}
.reels-open>.byp-video-jobs,body:has(.byp-post-reader)>.byp-video-jobs{display:none}

/* post-comments-local.css */
.byp-reader-comments .byp-reader-header{display:none}
.byp-reader-comments .byp-reader-scroll{flex:none;height:40dvh;max-height:40dvh;padding-bottom:0!important;overflow:hidden}
.byp-reader-comments .byp-reader-post:not(.is-comment-target){display:none!important}
.byp-reader-comments .is-comment-target{height:40dvh;max-height:40dvh;min-height:0;border:0!important}
.byp-reader-comments .is-comment-target>.post-head,.byp-reader-comments .is-comment-target>.post-actions,.byp-reader-comments .is-comment-target>.byp-gallery-strip,.byp-reader-comments .is-comment-target>.byp-promotion-destination,.byp-reader-comments .is-comment-target.has-reader-media>.post-copy{display:none!important}
.byp-reader-comments .is-comment-target>.byp-reader-media,.byp-reader-comments .is-comment-target>.post-image-view{height:40dvh;min-height:0;max-height:40dvh;aspect-ratio:auto!important}
.byp-reader-comments .is-comment-target .post-image{height:40dvh;max-height:40dvh;width:100%;object-fit:contain}
.byp-reader-comments .is-comment-target:not(.has-reader-media)>.post-copy{display:block;height:40dvh;box-sizing:border-box;padding:18px!important;overflow:auto}
.modal-backdrop.comments-backdrop.byp-split-comments-backdrop{inset:40dvh 0 0;height:60dvh;box-sizing:border-box;padding:0;background:transparent;backdrop-filter:none;animation:none;align-items:stretch}
.modal.comments-sheet.byp-split-comments{width:620px;max-width:100%;height:60dvh;max-height:60dvh;box-sizing:border-box;margin:0;border-radius:0;box-shadow:none;animation:none;border-top:1px solid #e5e9e4}
.byp-split-comments .comments-context{display:none}
.byp-split-comments .modal-head{min-height:56px;padding-top:18px;padding-bottom:12px}
.byp-split-comments .close-modal{top:17px}
.reels-overlay.byp-reel-comments{height:40dvh;bottom:auto}
.reels-overlay[data-byp-comments-managed] .reels-scroll{overflow-anchor:none}
.byp-reel-comments .reels-scroll{height:40dvh;overflow:hidden}
.byp-reel-comments .reel-slide{height:40dvh;min-height:40dvh}
.byp-reel-comments .reels-topbar,.byp-reel-comments .reel-meta,.byp-reel-comments .reel-controls,.byp-reel-comments .reel-shade{display:none}
.byp-reel-comments .reel-video{object-fit:cover}
.comments-composer-avatar>.byp-comment-profile{display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;overflow:hidden;background:#edf3e7;color:#53764a;font:inherit;cursor:pointer}.byp-comment-profile img{width:100%;height:100%;object-fit:cover}.byp-comment-profile:focus-visible{outline:2px solid #87a672;outline-offset:2px}
.byp-comment-copy{white-space:pre-wrap;overflow-wrap:anywhere}.byp-comment-text{margin:4px 0;color:inherit;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.byp-comment-text>summary{display:inline;list-style:none;cursor:pointer;white-space:pre-wrap}.byp-comment-text>summary::-webkit-details-marker{display:none}.byp-comment-more{display:inline-block;min-width:28px;padding:0 4px;color:#6f826b;font-weight:700}.byp-comment-less{display:none;color:#71836c;font-size:11px}.byp-comment-text[open]>summary .byp-comment-preview,.byp-comment-text[open]>summary .byp-comment-more{display:none}.byp-comment-text[open]>summary .byp-comment-less{display:inline-block;min-height:32px;line-height:32px}.byp-comment-full{max-height:min(240px,35dvh);overflow:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;padding:3px 3px 3px 0}.byp-comment-text>summary:focus-visible,.byp-comment-full:focus-visible{outline:2px solid #93ad80;outline-offset:2px;border-radius:3px}.byp-room-comment-layer article>.byp-comment-text{margin-left:41px}.live-comment-body .byp-comment-text{font:inherit;line-height:1.35}.live-comment-body .byp-comment-full{max-height:120px}.live-comment-body .byp-comment-more,.live-comment-body .byp-comment-less{color:inherit}

/* post-text-style-local.css */
[data-byp-text-font=standard]{font-family:"Segoe UI",Arial,sans-serif!important}[data-byp-text-font=classic]{font-family:Georgia,"Times New Roman",serif!important}[data-byp-text-font=rounded]{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif!important}[data-byp-text-font=handwritten]{font-family:"Segoe Print","Comic Sans MS",cursive!important}[data-byp-text-font=typewriter]{font-family:"Cascadia Mono",Consolas,"Courier New",monospace!important}
.byp-post-text-plain{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.byp-post-text{min-width:0;width:100%;box-sizing:border-box}
.byp-post-text-square{box-sizing:border-box;aspect-ratio:1/1;width:100%;max-width:100%;min-height:0;overflow:hidden;padding:clamp(18px,4vw,28px);display:flex;align-items:center;justify-content:center;text-align:center}
.byp-post-text-content{max-width:100%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-size:20px;line-height:1.35;font-weight:600}
[data-byp-text-size=short]>.byp-post-text-content{font-size:clamp(22px,6vw,32px)}[data-byp-text-size=medium]>.byp-post-text-content{font-size:24px}
.byp-post-text-square a,.byp-post-text-square button{color:inherit!important;font:inherit;text-decoration:underline;overflow-wrap:anywhere;max-width:100%}
.byp-post-text-expand{appearance:none;min-height:44px;padding:8px 16px;border:0;background:transparent;color:#315944;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.byp-post-text-full{padding:0 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.byp-post-text [hidden],.byp-post-style-controls [hidden]{display:none!important}
.byp-post-style-controls{min-width:0;margin:12px 0}.byp-post-style-controls fieldset{min-width:0;margin:0;padding:12px;border:1px solid #dfe7dc;border-radius:12px}.byp-post-style-controls legend{padding:0 5px;font-size:12px;color:#315944}.byp-post-style-controls label{display:block;font:inherit;font-size:12px}.byp-post-style-controls select,.byp-post-style-controls input[type=search]{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;margin:5px 0 10px;padding:9px;border:1px solid #dfe7dc;border-radius:9px;background:white;color:#244a3a;font:inherit}
.byp-post-style-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:7px}.byp-post-style-colors>button{box-sizing:border-box;appearance:none;min-width:44px;min-height:44px;height:44px;padding:5px;border:2px solid transparent;border-radius:10px;background:#f4f6f2;color:#315944;font:inherit;font-size:11px;cursor:pointer}.byp-post-style-colors>button>span{display:block;width:100%;height:100%;border-radius:6px;background:inherit}.byp-post-style-colors>button[aria-pressed=true]{border-color:#244a3a;box-shadow:0 0 0 1px white inset}
.byp-post-mention-picker{margin-top:12px}.byp-post-mention-picker>summary{display:flex;align-items:center;min-height:44px;list-style:none;color:#315944;font-size:13px;cursor:pointer}.byp-post-mention-picker>summary::-webkit-details-marker{display:none}.byp-post-mention-picker [data-byp-mention-people]{max-height:200px;overflow:auto;overscroll-behavior:contain}.byp-post-mention-picker button{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:44px;padding:8px;border:0;border-radius:8px;background:#f5f8f2;color:#315944;text-align:left;font:inherit;font-size:12px;overflow-wrap:anywhere;cursor:pointer}.byp-post-mention-picker button>span{font-size:11px;color:#647a5d}.byp-post-mention-picker p{font-size:12px;color:#647a5d}.byp-post-style-preview{max-width:340px;margin:12px auto 0}.byp-post-style-controls button:focus-visible,.byp-post-mention-picker>summary:focus-visible{outline:2px solid #315944;outline-offset:2px}
[data-byp-text-background=forest],[data-byp-style-background=forest]{background:#214f3e!important;color:#ffffff!important}[data-byp-text-background=mint],[data-byp-style-background=mint]{background:#ddeee2!important;color:#173b2d!important}[data-byp-text-background=ocean],[data-byp-style-background=ocean]{background:#15546b!important;color:#ffffff!important}[data-byp-text-background=sky],[data-byp-style-background=sky]{background:#daeaf7!important;color:#17324d!important}[data-byp-text-background=plum],[data-byp-style-background=plum]{background:#563657!important;color:#ffffff!important}[data-byp-text-background=rose],[data-byp-style-background=rose]{background:#f3dde1!important;color:#542537!important}[data-byp-text-background=terracotta],[data-byp-style-background=terracotta]{background:#9b3927!important;color:#ffffff!important}[data-byp-text-background=amber],[data-byp-style-background=amber]{background:#f4d08b!important;color:#422b10!important}[data-byp-text-background=charcoal],[data-byp-style-background=charcoal]{background:#293339!important;color:#ffffff!important}[data-byp-text-background=cream],[data-byp-style-background=cream]{background:#f4eddb!important;color:#423923!important}

/* post-edit-local.css */
.byp-post-editor-backdrop{position:fixed;inset:0;z-index:2400;width:100%;height:100%;max-width:none;max-height:none;margin:0;box-sizing:border-box;border:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgb(10 29 22 / .48)}
.byp-post-editor-backdrop:not([open]){display:none}.byp-post-editor-backdrop::backdrop{background:transparent}
.byp-post-editor{width:min(100%,520px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff;color:#24483c;box-shadow:0 18px 60px #10281e33}
.byp-post-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e9df;flex-shrink:0}
.byp-post-editor h2{font-size:18px;margin:0}.byp-post-editor button{min-height:44px;border:1px solid #d6e1ce;border-radius:12px;padding:10px 18px;font:inherit;color:inherit;background:#f5f8f1;cursor:pointer}.byp-post-editor button:disabled{opacity:.5;cursor:default}
.byp-post-editor .byp-post-editor-close{width:44px;min-width:44px;padding:0;font-size:26px;background:transparent;border:0}
.byp-post-editor form{min-height:0;display:flex;flex-direction:column;overflow:hidden}.byp-post-editor-body{min-height:0;overflow:auto;padding:20px;display:grid;gap:10px}
.byp-post-editor textarea{display:block;width:100%;min-width:0;min-height:144px;max-height:45dvh;resize:vertical;border:1px solid #bdcfb7;border-radius:14px;padding:14px;font:inherit;line-height:1.5;box-sizing:border-box;color:inherit;background:#fff}
.byp-post-editor small{color:#6d806b;text-align:right}.byp-post-editor [role=alert]{margin:0;color:#a32732}.byp-post-editor [hidden]{display:none}
.post-copy.byp-styled-post-copy{margin:0!important;padding:0!important}.byp-post-editor .byp-post-style-controls{min-width:0}.byp-post-editor .byp-post-style-colors button{padding:0}
.byp-post-editor footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid #e2e9df;flex-shrink:0}.byp-post-editor [data-byp-edit-save]{background:#315f4a;color:white;border-color:#315f4a}
@media(max-width:600px){.byp-post-editor-backdrop{padding:0;align-items:flex-end}.byp-post-editor{width:100%;max-height:calc(100dvh - 16px);border-radius:24px 24px 0 0}.byp-post-editor>header{padding:12px 16px}.byp-post-editor-body{padding:16px}.byp-post-editor footer{padding-left:16px;padding-right:16px}}

/* live-gift-repeat-local.css */
.live-gifts-root>.byp-gift-repeat{position:absolute;right:14px;bottom:calc(158px + env(safe-area-inset-bottom));z-index:2;display:grid;grid-template-columns:44px 44px;grid-template-rows:44px 17px;align-items:center;justify-items:center;gap:0 2px;width:102px;padding:5px 5px 4px;box-sizing:border-box;border:1px solid #ffffffb3;border-radius:18px;background:#ffffffef;color:#28533f;box-shadow:0 4px 18px #0002;pointer-events:auto;transition:opacity .18s ease,transform .18s ease}
.byp-gift-repeat-art{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;font-size:31px;pointer-events:none}
.byp-gift-repeat-art :is(svg,img,.live-gift-art,.live-lion-gift-tile){display:block;width:42px;height:42px;max-width:42px;max-height:42px;object-fit:contain}
.byp-gift-repeat-art *{animation:none!important}
.live-gifts-root .byp-gift-repeat button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#e8f1e2;color:#315a3f;font:inherit;font-size:31px;line-height:1;cursor:pointer;touch-action:manipulation}
.live-gifts-root .byp-gift-repeat button:active{background:#d5e6cb}
.live-gifts-root .byp-gift-repeat button:disabled{opacity:.55;cursor:default}
.live-gifts-root .byp-gift-repeat button:focus-visible{outline:2px solid #547c44;outline-offset:1px}
.byp-gift-repeat-price{grid-column:1/-1;font-size:11px;font-weight:600;line-height:17px;white-space:nowrap;pointer-events:none}
.live-gifts-root>.byp-gift-repeat.is-leaving{opacity:0;transform:translateY(5px);pointer-events:none}
.live-preview-stage.are-live-comments-hidden .byp-gift-repeat,.live-preview-stage:has(.live-gifts-panel:not([hidden]),.live-participation-panel:not([hidden])) .byp-gift-repeat{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.live-gifts-root>.byp-gift-repeat{transition:none}}
.live-comments-layer>.byp-gift-combos{position:absolute;left:0;bottom:calc(100% + 8px);z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%;pointer-events:none}
.byp-gift-combo{display:flex;align-items:center;gap:7px;max-width:240px;min-height:36px;box-sizing:border-box;padding:4px 10px 4px 7px;border:1px solid #ffffff5c;border-radius:20px;background:#18392ba8;color:#fff;box-shadow:0 2px 9px #0002;font-size:11px;line-height:1.3}
.byp-gift-combo-art{display:grid;place-items:center;flex:none;width:27px;height:27px;font-size:24px;overflow:hidden}
.byp-gift-combo-art :is(svg,img,.live-gift-art,.live-lion-gift-tile){display:block;width:27px;height:27px;max-width:27px;max-height:27px;object-fit:contain}
.byp-gift-combo-art *{animation:none!important}
.byp-gift-combo-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.byp-gift-combo-count{display:inline-block;flex:none;min-width:27px;color:#ffd775;font-size:21px;font-weight:800;line-height:1;transform-origin:bottom left}
.live-gifts-root .live-gift-presentation:not([data-byp-gift-id="g31"],[data-byp-gift-id="g32"],[data-byp-gift-id="g33"]){scale:.8;translate:-4% 0;transform-origin:center}

/* live-coins-local.css */
.byp-coins-overlay{position:fixed;inset:0;z-index:260;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;background:#06140e55;color:#244336;pointer-events:auto;overscroll-behavior:contain}
.live-preview-stage>.byp-coins-overlay{position:absolute;z-index:50}
.byp-coins-sheet{width:100%;max-width:480px;max-height:88%;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0 0 env(safe-area-inset-bottom);border:1px solid #dce7d7;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -8px 30px #0002;overflow:hidden;font-family:inherit}
.byp-coins-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px 9px;border-bottom:1px solid #e9eee6}
.byp-coins-sheet h2{margin:3px 0 0;color:#244336;font-size:18px;line-height:1.3}
.byp-coins-demo{display:inline-block;color:#7c7151;background:#fff4da;border-radius:5px;padding:3px 6px;font-size:10px;line-height:1.2}
.byp-coins-sheet header button{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:#f0f5ec;color:#536c52;font-size:26px;line-height:1;cursor:pointer}
.byp-coins-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 16px 0}
.byp-coins-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:1px solid #e6eddf;border-radius:10px;background:linear-gradient(110deg,#f5f8f0,#edf4e5);font-size:11px}
.byp-coins-balance strong{color:#355d38;font-size:14px;white-space:nowrap}
.byp-coins-shortage,.byp-coins-intro{margin:9px 0;color:#76836e;font-size:11px;line-height:1.6}
.byp-coins-shortage strong{color:#9a6936}
.byp-coins-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.byp-coins-sheet .byp-coins-pack{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:56px;padding:8px 3px;border:1px solid #d8e4cd;border-radius:11px;background:linear-gradient(145deg,#fff 8%,#f8fbf4 58%,#edf4e5);color:#3b5c37;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 2px 5px #27482508;transition:border-color .18s,box-shadow .18s,background .18s}
.byp-coins-pack::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffffbf 49%,transparent 68%);transform:translateX(-160%);pointer-events:none}
.byp-coins-pack strong{font-size:14px;line-height:1.2;white-space:nowrap}
.byp-coins-pack>span{font-size:10px;line-height:1.2;color:#839075}
.byp-coins-pack small{font-size:11px;font-weight:600;white-space:nowrap}
.byp-coins-sheet .byp-coins-pack[aria-pressed="true"]{border-color:#d4ad66;background:linear-gradient(145deg,#fff9e8,#fff0c9 65%,#f4e0a9);color:#705627;box-shadow:inset 0 0 0 1px #ead39f,0 2px 12px #d2ad552a}
.byp-coins-pack[aria-pressed="true"]>span{color:#9a8050}
.byp-coins-pack[aria-pressed="true"]::before{animation:byp-coins-sheen 4.8s ease-in-out infinite}
@keyframes byp-coins-sheen{0%,62%{transform:translateX(-160%);opacity:0}70%{opacity:.85}94%,100%{transform:translateX(160%);opacity:0}}
@media(hover:hover){.byp-coins-sheet .byp-coins-pack:hover{border-color:#b3ca96;box-shadow:inset 0 1px 0 #fff,0 3px 11px #688d4326}.byp-coins-sheet .byp-coins-pack[aria-pressed="true"]:hover{border-color:#c59948;box-shadow:inset 0 0 0 1px #ead39f,0 3px 14px #c7a25338}}
.byp-coins-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 8px;border-bottom:1px solid #e7eddf;font-size:11px}
.byp-coins-summary strong{text-align:right;font-size:14px;color:#315736}
.byp-coins-summary small{display:block;font-size:10px;font-weight:400;color:#8a977f}
.byp-coins-note{margin:8px 0;color:#929e88;font-size:10px;line-height:1.5}
.byp-coins-message{margin:6px 0;color:#b16b39;font-size:12px;line-height:1.6}
.byp-coins-message:empty{display:none}
.byp-coins-success{margin:4px 0 14px;color:#47743b;font-size:15px;font-weight:600;line-height:1.6}
.byp-coins-sheet footer{display:flex;align-items:center;gap:8px;padding:10px 16px 12px;background:#fff}
.byp-coins-sheet footer button{min-height:46px;margin:0;padding:12px;border-radius:10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.byp-coins-load{flex:1;border:1px solid #355d45;background:linear-gradient(130deg,#4c7856,#355d45 65%,#2c513d);color:#fff;box-shadow:inset 0 1px 0 #ffffff30,0 3px 9px #355d4524}
.byp-coins-load:disabled{opacity:.6;cursor:wait}
.byp-coins-cancel{flex:none;border:1px solid #dce5d5;background:#fff;color:#7e9073}
.byp-coins-sheet button:focus-visible{outline:2px solid #739553;outline-offset:2px}
.live-preview-stage:has(.byp-coins-overlay) .byp-gift-repeat{visibility:hidden;pointer-events:none}
@media(max-width:360px){.byp-coins-sheet header,.byp-coins-body,.byp-coins-sheet footer{padding-left:12px;padding-right:12px}.byp-coins-packs{gap:5px}.byp-coins-pack strong{font-size:13px}.byp-coins-pack small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.byp-coins-pack::before{animation:none!important}.byp-coins-sheet .byp-coins-pack{transition:none}}

/* live-flow-local.css */
.byp-live-flow-viewport{position:fixed;z-index:201;overflow:hidden;isolation:isolate;contain:layout paint;background:#000;color:#fff;touch-action:none}
.byp-live-flow-track{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.byp-live-flow-track>.live-viewer-dialog{z-index:2}
.live-viewer-dialog :is(.live-comments-layer,.live-comments-composer,.live-comments-new){animation:none!important}
.byp-live-flow-viewport .live-viewer-dialog :is(.live-comments-layer,.live-comments-composer,.live-comments-new){transition:none!important}
.byp-live-flow-peer{position:absolute;left:0;width:100%;height:100%;z-index:1;overflow:hidden;background:#000;pointer-events:none}
.byp-live-buffer[hidden]{display:none!important}
.byp-live-flow-peer-picture{position:absolute;inset:0;overflow:hidden;background:#000}
.byp-live-flow-peer-picture>img,.byp-live-flow-peer-picture>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.byp-live-flow-peer.is-landscape>.byp-live-flow-peer-picture{inset:42% 0 auto;width:100%;height:auto;max-height:45%;aspect-ratio:var(--byp-live-peer-aspect,16/9);transform:translateY(-50%)}
.byp-live-flow-peer.is-landscape>.byp-live-flow-peer-picture>video{object-fit:contain}
.byp-live-flow-peer-chrome{position:absolute;inset:0;width:100%;height:100%;color:#fff;pointer-events:none}
.byp-live-flow-peer-chrome .live-comments-composer{flex-direction:column;align-items:stretch;justify-content:center}
.byp-live-flow-peer-chrome .live-comment-emojis{min-height:46px;flex-basis:46px;gap:4px;padding-right:8px;width:calc(100% - 156px);align-self:flex-start}
.byp-live-flow-peer-chrome>.live-participation-root,.byp-live-flow-peer-chrome>.live-gifts-root{position:absolute;inset:0;pointer-events:none}
.modal.live-viewer-dialog{animation:none!important}
.modal-backdrop.live-viewer-backdrop{animation:none!important;opacity:1!important}
body.byp-live-flow-active::before{content:"";position:fixed;inset:0;z-index:199;background:#000;pointer-events:none}
body.byp-live-flow-active .live-viewer-dialog .close-modal{visibility:hidden}
.byp-live-flow-close{position:absolute;z-index:5;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #ffffff70;border-radius:50%;background:#0005;color:#fff;pointer-events:auto;cursor:pointer}
.byp-live-flow-close svg{width:22px;height:22px}
.dm-live-swipe-enabled .live-preview-picture{touch-action:none}
.live-viewer-dialog .modal-head{height:110px;min-height:110px;padding:12px;background:linear-gradient(#0009,transparent)!important}
.live-viewer-dialog .modal-head h2{height:44px;width:calc(100% - 56px);gap:8px}
.live-viewer-dialog .live-broadcast-identity{gap:7px;min-width:0}
.live-viewer-dialog .live-broadcast-avatar{flex:0 0 44px;width:44px;min-width:44px;height:44px;display:grid;place-items:center}
.live-viewer-dialog .live-broadcast-avatar .avatar,.live-viewer-dialog .live-broadcast-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.live-viewer-dialog .live-broadcast-host{min-height:44px;padding:4px 0!important;font-size:14px;line-height:20px}
.live-viewer-dialog .live-host-follow{flex:0 0 64px;width:64px;min-width:64px;min-height:44px;padding:6px;font-size:11px}
.live-viewer-dialog .close-modal{top:12px;right:12px;width:44px;height:44px;padding:10px;background:#0005;border-color:#ffffff70;color:#fff}
.live-viewer-dialog .close-modal>.icon{width:22px;height:22px}
.live-viewer-dialog .live-broadcast-status{position:absolute;top:66px;left:12px;gap:8px}
.live-viewer-dialog .live-broadcast-badge{width:auto;min-width:55px;height:28px;font-size:10px;padding:4px 8px}
.live-viewer-dialog .live-broadcast-viewers{height:28px;min-width:48px;font-size:11px;padding:4px 7px}
.live-viewer-dialog .live-broadcast-demo{top:72px;left:138px;font-size:8px;line-height:15px}
.live-preview-stage>.live-comments-visibility-hint{display:none!important}
.live-viewer-dialog .live-preview-sound{top:66px;right:12px;width:44px;height:44px;min-width:44px;min-height:44px}
.live-viewer-dialog .live-preview-sound svg{width:22px;height:22px}
.live-viewer-dialog .live-comments-composer{bottom:calc(40px + env(safe-area-inset-bottom));min-height:112px;padding:0 12px;gap:8px;background:transparent;isolation:isolate}
.live-viewer-dialog .live-comments-composer::before{content:"";position:absolute;z-index:-1;inset:0 0 calc(-40px - env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,#0003 60%,#0007);pointer-events:none}
.live-viewer-dialog .live-preview-stage .live-comment-emojis{min-height:46px;flex-basis:46px;gap:4px;padding-right:8px;width:calc(100% - 156px);align-self:flex-start}
.live-viewer-dialog .live-comment-emoji{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;font-size:29px}
.live-viewer-dialog .live-comments-composer :is(#live-chat-form,form){display:flex;align-items:center;gap:8px;width:100%;height:48px;min-height:48px;flex:0 0 48px;margin:0;padding:0}
.live-viewer-dialog .live-comments-composer :is(#live-chat-form,form)>.avatar{flex:0 0 32px;width:32px;height:32px}
.live-viewer-dialog .live-comments-composer :is(#live-chat-form,form)>input{flex:1;min-width:0;width:auto;height:48px;margin:0;border:1px solid #ffffff40;border-radius:24px;background:#ffffffd9;color:#1f4035;padding:10px 14px;font:inherit;font-size:14px}
.live-viewer-dialog .live-comments-composer :is(#live-chat-form,form)>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:50%;background:#e5f0e6;color:#1a654a}
.live-viewer-dialog .live-comments-composer :is(#live-chat-form,form)>button svg{width:22px;height:22px}
.live-viewer-dialog .live-comments-layer{bottom:calc(164px + env(safe-area-inset-bottom))}
.live-viewer-dialog .live-comments-scroller{display:flex;flex-direction:column}
.live-viewer-dialog .live-comments-list{flex:none;margin-top:auto;width:100%}
.live-viewer-dialog .live-participation-tools{bottom:calc(102px + env(safe-area-inset-bottom));right:70px}
.live-viewer-dialog .live-participation-tools .live-participation-button{min-height:44px;padding:9px 14px;font-size:12px}
.live-viewer-dialog [data-action="live-gifts-open"]{bottom:calc(102px + env(safe-area-inset-bottom));right:14px;min-width:44px;min-height:44px}
.live-viewer-dialog .bys-report-trigger.bys-live-report{top:118px;right:12px;min-width:44px;min-height:36px;padding:6px;font-size:11px}
.live-viewer-dialog .live-comments-guest{display:flex;align-items:center;gap:8px;height:48px;min-height:48px;flex:0 0 48px}
.live-viewer-dialog .live-comments-join{min-height:48px;padding:10px 14px;font-size:14px;border-radius:24px}

/* media-playback-local.css */
.byp-feed-live-button { display: none; }
@media (max-width: 768px) {
  .tabs > .byp-feed-live-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: none;
    margin-left: auto;
    min-width: 40px;
    min-height: 40px;
    padding: 8px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #637d70;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
  }
  .tabs > .byp-feed-live-button svg { width: 20px; height: 20px; }
  .tabs > .byp-feed-live-button:hover { background: #f2f6ef; }
  .tabs > .byp-feed-live-button:focus-visible { outline: 2px solid #749863; outline-offset: 2px; }
}
.byp-live-dot { transform-box: fill-box; transform-origin: center; animation: byp-live-dot-pulse 1.4s ease-in-out infinite; }
@keyframes byp-live-dot-pulse {
  0%,100% { opacity: .22; transform: scale(.86); }
  50% { opacity: 1; transform: scale(1.16); }
}
@media (prefers-reduced-motion: reduce) {
  .byp-live-dot { animation: none; opacity: 1; transform: none; }
}
.byp-live-hub .byp-live-hub-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.byp-live-hub .byp-live-hub-head h1 { margin: 0; font-size: 23px; line-height: 1.3; }
.byp-live-hub .byp-live-start { min-height: 36px; padding: 8px 12px; font-size: 12px; }
.byp-live-filters { display: grid; grid-template-columns: minmax(0,1fr) 40px; gap: 8px; position: relative; margin: 0 0 10px; align-items: start; }
.byp-live-search { display: flex; align-items: center; height: 40px; border: 1px solid #dce3d7; border-radius: 11px; background: #fff; overflow: hidden; }
.dm-live-page .byp-live-search input { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 9px 12px; border: 0!important; background: transparent; font-size: 13px!important; }
.byp-live-search button { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border: 0; background: transparent; color: #61776a; cursor: pointer; }
.byp-live-search svg,.byp-live-filter-panel summary svg { width: 19px; height: 19px; }
.byp-live-filter-panel summary { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #dce3d7; border-radius: 11px; list-style: none; background: #fff; color: #61776a; cursor: pointer; }
.byp-live-filter-panel summary::-webkit-details-marker { display: none; }
.byp-live-filter-panel.has-filters summary,.byp-live-filter-panel[open] summary { border-color: #94ad7d; background: #f0f6e9; }
.byp-live-filter-options { display: none; position: absolute; top: 47px; left: 0; right: 0; z-index: 8; gap: 10px; grid-template-columns: 1fr 1fr; padding: 14px; border: 1px solid #dce3d7; border-radius: 13px; background: #fff; box-shadow: 0 8px 26px #183e2414; }
.byp-live-filter-panel[open] > .byp-live-filter-options { display: grid; }
.dm-live-page .byp-live-filter-options label { margin: 0; }
.byp-live-filter-actions { grid-column: 1/-1; display: flex; justify-content: flex-end; gap: 8px; }
.byp-live-hub .dm-live-result { margin: 0 0 12px; color: #80907d; }
.byp-live-hub .dm-live-card-body { padding: 12px; }
.byp-live-hub .dm-live-card-body h2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 9px; font-size: 14px; line-height: 1.4; }
.byp-live-host { display: flex; align-items: center; gap: 6px; min-width: 0; color: #75836f; font-size: 11px; line-height: 1.35; }
.byp-live-host-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.byp-live-host-signal { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; margin-left: auto; color: #6e8577; }
.byp-live-host-signal svg { display: block; width: 18px; height: 18px; }
.byp-live-host-avatar { display: inline-grid; place-items: center; flex: 0 0 23px; width: 23px; height: 23px; overflow: hidden; border: 1px solid #e0e8dd; border-radius: 50%; background: #edf4ee; color: #597362; font-size: 9px; font-weight: 700; }
.byp-live-host-avatar img { width: 100%; height: 100%; object-fit: cover; }
.byp-live-hub .byp-live-private { display: block; margin-top: 7px; font-size: 10px; color: #8a8069; }
@media (max-width: 768px) {
  .dm-live-page.byp-live-hub { padding: 16px 14px 20px; }
  .byp-live-hub .byp-live-hub-head h1 { font-size: 20px; }
  .byp-live-hub .dm-live-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .byp-live-hub .dm-live-card { border-radius: 14px; }
  .byp-live-hub .dm-live-card-body { padding: 10px; }
  .byp-live-hub .dm-live-card-body h2 { font-size: 12px; }
}
.live-preview-stage > .dm-live-switch {
  display: none;
}
.live-preview-stage.is-landscape:not(.has-live-video-guest) > .live-preview-picture {
  top: 42%;
  transform: translateY(-50%);
}
.live-preview-stage.is-landscape:not(.has-live-video-guest) .live-preview-media {
  object-position: center;
}
.live-preview-stage.is-landscape:not(.has-live-video-guest) > .live-preview-start {
  top: 42%;
}
.live-preview-stage.is-landscape:not(.has-live-video-guest) > .live-preview-media-status {
  top: calc(42% + 34px);
}

/* live-summary-local.css */
.byp-end-summary{max-width:640px;margin:0 auto;padding:24px 18px;color:#244b40}.byp-end-summary header{text-align:center;margin-bottom:20px}.byp-end-check{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf4e8;color:#548338;font-size:24px;margin:0 auto 10px}.byp-end-eyebrow{font-size:10px;letter-spacing:1.5px;color:#7c9268}.byp-end-summary h1{font-size:24px;margin:6px 0 10px}.byp-end-summary h2{font-size:15px;line-height:1.45;margin:0;overflow-wrap:anywhere}.byp-end-summary header p{font-size:11px;color:#839285;margin:5px 0}.byp-end-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.byp-end-metrics>div{padding:13px;border:1px solid #e1e9da;border-radius:14px;background:#fcfdfb;min-width:0}.byp-end-metrics dt{font-size:12px;color:#71816e}.byp-end-metrics dd{margin:5px 0;font-size:21px;font-weight:700}.byp-end-metrics small{display:block;font-size:10px;line-height:1.4;color:#8a9782}.byp-end-earnings{padding:18px;border:1px solid #e8d9b0;border-radius:16px;background:linear-gradient(120deg,#fffaf0,#f7efd9)}.byp-end-earnings>span{display:block;font-size:13px}.byp-end-earnings>strong{display:block;font-size:30px;line-height:1.4;margin:4px 0 10px;color:#3c6441}.byp-end-earnings dl{border-top:1px solid #e8dfca;padding-top:10px;margin:0 0 10px}.byp-end-earnings dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.8}.byp-end-earnings dd{margin:0;font-weight:600}.byp-end-earnings small,.byp-end-earnings p{font-size:10px;line-height:1.6;color:#8c805f}.byp-end-note{font-size:10px!important;line-height:1.7!important;color:#8a9689;margin:12px 0 16px!important}.byp-end-summary footer{display:flex;gap:8px}.byp-end-summary footer button{flex:1;min-height:44px;border:1px solid #dce6d4;border-radius:11px;background:#f5f8f1;color:#365b41;font-size:12px;font-weight:600;padding:9px}.byp-end-summary footer button:last-child{background:#365e49;color:white;border-color:#365e49}.byp-end-history{padding:16px;margin:16px;border:1px solid #e1e9da;border-radius:14px}.byp-end-history h2{font-size:17px}.byp-end-history button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;min-height:48px;width:100%;border:0;border-bottom:1px solid #eef1e9;background:none;text-align:left;color:#345744}.byp-end-history small{display:block;font-size:10px;color:#8a9689}.byp-end-history button>span:last-child{font-size:11px;flex-shrink:0}.byp-live-end-overlay{position:fixed;inset:0;z-index:10000;background:#10291e70;display:grid;place-items:center;padding:20px;box-sizing:border-box}.byp-live-end-dialog{width:100%;max-width:380px;padding:24px 20px;background:#fff;border-radius:22px;box-shadow:0 16px 60px #0c241e30;color:#244b40;box-sizing:border-box;text-align:center}.byp-live-end-icon{display:grid;place-items:center;margin:0 auto 12px;background:#fff1e8;color:#b76a3a;width:44px;height:44px;border-radius:50%;font-size:24px}.byp-live-end-dialog h2{font-size:19px;margin:0 0 12px;line-height:1.4}.byp-live-end-dialog p{font-size:13px;color:#7b8a7c;line-height:1.65;margin:0 0 18px}.byp-live-end-dialog [role=alert]{color:#b75c40;margin:0}.byp-live-end-dialog>div{display:flex;gap:8px;margin-top:8px}.byp-live-end-dialog button{flex:1;min-height:46px;padding:10px 8px;border:1px solid #dfe6d8;border-radius:11px;background:#f7f9f3;color:#52674d;font-weight:600;font-size:12px}.byp-live-end-dialog [data-byp-end-confirm]{background:#375f49;color:#fff;border-color:#375f49}.byp-live-end-dialog button:focus-visible,.byp-end-summary button:focus-visible{outline:3px solid #a9c380;outline-offset:3px}@media(max-width:360px){.byp-end-summary{padding:18px 12px}.byp-end-metrics>div{padding:10px}.byp-end-metrics dd{font-size:19px}.byp-live-end-overlay{padding:14px}}

/* live-hearts-local.css */
.live-viewer-dialog .live-broadcast-host:has(.byp-live-hearts){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;line-height:18px}.byp-live-host-name{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.byp-live-hearts{display:inline-flex;align-items:center;gap:4px;color:#ff535f;font-size:11px;font-weight:700;line-height:15px;font-variant-numeric:tabular-nums;transform-origin:left center;pointer-events:none;text-shadow:0 1px 5px #0007}.byp-live-hearts>span:first-child{font-size:14px}.byp-live-hearts [data-byp-heart-number]{color:#fff}
.byp-live-tap-heart{position:absolute;z-index:12;font-size:30px;line-height:1;color:#ff304f;text-shadow:0 2px 8px #8d173f55;pointer-events:none;transform:translateX(-50%);contain:layout paint;width:38px;height:38px;text-align:center}

/* live-attendance-local.css */
.byp-live-join-notice{position:absolute;top:122px;left:12px;z-index:8;max-width:calc(100% - 80px);border:1px solid #ffffff45;border-radius:20px;background:#173b32c9;padding:7px 12px;font-size:11px;line-height:18px;color:#fff;box-shadow:0 3px 12px #0002;pointer-events:none;overflow-wrap:anywhere}.dm-live-preview-box{position:relative}.dm-live-preview-box>.byp-live-join-notice{top:48px;left:20px;max-width:calc(100% - 40px)}

/* section-room-local.css */
.byp-section-room{padding-bottom:16px;min-width:0}.byp-section-room>.byp-school-back{margin:0 0 8px;min-height:36px;gap:6px}.byp-room-intro{padding:12px;border:1px solid #dfe7da;border-radius:13px;background:#fff}.byp-room-intro>header{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px}.byp-room-intro .byp-section-card-cover{display:block;width:86px;height:62px;aspect-ratio:auto;border-radius:9px;overflow:hidden}.byp-room-intro .byp-section-card-cover>img{width:100%;height:100%;object-fit:cover}.byp-room-intro>header>div{min-width:0}.byp-room-school-name{display:block;color:#85947c;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-room-intro h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:5px 0 0;font-size:16px;line-height:1.45;letter-spacing:-.3px;color:#244c3f}.byp-room-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px;font-size:11px;color:#829378}.byp-room-meta>strong{font-size:12px;font-weight:650;color:#4b6946}.byp-room-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding-top:7px;border-top:1px solid #edf1e7}.byp-room-tools>button,.byp-room-trailer>button,.byp-room-about>summary{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:5px 7px;border:0;background:transparent;color:#52764a;font:inherit;font-size:11px;cursor:pointer}.byp-room-tools .byp-room-edit{margin-left:auto}.byp-room-tools .byp-public-section-join{margin:0 0 0 auto;background:#365f48;color:white;padding:7px 15px;border-radius:8px}.byp-room-trailer svg{width:17px;height:17px}.byp-room-trailer small{font-size:10px;color:#8c9c80}.byp-room-about{min-width:0}.byp-room-about>summary{list-style:none}.byp-room-about>summary::-webkit-details-marker{display:none}.byp-room-about>summary:after{content:'⌄';font-size:14px}.byp-room-about[open]{flex-basis:100%;order:10}.byp-room-about[open]>summary:after{content:'⌃'}.byp-room-about>div{padding:0 6px 6px;color:#849478;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.byp-room-about p{white-space:pre-wrap;margin:8px 0}.byp-room-composer{margin:13px 0 0;padding:12px;border:1px solid #dfe7dc;border-radius:13px;background:#fff}.byp-room-composer>div{display:flex;align-items:center;gap:10px}.byp-room-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#edf3e7;color:#5c7951;font-size:14px}.byp-room-avatar>img{width:100%;height:100%;object-fit:cover}.byp-room-prompt{appearance:none;flex:1;min-width:0;min-height:42px;padding:10px 15px;border:0;border-radius:24px;background:#f2f5f1;text-align:left;font:inherit;font-size:13px;color:#899487;cursor:pointer}.byp-room-composer>footer{display:flex;justify-content:flex-end;margin-top:10px;padding-top:6px;border-top:1px solid #edf1e9}.byp-room-poll-entry{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 12px;border:0;border-radius:8px;background:transparent;color:#718469;font:inherit;font-size:12px;cursor:pointer}.byp-room-poll-entry svg{width:19px;height:19px;color:#d69b50}.byp-room-lessons{margin-top:15px;padding:13px 0;border-bottom:1px solid #e7ecdf}.byp-room-lessons h2{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;margin:0}.byp-room-lessons svg{width:17px;height:17px;color:#7b9670}.byp-room-lessons p,.byp-room-empty{margin:9px 0;color:#93a087;font-size:12px;line-height:1.7}.byp-room-feed{margin-top:13px}.byp-room-post{margin-bottom:12px;padding:14px;border:1px solid #e0e8d9;border-radius:12px;background:white;overflow-wrap:anywhere}.byp-room-post>header{display:flex;align-items:center;gap:9px}.byp-room-post>header>div{display:flex;flex-direction:column;gap:4px;min-width:0}.byp-room-post>header button{appearance:none;border:0;padding:0;background:transparent;color:#315944;text-align:left;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.byp-room-post time{color:#96a18e;font-size:10px}.byp-room-post>p{white-space:pre-wrap;font-size:13px;line-height:1.8;margin:12px 0 0;color:#607957}.byp-room-poll h3{font-size:14px;line-height:1.6;margin:13px 0 10px}.byp-room-poll>button{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;margin-bottom:7px;padding:9px 11px;border:1px solid #dfe8d5;border-radius:8px;background:#f8fbf3;font:inherit;font-size:12px;text-align:left;color:#57774a;cursor:pointer}.byp-room-poll>button[aria-pressed=true]{background:#eaf4df;border-color:#9dbf7d}.byp-room-poll small{flex-shrink:0;font-size:10px;color:#8a9d7a}.byp-room-dialog{box-sizing:border-box;width:min(calc(100vw - 24px),460px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #dfe8d7;border-radius:17px;color:#315744;background:white;box-shadow:0 20px 75px #213d2b33;overflow:auto;font:inherit}.byp-room-dialog::backdrop{background:#19362688}.byp-room-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid #e6eddf;background:white}.byp-room-dialog h2{margin:0;font-size:17px;font-weight:600}.byp-room-dialog>header button{appearance:none;width:40px;height:40px;border:0;border-radius:50%;background:#f2f6ec;color:#839877;font-size:25px;cursor:pointer}.byp-room-dialog form{padding:15px 17px}.byp-room-compose-person{display:flex;align-items:center;gap:10px;margin-bottom:15px}.byp-room-compose-person>div{display:flex;flex-direction:column;gap:4px;min-width:0}.byp-room-compose-person strong{font-size:13px}.byp-room-compose-person small{font-size:10px;line-height:1.6;color:#8a9b7c;overflow-wrap:anywhere}.byp-room-dialog label{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;font-size:11px;color:#7c916d}.byp-room-dialog textarea,.byp-room-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:11px;border:1px solid #dce7d2;border-radius:9px;background:#fff;color:#3e6547;font:inherit;font-size:13px;line-height:1.7}.byp-room-dialog textarea{resize:vertical;min-height:105px}.byp-room-dialog section[hidden],.byp-room-dialog [role=alert][hidden]{display:none}.byp-room-dialog [data-byp-room-poll-fields]{padding:13px;border:1px solid #e5e9df;border-radius:10px;background:#fcfdf9;margin-bottom:10px}.byp-room-dialog [data-byp-room-poll-fields]>small{display:block;font-size:10px;margin-top:10px;color:#93a188}.byp-room-dialog [data-byp-room-toggle-poll],.byp-room-dialog [data-byp-room-add-option]{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;border:0;border-radius:8px;background:#f0f6e8;padding:7px 10px;color:#6a8755;font:inherit;font-size:11px;cursor:pointer}.byp-room-dialog [data-byp-room-toggle-poll]>svg{width:17px;height:17px}.byp-room-dialog [role=alert]{color:#b36e50;font-size:12px;line-height:1.7}.byp-room-dialog form>footer{position:sticky;bottom:-15px;display:flex;justify-content:flex-end;gap:8px;margin-top:15px;padding:12px 0 0;background:white}.byp-room-dialog footer button{appearance:none;min-height:42px;padding:10px 15px;border:1px solid #dce7d2;border-radius:9px;background:white;color:#7b9369;font:inherit;font-size:12px;cursor:pointer}.byp-room-dialog footer .byp-room-publish{background:#365f48;border-color:#365f48;color:white}.byp-room-dialog button:disabled{opacity:.55;cursor:wait}.byp-section-room button:focus-visible,.byp-room-dialog button:focus-visible,.byp-room-about>summary:focus-visible{outline:2px solid #8ba872;outline-offset:3px}.byp-room-dialog input:focus,.byp-room-dialog textarea:focus{outline:2px solid #dfeacd;outline-offset:1px}@media(max-width:359px){.byp-room-intro>header{grid-template-columns:70px minmax(0,1fr);gap:9px}.byp-room-intro .byp-section-card-cover{width:70px;height:56px}.byp-room-intro h1{font-size:14px}.byp-room-meta{gap:8px}.byp-room-tools{gap:5px}.byp-room-dialog form{padding:13px}.byp-room-dialog>header{padding:10px 13px}}

.byp-room-composer>footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.byp-room-poll-entry{flex-direction:column;justify-content:center;gap:5px;min-height:46px;padding:4px 1px;font-size:10px}.byp-room-poll-entry.is-media svg{color:#6fa873}.byp-room-poll-entry.is-file svg{color:#799ab7}.byp-room-poll-entry.is-live svg{color:#d96b63}.byp-room-editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.byp-room-editor-actions>button{appearance:none;display:flex;align-items:center;gap:5px;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:#f2f6ed;color:#728a60;font:inherit;font-size:11px;cursor:pointer}.byp-room-editor-actions svg{width:17px;height:17px}.byp-room-media-editor{margin-top:10px}.byp-room-media-editor[hidden]{display:none}.byp-room-media-editor>p{font-size:10px;line-height:1.7;color:#91a082}.byp-room-media-editor [data-byp-room-media-list]>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding:8px 10px;border:1px solid #e3eadb;border-radius:8px;background:#fbfcf8;font-size:11px}.byp-room-media-editor [data-byp-room-media-list] span{min-width:0;overflow-wrap:anywhere}.byp-room-media-editor small{display:block;color:#99a78e;font-size:9px;margin-top:4px}.byp-room-media-editor [data-byp-room-media-remove]{appearance:none;flex-shrink:0;min-width:32px;height:32px;border:0;border-radius:50%;background:#eef4e5;color:#8e9d7d;font-size:20px;cursor:pointer}.byp-room-post-video{display:block;width:100%;max-height:420px;object-fit:contain;background:#0d1911;border-radius:9px;margin-top:12px}.byp-room-post-images{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:7px;margin-top:10px;border-radius:9px;background:#f7f9f2}.byp-room-post-images>img{display:block;flex:0 0 100%;min-width:100%;width:100%;height:260px;object-fit:contain;scroll-snap-align:start}.byp-room-download{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;border:1px solid #e1e9d7;border-radius:9px;background:#f7faf1;color:#6c8758;font:inherit;font-size:11px;margin-top:8px;cursor:pointer}.byp-room-download>span{overflow-wrap:anywhere;min-width:0}.byp-room-download>small{font-size:9px;white-space:nowrap;color:#96a489}

.byp-section-room>.byp-school-back svg{transform:none}

.byp-room-dialog [hidden]{display:none!important}.byp-room-composer>footer:has(>button:only-child){display:flex;justify-content:flex-start}.byp-room-composer>footer>button:only-child{flex-direction:row;gap:7px;padding:4px 10px;font-size:11px}

.byp-room-permissions{min-width:0}.byp-room-permissions>summary{list-style:none;display:flex;align-items:center;min-height:36px;padding:5px 7px;font-size:11px;color:#52764a;cursor:pointer}.byp-room-permissions>summary::-webkit-details-marker{display:none}.byp-room-permissions[open]{flex-basis:100%;order:11}.byp-room-permissions>label{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #dfe8d4;border-radius:9px;background:#f7faf1;color:#627d51;font-size:12px;line-height:1.7}.byp-room-permissions input{appearance:auto;accent-color:#6e8c54;width:17px;min-width:17px;height:17px;margin:2px 0 0}.byp-room-permissions p,.byp-room-readonly{font-size:11px;line-height:1.7;color:#92a085;margin:9px 0}.byp-room-more{display:block;margin:12px auto;padding:9px 14px;border:1px solid #dfe7d5;border-radius:8px;background:#f7faf1;color:#6c8757;font:inherit;font-size:12px;cursor:pointer}

.byp-room-permissions>summary{gap:6px;min-height:38px;padding:6px 11px;border:1px solid #edc898;border-radius:9px;background:linear-gradient(135deg,#fff6e7,#ffecd0);color:#a36525;font-weight:650;box-shadow:0 2px 6px #d9973320}.byp-room-permissions>summary>svg{width:17px;height:17px;flex:0 0 17px}.byp-room-permissions>summary:hover,.byp-room-permissions[open]>summary{background:#ffebca;border-color:#ddb174}.byp-room-permissions[open]>summary{width:max-content;margin-bottom:9px}.byp-room-permissions>summary:focus-visible{outline:2px solid #d9ad6f;outline-offset:3px}

.byp-room-draft-note{margin:12px 0 0;font-size:11px;line-height:1.65;color:#5f725a}
[data-room-media][hidden]{display:none!important}
.byp-room-media-problem{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:160px;padding:20px;background:#f3f6ef;color:#526b4b;text-align:center}
.byp-room-media-problem p{max-width:340px;margin:0;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.byp-room-media-problem button{min-height:44px;padding:9px 16px;border:1px solid #b9cbb0;border-radius:9px;background:#fff;color:#315744;font:inherit;font-size:12px;cursor:pointer}
.byp-room-media-problem button:focus-visible{outline:2px solid #6c9257;outline-offset:3px}
.byp-room-post-images>.byp-room-media-problem{flex:0 0 100%;scroll-snap-align:start}

.byp-room-media-editor [data-byp-room-media-list]>.byp-room-preview-gallery{display:flex;justify-content:flex-start;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 5px;margin:0;border:0;border-radius:10px;background:transparent;-webkit-overflow-scrolling:touch}
.byp-room-preview-card{flex:0 0 100%;min-width:0;box-sizing:border-box;margin:0;overflow:hidden;border:1px solid #dfe8d7;border-radius:10px;background:#fbfcf8;scroll-snap-align:start}
.byp-room-preview-visual{display:block;height:clamp(140px,27dvh,224px);overflow:hidden;background:#edf2e8}
.byp-room-preview-visual>img,.byp-room-preview-visual>video{display:block;width:100%;height:100%;min-width:0;object-fit:contain}
.byp-room-preview-visual>video{background:#0d1911}
.byp-room-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px;color:#527047;font-size:11px}
.byp-room-preview-caption>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.byp-room-preview-caption small{font-size:9px;margin-top:3px}
.byp-room-media-editor [data-byp-room-media-list]>.byp-room-selected-files{display:block;padding:0;margin:0;border:0;border-radius:0;background:transparent}
.byp-room-selected-file{margin-top:7px;border:1px solid #e3eadb;border-radius:9px;background:#fbfcf8}
.byp-room-media-editor .byp-room-preview-hint{margin:2px 0 7px;color:#839877;font-size:10px}

.byp-room-social{display:flex;align-items:center;gap:19px;padding:9px 0 0;margin-top:8px;border-top:1px solid #edf0e9}.byp-room-social button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:5px 0;border:0;background:transparent;color:#43594b;font:inherit;font-size:13px;cursor:pointer}.byp-room-social button:last-child{margin-left:auto}.byp-room-social svg{width:25px;height:25px;stroke-width:1.65}.byp-room-social button:last-child svg{width:23px;height:23px}.byp-room-social [data-byp-section-social=like][aria-pressed=true]{color:#e57777}.byp-room-social [aria-pressed=true] svg{fill:currentColor}.byp-room-social button:focus-visible{outline:2px solid #90ae78;outline-offset:2px;border-radius:5px}
.byp-room-comments-open{overflow:hidden!important}.byp-room-comment-shield{position:fixed;inset:0;z-index:900;background:#fff;pointer-events:auto}.byp-room-post.byp-room-comment-context{position:fixed;inset:0 0 auto;z-index:910;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:40dvh;padding:0;margin:0;border:0;border-radius:0;background:#fff;overflow:hidden}.byp-room-comment-context>header{flex:none;padding:8px 14px}.byp-room-comment-context>p,.byp-room-comment-context>.byp-room-social,.byp-room-comment-context>.byp-room-poll,.byp-room-comment-context>.byp-room-download{display:none}.byp-room-comment-context>.byp-room-post-video{flex:1;min-height:0;width:100%;height:auto;margin:0;border-radius:0;object-fit:contain;background:#0b1810}.byp-room-comment-context>.byp-room-post-images{flex:1;min-height:0;height:auto;max-height:none;margin:0;border-radius:0}.byp-room-comment-context>.byp-room-post-images>img{height:100%;max-height:none;object-fit:contain;border-radius:0}.byp-room-comment-context:has(>.byp-room-post-video)>.byp-room-post-images{display:none}
.byp-room-comment-layer>section{position:fixed;inset:auto 0 0;z-index:920;box-sizing:border-box;display:flex;flex-direction:column;height:60dvh;background:#fff;border-top:1px solid #e4e9df;color:#315744;font:inherit}.byp-room-comment-layer section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 14px;border-bottom:1px solid #edf0e9}.byp-room-comment-layer h2{margin:0;font-size:15px}.byp-room-comment-layer h2 small{margin-left:5px;color:#85957e;font-size:12px;font-weight:400}.byp-room-comment-layer button{font:inherit;color:#315744;cursor:pointer}.byp-room-comment-layer header>button{min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;font-size:24px}.byp-room-comment-layer [data-section-comments]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 14px}.byp-room-comment-layer [data-section-comments]>article{padding:12px 0;border-bottom:1px solid #eef2e9}.byp-room-comment-layer article>button{border:0;padding:0;background:transparent;font-size:12px;font-weight:650;min-height:28px}.byp-room-comment-layer article>p{margin:4px 0 6px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.byp-room-comment-layer time{font-size:10px;color:#84957a}.byp-room-comment-empty{color:#87977e;font-size:13px;text-align:center;padding:30px 0}.byp-room-comment-layer form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #edf0e9}.byp-room-comment-layer textarea{box-sizing:border-box;flex:1;min-width:0;min-height:44px;max-height:100px;resize:vertical;padding:11px 13px;border:1px solid #dce6d3;border-radius:22px;color:#315744;font:inherit;font-size:13px;line-height:1.5}.byp-room-comment-layer form>button{min-height:44px;padding:9px 14px;border:0;border-radius:22px;background:#edf4e7;font-size:12px;font-weight:600}.byp-room-comment-layer [role=alert]{flex-basis:100%;margin:0;color:#b45943;font-size:12px}.byp-room-comment-layer [hidden]{display:none!important}
.byp-room-share-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));padding:18px;border:1px solid #dfe7d6;border-radius:16px;background:white;color:#315744;font:inherit}.byp-room-share-dialog::backdrop{background:#17362780}.byp-room-share-dialog>header{display:flex;align-items:center;justify-content:space-between}.byp-room-share-dialog h2{font-size:18px;margin:0}.byp-room-share-dialog button{min-height:44px;padding:8px 14px;border:0;border-radius:10px;background:#edf4e7;color:#315744;font:inherit;font-size:12px;cursor:pointer}.byp-room-share-dialog [data-share-close]{font-size:24px;background:transparent}.byp-room-share-dialog p,.byp-room-share-dialog label{font-size:12px;line-height:1.7}.byp-room-share-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:10px;margin:6px 0 12px;border:1px solid #dfe7d6;border-radius:8px;font:inherit;font-size:12px;color:#567449}.byp-section-saved-items{margin:18px 0}.byp-section-saved-items>button{display:flex;flex-direction:column;gap:6px;width:100%;padding:14px;margin:8px 0;text-align:left;border:1px solid #dfe7d6;border-radius:10px;background:white;color:#315744;font:inherit;cursor:pointer}.byp-section-saved-items small{color:#829477}
.byp-room-comment-layer article>button{display:inline-flex;align-items:center;gap:9px;min-height:36px}.byp-room-comment-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#edf3e7;color:#56764b;font-size:11px}.byp-room-comment-avatar img{width:100%;height:100%;object-fit:cover}.byp-room-comment-layer article>p,.byp-room-comment-layer article>time{margin-left:41px}
.byp-room-comment-context:not(:has(>.byp-room-post-video,>.byp-room-post-images))>p{display:block;flex:1;min-height:0;overflow:auto;margin:0;padding:6px 14px}.byp-room-comment-context:not(:has(>.byp-room-post-video,>.byp-room-post-images))>.byp-room-poll{display:block;padding:0 14px}.byp-room-comment-context>.byp-room-poll>button{display:none}

/* Flat section feed; the existing post and media nodes remain canonical. */
.byp-section-room>.byp-room-feed{background:#fff}
.byp-room-feed>.byp-room-post:not(.byp-room-comment-context){margin:0 0 15px;padding:0;border:0;border-bottom:1px solid #e7ece3;border-radius:0;box-shadow:none;background:#fff}
.byp-room-post:not(.byp-room-comment-context)>header{padding:13px 16px}
.byp-room-post:not(.byp-room-comment-context)>p{margin:0;padding:0 16px 15px;line-height:1.65}
.byp-room-post:not(.byp-room-comment-context)>.byp-room-post-video{width:100%;max-height:none;height:auto;margin:0;border-radius:0}
.byp-room-post:not(.byp-room-comment-context)>.byp-room-post-images{align-items:flex-start;gap:0;margin:0;border-radius:0;background:#fff}
.byp-room-post:not(.byp-room-comment-context)>.byp-room-post-images>img{height:auto;max-height:none;min-width:100%;width:100%;object-fit:contain;border-radius:0}
.byp-room-post:not(.byp-room-comment-context)>.byp-room-social{margin:0;padding:6px 14px;border-top:0}
.byp-room-post:not(.byp-room-comment-context)>.byp-room-poll{padding:0 16px 12px}
.byp-room-post:not(.byp-room-comment-context)>.byp-room-download{width:calc(100% - 32px);margin:8px 16px}
@media(max-width:760px){.byp-section-room>.byp-room-feed{width:100vw;max-width:none;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2)}}

.byp-room-comment-layer form>.byp-room-comment-avatar{flex:0 0 32px;margin-bottom:6px}

/* section-room-caption-local.css */
.byp-room-post>header>.byp-room-post-menu{position:relative;margin-left:auto;flex:0 0 44px;align-self:flex-start}
.byp-room-post-menu>summary{box-sizing:border-box;display:grid;place-items:center;list-style:none;min-width:44px;min-height:44px;border-radius:50%;color:#43594b;cursor:pointer;letter-spacing:2px;font-size:16px}
.byp-room-post-menu>summary::-webkit-details-marker{display:none}
.byp-room-post-menu[open]>summary,.byp-room-post-menu>summary:hover{background:#f2f5f1}
.byp-room-post-menu>div{position:absolute;right:0;top:100%;z-index:3;box-sizing:border-box;width:210px;max-width:calc(100vw - 56px);padding:5px;border:1px solid #e0e8de;border-radius:12px;background:white;box-shadow:0 6px 22px #213d2b22}
.byp-room-post>header .byp-room-post-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:9px;border-radius:8px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
.byp-room-post-menu button>svg{flex:0 0 20px;width:20px;height:20px}
.byp-room-post-menu>summary:focus-visible{outline:2px solid #8ba872;outline-offset:2px}
.byp-room-caption-dialog>header{gap:12px;min-width:0}
.byp-room-caption-dialog h2{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.byp-room-caption-dialog>header button{box-sizing:border-box;flex:0 0 44px;min-width:44px;width:44px;min-height:44px;height:44px}
.byp-room-caption-dialog form>footer{flex-wrap:wrap;gap:8px}
.byp-room-caption-dialog footer button{min-width:44px;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.byp-room-caption-dialog textarea{max-height:45dvh}
.byp-room-post [data-byp-room-caption][hidden]{display:none}
.byp-room-post>.byp-room-caption>.byp-post-text-plain{margin:0;padding:0 16px 15px;color:#607957;font-size:13px;line-height:1.65}
.byp-room-post>.byp-room-caption>.byp-post-text{margin:0}
.byp-room-post.byp-room-comment-context>.byp-room-caption{display:none}
.byp-room-caption-dialog .byp-post-style-controls select{min-height:44px}
.byp-room-dialog form>footer{bottom:0}

/* camera-effects-local.css */
.byp-camera-processed{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#15231c;pointer-events:none;border-radius:inherit;z-index:1}
.byp-camera-processed[hidden]{display:none!important}.byp-fx-active .byp-section-camera{opacity:0}
.byp-camera-mirrored .byp-section-camera,.byp-camera-mirrored .byp-camera-processed{scale:-1 1}
.byp-camera-flip{position:absolute;top:8px;left:8px;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff75;border-radius:12px;background:#243b30c9;color:#fff;cursor:pointer}
.byp-camera-flip svg{width:24px;height:24px}.byp-camera-flip:disabled{opacity:.38;cursor:default}.byp-camera-flip[aria-busy="true"] svg{animation:byp-camera-turn .9s linear infinite}
.byp-camera-facing{position:absolute;left:8px;bottom:8px;z-index:2;padding:4px 7px;border-radius:6px;background:#14231ba8;color:#fff;font-size:10px;pointer-events:none}.byp-camera-facing[hidden]{display:none}
.byp-fx-tabs{display:flex;gap:4px;padding:3px;margin:0 0 7px;border-radius:10px;background:#edf2e8}
.byp-fx-tabs button{flex:1;min-height:34px;border:0;border-radius:8px;background:transparent;color:#70816a;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;font-family:inherit}
.byp-fx-tabs button[aria-selected="true"]{background:#fff;color:#345443;box-shadow:0 1px 4px #173b2110}
.byp-fx-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 6px}
.byp-fx-looks button{min-width:0;min-height:40px;padding:5px 2px;border:1px solid #dbe6d2;border-radius:9px;background:#f8faf5;color:#456347;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}
.byp-fx-looks button[aria-pressed="true"]{background:#e5efda;border-color:#90ae78;color:#284e35}
.byp-fx-panel [data-byp-fx-pane][hidden]{display:none!important}.byp-fx-panel label>span{line-height:1.3}.byp-fx-panel input[type="range"]:disabled{opacity:.45}
.byp-camera-filters .byp-fx-mirror{display:flex!important;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px!important;min-height:40px;font-size:12px;margin:4px 0!important}
.byp-fx-mirror input{flex:0 0 18px;margin:0}.byp-fx-mirror small{font-size:10px;color:#839379;margin-left:auto}
.byp-fx-detail{width:100%;min-height:40px;margin:5px 0 3px;border:1px solid #dbe6d2;border-radius:10px;background:#f8faf5;color:#456347;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.byp-fx-detail[aria-pressed="true"]{background:#e5efda;border-color:#90ae78}.byp-fx-hint{display:block;color:#7b8c71;font-size:10px;line-height:1.4}
.byp-fx-panel [data-byp-fx-status]{font-size:11px;color:#718369;margin:5px 0 0;line-height:1.4}
.byp-fx-panel :focus-visible,.byp-camera-flip:focus-visible{outline:2px solid #90ae78;outline-offset:2px}
@keyframes byp-camera-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.byp-camera-flip[aria-busy="true"] svg{animation:none}}
.byp-fx-looks.byp-fx-covers,.byp-fx-makeup-covers{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:3px 1px 5px;margin:0 0 4px}
.byp-fx-covers>button,.byp-fx-makeup-covers>button{flex:0 0 65px;display:flex;flex-direction:column;align-items:center;gap:4px;scroll-snap-align:start;min-width:0;min-height:80px;padding:0 0 3px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6c7d62;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer}
.byp-fx-covers>button>span:last-child,.byp-fx-makeup-covers>button>span:last-child{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.byp-fx-thumb{position:relative;display:block;width:65px;height:65px;flex:0 0 65px;border:2px solid transparent;border-radius:11px;overflow:hidden;background:#e6eddf;box-sizing:border-box}
.byp-fx-thumb img,.byp-fx-thumb canvas{display:block;width:100%;height:100%;object-fit:cover}.byp-fx-thumb canvas{position:absolute;inset:0;pointer-events:none}.byp-fx-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--makeup-color,#c7d8b8)}
.byp-fx-thumb img,.byp-fx-thumb canvas{transform:scale(1.45);transform-origin:50% 44%}
.byp-fx-covers>button:first-child,.byp-fx-makeup-covers>button:first-child{position:sticky;left:0;z-index:2;background:#fafcf7!important}
.byp-fx-covers [aria-pressed="true"] .byp-fx-thumb,.byp-fx-makeup-covers [aria-pressed="true"] .byp-fx-thumb{border-color:#789c5d;box-shadow:0 0 0 1px #789c5d55}
.byp-fx-covers [aria-pressed="true"],.byp-fx-makeup-covers [aria-pressed="true"]{color:#345443;font-weight:700}
.byp-fx-none{display:grid;place-items:center;background:#34433a;color:#e9f0e4}.byp-fx-none svg{width:36px;height:36px}.byp-fx-none::after{display:none}
.byp-fx-fine>summary{min-height:30px;padding:5px 0;font-size:11px;font-weight:600;color:#71866a;cursor:pointer}.byp-fx-fine{margin-top:3px}
.byp-makeup-status{font-size:10px!important;color:#74866b!important;line-height:1.35!important;margin:4px 0 0!important}

/* Camera controls share a clear, finger-sized hierarchy. */
.byp-fx-tabs button{min-height:44px;color:var(--byp-secondary,#5f725a);font-size:13px}
.byp-camera-filters label{font-size:12px;grid-template-columns:86px minmax(0,1fr) 34px}
.byp-camera-filters label.byp-fx-choice{display:flex!important;flex-direction:column;align-items:stretch;gap:6px!important;margin:10px 0!important;color:var(--byp-ink,#244a3a);font-size:12px}
.byp-fx-choice>span{font-weight:600}.byp-fx-choice select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 32px 10px 11px;border:1px solid #d5e1ce;border-radius:10px;background:#fff;color:var(--byp-ink,#244a3a);font:inherit;font-size:13px}
.byp-fx-choice select:disabled{opacity:.65;background:#f0f4ec;cursor:default}.byp-fx-choice select:focus-visible{outline:2px solid var(--byp-focus,#426f50);outline-offset:2px}
.byp-fx-hint,.byp-fx-mirror small{font-size:11px;line-height:1.5;color:var(--byp-secondary,#5f725a)}
.byp-fx-fine>summary{min-height:34px;font-size:12px;color:var(--byp-secondary,#5f725a)}
.byp-fx-panel [data-byp-fx-status],.byp-makeup-status{font-size:12px!important;color:var(--byp-secondary,#5f725a)!important}
.byp-fx-panel .byp-camera-panel-head button{width:44px;height:44px}
.byp-fx-covers>button,.byp-fx-makeup-covers>button{font-size:11px;color:var(--byp-secondary,#5f725a)}
.byp-fx-covers [data-byp-fx-preset="soft"] img{filter:brightness(1.02) saturate(1.02)}
.byp-fx-covers [data-byp-fx-preset="fresh"] img{filter:brightness(1.04) saturate(1.08) contrast(1.035)}
.byp-fx-covers [data-byp-fx-preset="studio"] img{filter:brightness(1.05) contrast(1.04)}
.byp-camera-original{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);min-height:42px;max-width:calc(100% - 112px);padding:8px 11px;border:1px solid #ffffff70;border-radius:12px;background:#1c3026bf;color:#fff;font:inherit;font-size:11px;line-height:1.25;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.byp-camera-original[aria-pressed="true"]{background:#f6faf0;color:#294f3c}.byp-camera-original:disabled{opacity:.4;cursor:default}.byp-camera-original:focus-visible{outline:2px solid #d7edc6;outline-offset:2px}
.byp-fx-original .byp-camera-processed{visibility:hidden}.byp-fx-original .byp-section-camera{opacity:1!important;filter:none!important;transform:none!important}
.byp-camera-appearance{position:absolute;z-index:2;left:8px;right:8px;bottom:38px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}
.byp-camera-appearance[hidden]{display:none}.byp-camera-appearance>strong,.byp-camera-appearance>small{max-width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #ffffff24;border-radius:7px;background:#14271ede;color:#fff;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.byp-camera-appearance>strong{font-weight:600}.byp-camera-appearance>small[hidden]{display:none}.byp-camera-appearance>small{font-size:10px;background:#14271ec9}

/* Settings sit next to the preview; reference portraits never capture camera frames. */
.dm-live-preview-box:has(.byp-section-camera-box){min-width:0;padding:10px}
.dm-live-preview-box:has(.byp-section-camera-box)>h2{margin-bottom:6px;font-size:15px}
.dm-live-preview-box:not(.has-camera) .byp-camera-placeholder{min-height:90px;padding:10px 46px 10px 10px}
.byp-camera-controls{display:flex!important;flex-wrap:wrap!important;align-content:flex-start;gap:6px!important;max-width:100%;box-sizing:border-box}
.byp-camera-controls>.dm-live-button,.byp-camera-controls>.byp-camera-toggle{min-height:44px;min-width:0;padding:8px 10px}
.byp-camera-controls>.byp-camera-filters{order:1}.byp-camera-controls>.byp-studio-audio-controls{order:2}
.byp-camera-filters.byp-fx-panel{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px;flex:0 0 100%;width:100%;max-width:100%;margin:0;padding:6px 8px;border-radius:12px}
.byp-fx-panel .byp-camera-panel-head{display:contents}.byp-fx-panel .byp-camera-panel-head>strong{display:none}.byp-fx-panel .byp-camera-panel-head>button{grid-column:2;grid-row:1;width:44px;height:44px}
.byp-fx-panel .byp-fx-tabs{grid-column:1;grid-row:1;margin:0;padding:2px;gap:2px;min-width:0}.byp-fx-panel .byp-fx-tabs button{min-width:0;min-height:40px;padding:4px;font-size:11px}
.byp-fx-panel>[data-byp-fx-pane],.byp-fx-panel>p{grid-column:1/-1;min-width:0}
.byp-fx-panel .byp-fx-covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:2px 0;margin:0;overflow:visible}
.byp-fx-panel .byp-fx-covers>button,.byp-fx-panel .byp-fx-makeup-covers>button{flex:0 0 56px;gap:3px;min-height:72px;font-size:11px}
.byp-fx-panel .byp-fx-thumb{width:min(100%,56px);height:56px;flex:0 0 56px;border-radius:9px}
.byp-fx-panel .byp-fx-covers>button:first-child{position:static}.byp-fx-panel .byp-fx-makeup-covers{gap:6px;padding:2px 0;margin:0}
.byp-fx-panel .byp-fx-hint{margin:2px 0;font-size:10px;line-height:1.35}.byp-fx-panel .byp-fx-fine{margin:0}.byp-fx-panel .byp-fx-fine>summary{min-height:40px;box-sizing:border-box;display:flex;align-items:center;padding:4px 0}
.byp-camera-filters label.byp-fx-choice{display:grid!important;grid-template-columns:76px minmax(0,1fr);gap:6px!important;margin:4px 0!important}.byp-fx-choice select{font-size:12px;padding:8px 28px 8px 9px}
.byp-camera-flip,.byp-camera-expand{width:44px;height:44px}.byp-camera-original{min-height:44px}
.dm-live-preview-box.byp-camera-expanded{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important}
.dm-live-preview-box.byp-camera-expanded>h2{margin-bottom:6px}.byp-camera-expanded .byp-camera-controls{max-width:560px;max-height:58dvh;margin-top:6px;overflow-y:auto;overscroll-behavior:contain}
.dm-live-preview-box.byp-camera-expanded .byp-section-camera-box{min-height:min(110px,24dvh)}
.byp-camera-expanded .byp-camera-filters{position:static;inset:auto;max-height:min(268px,38dvh);overflow-y:auto;box-shadow:none;animation:none}
.dm-live-preview-box.byp-camera-expanded:not(.has-camera) .byp-section-camera-box{flex:0 0 100px;height:100px}
@media(min-width:760px){.byp-camera-expanded .byp-camera-controls{max-width:620px}.byp-fx-panel .byp-fx-thumb{width:56px}}

/* section-live-local.css is packed later. These scoped selectors must outrank
   its older absolute drawer and sizing rules, irrespective of asset order. */
.dm-live-preview-box.byp-camera-expanded .byp-camera-controls{max-width:560px;max-height:58dvh;margin-top:6px;overflow-y:auto}
.dm-live-preview-box.byp-camera-expanded .byp-camera-controls>.byp-camera-filters.byp-fx-panel{position:static;inset:auto;flex:0 0 100%;max-height:min(268px,38dvh);margin:0;overflow-y:auto;box-shadow:none;animation:none}
.dm-live-preview-box.byp-camera-expanded.has-camera .byp-section-camera-box{min-height:min(110px,24dvh)}
.dm-live-preview-box .byp-camera-controls>.dm-live-button,.dm-live-preview-box .byp-camera-controls>.byp-camera-toggle{min-height:44px}
@media(min-width:760px){.dm-live-preview-box.byp-camera-expanded .byp-camera-controls{max-width:620px}}

/* section-live-local.css */
.byp-section-live-fields select:disabled{opacity:1;color:#34584a;background:#f2f6ef;border-color:#dbe6d2;cursor:default}
.byp-section-live-fields .byp-section-live-note{font-size:13px;line-height:1.6;color:#71816c;margin:0}
.byp-section-camera-box{position:relative;min-width:0;overflow:hidden;border-radius:14px;background:#15231c}
.dm-live-preview-box.has-camera .byp-section-camera-box{aspect-ratio:var(--byp-camera-ratio,4/3);max-height:65dvh}
.dm-live-preview-box .byp-section-camera{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;background:#15231c;border-radius:14px}
.dm-live-preview-box .byp-section-camera[hidden],.byp-camera-placeholder[hidden]{display:none}
.byp-camera-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;min-height:140px;background:#edf3e9;color:#789170;border:1px solid #dce6d3;border-radius:14px;font-size:13px;padding:12px 46px 12px 12px}
.byp-camera-placeholder svg{width:28px;height:28px}
.byp-live-fixed output{display:flex;align-items:center;min-width:0;min-height:38px;padding:8px 11px;border:1px solid #dbe6d2;background:#f2f6ef;border-radius:11px;color:#34584a;font-size:13px;line-height:1.4}
.byp-section-live-fields .dm-live-form-row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.dm-live-studio .dm-live-page-head h1{font-size:clamp(23px,4vw,30px)}
.dm-live-studio{padding-top:16px}
.dm-live-preview-box:has(.byp-section-camera-box){padding:16px}
.dm-live-preview-box:has(.byp-section-camera-box)>h2{font-size:17px;margin:0 0 12px}
.byp-camera-controls{position:relative;align-items:center;gap:8px!important;min-width:0}
.byp-camera-controls>.dm-live-button,.byp-camera-toggle{min-height:42px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
.byp-camera-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe6d2;border-radius:11px;background:#f4f8ee;color:#456347;font-family:inherit;cursor:pointer;margin-left:auto}
.byp-camera-toggle svg{width:18px;height:18px;flex-shrink:0}
.dm-live-preview-box:has(.byp-section-camera-box):not(.has-camera) [data-dm-live-action="camera-stop"],.dm-live-preview-box.has-camera [data-dm-live-action="camera"]{display:none}
.byp-camera-expand{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff75;border-radius:12px;background:#243b30c9;color:#fff;cursor:pointer}
.byp-camera-expand svg{width:20px;height:20px}
.byp-camera-filters{flex:0 0 100%;min-width:0;margin:2px 0 0;padding:10px 12px;border:1px solid #dbe6d2;border-radius:15px;background:#fafcf7;box-sizing:border-box}
.byp-camera-filters[hidden]{display:none!important}
.byp-camera-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#34584a;font-size:13px}
.byp-camera-panel-head button{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#66805b;font-size:24px;cursor:pointer}
.byp-camera-presets{display:flex;gap:6px;margin:2px 0 8px}
.byp-camera-presets button{flex:1;min-width:0;min-height:40px;padding:6px;border:1px solid #dbe6d2;border-radius:10px;background:#f8faf5;color:#456347;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer}
.byp-camera-presets button[aria-pressed="true"]{background:#e5efda;border-color:#90ae78;color:#284e35}
.byp-camera-filters label{display:grid!important;grid-template-columns:65px minmax(0,1fr) 26px;align-items:center;gap:8px!important;margin:2px 0!important;font-size:11px}
.byp-camera-filters input[type="range"]{width:100%;min-width:0;min-height:40px!important;padding:0!important;margin:0;border:0!important;accent-color:#709b58}
.byp-camera-filters output{font-variant-numeric:tabular-nums;color:#7b8d72}
.byp-camera-filters [role="alert"]{color:#b44b3e;font-size:12px}
.byp-camera-expanded{position:fixed!important;inset:0!important;z-index:850!important;display:flex;flex-direction:column;gap:0;width:100%!important;height:100dvh!important;max-width:none!important;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;margin:0!important;border:0!important;border-radius:0!important;background:#14231b!important;box-sizing:border-box}
.dm-live-preview-box.byp-camera-expanded>h2{flex:0 0 auto;color:#f2f6ef;font-size:15px;margin:0 0 10px}
.dm-live-preview-box.byp-camera-expanded .byp-section-camera-box{flex:1;min-height:0;max-height:none;height:auto;aspect-ratio:auto;border-radius:12px}
.byp-camera-expanded .byp-camera-placeholder{height:100%;min-height:0;background:#253c2e;color:#b7c9ad;border-color:#455b43}
.byp-camera-expanded .byp-camera-controls{flex:0 0 auto;align-self:center;width:100%;max-width:440px;margin-top:10px}
.byp-camera-expanded .byp-camera-filters{position:absolute;z-index:5;bottom:calc(100% + 10px);left:0;right:0;margin:0;max-height:min(280px,48dvh);overflow-y:auto;overscroll-behavior:contain;background:#fafcf7f7;box-shadow:0 8px 28px #0004;animation:byp-camera-panel-in .16s ease-out}
.byp-camera-expanded>.dm-live-caption{display:none}
.byp-camera-expanded .dm-live-status-line{color:#d3dfca;padding-top:8px;margin-top:8px;border-color:#5f7554}
.byp-camera-is-expanded{overflow:hidden!important}.byp-camera-is-expanded #mobile-nav{visibility:hidden}
.byp-camera-toggle:focus-visible,.byp-camera-expand:focus-visible,.byp-camera-filters button:focus-visible{outline:2px solid #90ae78;outline-offset:2px}
@keyframes byp-camera-panel-in{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.byp-camera-controls>.dm-live-button,.byp-camera-toggle{font-size:11px;padding:9px}.byp-camera-toggle{gap:5px}.byp-camera-toggle svg{display:none}.byp-camera-placeholder{font-size:11px;gap:7px}.byp-camera-placeholder svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.byp-camera-expanded .byp-camera-filters{animation:none}}
@media(max-width:720px){.dm-live-studio-grid .dm-live-preview-box{order:-1}}

/* school-classroom-live-cta-local.css */
.modal.live-viewer-dialog{height:100dvh;max-height:100dvh;aspect-ratio:auto;margin:0}
.live-viewer-dialog .live-broadcast-identity{flex:1 1 0;min-width:0;max-width:100%}
.live-viewer-dialog .live-broadcast-identity .live-broadcast-host{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-viewer-dialog .live-broadcast-identity .live-host-follow{box-sizing:border-box;flex:0 0 96px;width:96px;min-width:96px;height:44px;min-height:44px}
.live-viewer-dialog.byp-classroom-live-viewer .live-preview-stage .live-comments-composer{box-sizing:border-box;bottom:calc(12px + env(safe-area-inset-bottom));min-height:0;padding:0 12px;background:linear-gradient(180deg,transparent,#000c 40%,#0a1410)}
.live-viewer-dialog.byp-classroom-live-viewer .live-preview-stage .live-participation-tools{bottom:var(--byp-classroom-participation-bottom,133px)}
.live-viewer-dialog.byp-classroom-live-viewer .live-gifts-root .live-gifts-trigger{bottom:var(--byp-classroom-gift-bottom,133px)}
.live-viewer-dialog.byp-classroom-live-viewer .live-preview-stage .live-comments-layer{bottom:var(--byp-classroom-messages-bottom,186px)}
.live-viewer-dialog.byp-classroom-live-viewer .live-preview-stage>.live-comments-new{bottom:calc(var(--byp-classroom-messages-bottom,186px) + 8px)}
.live-viewer-dialog.byp-classroom-live-viewer .live-comment-actions-root .live-comment-person-card{bottom:calc(var(--byp-classroom-messages-bottom,186px) + 14px)}
.live-viewer-dialog.byp-classroom-live-viewer .live-comment-actions-root:has(.live-comment-reply-chip:not([hidden])) .live-comment-person-card{bottom:calc(var(--byp-classroom-messages-bottom,186px) + 40px)}
.live-viewer-dialog.byp-classroom-live-viewer .live-comment-actions-root .live-comment-reply-chip{bottom:var(--byp-classroom-messages-bottom,186px)}
.byp-classroom-live-cta{box-sizing:border-box;flex:0 0 auto;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;color:#eef5f0}
.byp-classroom-live-cta>button{box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;height:56px;min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.byp-classroom-live-cta-icon{display:grid;place-items:center;width:20px;height:20px;color:#9bc8b1}
.byp-classroom-live-cta-icon svg{display:block;width:20px;height:20px}
.byp-classroom-live-cta-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.byp-classroom-live-cta-copy strong,.byp-classroom-live-cta-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.byp-classroom-live-cta-copy strong{color:#eef5f0;font-size:14px;font-weight:600;line-height:18px}
.byp-classroom-live-cta-copy small{color:#92aa9f;font-size:11px;line-height:14px}
.byp-classroom-live-cta-action{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#b9dec9;font-size:12px;line-height:18px}
.byp-classroom-live-cta-action svg{display:block;width:14px;height:14px;flex:none}
.byp-classroom-live-cta>button:focus-visible{outline:2px solid #92b47c;outline-offset:-3px}
.byp-classroom-live-cta p{margin:0;padding:0 12px 8px;font-size:11px;line-height:1.6;color:#e8b69d}

/* school-live-local.css */
.byp-school-live-page{max-width:800px;margin:0 auto;padding:15px 0 30px;color:#315246}
.byp-school-live-page header{margin:23px 0 20px}.byp-school-live-page header small{font-size:12px;color:#87967b}.byp-school-live-page h1{font-size:23px;line-height:1.4;margin:7px 0 0;font-weight:650}
.byp-school-live-options,.byp-school-live-sections{display:grid;gap:12px}
.byp-school-live-options>button,.byp-school-live-sections>button{display:flex;align-items:center;gap:13px;min-width:0;width:100%;padding:18px 15px;text-align:left;font-family:inherit;border:1px solid #dce6d6;border-radius:15px;background:#fff;color:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.byp-school-live-options>button:hover,.byp-school-live-sections>button:hover{background:#f5f9ef;border-color:#b5c9a3}
.byp-school-live-options>button:focus-visible,.byp-school-live-sections>button:focus-visible,.byp-school-live-entry:focus-visible{outline:2px solid #7a9f61;outline-offset:3px}
.byp-school-live-icon{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:12px;background:#edf4e6;color:#638348}.byp-school-live-icon svg{width:24px;height:24px}
.byp-school-live-options button>span:nth-child(2),.byp-school-live-sections button>span{display:grid;gap:7px;min-width:0;flex:1}
.byp-school-live-options strong,.byp-school-live-sections strong{font-size:15px;font-weight:650;overflow-wrap:anywhere}.byp-school-live-options small,.byp-school-live-sections small{font-size:12px;color:#829276;line-height:1.6}.byp-school-live-options em{font-size:11px;color:#6d8a54;font-style:normal}.byp-school-live-options b,.byp-school-live-sections b{font-weight:400;color:#9baa8e}
.byp-school-owner-card .byp-school-summary>div{flex:1;min-width:0}
.byp-school-live-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:40px;padding:9px 10px;border:1px solid #dbe6d1;border-radius:10px;background:#f4f8ed;color:#5d7d49;font-family:inherit;font-weight:600;font-size:11px;white-space:nowrap;cursor:pointer}.byp-school-live-entry svg{width:18px;height:18px}.byp-school-live-entry:hover{background:#eaf2df}
@media(max-width:380px){.byp-school-live-entry{width:40px;padding:8px}.byp-school-live-entry span{display:none}.byp-school-live-options>button{padding:15px 12px;gap:10px}.byp-school-live-page h1{font-size:21px}}

/* school-public-posts-local.css */
.byp-school-community-tile{position:relative;background:#edf2e8}.byp-school-community-tile>img{width:100%;height:100%;object-fit:cover}.byp-school-community-label{position:absolute;left:0;right:0;bottom:0;display:grid;gap:3px;padding:22px 7px 8px;text-align:left;color:#fff;background:linear-gradient(transparent,#153a24c9);pointer-events:none}.byp-school-community-label>span{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-school-community-label>small{font-size:9px}.byp-school-community-tile>.ig-text-tile{display:block;padding:12px 8px 45px;color:#36543e;overflow-wrap:anywhere}.byp-school-community-tile>.byp-section-card-cover{width:100%;height:100%}

/* school-lesson-social-local.css */
.byp-lesson-social{margin:0;padding:0;border:0;color:var(--byp-ink,#244a3a)}.byp-lesson-social [hidden],.byp-lesson-comment-layer [hidden]{display:none!important}
.byp-lesson-social .byp-lesson-social-footer{display:flex;align-items:center;gap:19px;box-sizing:border-box;min-height:56px;margin:0;padding:6px 14px 8px;border:0;background:#fff}
.byp-lesson-social .byp-lesson-social-footer>.byp-lesson-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:5px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#43594b;font:inherit;font-size:13px;line-height:1;cursor:pointer}
.byp-lesson-social-footer .byp-lesson-action svg{width:25px;height:25px;stroke-width:1.65}.byp-lesson-social .byp-lesson-social-footer>.save-action{margin-left:auto}.byp-lesson-social-footer .save-action svg{width:23px;height:23px}.byp-lesson-social .byp-lesson-social-footer>.liked{color:#e57777}.byp-lesson-social-footer .liked svg{fill:#e57777;stroke:#e57777}.byp-lesson-social-footer .is-saved svg{fill:#43594b}.byp-lesson-social button:disabled,.byp-lesson-comment-layer button:disabled{opacity:.5;cursor:default}
.byp-lesson-comments-open{overflow:hidden!important}.byp-lesson-comment-shield{position:fixed;inset:0 auto 0 var(--byp-lesson-comments-left,0px);width:var(--byp-lesson-comments-width,100vw);z-index:900;background:#edf2ee}.byp-lesson-comment-spacer{display:block;pointer-events:none}
[data-byp-lesson-inline][data-lesson-published=true].byp-curriculum-lesson-inline.byp-lesson-comment-context{position:fixed;inset:0 auto auto var(--byp-lesson-comments-left,0px);z-index:910;box-sizing:border-box;display:flex;flex-direction:column;width:var(--byp-lesson-comments-width,100vw)!important;max-width:none!important;height:40dvh;min-height:0;margin:0!important;padding:0;border:0;border-radius:0;background:#fff;overflow:hidden;outline:0}
.byp-lesson-comment-context>.byp-curriculum-lesson-row,.byp-lesson-comment-context>.byp-lesson-social{display:none}.byp-lesson-comment-context>.byp-curriculum-lesson-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;margin:0;padding:0}.byp-lesson-comment-context .byp-curriculum-lesson-body:has(video,img)>.byp-curriculum-lesson-text{display:none}
.byp-lesson-comment-context>.byp-curriculum-lesson-text{display:none}
.byp-lesson-comment-context .byp-lesson-media-reader:has(video,img){display:block;flex:1;min-height:0;height:100%;width:100%;max-width:none;background:#0b1810;overflow:hidden}.byp-lesson-comment-context .byp-lesson-media-reader:has(video)>:not(video):not(.byp-lesson-media-problem){display:none}.byp-lesson-comment-context .byp-lesson-media-reader:not(:has(video))>img~*:not(.byp-lesson-media-problem){display:none}
[data-byp-lesson-inline].byp-lesson-comment-context .byp-lesson-media-reader>video[data-lesson-media],[data-byp-lesson-inline].byp-lesson-comment-context .byp-lesson-media-reader>img[data-lesson-media]{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;object-fit:contain}
.byp-lesson-comment-context .byp-curriculum-lesson-text{padding:16px;font-size:14px;line-height:1.65}
.byp-lesson-comment-layer>.byp-lesson-comments-sheet{position:fixed;inset:auto auto 0 var(--byp-lesson-comments-left,0px);z-index:920;box-sizing:border-box;display:flex;flex-direction:column;width:var(--byp-lesson-comments-width,100vw);height:60dvh;max-height:60dvh;min-height:0;overflow:hidden;border:0;border-radius:24px 24px 0 0;background:#fff;color:var(--byp-ink,#244a3a);box-shadow:0 -8px 28px #2046311a;font:inherit}
.byp-lesson-comments-sheet>header{box-sizing:border-box;display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;min-height:72px;padding:14px 16px;border-bottom:1px solid #edf0e9}.byp-lesson-comments-sheet h2{margin:0;font-size:16px;font-weight:650;line-height:1.5}.byp-lesson-comments-sheet h2 small{margin-left:5px;color:var(--byp-secondary,#5f725a);font-size:12px;font-weight:400}.byp-lesson-comments-sheet button{font:inherit;color:inherit;cursor:pointer}.byp-lesson-comments-sheet header>button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;font-size:26px}
.byp-lesson-comments-sheet [data-lesson-comment-list]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 16px;scrollbar-width:thin}.byp-lesson-comment{min-width:0;padding:12px 0;border-bottom:1px solid #eef2e9}.byp-lesson-comment-person{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;min-height:44px;margin:0;padding:0;border:0;background:transparent;text-align:left;font-size:12px;font-weight:650}.byp-lesson-comment-person strong{min-width:0;overflow-wrap:anywhere}.byp-lesson-comment-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border-radius:50%;background:#edf3e7;color:#56764b;font-size:11px}.byp-lesson-comment-avatar img{width:100%;height:100%;object-fit:cover}.byp-lesson-comment-copy{min-width:0;margin-left:41px}.byp-lesson-comment-copy p{margin:4px 0 6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.byp-lesson-comment-copy time{display:block;color:var(--byp-secondary,#5f725a);font-size:11px;line-height:1.5}.byp-lesson-comment-empty{padding:30px 0;text-align:center;color:var(--byp-secondary,#5f725a);font-size:13px}
.byp-lesson-comments-composer{flex:none;background:#fff}.byp-lesson-comment-emojis{display:flex;flex:none;align-items:center;justify-content:space-between;gap:4px;min-width:0;padding:6px 12px 4px;border-top:1px solid #edf0e9;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.byp-lesson-comment-emojis>button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:5px 1px;border:0;border-radius:10px;background:transparent;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:24px;line-height:1.2}.byp-lesson-comment-emojis>button:hover{background:#f0f5ed}
.byp-lesson-comments-sheet form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:0;padding:10px 12px max(10px,env(safe-area-inset-bottom));border:0}.byp-lesson-comments-sheet form>.byp-lesson-comment-avatar{margin-bottom:6px}.byp-lesson-comment-input-wrap{display:block;flex:1;min-width:0}.byp-lesson-comments-sheet textarea{display:block;box-sizing:border-box;width:100%;height:44px;min-height:44px;max-height:100px;margin:0;padding:10px 13px;resize:vertical;border:1px solid #c8d3c5;border-radius:22px;background:#fff;color:#315744;font:inherit;font-size:14px;line-height:1.5}.byp-lesson-comments-sheet form>button{flex:none;min-width:44px;min-height:44px;padding:9px 14px;border:0;border-radius:22px;background:var(--byp-primary,#315d47);color:#fff;font-size:12px;font-weight:600}.byp-lesson-comments-sheet form>button:disabled{background:#dbe3d7;color:#52634d;opacity:1}.byp-lesson-comments-sheet [data-lesson-comment-permission]{flex-basis:100%;margin:0;font-size:12px;line-height:1.5;color:#79553d}.byp-lesson-comments-sheet [data-lesson-social-error]{margin:0;padding:8px 14px;color:#933b2d;font-size:12px;line-height:1.5}.byp-lesson-comments-sheet [data-lesson-social-status]:empty{display:none}.byp-lesson-comments-sheet [data-byp-lesson-social=login]{min-height:44px;width:calc(100% - 24px);margin:12px;padding:10px;border:1px solid #dce6d3;border-radius:22px;background:#f4f7f0;color:#315744}
.byp-lesson-social button:focus-visible,.byp-lesson-comments-sheet :is(button,textarea,summary):focus-visible{outline:2px solid var(--byp-focus,#426f50);outline-offset:-2px}
.byp-lesson-gift-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;background:#10251dcc}.byp-lesson-gift-dialog{box-sizing:border-box;width:min(100%,630px);max-height:calc(100dvh - 36px);padding:22px;overflow:auto;border-radius:24px;background:white;color:#244a3a;box-shadow:0 24px 70px #0004}.byp-lesson-gift-dialog header{display:flex;justify-content:space-between;gap:16px}.byp-lesson-gift-dialog h2{font-size:23px;margin:6px 0 14px}.byp-lesson-gift-dialog small{font-size:11px;color:#5f725a}.byp-lesson-gift-dialog p{font-size:13px;line-height:1.6}.byp-lesson-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.byp-lesson-gift-grid label{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 5px;border:1px solid #dce5d7;border-radius:12px;cursor:pointer}.byp-lesson-gift-grid label:has(input:checked){border-color:#426f50;background:#edf4e8;box-shadow:0 0 0 1px #426f50}.byp-lesson-gift-grid input{position:absolute;top:7px;left:7px}.byp-lesson-gift-grid img{width:58px;height:58px;object-fit:contain}.byp-lesson-gift-grid label>span{font-size:34px}.byp-lesson-gift-grid strong{font-size:12px;text-align:center;overflow-wrap:anywhere}.byp-lesson-gift-dialog select{border-color:#b9cbb1;padding:10px;background:white}.byp-lesson-gift-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:10px}.byp-lesson-gift-dialog button{padding:9px 15px;border-color:#d0dcc9}.byp-lesson-gift-dialog button[type=submit]{background:#315d47;color:white}.byp-saved-school-lessons{margin-top:24px}.byp-saved-school-lessons button{display:grid;width:100%;text-align:left;padding:13px 16px;border-color:#dce5d7;margin:9px 0}.byp-saved-school-lessons span{font-size:13px;color:#5f725a;margin-top:5px}
.byp-lesson-social :is(button,textarea):focus-visible,.byp-lesson-gift-dialog :is(button,input,select):focus-visible{outline:3px solid var(--byp-focus,#426f50);outline-offset:2px}@media(max-width:420px){.byp-lesson-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.byp-lesson-gift-dialog{padding:16px}.byp-lesson-gift-dialog h2{font-size:21px}}

.byp-lesson-gift-dialog button,.byp-lesson-gift-dialog select,.byp-saved-school-lessons button{min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.byp-lesson-gift-dialog button,.byp-saved-school-lessons button{border-color:#d0dcc9}.byp-lesson-gift-dialog select{border-color:#b9cbb1;background:#fff}.byp-lesson-gift-dialog button[type=submit]{background:#315d47;color:#fff}

.byp-lesson-comment-context .byp-lesson-media-reader{position:relative}.byp-lesson-comment-context .byp-lesson-media-reader>.byp-lesson-media-problem{position:absolute;right:12px;bottom:12px;left:12px;z-index:1;display:block!important;margin:0;padding:10px;border-radius:8px;background:#fff;color:#8b392e;font-size:13px;line-height:1.5}
@media(max-width:360px){.byp-lesson-social .byp-lesson-social-footer{gap:8px}.byp-lesson-social .byp-lesson-social-footer>.byp-lesson-action{gap:5px}}

/* school-curriculum-ui-local.css */
.byp-curriculum{margin:18px 0 22px;padding:18px 0;border-top:1px solid #e2e9dc;border-bottom:1px solid #e2e9dc;color:#315744}
.byp-curriculum-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.byp-curriculum-heading h2{font-size:17px;line-height:1.35;margin:0}
.byp-curriculum-heading p,.byp-curriculum-empty,.byp-curriculum-archive>p{font-size:12px;line-height:1.65;color:#63785c;margin:7px 0 0}
.byp-curriculum-heading>div:last-child:not(:first-child){display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.byp-curriculum button,.byp-curriculum-dialog button{min-height:44px;border:1px solid #d5e1cf;border-radius:9px;background:#fff;padding:9px 12px;color:#315744;font:inherit;font-size:12px;cursor:pointer}
.byp-curriculum .is-primary,.byp-curriculum-dialog .is-primary{background:#365f48;border-color:#365f48;color:#fff}
.byp-curriculum button:disabled,.byp-curriculum-dialog button:disabled{opacity:.45;cursor:default}
.byp-curriculum-tree,.byp-curriculum-lessons,.byp-curriculum-archive ul{list-style:none;margin:0;padding:0}
.byp-curriculum-tree>.byp-curriculum-tree{margin-left:12px}
.byp-curriculum-category{margin-top:12px;padding:4px 0 4px 12px;border-left:1px solid #e2e9dc;min-width:0}
.byp-curriculum-category>header{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px}
.byp-curriculum-category h3{min-width:0;margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.byp-curriculum-category>.byp-curriculum-tree{margin-left:8px}
.byp-curriculum-lesson-inline{min-width:0;padding:16px 0;border-bottom:1px solid #e7ede1;scroll-margin-top:90px}
.byp-curriculum-lesson-inline[data-lesson-published=true]{box-sizing:border-box;margin:0 0 15px;padding:0;border:0;border-bottom:1px solid #e7ece3;border-radius:0;box-shadow:none;background:#fff}
.byp-curriculum-lesson-inline[data-lesson-published=true]>.byp-curriculum-lesson-row{box-sizing:border-box;margin:0;padding:13px 16px}
.byp-curriculum-lesson-inline[data-lesson-published=true] .byp-curriculum-lesson-text{box-sizing:border-box;margin:0;padding:0 16px 15px;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.byp-curriculum-lesson-inline[data-lesson-published=true] .byp-lesson-media-reader{gap:0}
.byp-curriculum-lesson-inline[data-lesson-published=true] .byp-lesson-media-reader>img{display:block;width:100%;height:auto;max-height:none;border:0;border-radius:0;object-fit:contain}
.byp-curriculum-lesson-inline[data-lesson-published=true] [data-lesson-download]{box-sizing:border-box;width:calc(100% - 32px);margin:8px 16px}
.byp-curriculum-lesson-inline:focus{outline:2px solid #769c61;outline-offset:4px}
.byp-curriculum-lesson-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;margin-bottom:12px}
.byp-curriculum-lesson-row>div:first-child{min-width:0;flex:1}
.byp-curriculum-lesson-row h4{font-size:16px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;margin:0}
.byp-curriculum-lesson-row small,.byp-curriculum-archive small{display:block;margin-top:4px;font-size:10px;color:#687e60;font-weight:400;line-height:1.5}
.byp-curriculum-lesson-body{min-width:0}
.byp-curriculum-lesson-body .byp-lesson-media-reader{min-width:0;max-width:100%}
.byp-curriculum-lesson-body :is(video,img){box-sizing:border-box;max-width:100%}
.byp-curriculum-menu{position:relative;flex:none}
.byp-curriculum-menu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:8px;color:#5a7451;cursor:pointer;list-style:none;font-size:11px}
.byp-curriculum-menu>summary::-webkit-details-marker{display:none}
.byp-curriculum-menu>div{position:absolute;right:0;top:100%;z-index:15;display:flex;flex-direction:column;width:200px;max-height:360px;overflow:auto;padding:5px;border:1px solid #d6e2ce;border-radius:10px;background:#fff;box-shadow:0 10px 28px #233d2926}
.byp-curriculum-menu>div>button{width:100%;text-align:left;border:0;border-radius:5px}
.byp-curriculum-menu>div>button:hover{background:#f1f6ec}
.byp-curriculum-menu .is-caution{color:#965b32}
.byp-curriculum-archive{margin-top:17px;border-top:1px solid #e2e9dc;padding-top:10px}
.byp-curriculum-archive>summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:12px;font-weight:600}
.byp-curriculum-archive li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1e8;font-size:13px}
.byp-curriculum-archive li>span{min-width:0;overflow-wrap:anywhere}
.byp-curriculum-archive li>button{flex:none}
.byp-curriculum-dialog,.byp-curriculum-reader{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:1px solid #d9e3d2;border-radius:16px;background:#fff;color:#315744;box-shadow:0 20px 70px #213a293b;font:inherit}
.byp-curriculum-reader{width:min(760px,calc(100vw - 24px))}
.byp-curriculum-dialog::backdrop,.byp-curriculum-reader::backdrop{background:#17352799}
.byp-curriculum-dialog>header,.byp-curriculum-reader>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid #e5ecdf;background:#fff}
.byp-curriculum-dialog h2,.byp-curriculum-reader h2{min-width:0;margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.byp-curriculum-reader>header>div{min-width:0}
.byp-curriculum-reader header small{display:block;margin-bottom:5px;color:#6a7e61;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.byp-curriculum-dialog>header>button,.byp-curriculum-reader>header>button{flex:none;width:44px;min-height:44px;padding:5px;border:0;border-radius:50%;background:#f0f5eb;color:#54704a;font-size:26px;cursor:pointer}
.byp-curriculum-dialog form,.byp-curriculum-reader-body{padding:17px}
.byp-curriculum-dialog label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#57724e;font-size:12px;line-height:1.5}
.byp-curriculum-dialog input:not([type=file]),.byp-curriculum-dialog textarea,.byp-curriculum-dialog select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #d7e2d0;border-radius:8px;background:#fff;color:#2e513b;font:inherit;font-size:14px;line-height:1.65}
.byp-curriculum-dialog textarea{min-height:160px;resize:vertical}
.byp-curriculum-dialog form>footer{position:sticky;bottom:-17px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px;padding:12px 0 0;background:#fff}
.byp-curriculum-draft-note{margin:10px 0;color:#687d61;font-size:11px;line-height:1.7}
.byp-curriculum-error,.byp-curriculum-dialog [data-curriculum-error]{margin:12px 0;color:#a15137;font-size:12px;line-height:1.65}
.byp-curriculum-lesson-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin-bottom:17px}
.byp-curriculum :is(button,summary):focus-visible,.byp-curriculum-dialog :is(button,input,textarea,select):focus-visible,.byp-curriculum-reader button:focus-visible{outline:2px solid #769c61;outline-offset:3px}
@media(max-width:420px){.byp-curriculum-heading{flex-direction:column;gap:10px}.byp-curriculum-heading>div:last-child:not(:first-child){justify-content:flex-start}.byp-curriculum-category{padding:4px 0 4px 8px}.byp-curriculum-category>.byp-curriculum-tree{margin-left:0}.byp-curriculum-menu>div{width:178px}.byp-curriculum-archive li{align-items:flex-start;flex-direction:column;gap:8px}.byp-curriculum-dialog form,.byp-curriculum-reader-body{padding:13px}.byp-curriculum-dialog>header,.byp-curriculum-reader>header{padding:10px 13px}.byp-curriculum-dialog form>footer{bottom:-13px}.byp-curriculum-dialog footer>button{flex:1}}

/* Category content shares the school inline stage at every nesting depth. */
.byp-curriculum[data-curriculum-media-layout="inline"] .byp-curriculum-category{padding:4px 0;border-left:0}.byp-curriculum[data-curriculum-media-layout="inline"] .byp-curriculum-category>.byp-curriculum-tree{margin-left:0}.byp-curriculum[data-curriculum-media-layout="inline"] .byp-curriculum-category>header{box-sizing:border-box;padding-inline-start:clamp(0px,calc(var(--byp-category-depth,0)*12px),48px)}
.byp-curriculum-category-media,.byp-curriculum-category-media>.byp-category-media{box-sizing:border-box;display:block;min-width:0;width:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.byp-curriculum-category-media :is(video,img){box-sizing:border-box;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:var(--byp-category-media-aspect,auto);object-fit:contain;margin:0;padding:0;border:0;border-radius:0}
.byp-curriculum[data-curriculum-media-layout="inline"] [data-category-media-inline][data-byp-category-flow]{width:var(--byp-category-flow-width);max-width:none;margin-left:var(--byp-category-flow-offset);margin-right:0}
.byp-category-media-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 24px)}.byp-category-media-dialog>header{flex:none}.byp-category-media-dialog form{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}.byp-category-editor-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}.byp-category-media-dialog form>footer{position:static;flex:none;bottom:auto;box-sizing:border-box;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e0e9dc;background:#fff}.byp-category-editor-name{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.byp-category-editor-slot{min-width:0;margin:18px 0 0;padding:14px 0;border-top:1px solid #e1e9db}.byp-category-editor-slot h3{margin:0 0 12px;font-size:14px}.byp-category-editor-slot input[type=file]{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:44px;font:inherit;font-size:12px}.byp-category-editor-slot input::file-selector-button{min-height:44px;border:1px solid #cbdac4;border-radius:8px;padding:8px;background:#f3f7ef;color:#315744;cursor:pointer}.byp-category-editor-slot :is(img,video){display:block;width:100%;max-width:100%;height:auto;max-height:36dvh;object-fit:contain;background:#eef3e9}.byp-category-editor-slot :is(img,video)[hidden],.byp-category-editor-slot progress[hidden]{display:none}.byp-category-editor-slot [role=status]{min-height:20px;margin:10px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.byp-category-editor-slot progress{display:block;width:100%;height:8px;margin:10px 0;accent-color:#315d47}.byp-category-editor-slot>div{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:420px){.byp-category-editor-body{padding:13px}.byp-category-media-dialog form>footer{padding-inline:13px}.byp-category-media-dialog form>footer>button{min-width:0;flex:1}}

/* school-lesson-flow-local.css */
[data-byp-lesson-inline] video[data-lesson-media][data-byp-lesson-flow]{display:block!important;box-sizing:border-box!important;width:var(--byp-lesson-flow-width)!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin-left:var(--byp-lesson-flow-offset)!important;margin-right:0!important;border:0!important;border-radius:0!important;object-fit:contain;justify-self:start;align-self:start}
[data-byp-lesson-inline][data-lesson-published=true][data-byp-lesson-surface]{box-sizing:border-box!important;width:var(--byp-lesson-surface-width)!important;min-width:0!important;max-width:none!important;margin-left:var(--byp-lesson-surface-offset)!important;margin-right:0!important;border-radius:0}

/* school-classroom-permissions-ui-local.css */
.byp-classroom-permissions-control{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:13px 0;border-top:1px solid #e1e9db;border-bottom:1px solid #e1e9db;color:#315744}
.byp-classroom-permissions-control p{margin:5px 0 0;font-size:12px;line-height:1.65;color:#63785c}
.byp-classroom-permissions-control button,.byp-classroom-permissions-dialog button{min-height:44px;padding:9px 12px;border:1px solid #d2dfcb;border-radius:8px;background:#fff;color:#315744;font:inherit;font-size:12px;cursor:pointer}
.byp-classroom-permissions-control>button{flex:none}
.byp-classroom-permissions-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:0;border:1px solid #d3dfcc;border-radius:14px;background:#fff;color:#315744;font:inherit}
.byp-classroom-permissions-dialog::backdrop{background:#17352799}
.byp-classroom-permissions-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid #e1e9db;background:#fff}
.byp-classroom-permissions-dialog h2{margin:4px 0 0;font-size:18px}
.byp-classroom-permissions-dialog h3{margin:0 0 13px;font-size:15px}
.byp-classroom-permissions-dialog header small{font-size:11px;overflow-wrap:anywhere}
.byp-classroom-permissions-dialog header>button{flex:none;min-width:44px;font-size:24px;border:0}
.byp-classroom-permissions-note{padding:0 17px;margin:14px 0;font-size:12px;line-height:1.75;color:#63785c}
.byp-classroom-permissions-dialog ul{list-style:none;margin:0;padding:0 17px}
.byp-classroom-permissions-dialog li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e5ecdf;font-size:13px}
.byp-classroom-permissions-dialog li>div:first-child{min-width:0;overflow-wrap:anywhere}
.byp-classroom-permissions-dialog li small{display:block;margin-top:4px;font-size:11px;color:#63785c}
.byp-classroom-permissions-dialog li p{margin:5px 0 0;font-size:11px;line-height:1.7}
.byp-classroom-permissions-dialog li>div:last-child{display:flex;flex-wrap:wrap;gap:6px;flex:none}
.byp-classroom-permissions-dialog form{padding:17px}
.byp-classroom-permissions-dialog form>.byp-classroom-permissions-note{padding:0}
.byp-classroom-permissions-dialog label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:12px}
.byp-classroom-permissions-dialog select{box-sizing:border-box;min-height:44px;width:100%;padding:9px;border:1px solid #d3dfcc;border-radius:7px;background:#fff;color:#315744;font:inherit;font-size:14px}
.byp-classroom-permissions-dialog fieldset{padding:12px;border:1px solid #dce6d4;border-radius:8px}
.byp-classroom-permissions-dialog legend{padding:0 5px;font-size:12px}
.byp-classroom-permissions-dialog .byp-classroom-permission-check{flex-direction:row;align-items:center;min-height:38px;gap:9px;margin:0;font-size:13px}
.byp-classroom-permission-check input{width:18px;height:18px;accent-color:#365f48}
.byp-classroom-permissions-dialog footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:16px}
.byp-classroom-permissions-dialog [type=submit]{background:#365f48;border-color:#365f48;color:#fff}
.byp-classroom-permissions-dialog [data-classroom-permissions-error]{font-size:12px;line-height:1.7;color:#a15137}
.byp-classroom-permissions-dialog :is(button,input,select):focus-visible,.byp-classroom-permissions-control button:focus-visible{outline:2px solid #769c61;outline-offset:3px}
.byp-room-live-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;padding:12px 0;border-bottom:1px solid #e1e9db;color:#315744}
.byp-room-live-control p{font-size:12px;margin:5px 0 0;color:#63785c}
@media(max-width:420px){.byp-classroom-permissions-control,.byp-room-live-control{align-items:flex-start;flex-direction:column}.byp-classroom-permissions-dialog li{align-items:flex-start;flex-direction:column}.byp-classroom-permissions-dialog footer>button{flex:1}.byp-classroom-permissions-dialog>header,.byp-classroom-permissions-dialog form{padding:13px}}

/* school-call-ui-local.css */
.byp-school-call-control{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin:16px 0;border:1px solid #d3dfca;border-radius:14px;background:#f2f7ed;color:#244a3a}.byp-school-call-control p{margin:5px 0 0;font-size:13px;line-height:1.5;color:#5f725a}.byp-school-call-control button,.byp-school-call-dialog button,.byp-call-notice button,.byp-call-banner button{min-height:44px;padding:10px 14px;border:1px solid #bfcfb5;border-radius:10px;background:#fff;color:#315d47;font:inherit;font-weight:600;cursor:pointer}.byp-school-call-control button{flex-shrink:0}.byp-school-call-control button:focus-visible,.byp-school-call-dialog :is(button,textarea,select):focus-visible,.byp-call-notice button:focus-visible,.byp-call-banner button:focus-visible{outline:3px solid #638950;outline-offset:3px}.byp-school-call-dialog button:disabled{opacity:.5;cursor:wait}.byp-school-call-overlay{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:20px;background:rgb(10 27 18 / .56)}.byp-school-call-dialog{box-sizing:border-box;min-width:0;width:min(100%,540px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border-radius:22px;background:#fff;padding:0 24px 24px;color:#244a3a;box-shadow:0 22px 70px rgb(0 0 0 / .25)}.byp-school-call-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 -24px;padding:24px 24px 12px;background:#fff;border-bottom:1px solid #e4ebdf}.byp-school-call-dialog>header>div{min-width:0;overflow-wrap:anywhere}.byp-school-call-dialog>header h2{margin:4px 0 0;font-size:22px;line-height:1.2;overflow-wrap:anywhere}.byp-school-call-dialog>header small{color:#6a7b61;overflow-wrap:anywhere}.byp-school-call-dialog>.byp-call-target{margin-top:6px}.byp-school-call-dialog button{min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.byp-school-call-dialog .byp-call-close{flex:0 0 44px;padding:0;font-size:26px;border-color:transparent;background:#f2f5ef}.byp-call-target{margin:18px 0 6px;font-weight:700;overflow-wrap:anywhere}.byp-call-members{font-size:13px;line-height:1.5;color:#5f725a}.byp-school-call-dialog form{display:grid;gap:14px;margin-top:20px}.byp-school-call-dialog label{display:grid;gap:7px;font-size:14px;font-weight:600}.byp-school-call-dialog label small{font-weight:400;color:#6a7b61}.byp-school-call-dialog textarea,.byp-school-call-dialog select{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #c4d1bb;border-radius:10px;color:#244a3a;background:#fff;font:inherit}.byp-school-call-dialog textarea{resize:vertical;min-height:86px}.byp-call-audio-actions,.byp-call-submit-actions{display:flex;flex-wrap:wrap;gap:8px}.byp-call-submit-actions{justify-content:flex-end}.byp-call-help,.byp-call-selection{margin:0;font-size:12px;line-height:1.5;color:#6a7b61}.byp-call-selection{color:#315d47}.byp-school-call-dialog [data-call-feedback]{margin:0;font-size:13px;line-height:1.5;color:#315d47}.byp-school-call-dialog [data-call-feedback].is-error{color:#9a382a}.byp-school-call-dialog .byp-call-primary,.byp-call-notice .byp-call-primary{background:#315d47;color:white;border-color:#315d47}.byp-call-notice{max-width:660px;margin:24px auto;padding:28px;border:1px solid #d3dfca;border-radius:20px;background:#fff;color:#244a3a}.byp-call-notice>p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.byp-call-notice>small{display:block;color:#6a7b61;margin-bottom:20px}.byp-call-notice h2{overflow-wrap:anywhere}.byp-call-notice-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ecf3e6;color:#315d47;font-size:28px}.byp-call-notice .byp-call-primary{margin-top:12px}.byp-call-inbox-badge{border:0;border-radius:20px;background:#e9f2e1;color:#315d47;min-width:44px;min-height:44px;padding:7px 10px;font:inherit;cursor:pointer}.byp-call-banner{position:fixed;z-index:1200;bottom:calc(82px + env(safe-area-inset-bottom));right:20px;max-width:min(400px,calc(100vw - 40px));box-sizing:border-box;padding:16px;border:1px solid #bdceb2;border-radius:16px;background:#f8fbf5;color:#244a3a;box-shadow:0 8px 28px rgb(20 45 26 / .18)}.byp-call-banner p{font-size:13px;line-height:1.45;max-height:3em;overflow:hidden;overflow-wrap:anywhere;margin:6px 0 12px}.byp-call-banner>div+div{display:flex;flex-wrap:wrap;gap:6px}.byp-call-banner button{font-size:12px;padding:8px 11px}.byp-call-banner>small{display:block;margin-top:7px;color:#6a7b61;font-size:12px}
@media(max-width:600px){.byp-school-call-control{align-items:stretch;flex-direction:column;gap:12px}.byp-school-call-control button{width:100%}.byp-school-call-overlay{padding:0;align-items:flex-end}.byp-school-call-dialog{max-height:92dvh;border-radius:24px 24px 0 0;padding:0 18px calc(22px + env(safe-area-inset-bottom))}.byp-school-call-dialog>header{margin-inline:-18px;padding:22px 18px 12px}.byp-school-call-dialog>header h2{font-size:20px}.byp-call-submit-actions{flex-direction:column-reverse}.byp-call-submit-actions button{width:100%}.byp-call-notice{padding:20px;margin:16px 0}.byp-call-banner{left:12px;right:12px;max-width:none;bottom:calc(76px + env(safe-area-inset-bottom))}}
.byp-call-recording{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #d3dfca;border-radius:12px;background:#f4f8f0}.byp-call-recording>p{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.byp-call-recording [data-call-record-status]{color:#315d47}.byp-call-recording time{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;color:#315d47}.byp-school-call-dialog [hidden]{display:none!important}.byp-call-recording [data-byp-school-call=record-stop]{border-color:#b76457;background:#fff5f1;color:#8a392c}.byp-call-recording button{max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* live-audience-call-local.css */
.byp-live-audience-control{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid #d7e2d3;border-radius:16px;background:#f4f8f0;color:var(--byp-ink,#244a3a)}
.byp-live-audience-control p{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--byp-secondary,#5f725a)}
[data-live-audience-host]{width:100%;min-width:0;flex:none}
[data-live-audience-host] button,.byp-live-call-dialog button,.byp-live-call-detail button{min-height:44px;padding:10px 15px;border:1px solid #ced9c9;border-radius:var(--byp-radius-control,10px);background:white;color:var(--byp-ink,#244a3a);font:inherit;font-size:14px;font-weight:650;cursor:pointer}
[data-live-audience-host] button:disabled{cursor:default;opacity:.65}
.live-preview-stage>[data-live-audience-host]{position:absolute;left:12px;right:12px;top:64px;width:auto;z-index:25;max-height:35%;overflow:auto}
.live-preview-stage .byp-live-audience-control{padding:10px 12px;background:rgba(246,250,241,.96);box-shadow:0 5px 20px #0002}
.live-preview-stage .byp-live-audience-control p{font-size:12px}.live-preview-stage .byp-live-audience-control strong{font-size:13px}
.byp-live-call-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:#10251dcc;overflow:auto}
.byp-live-call-dialog{box-sizing:border-box;width:min(100%,520px);max-height:calc(100dvh - 40px);overflow:auto;border-radius:24px;padding:24px;background:#fff;color:var(--byp-ink,#244a3a);box-shadow:0 24px 80px #0004}
.byp-live-call-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.byp-live-call-dialog header small,.byp-live-call-detail>small{font-size:11px;font-weight:750;letter-spacing:.09em;color:var(--byp-secondary,#5f725a)}
.byp-live-call-dialog h2{font-size:23px;line-height:1.2;margin:6px 0 12px}.byp-live-call-dialog p,.byp-live-call-detail p{font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.byp-live-call-dialog form{display:grid;gap:16px;margin-top:18px}.byp-live-call-dialog label{display:grid;gap:7px;font-size:14px;font-weight:650}.byp-live-call-dialog textarea,.byp-live-call-dialog select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #bacab5;border-radius:10px;background:white;color:#244a3a;padding:12px;font:inherit;font-weight:400}.byp-live-call-dialog textarea{resize:vertical;max-height:220px}
.byp-live-call-actions,.byp-live-call-dialog footer{display:flex;flex-wrap:wrap;gap:9px}.byp-live-call-dialog footer{justify-content:flex-end}.byp-live-call-dialog button[type=submit]{background:var(--byp-primary,#315d47);color:white;border-color:transparent}.byp-live-call-dialog [role=alert]{color:#933b2d;background:#fff2ed;padding:12px;border-radius:10px}
.byp-live-call-detail{max-width:740px;padding:24px;border:1px solid #d7e2d3;border-radius:20px;background:white;color:#244a3a}.byp-live-call-detail h1{font-size:26px}.byp-live-call-detail h2{font-size:19px}
[data-byp-live-audience]:focus-visible,.byp-live-call-dialog :is(textarea,select):focus-visible{outline:3px solid var(--byp-focus,#426f50);outline-offset:3px}
@media(max-width:600px){.byp-live-audience-control{align-items:stretch;flex-direction:column;gap:10px}.byp-live-call-overlay{padding:12px}.byp-live-call-dialog{padding:18px;max-height:calc(100dvh - 24px)}.byp-live-call-dialog h2{font-size:21px}.live-preview-stage>[data-live-audience-host]{top:60px;max-height:32%}.live-preview-stage .byp-live-audience-control{gap:6px}.live-preview-stage .byp-live-audience-control p{display:none}.byp-live-call-detail{padding:18px}}

/* Personal public live: one action and its short, committed delivery receipt. */
.byp-live-audience-control.byp-personal-live-call{flex-direction:column;align-items:stretch;gap:6px}
.byp-personal-live-call>button{width:100%;white-space:normal;overflow-wrap:anywhere}
.byp-personal-live-call-result{text-align:center;font-size:12px;line-height:1.4;color:var(--byp-secondary,#5f725a)}
.byp-personal-live-call-result output{font-variant-numeric:tabular-nums;font-weight:750}

/* Keep the personal public notice below status badges and outside the existing right control rail. */
.live-preview-stage>[data-live-audience-host]:has(>.byp-personal-live-call){top:102px;left:12px;right:64px;width:auto;max-width:min(420px,calc(100% - 76px))}
.live-preview-stage>[data-live-audience-host]>.byp-personal-live-call{box-sizing:border-box;min-width:0;padding:8px;gap:6px}
.live-preview-stage>[data-live-audience-host]>.byp-personal-live-call>button{box-sizing:border-box;min-width:0;min-height:44px;padding:8px 10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}

/* personal-live-archive-local.css */
.byp-live-archive{margin:18px 0;padding:18px;border:1px solid #dce5d7;border-radius:14px;background:#fff;color:#254b3d}.byp-live-archive>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.byp-live-archive h2{margin:0;font-size:18px}.byp-live-archive>header>span{font-size:12px;background:#edf3e7;border-radius:20px;padding:4px 9px;white-space:nowrap}.byp-live-archive-notice{font-size:13px;line-height:1.6;color:#6a7d63}.byp-live-archive article{padding:14px 0;border-top:1px solid #e6ece1;display:flex;align-items:center;justify-content:space-between;gap:12px}.byp-live-archive article strong,.byp-live-archive article small{display:block;overflow-wrap:anywhere}.byp-live-archive article small{margin-top:5px;font-size:12px;color:#718368}.byp-live-archive-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.byp-live-archive-actions button{min-height:40px;padding:8px 12px;border:1px solid #d8e3cf;background:#f1f6eb;border-radius:9px;color:#30573e;font:inherit;font-size:13px;cursor:pointer}.byp-live-archive-actions button:disabled{opacity:.65;cursor:default}.byp-live-archive-problem,.byp-live-archive [role=alert]{color:#a3442f!important}.byp-live-archive-overlay{position:fixed;inset:0;z-index:12000;background:#17271ccc;display:grid;place-items:center;padding:18px}.byp-live-archive-overlay>section{background:#fff;width:min(760px,100%);max-height:94dvh;border-radius:14px;overflow:auto}.byp-live-archive-overlay header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;color:#254b3d}.byp-live-archive-overlay header button{min-width:44px;min-height:44px;border:0;border-radius:8px;background:#edf3e7;color:#254b3d;font-size:25px}.byp-live-archive-overlay video{display:block;width:100%;max-height:76dvh;background:#111;object-fit:contain}@media(max-width:480px){.byp-live-archive{padding:14px}.byp-live-archive article{align-items:flex-start;flex-direction:column}.byp-live-archive-actions{justify-content:flex-start;width:100%}.byp-live-archive-actions button{min-height:44px}.byp-live-archive-overlay{padding:8px}}

/* camera-studio-status-local.css */
.byp-studio-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;margin:0 0 9px;padding:7px 10px;border:1px solid #dbe6d4;border-radius:10px;background:#f3f7ee;color:var(--byp-secondary,#526e51);font-size:11px;line-height:1.35;box-sizing:border-box}.byp-studio-status-main{display:flex;align-items:center;gap:6px;min-width:0}.byp-studio-status-main>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8da984}.byp-studio-status strong{font-size:11px;font-weight:650;white-space:nowrap}.byp-studio-status time{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;white-space:nowrap}.byp-studio-status time[hidden]{display:none}.byp-studio-status>[data-byp-studio-mic-state]{text-align:right;font-size:10px;overflow-wrap:anywhere}.byp-studio-status[data-phase=recording]{background:#fff5ef;border-color:#edcfbd;color:#924629}.byp-studio-status[data-phase=recording] .byp-studio-status-main>i{background:#d44b3c;box-shadow:0 0 0 3px #d44b3c16;animation:byp-rec-live 1.5s ease-in-out infinite}.byp-studio-status[data-phase=preparing],.byp-studio-status[data-phase=finalizing]{background:#fff9e9;border-color:#ebddba;color:#856522}.byp-studio-status[data-phase=failed],.byp-studio-status[data-phase=interrupted]{background:#fff2ee;border-color:#edc6b9;color:#a3432f}.byp-studio-audio-controls{display:flex;flex:0 0 100%;align-items:center;gap:8px;min-width:0;margin:3px 0 1px}.byp-studio-audio-controls>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--byp-target,44px);padding:7px 10px;border:1px solid #d9e4d0;border-radius:10px;background:#f7faf2;color:var(--byp-primary,#486844);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.byp-studio-audio-controls>button svg{width:17px;height:17px;flex:0 0 17px}.byp-studio-audio-controls>button:disabled{opacity:.5;cursor:default}.byp-studio-audio-controls>button[aria-pressed=true]{background:#eaf2e0;border-color:#9eb98a}.byp-studio-audio-controls>[data-byp-studio-mic-mute][aria-pressed=true]{background:#fff0e9;border-color:#dcae98;color:#99573b}.byp-studio-audio-level{flex:1;min-width:25px;height:8px;border-radius:5px;overflow:hidden;background:#dce7d4}.byp-studio-audio-level>i{display:block;width:var(--byp-audio-level,0%);height:100%;background:linear-gradient(90deg,#73a65f,#a4b94f 72%,#d4a44e);border-radius:inherit;transition:width .12s linear}.byp-studio-audio-level[data-muted=true]{background:#e7d6cc}.byp-studio-audio-controls [role=alert]{flex:0 0 100%;margin:0;color:#a44b34;font-size:11px}.byp-studio-audio-controls:has([role=alert]:not([hidden])){flex-wrap:wrap}.byp-studio-audio-controls :focus-visible{outline:2px solid var(--byp-focus,#789d65);outline-offset:2px}.byp-camera-expanded>.byp-studio-status{flex:0 0 auto;margin:0 0 9px;background:#223a2c;border-color:#47624a;color:#d5e4ca}.byp-camera-expanded>.byp-studio-status[data-phase=recording]{background:#482e25;border-color:#8e5943;color:#ffe1c7}.byp-camera-expanded>.byp-studio-status[data-phase=failed],.byp-camera-expanded>.byp-studio-status[data-phase=interrupted]{background:#4a2d25;border-color:#9d6753;color:#ffe0d0}.byp-camera-expanded .byp-studio-audio-controls{margin-top:5px}.byp-camera-expanded .byp-studio-audio-controls>button{background:#edf4e7}@keyframes byp-rec-live{50%{opacity:.45}}@media(max-width:380px){.byp-studio-status{gap:6px;padding:6px 8px}.byp-studio-status strong{font-size:10px}.byp-studio-status>[data-byp-studio-mic-state]{font-size:9px}.byp-studio-audio-controls{gap:6px}.byp-studio-audio-controls>button{padding:7px 8px;font-size:10px}.byp-studio-audio-controls>button svg{display:none}}@media(prefers-reduced-motion:reduce){.byp-studio-status-main>i{animation:none!important}.byp-studio-audio-level>i{transition:none}}
/* A bounded three-column audio row keeps the picker inside narrow preview cards. */
.byp-camera-controls>.byp-studio-audio-controls{display:grid;grid-template-columns:minmax(0,1fr) 28px auto;align-items:center;gap:5px 6px;width:100%;max-width:100%;box-sizing:border-box;margin:0}
.byp-studio-audio-controls>button{min-width:0;padding:7px 8px;white-space:normal}.byp-studio-audio-controls>button>span{min-width:0;overflow-wrap:anywhere}
.byp-studio-audio-controls>[data-byp-studio-mic-mute]{white-space:nowrap}.byp-studio-audio-controls>.byp-studio-audio-level{width:100%;min-width:0}
.byp-studio-audio-controls>[role=alert]{grid-column:1/-1;overflow-wrap:anywhere}.byp-camera-expanded .byp-studio-audio-controls{margin-top:0}
.byp-studio-status{min-height:30px;margin-bottom:6px;padding:5px 8px;gap:6px}.byp-camera-expanded>.byp-studio-status{margin-bottom:6px}

/* camera-microphone-select-local.css */
.byp-microphone-select{grid-column:1/-1;flex:0 0 100%;min-width:0;max-width:100%;width:100%;box-sizing:border-box;border-top:1px solid #d8e2d3;color:var(--byp-ink,#244a3a)}
.byp-microphone-select>summary{display:flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:5px 0;font-family:inherit;font-size:11px;font-weight:600;line-height:1.35;cursor:pointer;list-style:none}
.byp-microphone-select>summary::-webkit-details-marker{display:none}.byp-microphone-select>summary::before{content:'›';flex:0 0 12px;font-size:21px;line-height:1;transition:transform .15s}.byp-microphone-select[open]>summary::before{transform:rotate(90deg)}
.byp-microphone-select [data-byp-microphone-summary]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--byp-secondary,#5f725a);font-size:11px;font-weight:400}
.byp-microphone-options{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 8px;padding:0 0 6px;min-width:0;max-width:100%}.byp-microphone-select:not([open])>.byp-microphone-options{display:none}
.byp-microphone-select label{display:grid;gap:4px;min-width:0;font-size:11px;font-weight:600}.byp-microphone-select select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px 27px 8px 9px;border:1px solid #b7c9af;border-radius:9px;background:#fff;color:var(--byp-ink,#244a3a);font:inherit;font-size:12px;text-overflow:ellipsis}
.byp-microphone-select [data-byp-microphone-refresh]{min-height:44px;min-width:0;padding:8px 9px;border:1px solid #c9d7c2;border-radius:9px;background:#f9fcf6;color:inherit;font:inherit;font-size:11px}
.byp-microphone-select [data-byp-microphone-status]{grid-column:1/-1;margin:0;font-size:11px;line-height:1.4;color:var(--byp-secondary,#5f725a);overflow-wrap:anywhere}.byp-microphone-select [data-error=true]{color:#923b2e}
.byp-microphone-select :is(summary,select,button):focus-visible{outline:3px solid var(--byp-focus,#426f50);outline-offset:2px}.byp-microphone-select :disabled{opacity:.6;cursor:default}
@media(max-width:350px){.byp-microphone-options{grid-template-columns:minmax(0,1fr)}.byp-microphone-select [data-byp-microphone-refresh]{justify-self:stretch}}
@media(prefers-reduced-motion:reduce){.byp-microphone-select>summary::before{transition:none}}
.byp-camera-expanded .byp-microphone-select{border-color:#526d52;color:#e3ecdc}
.byp-camera-expanded .byp-microphone-select [data-byp-microphone-summary]{color:#cfdfc7}
.byp-camera-expanded .byp-microphone-options{padding:8px;border-radius:9px;background:#f2f7ec;color:#244a3a}

/* studio-compact-local.css */
.dm-live-studio.byp-studio-compact-page{padding:0}.byp-studio-compact-page .dm-live-studio-grid{gap:16px}
.dm-live-preview-box.byp-studio-compact{position:relative;min-width:0;margin:0;padding:0!important;border:0;border-radius:0;background:#14231b;box-shadow:none}
.dm-live-preview-box.byp-studio-compact>h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dm-live-preview-box.byp-studio-compact:not(.byp-camera-expanded) .byp-section-camera-box{width:100%;height:min(58dvh,480px);min-height:240px;max-height:none;aspect-ratio:auto;border:0;border-radius:0}
.byp-studio-compact .byp-section-camera,.byp-studio-compact .byp-camera-placeholder{border:0!important;border-radius:0!important}.byp-studio-compact .byp-camera-placeholder{height:100%;box-sizing:border-box;background:#14231b;color:#d5e4cc;padding:20px 64px;min-height:0;text-align:center}

.byp-studio-compact>[data-byp-studio-status]{
  position:static;flex:none;margin:0;border:0;border-radius:0;padding:7px 10px;pointer-events:none
}
.byp-studio-compact>[data-byp-studio-status][data-phase="preview"]{background:#20392d;color:#fff}
.byp-studio-compact .byp-studio-status strong{white-space:normal;overflow-wrap:anywhere}
.byp-studio-compact .byp-section-camera-box>.byp-camera-toggle,
.byp-studio-compact .byp-studio-mic-toggle{
  position:absolute;z-index:5;left:8px;top:calc(50% - 56px);display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:4px;box-sizing:border-box;min-width:48px;
  min-height:48px;max-width:72px;margin:0;padding:8px 5px;border:1px solid #ffffff55;
  border-radius:10px;background:#18372bd9;color:#fff;font:inherit;font-size:10px;line-height:1.2;cursor:pointer
}
.byp-studio-compact .byp-studio-mic-toggle{top:calc(50% + 4px)}
.byp-studio-compact .byp-camera-toggle svg,.byp-studio-compact .byp-studio-mic-toggle svg{
  display:block;width:20px;height:20px;flex:none
}
.dm-live-preview-box.byp-studio-compact>.byp-camera-controls{
  position:static;flex:none;justify-content:center;gap:8px!important;width:100%;max-width:none;
  max-height:none;overflow:visible;margin:0;padding:8px;box-sizing:border-box
}
.byp-studio-compact>.byp-camera-controls>[data-dm-live-action="camera"],
.byp-studio-compact>.byp-camera-controls>[data-dm-live-action="camera-stop"]{
  min-height:44px;margin:0;padding:8px 12px;border:1px solid #ffffff66;background:#18372bd9;color:#fff
}
.byp-studio-compact>.dm-live-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dm-live-preview-box.byp-studio-compact .byp-studio-compact-popup{
  position:static;order:1;flex:0 0 100%;width:100%;max-width:560px;min-width:0;
  max-height:min(54dvh,360px);overflow:auto;overscroll-behavior:contain;margin:0;
  padding:10px 12px;border:1px solid #d6e2ce;border-radius:14px;background:#fafcf8;box-sizing:border-box
}
.byp-studio-compact .byp-studio-compact-popup[hidden]{display:none!important}
.byp-studio-mic-popup>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;color:#244a3a;font-size:13px}.byp-studio-mic-popup>header>button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:24px;cursor:pointer}
.byp-studio-mic-popup>[data-byp-studio-audio-controls]{display:grid;grid-template-columns:minmax(0,1fr) 28px auto;gap:6px;width:100%;max-width:100%;box-sizing:border-box;margin:0}.byp-studio-mic-popup .byp-microphone-select,.byp-studio-mic-popup [data-byp-studio-audio-error]{grid-column:1/-1}.byp-studio-mic-popup .byp-microphone-options{min-width:0}.byp-studio-mic-popup select{max-width:100%;min-width:0}
.byp-studio-compact .dm-live-status-line{margin:0;padding:8px 12px;background:#f4f8ef;color:#34584a}.byp-studio-compact>.dm-live-actions:not(.byp-camera-controls){margin:0;padding:8px 12px;background:#f4f8ef}

.dm-live-preview-box.byp-studio-compact.byp-camera-expanded{
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;
  overflow:auto;overscroll-behavior:contain
}
.dm-live-preview-box.byp-studio-compact.byp-camera-expanded .byp-section-camera-box{
  flex:1 0 200px;min-height:200px;height:auto;border-radius:0
}
.byp-studio-compact .byp-studio-mic-toggle:focus-visible,.byp-studio-compact .byp-camera-toggle:focus-visible,.byp-studio-compact-popup button:focus-visible{outline:2px solid #92b97d;outline-offset:2px}
@media(min-width:721px){.byp-studio-compact-page .dm-live-studio-grid{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}}

/* feed-gesture-local.css */
.reels-scroll{scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior:none;touch-action:pinch-zoom}
.dm-live-swipe-enabled .live-preview-picture{touch-action:pinch-zoom!important}
.reels-scroll>.reel-slide{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
.reels-scroll :is(button,a,input,textarea,select,[role=slider],.reel-scrubber){touch-action:manipulation}
.reels-scroll [data-byp-horizontal-gallery],.reels-scroll .byp-room-post-images{touch-action:pan-x}
.byp-feed-dragging{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing}

/* visual-polish-local.css */
/* Shared visual language for the profile, school and comment surfaces. */
:root{--byp-ink:#244a3a;--byp-secondary:#5f725a;--byp-primary:#315d47;--byp-focus:#426f50;--byp-radius-control:10px;--byp-target:44px}

/* The media and comment regions keep their existing 40 / 60 geometry. */
.modal.comments-sheet,.modal.comments-sheet.byp-split-comments,.byp-room-comment-layer>section{border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 -8px 28px #2046311a;animation:byp-comment-surface-in .22s cubic-bezier(.2,.7,.3,1) both}
.byp-split-comments-backdrop{background:#edf2ee!important}
body:has(.byp-reader-comments .has-reader-media,.reels-overlay.byp-reel-comments) .byp-split-comments-backdrop{background:#101612!important}
.byp-room-comment-shield{background:#edf2ee}
body:has(.byp-room-comment-context>video) .byp-room-comment-shield{background:#0b1810}
.comments-sheet .modal-head{min-height:72px;padding:14px 62px 14px 18px}
.comments-sheet .modal-head::before{display:none}
.comments-sheet .modal-head h2,.byp-room-comment-layer h2{color:var(--byp-ink);font-size:16px;font-weight:650;line-height:1.5}
.comments-sheet .close-modal{top:50%;right:12px;width:44px;height:44px;padding:12px;transform:translateY(-50%);border-radius:50%;color:var(--byp-ink)}
.byp-room-comment-layer>section>header{flex:none;min-height:72px;padding:14px 16px;box-sizing:border-box}
.byp-room-comment-layer header>button{min-width:44px;min-height:44px;color:var(--byp-ink)}
.comments-sheet .comments-heading-count,.byp-room-comment-layer h2 small{color:var(--byp-secondary);font-size:12px}
.byp-room-comment-layer textarea{font-size:14px;border-color:#c8d3c5;min-height:44px}
.byp-room-comment-layer form>button,.comments-sheet #comment-form .comments-send{min-width:44px;min-height:44px;background:var(--byp-primary);color:#fff;border-radius:22px}
.byp-room-comment-layer form>button:disabled,.comments-sheet #comment-form .comments-send:disabled{background:#dbe3d7;color:#52634d;opacity:1}
.byp-room-comment-layer article>button{min-height:44px}
.byp-reader-header>button{width:44px;height:44px}
.byp-post-reader .post-actions{gap:12px;padding-top:4px;padding-bottom:4px}
.byp-post-reader .post-actions .action{min-width:44px;min-height:44px}

/* Secondary content remains quiet through spacing, with readable ink. */
.byp-room-post time,.byp-room-comment-layer time,.byp-post-reader .post-head small,.byp-post-time-footer{color:var(--byp-secondary);font-size:11px;line-height:1.5}
.comments-sheet .comment-time,.comments-sheet .comment-date,.comments-sheet time,.comments-sheet .comments-row-content .comments-row-time{color:var(--byp-secondary);font-size:11px}
.byp-room-school-name,.byp-room-meta,.byp-room-meta>small,.byp-room-empty,.byp-room-lessons p,.byp-room-comment-empty{color:var(--byp-secondary);font-size:12px;line-height:1.5}
.byp-room-intro h1,.byp-school-page h1,.byp-sections-heading h2{color:var(--byp-ink);font-weight:650}
.byp-school-page .byp-section-card-meta small,.byp-section-topic,.byp-school-public-meta,.ig-profile .ig-category{color:var(--byp-secondary)}
.byp-upcoming-form small,.byp-upcoming-form>label,.byp-upcoming-date-fields>label,.byp-upcoming-form-note{color:var(--byp-secondary);font-size:12px;line-height:1.6}
.byp-upcoming-rule,.byp-upcoming-profile .byp-upcoming-rule,.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-rule{color:#77562f;font-size:11px!important;line-height:1.5}
.byp-upcoming-price small{color:#77562f;font-size:10px}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-actions{flex-wrap:wrap}
.byp-upcoming-banner[data-byp-upcoming-card] .byp-upcoming-button{min-height:44px;font-size:11px;border-radius:var(--byp-radius-control)}
.byp-upcoming-banner [data-byp-upcoming=register],.byp-public-section-join{background:var(--byp-primary);color:#fff}
.byp-profile-entry,.byp-room-prompt{color:var(--byp-ink)}
.byp-post-reader button:focus-visible,.comments-sheet button:focus-visible,.byp-room-comment-layer button:focus-visible,.byp-room-comment-layer textarea:focus-visible{outline:2px solid var(--byp-focus);outline-offset:-2px}

@keyframes byp-comment-surface-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.modal.comments-sheet,.modal.comments-sheet.byp-split-comments,.byp-room-comment-layer>section{animation:none}}

/* Quick emoji choices only edit the draft, preserving its caret and limit. */
.byp-room-comment-emojis{display:flex;flex:none;align-items:center;justify-content:space-between;gap:4px;min-width:0;padding:6px 12px 4px;border-top:1px solid #edf0e9;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}
.byp-room-comment-emojis>button,.comments-sheet .comment-emoji{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:5px 1px;border:0;border-radius:10px;background:transparent;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:24px;line-height:1.2}
.byp-room-comment-emojis>button:hover,.byp-room-comment-emojis>button:focus-visible{background:#f0f5ed}
.byp-room-comment-emojis+form{border-top:0}
.comments-sheet .comments-emoji-row{justify-content:flex-start;gap:4px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}

.byp-studio-status{flex-wrap:wrap}.byp-studio-status strong,.byp-studio-status>[data-byp-studio-mic-state]{font-size:11px}.byp-studio-status>[data-byp-studio-mic-state]{margin-left:auto;max-width:100%}

/* comment-interactions-ui-local.css */
.byp-comment-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:44px;margin:2px 0 0;color:inherit}.byp-comment-controls>span{display:contents}.byp-comment-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;margin:0;padding:4px 2px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:11px;line-height:1.3;cursor:pointer}.byp-comment-controls button:disabled{opacity:.45;cursor:default}.byp-comment-like svg{display:block;width:18px;height:18px;flex:none}.byp-comment-like.is-liked{color:#e57777}.byp-comment-like.is-liked svg{fill:currentColor;stroke:currentColor}.byp-comment-controls [data-byp-comment-ui=delete]{color:#866458;font-size:10px}.byp-room-comment-layer article>.byp-comment-controls{margin-left:41px}.comments-row .byp-comment-controls{margin:0}.comments-row-actions:has(.byp-comment-controls){gap:8px;flex-wrap:wrap}.comments-sheet .byp-comment-controls .comments-reply{min-height:44px;margin:0;padding:4px 2px;font-size:11px}.live-comment-body .byp-comment-controls{color:#fff;gap:8px}.live-comment-body .byp-comment-controls [data-byp-comment-ui=delete]{color:#e7cbc1}
.byp-common-comment{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:12px 0;border-bottom:1px solid #eef2e9}.byp-common-comment-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border-radius:50%;background:#edf3e7;color:#56764b;font-size:11px}.byp-common-comment-avatar img{width:100%;height:100%;object-fit:cover}.byp-common-comment-copy{flex:1;min-width:0;font-size:13px;line-height:1.6}.byp-common-comment-copy>strong{font-size:12px;font-weight:650}.byp-common-comment-copy p{margin:4px 0 6px;overflow-wrap:anywhere;white-space:pre-wrap}.byp-common-comment-copy time,.byp-common-reply-to{display:block;color:var(--byp-secondary,#5f725a);font-size:11px;line-height:1.5}.byp-common-replies{min-width:0;margin-left:32px}.byp-common-replies .byp-common-replies{margin-left:0}.byp-common-replies>.byp-common-comment{width:100%;box-sizing:border-box}
.byp-comment-reply-banner{display:flex;align-items:center;flex:none;flex-wrap:wrap;justify-content:space-between;gap:8px;box-sizing:border-box;margin:0;padding:8px 12px;border-top:1px solid #edf0e9;background:#f4f7f1;color:var(--byp-ink,#244a3a);font-size:12px;line-height:1.5}.byp-comment-reply-banner>span{flex:1;min-width:0;overflow-wrap:anywhere}.byp-comment-reply-banner small{display:block;max-height:36px;overflow:hidden;color:var(--byp-secondary,#5f725a);font-size:11px;white-space:pre-wrap}.byp-comment-reply-banner>button{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:24px;cursor:pointer}.byp-comment-reply-banner [role=alert]{flex-basis:100%;margin:0;color:#933b2d;font-size:12px}.byp-comment-reply-banner [hidden]{display:none!important}.byp-comment-controls button:focus-visible,.byp-comment-reply-banner button:focus-visible{outline:2px solid var(--byp-focus,#426f50);outline-offset:-2px}
@media(max-width:360px){.byp-comment-controls{gap:6px}.byp-common-replies{margin-left:20px}}
.byp-common-comment{flex-wrap:wrap}.byp-common-comment>.byp-common-replies{flex:0 0 calc(100% - 32px);min-width:0;margin-left:32px}.byp-common-replies .byp-common-comment>.byp-common-replies{flex-basis:100%;margin-left:0}
.byp-comment-notice{max-width:680px;margin:20px auto;padding:20px;color:var(--byp-ink,#244a3a);font:inherit}.byp-comment-notice h1{font-size:23px;line-height:1.4}.byp-comment-notice p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.byp-comment-notice blockquote{margin:18px 0;padding:12px 16px;border-left:3px solid #cad9c3;background:#f4f7f1;white-space:pre-wrap}.byp-comment-notice button{min-height:44px;margin:8px 8px 0 0;padding:10px 15px;border:1px solid #cad9c3;border-radius:10px;background:#fff;color:inherit;font:inherit;cursor:pointer}.byp-comment-notice button:focus-visible{outline:2px solid var(--byp-focus,#426f50);outline-offset:2px}
.live-preview-stage .live-comment-row:not(.is-gift-activity) .live-comment-body{color:#fff;text-align:left;text-shadow:0 1px 3px #000b}
.live-preview-stage .live-comment-row:not(.is-gift-activity) .live-comment-body:has(>.byp-comment-controls){position:relative;padding-inline-end:48px}
.live-preview-stage .live-comment-body>.byp-comment-controls{justify-content:flex-start;gap:10px;margin:2px 0 0}
.live-preview-stage .live-comment-body>.byp-comment-controls [data-byp-ci-like]>.byp-comment-like{position:absolute;inset-inline-end:0;top:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:3px;color:#fff;text-shadow:0 1px 3px #000b}
.live-preview-stage .live-comment-body>.byp-comment-controls [data-byp-ci-like]>.byp-comment-like.is-liked{color:#ff829a}
.live-preview-stage .live-comment-body>.byp-comment-controls [data-byp-comment-ui=reply]{justify-content:flex-start;padding-inline-start:0;color:#fff;text-shadow:0 1px 3px #000b}
.live-viewer-dialog .live-preview-stage .live-comment-actions-root .live-comment-reply-chip{bottom:var(--byp-classroom-messages-bottom,calc(164px + env(safe-area-inset-bottom)))}
.live-viewer-dialog .live-preview-stage:has(.live-comment-reply-chip:not([hidden])) .live-comments-layer{bottom:calc(var(--byp-classroom-messages-bottom,calc(164px + env(safe-area-inset-bottom))) + 40px)}
.live-viewer-dialog .live-preview-stage:has(.live-comment-reply-chip:not([hidden]))>.live-comments-new{bottom:calc(var(--byp-classroom-messages-bottom,calc(164px + env(safe-area-inset-bottom))) + 48px)}

/* Candidate: canonical live-only compact header; latest name-menu decision supersedes always-visible reply. */
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]{gap:8px;margin:0;padding:2px 0;align-items:flex-start}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-body:has(>.byp-comment-controls){padding-inline-end:0}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-body{min-width:0;padding-inline-end:0;color:#fff;text-shadow:0 1px 3px #000b;font-size:14.5px;line-height:1.35}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-body>p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14.5px;line-height:1.35}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-comment-controls{display:block;min-height:0;margin:0;padding:0}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-ci-live-heading{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:44px;margin:0}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-ci-live-heading>.live-comment-author-button{display:flex;align-items:center;flex:0 1 auto;box-sizing:border-box;min-height:44px;min-width:44px;max-width:calc(100% - 78px);margin:0;padding:0;color:#fff;font-size:14px;font-weight:700;line-height:1.3;touch-action:pan-y}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-author-button>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-ci-live-heading>[data-byp-ci-like]{display:flex;flex:none}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-ci-live-heading [data-byp-ci-like]>.byp-comment-like{position:static;inset:auto;display:inline-flex;box-sizing:border-box;width:auto;min-width:44px;max-width:78px;height:44px;min-height:44px;margin:0;padding:0 3px;gap:4px;font-size:12px;line-height:1;color:#fff}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-comment-like.is-liked{color:#ff829a!important}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-comment-controls>[data-byp-ci-reply],.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .byp-comment-controls>[data-byp-ci-delete]{display:none}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-reply-label{margin:0 0 2px;font-size:11px;line-height:1.3}
.live-preview-stage [data-byp-ci-live-menu].live-comment-person-card{box-sizing:border-box;padding:10px 12px;max-width:calc(100% - 24px);bottom:calc(var(--byp-classroom-messages-bottom,calc(164px + env(safe-area-inset-bottom))) + 6px)}
.live-preview-stage [data-byp-ci-live-menu] .live-comment-person-heading{margin-right:40px;gap:8px}.live-preview-stage [data-byp-ci-live-menu] .live-comment-person-heading>.avatar{flex-basis:28px;width:28px;height:28px}
.live-preview-stage [data-byp-ci-live-menu] .live-comment-person-excerpt{display:none}.live-preview-stage [data-byp-ci-live-menu] .live-comment-person-buttons{margin-top:8px;gap:6px}
.live-preview-stage [data-byp-ci-live-menu] .live-comment-person-buttons>button{min-width:44px;min-height:44px;font-size:13px}.live-preview-stage [data-byp-ci-live-menu] .live-comment-person-close{top:2px;right:2px;width:44px;height:44px}
.live-preview-stage [data-byp-ci-live-menu][hidden]{display:none!important}

/* Live-only: 28px avatar center matches the 44px author/heart header. */
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)>.live-comment-avatar-button,.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)>.avatar{flex:0 0 28px;box-sizing:border-box;width:28px;height:28px;margin:8px 0 0;padding:0}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .live-comment-avatar-button>.avatar{display:flex;box-sizing:border-box;width:28px;height:28px;margin:0}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-author-button>strong{font-weight:700}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact] .live-comment-body>p{font-weight:400}

/* Live-only spacing: move visible name/heart content within their existing 44px targets; body stays in normal flow. */
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .byp-ci-live-heading>.live-comment-author-button{align-items:flex-end;padding-bottom:3px}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .byp-ci-live-heading [data-byp-ci-like]>.byp-comment-like{align-items:flex-end;padding-bottom:3px}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)>.live-comment-avatar-button,.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)>.avatar{margin-top:18px}

/* Live comment density revision: real28px *1.15 avatars;44px name/heart targets remain unchanged. */
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity){gap:7px;padding-block:0}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)+.live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity){margin-block-start:-4px}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)>.live-comment-avatar-button,.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity)>.avatar{flex-basis:32.2px;width:32.2px;height:32.2px;margin-top:15.5px;font-size:10.35px}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .live-comment-avatar-button>.avatar{width:32.2px;height:32.2px;font-size:10.35px}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .byp-ci-live-heading>.live-comment-author-button,.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .live-comment-author-button>strong{font-size:14.5px}
.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .live-comment-body,.live-preview-stage .live-comment-row[data-byp-ci-live-compact]:not(.is-gift-activity) .live-comment-body>p{font-size:15px}

/* Scoped own-comment editor; no existing comment/delete/layout selectors changed. */
.byp-comment-edit-form{display:grid;gap:8px;margin:10px 0;padding:10px;border:1px solid #ddd;border-radius:10px;max-width:100%;box-sizing:border-box}.byp-comment-edit-form textarea{width:100%;min-height:76px;box-sizing:border-box;font:inherit;resize:vertical}.byp-comment-edit-form button{min-height:40px;padding:8px 12px}.byp-comment-edit-form [role=alert]{color:#a52c12;margin:0;white-space:pre-wrap}[data-byp-ci-edited-text]{white-space:pre-wrap;overflow-wrap:anywhere}

/* message-receipts-ui-local.css */
.dm-message small:has([data-byp-message-time]){display:flex;align-items:center;flex-wrap:wrap;gap:5px}.dm-message.mine small:has([data-byp-message-time]){justify-content:flex-end}.byp-message-receipt{position:relative;display:inline-flex;align-items:center;flex:none;color:#718276;vertical-align:middle;line-height:1}.byp-message-receipt svg{display:block;width:20px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byp-message-receipt.is-read{color:#2f644d}.byp-message-receipt.is-read svg{width:24px}.byp-message-receipt-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.byp-message-new{min-height:44px;margin:0 0 10px;padding:8px 12px;border:1px solid #cad9c3;border-radius:10px;background:#fff;color:#2f644d;font:inherit;cursor:pointer}.byp-message-new:focus-visible{outline:2px solid #426f50;outline-offset:2px}[data-byp-message-form] [type=submit]:disabled{opacity:.45;cursor:default}.byp-school-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;box-sizing:border-box;margin-top:10px;white-space:normal;text-align:center}

/* live-loading-polish-local.css */
/* The native initial-loading state has a hidden start button immediately before
   this status. Permission and error messages reveal that button, so are exempt.
   Nothing changes the media, poster, playback state or gesture surfaces. */
.live-viewer-dialog .live-preview-stage.is-video > .live-preview-start[hidden] + .live-preview-media-status[role="status"]:not([hidden]) {
  animation: byp-live-loading-reveal 1ms step-end 240ms both;
}

@keyframes byp-live-loading-reveal {
  from { opacity: 0; visibility: hidden; }
  to { opacity: 1; visibility: visible; }
}

/* This is a discrete visibility delay, with no motion or fade. Keep it when the
   native global reduced-motion rule disables animations with !important. */
@media (prefers-reduced-motion: reduce) {
  .live-viewer-dialog .live-preview-stage.is-video > .live-preview-start[hidden] + .live-preview-media-status[role="status"]:not([hidden]) {
    animation: byp-live-loading-reveal 1ms step-end 240ms both !important;
  }
}

/* direct-call-local.css */
.byp-direct-call{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;background:#10291dcc;box-sizing:border-box}.byp-direct-call[hidden]{display:none}
.byp-direct-call-card{width:min(100%,520px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid #698b714a;border-radius:22px;background:#142d23;color:#f4f7ef;box-sizing:border-box}
.byp-direct-call-card h2{margin:0 0 7px;font-size:23px}.byp-direct-call-card p{margin:7px 0;line-height:1.5}.byp-direct-call-note{font-size:12px;color:#c5d3c1}
.byp-direct-call-media{position:relative;min-height:140px;max-height:48dvh;margin:14px 0;border-radius:14px;overflow:hidden;background:#0b1d16}.byp-direct-call-media>video{display:block;width:100%;max-height:48dvh;object-fit:contain}.byp-direct-call-media [data-direct-local-video]{position:absolute;right:10px;bottom:10px;width:28%;max-height:30%;border:1px solid #ffffff50;border-radius:10px;object-fit:contain;background:#0c2119}
.byp-direct-call-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.byp-direct-call-actions button{flex:1;min-width:90px;min-height:44px;padding:10px 13px;border:1px solid #a4b99d;border-radius:12px;background:#edf4e7;color:#244a3a;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}.byp-direct-call-actions [data-direct-call-end],.byp-direct-call-actions [data-direct-call-decline]{border-color:#a84e49;background:#a63e37;color:#fff}.byp-direct-call-actions [data-direct-call-accept]{border-color:#74ae70;background:#447b48;color:#fff}.byp-direct-call-actions button:focus-visible{outline:3px solid #c2dea7;outline-offset:2px}.byp-direct-call-actions button:disabled{opacity:.5;cursor:default}
@media(max-width:360px){.byp-direct-call{padding:10px}.byp-direct-call-card{padding:15px}.byp-direct-call-card h2{font-size:20px}}

/* direct-chat-ui-local.css */
:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])){background:#efe7dd;overflow:hidden}:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) #topbar,:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) #mobile-nav,:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) .dm-page-head,:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) .dm-nav{display:none!important}:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) #app{padding:0!important;min-height:100dvh;height:100dvh;overflow:hidden}:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) .dm-workspace,:is(body.byp-direct-chat-open,body.page-demo:has([data-school-inbox-root])) .dm-page-content{height:100%;max-width:none;padding:0;margin:0;min-width:0}.byp-direct-chat,.byp-dc-home{box-sizing:border-box;height:100%;min-height:0;min-width:0;color:#172b28;font-family:inherit}.byp-direct-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#efe7dd}.byp-direct-chat button,.byp-dc-home button{font:inherit;cursor:pointer}.byp-direct-chat button:disabled,.byp-dc-home button:disabled{opacity:.45;cursor:default}.byp-direct-chat button:focus-visible,.byp-dc-home button:focus-visible{outline:2px solid #128c7e;outline-offset:-3px}.byp-dc-header{display:flex;align-items:center;gap:2px;min-height:56px;padding:4px 8px;background:#075e54;color:white;box-sizing:border-box;z-index:2}.byp-dc-header>button,.byp-dc-header .byp-dc-tool{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:inherit}.byp-dc-header svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byp-dc-header .byp-dc-identity{display:flex;justify-content:flex-start;gap:8px;flex:1;min-width:0;border-radius:8px;padding:3px 2px;text-align:left}.byp-dc-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#e2eee7;color:#58746b;font-size:12px;font-weight:650}.byp-dc-avatar img{display:block;width:100%;height:100%;object-fit:cover}.byp-dc-person{display:block;min-width:0}.byp-dc-person strong,.byp-dc-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-dc-person strong{font-size:15px;line-height:1.5;font-weight:650}.byp-dc-person small{font-size:11px;line-height:1.4;color:#dbebe5}.byp-dc-header-title{flex:1;min-width:0;margin:0;padding:0 8px;font-size:19px;line-height:1.4;font-weight:650}.byp-dc-timeline{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px 10px;scrollbar-width:thin;box-sizing:border-box}.byp-dc-empty{margin:24px auto;padding:10px 14px;max-width:420px;border-radius:9px;background:#fff8d5;color:#665e3b;text-align:center;font-size:12px;line-height:1.6}.byp-dc-message{position:relative;display:flex;align-items:flex-start;gap:5px;margin:0 0 9px;min-width:0;touch-action:pan-y}.byp-dc-message.is-own{justify-content:flex-end}.byp-dc-message>.byp-dc-avatar{width:24px;height:24px;font-size:9px;margin-top:4px}.byp-dc-message.is-own>.byp-dc-avatar{order:2}.byp-dc-message::before{position:absolute;left:8px;top:12px;content:'↩';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#075e54;background:#fff9;font-size:22px;opacity:var(--byp-dc-drag-opacity,0);pointer-events:none}.byp-dc-bubble{position:relative;max-width:min(84%,620px);min-width:72px;box-sizing:border-box;background:#fff;border-radius:0 8px 8px 8px;padding:8px 9px 4px;box-shadow:0 1px 1px #163a281c;transform:translateX(var(--byp-dc-drag-x,0px));transition:transform .16s ease}.byp-dc-message.is-own>.byp-dc-bubble{background:#dcf8c6;border-radius:8px 0 8px 8px}.byp-dc-message.is-dragging>.byp-dc-bubble{transition:none}.byp-dc-text{margin:0 0 4px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.byp-dc-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:22px;font-size:10px;line-height:1.4;color:#708078}.byp-dc-receipt{position:relative;display:inline-flex;align-items:center;flex:none;color:#718276}.byp-dc-receipt.is-read{color:#53b8de}.byp-dc-receipt svg{display:block;width:18px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byp-dc-receipt.is-read svg{width:21px}.byp-dc-reply-action{display:grid;place-items:center;flex:none;min-width:32px;min-height:32px;padding:5px;border:0;border-radius:50%;background:transparent;color:#829088}.byp-dc-reply-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.byp-dc-quote{display:block;min-width:0;margin:0 0 6px;padding:6px 9px;border:0;border-left:3px solid #139688;border-radius:4px;background:#e5ece980;text-align:left;overflow:hidden}.is-own .byp-dc-quote{background:#cbe9bc80}.byp-dc-quote strong,.byp-dc-quote span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.byp-dc-quote strong{font-size:11px;line-height:1.5;color:#087e72}.byp-dc-quote span{font-size:12px;line-height:1.55;color:#607169}.byp-dc-attachments{display:grid;gap:6px;min-width:0;margin:0 0 5px}.byp-dc-attachment{min-width:0;border-radius:5px;background:#00000005;overflow:hidden}.byp-dc-attachment img,.byp-dc-attachment video{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;background:#182923}.byp-dc-attachment audio{display:block;max-width:100%;width:280px;height:42px}.byp-dc-file{display:flex;align-items:center;gap:9px;min-height:48px;box-sizing:border-box;max-width:100%;padding:9px;border:0;border-radius:5px;background:#f1f5ef;color:#31564a;text-align:left}.byp-dc-file svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}.byp-dc-file strong,.byp-dc-file small{display:block;overflow-wrap:anywhere}.byp-dc-file strong{font-size:12px}.byp-dc-file small{margin-top:3px;color:#7a887e;font-size:10px}.byp-dc-location{display:block;padding:8px;color:#075e54;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.byp-dc-request{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#fffbed;color:#675f40;text-align:center;font-size:12px;line-height:1.6}.byp-dc-request button{display:block;min-height:44px;margin:5px auto 0;padding:8px 14px;border:0;border-radius:6px;background:#075e54;color:white;font-size:12px}.byp-dc-composer{padding:5px 8px max(8px,env(safe-area-inset-bottom));background:#efe7dd;min-width:0;box-sizing:border-box}.byp-dc-compose-row{display:flex;align-items:flex-end;gap:6px;min-width:0}.byp-dc-pill{display:flex;align-items:flex-end;flex:1;min-width:0;gap:1px;padding:3px 5px;border-radius:25px;background:#fff;box-shadow:0 1px 2px #20382714}.byp-dc-pill button{display:grid;place-items:center;flex:none;width:40px;min-width:40px;min-height:44px;padding:9px;border:0;border-radius:50%;background:transparent;color:#85908d}.byp-dc-pill svg,.byp-dc-round svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byp-dc-field{flex:1;min-width:0;box-sizing:border-box;height:44px;min-height:44px;max-height:130px;resize:none;border:0;border-radius:0;background:transparent;color:#1c312b;padding:11px 4px 8px;font:inherit;font-size:14px;line-height:1.5;outline:none;overflow-x:hidden;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#bccfc4 transparent}.byp-direct-chat .byp-dc-field:focus,.byp-direct-chat .byp-dc-field:focus-visible{outline:none;box-shadow:none}.byp-dc-pill:focus-within{box-shadow:0 0 0 2px #128c7e,0 1px 2px #20382714}.byp-dc-field::-webkit-scrollbar{width:4px}.byp-dc-field::-webkit-scrollbar-button{display:none;width:0;height:0}.byp-dc-field::-webkit-scrollbar-thumb{border-radius:4px;background:#bccfc4}.byp-dc-field::placeholder{color:#8b9290}.byp-dc-round{display:grid;place-items:center;flex:none;width:50px;min-width:50px;height:50px;padding:12px;border:0;border-radius:50%;background:#128c7e;color:white;box-shadow:0 1px 2px #102d231c}.byp-dc-compose-quote{display:flex;align-items:center;gap:6px;padding:6px 8px 0}.byp-dc-compose-quote>.byp-dc-quote{flex:1;margin:0}.byp-dc-compose-quote>button{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#63766e;font-size:24px}.byp-dc-status,.byp-dc-error{margin:0;padding:4px 9px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.byp-dc-status:empty,.byp-dc-error:empty{display:none}.byp-dc-error{color:#a53629}.byp-dc-preview{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border-top:1px solid #dde4da;background:#f5f8f0}.byp-dc-preview>div{flex:1;min-width:0}.byp-dc-preview strong,.byp-dc-preview small{display:block;overflow-wrap:anywhere}.byp-dc-preview strong{font-size:12px}.byp-dc-preview small{font-size:11px;color:#708078}.byp-dc-preview audio{display:block;max-width:100%;height:40px}.byp-dc-preview img{width:45px;height:45px;object-fit:cover;border-radius:4px}.byp-dc-preview button,.byp-dc-recording button,.byp-dc-speech button{min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#537269;font:inherit}.byp-dc-recording,.byp-dc-speech{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 9px;background:#fff;border-radius:20px;color:#315b4c;font-size:12px}.byp-dc-recording strong,.byp-dc-speech>span{flex:1;min-width:0}.byp-dc-recording.is-recording strong::before{content:'●';color:#d1514a;margin-right:7px}.byp-dc-sheet{position:fixed;z-index:2100;inset:0;display:grid;align-items:end;background:#0005}.byp-dc-sheet-card{box-sizing:border-box;max-height:80dvh;overflow:auto;width:min(100%,620px);justify-self:center;background:#fff;border-radius:18px 18px 0 0;padding:16px}.byp-dc-sheet-card header{display:flex;align-items:center;gap:8px;margin:0 0 12px}.byp-dc-sheet-card h2{flex:1;min-width:0;margin:0;font-size:17px}.byp-dc-sheet-card button{min-height:44px;font:inherit;cursor:pointer}.byp-dc-sheet-close{width:44px;flex:none;border:0;border-radius:50%;background:transparent;font-size:25px;color:#60766a}.byp-dc-sheet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.byp-dc-sheet-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:82px;padding:10px 5px;border:0;border-radius:12px;background:#f3f8f0;color:#176c5d;font-size:12px}.byp-dc-sheet-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.byp-dc-home{display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}.byp-dc-home-body{overflow-y:auto;min-height:0}.byp-dc-search{display:block;box-sizing:border-box;width:calc(100% - 24px);margin:12px;padding:11px 14px;border:0;border-radius:22px;background:#f0f3f0;color:#294e40;font:inherit;font-size:14px;outline-color:#128c7e}.byp-dc-section-label{margin:18px 16px 8px;font-size:12px;color:#6d8178;font-weight:650}.byp-dc-contact{display:flex;align-items:center;gap:11px;box-sizing:border-box;width:100%;min-height:72px;border:0;background:#fff;padding:10px 16px;text-align:left}.byp-dc-contact .byp-dc-avatar{width:46px;height:46px}.byp-dc-contact-copy{flex:1;min-width:0;padding-bottom:8px;border-bottom:1px solid #edf0eb}.byp-dc-contact-copy strong,.byp-dc-contact-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-dc-contact-copy strong{font-size:15px;font-weight:650;color:#243e33}.byp-dc-contact-copy small{font-size:12px;line-height:1.6;color:#819088}.byp-dc-unread{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;box-sizing:border-box;border-radius:20px;background:#25b971;color:white;font-size:11px}.byp-dc-menu-actions{display:grid;gap:4px}.byp-dc-menu-actions button{min-height:48px;padding:10px;border:0;border-radius:8px;background:#f5f8f2;color:#2e5d4a;text-align:left}.byp-dc-call{position:fixed;z-index:2200;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#173a32;color:white}.byp-dc-call header{padding:25px 20px;text-align:center}.byp-dc-call h2{margin:8px 0;font-size:23px}.byp-dc-call p{font-size:13px;line-height:1.5;color:#d6e5dd}.byp-dc-call-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}.byp-dc-call-stage video{display:block;width:100%;height:100%;object-fit:contain}.byp-dc-call-local{position:absolute!important;right:14px;bottom:14px;width:100px!important;height:140px!important;border-radius:10px;background:#102a24}.byp-dc-call-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:20px 14px max(24px,env(safe-area-inset-bottom))}.byp-dc-call-actions button{display:grid;place-items:center;min-width:56px;min-height:56px;border:0;border-radius:50%;padding:10px;background:#ffffff20;color:white;font:inherit;font-size:12px}.byp-dc-call-actions button.is-danger{background:#d64a42}.byp-dc-call-actions button.is-accept{background:#159c69}.byp-dc-call-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.byp-dc-call-note{padding:0 18px;text-align:center;font-size:12px;line-height:1.6;color:#d6e5dd}.byp-dc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:360px){.byp-dc-header{padding-left:3px;padding-right:3px;gap:0}.byp-dc-header>button{min-width:44px;width:44px;padding:8px}.byp-dc-header .byp-dc-identity{gap:5px}.byp-dc-header .byp-dc-avatar{width:36px;height:36px}.byp-dc-person strong{font-size:14px}.byp-dc-person small{font-size:10px}.byp-dc-timeline{padding-left:8px;padding-right:8px}.byp-dc-pill{padding-left:2px;padding-right:2px}.byp-dc-pill button{width:44px;min-width:44px;padding:8px}.byp-dc-round{width:46px;min-width:46px;height:48px;padding:11px}.byp-dc-field{font-size:13px}.byp-dc-bubble{max-width:85%}}
@media(min-width:1100px){.byp-dc-timeline{padding-left:5%;padding-right:5%}.byp-dc-composer{padding-left:4%;padding-right:4%}.byp-dc-header{padding-left:18px;padding-right:18px}.byp-dc-home-body{max-width:850px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.byp-dc-bubble{transition:none}}

.byp-dc-day{display:table;margin:0 auto 13px;padding:5px 9px;border-radius:4px;background:#d8edf4;color:#60818a;font-size:10px;line-height:1.5;text-transform:uppercase;box-shadow:0 1px 1px #193d2310}.byp-dc-location>svg{width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7}.byp-dc-preview>audio,.byp-dc-preview>video{max-width:100%;width:220px}.byp-dc-draft-media img{width:72px;height:72px;object-fit:cover}.byp-dc-draft-media audio{width:240px;max-width:100%;height:42px}.byp-dc-draft-media video{width:160px;max-height:120px}

[data-direct-draft-previews]{max-height:26dvh;overflow-y:auto}.byp-dc-call>header>.byp-dc-avatar{width:72px;height:72px;margin:auto;font-size:24px}.byp-dc-message-meta .byp-dc-reply-action{min-width:44px;min-height:44px}.byp-dc-call-stage[hidden]{display:none}.byp-dc-attachment [hidden]{display:none}

.byp-dc-call-avatar{width:120px;height:120px;font-size:40px}.byp-dc-call [hidden]{display:none!important}.byp-dc-call>header{padding:18px 16px 5px}.byp-dc-call-stage{padding:12px;box-sizing:border-box}.byp-dc-call-local{z-index:1}

@media(forced-colors:active){.byp-dc-pill:focus-within{outline:2px solid Highlight;outline-offset:1px}}

/* call-preferences-ui-local.css */
.byp-call-preferences-entry{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;max-width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #d4dfce;border-radius:10px;background:#fffdf7;color:#315d47;font:inherit;font-size:12px;line-height:1.5;overflow-wrap:anywhere;cursor:pointer}.byp-call-preferences-entry svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ig-profile-sheet .byp-call-preferences-entry{width:100%;justify-content:flex-start;border:0;border-radius:0;background:transparent;font-size:14px;text-align:left}.byp-school-owner-toolbar .byp-call-preferences-entry{flex:1 1 140px}
.byp-school-owner-toolbar:has(.byp-call-preferences-entry){flex-wrap:wrap}
.byp-call-preferences-dialog{position:fixed;inset:0;z-index:2360;display:grid;align-items:end;justify-items:center;background:#0005;color:#244a3a;font-family:inherit}.byp-call-preferences-card{box-sizing:border-box;min-width:0;width:min(100%,520px);max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px max(16px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--byp-chat-paper,#fffdf7)}.byp-call-preferences-card *{box-sizing:border-box}.byp-call-preferences-card header{display:flex;align-items:center;gap:8px}.byp-call-preferences-card h2{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.5}.byp-call-preferences-card button{min-height:44px;min-width:44px;padding:9px 12px;border:0;border-radius:9px;background:#e9f0e1;color:#315d47;font:inherit;font-size:13px;cursor:pointer}.byp-call-preferences-card header button{flex:none;width:44px;padding:0;background:transparent;color:#687e62;font-size:26px}.byp-call-preferences-card p{margin:10px 0;color:#687b61;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.byp-call-preferences-switch{display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:12px;margin:10px 0;border:1px solid #d6e0cd;border-radius:12px;background:#fff;cursor:pointer}.byp-call-preferences-switch>span{flex:1;min-width:0;line-height:1.6;font-size:14px}.byp-call-preferences-switch small{display:block;color:#71826a;font-size:11px}.byp-call-preferences-switch input{appearance:none;position:relative;flex:none;width:44px;height:26px;margin:9px 0;border:1px solid #aab7a2;border-radius:16px;background:#e8ece5;cursor:pointer}.byp-call-preferences-switch input::before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8b9983}.byp-call-preferences-switch input:checked{border-color:#128c7e;background:#128c7e}.byp-call-preferences-switch input:checked::before{background:#fff;transform:translateX(18px)}.byp-call-preferences-card footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:12px}.byp-call-preferences-card button[type=submit]{background:#128c7e;color:#fff}.byp-call-preferences-error{color:#a33f2c!important}.byp-call-preferences-feedback:empty{display:none}.byp-call-preferences-dialog [hidden]{display:none!important}.byp-call-preferences-card :is(button,input):focus-visible{outline:2px solid #128c7e;outline-offset:2px}
@media(max-width:360px){.byp-call-preferences-card{padding-left:12px;padding-right:12px}.byp-call-preferences-card h2{font-size:17px}}
@media(forced-colors:active){.byp-call-preferences-switch input{appearance:auto}.byp-call-preferences-switch input::before{display:none}}
.byp-call-preferences-field{display:grid;gap:6px;min-width:0;margin:12px 0;color:#55724d;font-size:12px;font-weight:600}.byp-call-preferences-field :is(input,select){box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px;border:1px solid #c7d8bd;border-radius:9px;background:#fff;color:#244a3a;font:inherit;font-size:16px}.byp-call-preferences-hours{min-width:0;margin:10px 0;padding:10px;border:1px solid #d6e0cd;border-radius:12px}.byp-call-preferences-hours legend{padding:0 5px;color:#55724d;font-size:12px}.byp-call-preferences-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px}.byp-call-preferences-days label{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #d6e0cd;border-radius:8px;background:#f2f7eb;color:#61745b;font-size:11px;cursor:pointer}.byp-call-preferences-days input{position:absolute;opacity:0;width:1px;height:1px}.byp-call-preferences-days label:has(input:checked){border-color:#128c7e;background:#e0f2e6;color:#146d53}.byp-call-preferences-days label:has(input:focus-visible){outline:2px solid #128c7e;outline-offset:1px}.byp-call-preferences-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.byp-call-preferences-hours [data-call-preferences-action=copy-hours]{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px}
.byp-call-preferences-card{display:flex;flex-direction:column;overflow:hidden}.byp-call-preferences-card>header,.byp-call-preferences-card>p{flex:none}.byp-call-preferences-card>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;margin:0}.byp-call-preferences-form-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px}.byp-call-preferences-card form>.byp-call-preferences-feedback{flex:none}.byp-call-preferences-card form>footer{flex:none;margin-top:10px;padding-top:10px;border-top:1px solid #dbe5d4;background:var(--byp-chat-paper,#fffdf7)}

/* Own receiving settings above the existing call controls; media stays mounted. */
.byp-dc-call [data-direct-call-actions]>.byp-call-preferences-call-entry{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #ffffff50;border-radius:50%;color:#fff;background:#ffffff22}.byp-call-preferences-call-entry svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.byp-call-preferences-call-entry span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.byp-call-preferences-call-entry:focus-visible{outline:3px solid #b9e6d0;outline-offset:3px}

/* Owner call settings beside Profile dön; original account settings and action remain. */
.byp-school-page>.byp-call-preferences-school-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin:0 0 14px}
.byp-call-preferences-school-nav>.byp-school-back{flex:0 1 auto;min-width:0;min-height:44px;margin:0}
.byp-call-preferences-school-nav>.byp-call-preferences-school-nav-entry{position:relative;flex:0 0 64px;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:64px;min-width:64px;min-height:44px;padding:9px;border-radius:11px;background:#f4f7ef}
.byp-call-preferences-school-nav-entry svg{width:20px;height:20px}.byp-call-preferences-school-nav-entry svg.byp-call-preferences-nav-gear{width:17px;height:17px}
.byp-call-preferences-school-nav-entry>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.byp-call-preferences-school-nav-entry:focus-visible{outline:2px solid #128c7e;outline-offset:2px}

/* direct-auto-reply-ui-local.css */
.byp-auto-reply-home-button{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;cursor:pointer}.byp-auto-reply-home-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.byp-auto-reply-menu-button{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:#edf3e7;color:#315b3d;font:inherit;text-align:left;cursor:pointer}
.byp-auto-reply-dialog{position:fixed;inset:0;z-index:2350;display:grid;align-items:end;justify-items:center;background:#0005;color:#244a3a;font-family:inherit}.byp-auto-reply-card{width:min(100%,580px);max-height:94dvh;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px max(16px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--byp-chat-paper,#fffdf7);box-sizing:border-box}.byp-auto-reply-card *{box-sizing:border-box}.byp-auto-reply-card>header{display:flex;align-items:center;gap:10px;position:sticky;top:-16px;z-index:1;padding:8px 0;background:inherit}.byp-auto-reply-card h2{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.4}.byp-auto-reply-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#6a8069;font:inherit;font-size:27px;cursor:pointer}
.byp-auto-reply-note{margin:5px 0 13px;color:#6c7f67;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.byp-auto-reply-status{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:5px 9px;border-radius:14px;background:#edf2e6;color:#56744d;font-size:11px}.byp-auto-reply-status::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.byp-auto-reply-status.is-enabled{background:#e1f2e7;color:#127b5c}
.byp-auto-reply-section{min-width:0;margin:12px 0;padding:12px;border:1px solid #d9e4d0;border-radius:12px;background:#fff}.byp-auto-reply-section>legend{padding:0 5px;font-size:14px;font-weight:650;color:#345e3e}.byp-auto-reply-toggle{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;cursor:pointer}.byp-auto-reply-toggle>span{flex:1;min-width:0;font-size:13px;line-height:1.5}.byp-auto-reply-toggle>input[role=switch]{appearance:none;position:relative;flex:none;width:44px;height:25px;margin:10px 0;border:1px solid #aab7a2;border-radius:15px;background:#e8ece5;cursor:pointer}.byp-auto-reply-toggle>input[role=switch]::before{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#8b9983}.byp-auto-reply-toggle>input[role=switch]:checked{border-color:#128c7e;background:#128c7e}.byp-auto-reply-toggle>input[role=switch]:checked::before{background:#fff;transform:translateX(19px)}
.byp-auto-reply-field{display:grid;gap:6px;min-width:0;margin:9px 0;font-size:12px;font-weight:600;color:#5a7254}.byp-auto-reply-field>input,.byp-auto-reply-field>select,.byp-auto-reply-field>textarea{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #c7d8bd;border-radius:9px;background:#fff;color:#244a3a;font:inherit;font-size:16px}.byp-auto-reply-field>textarea{min-height:90px;max-height:30dvh;resize:vertical;line-height:1.6}.byp-auto-reply-field>small{color:#87927f;font-size:11px;font-weight:400}.byp-auto-reply-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.byp-auto-reply-hours [type=time]{width:100%;min-width:0;max-width:100%;font-size:16px}
.byp-auto-reply-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:5px;margin:10px 0}.byp-auto-reply-days>label{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px;border:1px solid #d5e3ca;border-radius:8px;background:#f2f7eb;color:#61745b;font-size:11px;cursor:pointer}.byp-auto-reply-days input{position:absolute;opacity:0;width:1px;height:1px}.byp-auto-reply-days>label:has(input:checked){border-color:#128c7e;background:#e0f2e6;color:#146d53}.byp-auto-reply-days>label:has(input:focus-visible){outline:2px solid #128c7e;outline-offset:1px}
.byp-auto-reply-preview{padding:10px;border-left:3px solid #128c7e;border-radius:7px;background:#edf5e5;white-space:pre-wrap;overflow-wrap:anywhere;color:#52744d;font-size:12px;line-height:1.6}.byp-auto-reply-preview>strong{display:block;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.03em}.byp-auto-reply-dialog [hidden]{display:none!important}
.byp-auto-reply-form>footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}.byp-auto-reply-form>footer>button{min-height:44px;min-width:44px;padding:10px 14px;border:0;border-radius:9px;background:#128c7e;color:#fff;font:inherit;font-size:13px;cursor:pointer}.byp-auto-reply-form>footer>button[type=button]{background:#e7efdf;color:#476544}.byp-auto-reply-form>footer>button:disabled{opacity:.45;cursor:default}.byp-auto-reply-feedback{margin:10px 0 0;color:#4f7654;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.byp-auto-reply-feedback:empty{display:none}.byp-auto-reply-feedback.is-error{color:#a33c2b}.byp-auto-reply-card :is(button,input,select,textarea):focus-visible{outline:2px solid #128c7e;outline-offset:1px}
@media(max-width:360px){.byp-auto-reply-card{padding-left:12px;padding-right:12px}.byp-auto-reply-section{padding:10px}.byp-auto-reply-card h2{font-size:17px}}
@media(forced-colors:active){.byp-auto-reply-days>label:has(input:checked){outline:2px solid Highlight}.byp-auto-reply-toggle>input[role=switch]{appearance:auto}.byp-auto-reply-toggle>input[role=switch]::before{display:none}}
.byp-auto-reply-card{display:flex;flex-direction:column;overflow:hidden}.byp-auto-reply-card>header{position:static;flex:none}.byp-auto-reply-card>.byp-auto-reply-status,.byp-auto-reply-card>.byp-auto-reply-note{flex:none}.byp-auto-reply-status{align-self:flex-start}.byp-auto-reply-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;margin:0}.byp-auto-reply-form-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px}.byp-auto-reply-form>.byp-auto-reply-feedback{flex:none}.byp-auto-reply-form>footer{flex:none;margin-top:10px;padding-top:10px;border-top:1px solid #dbe5d4;background:var(--byp-chat-paper,#fffdf7)}

/* One inbox settings entry; existing account settings forms remain authoritative. */
.byp-dc-header>.byp-message-settings-home-button{order:10;display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}.byp-message-settings-home-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.byp-message-settings-dialog{position:fixed;inset:0;z-index:2340;display:grid;align-items:end;justify-items:center;background:#0005;color:#244a3a;font-family:inherit}.byp-message-settings-card{box-sizing:border-box;width:min(100%,520px);max-height:90dvh;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px max(16px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--byp-chat-paper,#fffdf7)}.byp-message-settings-card header{display:flex;align-items:center;gap:8px}.byp-message-settings-card h2{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.5}.byp-message-settings-card header button{flex:none;width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#687e62;font:inherit;font-size:26px;cursor:pointer}.byp-message-settings-actions{display:grid;gap:7px;margin-top:8px}.byp-message-settings-actions button{box-sizing:border-box;display:grid;gap:3px;min-width:0;min-height:64px;padding:11px 12px;border:1px solid #d6e0cd;border-radius:11px;background:#fff;color:#315d47;font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}.byp-message-settings-actions strong{font-size:14px;line-height:1.5}.byp-message-settings-actions small,.byp-message-settings-card p{color:#71826a;font-size:12px;line-height:1.6}.byp-message-settings-card p{margin:12px 0 0}.byp-message-settings-card button:focus-visible{outline:2px solid #128c7e;outline-offset:1px}@media(max-width:360px){.byp-message-settings-card{padding-left:12px;padding-right:12px}.byp-dc-home .byp-dc-header-title{font-size:18px;padding-left:4px;padding-right:4px}}

/* group-chat-ui-local.css */
body.byp-group-chat-open{background:var(--byp-chat-paper,#fffdf7);overflow:hidden}
body.byp-group-chat-open #topbar,body.byp-group-chat-open #mobile-nav,body.byp-group-chat-open .dm-page-head,body.byp-group-chat-open .dm-nav{display:none!important}
body.byp-group-chat-open #app{padding:0!important;min-height:100dvh;height:100dvh;overflow:hidden}
body.byp-group-chat-open .dm-workspace,body.byp-group-chat-open .dm-page-content{height:100%;max-width:none;padding:0;margin:0;min-width:0}
.byp-group-chat{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;min-width:0;box-sizing:border-box;background-color:var(--byp-chat-paper,#fffdf7);background-image:var(--byp-chat-wallpaper-wash,none),var(--byp-chat-wallpaper,none);background-size:auto,var(--byp-chat-wallpaper-size,560px auto);background-position:center top;background-repeat:repeat;color:#172b28;font-family:inherit}
.byp-group-chat button,.byp-gc-sheet button,.byp-gc-home-list button{font:inherit;cursor:pointer}.byp-group-chat button:disabled,.byp-gc-sheet button:disabled{opacity:.45;cursor:default}
.byp-group-chat button:focus-visible,.byp-gc-sheet :is(button,input):focus-visible,.byp-gc-home-list button:focus-visible{outline:2px solid #128c7e;outline-offset:-3px}
.byp-gc-header{display:flex;align-items:center;gap:3px;min-height:56px;padding:4px 8px;border-bottom:1px solid #244a3a1b;background:var(--byp-chat-paper,#fffdf7);color:#244a3a;box-sizing:border-box;z-index:2}
.byp-gc-header>button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:inherit}.byp-gc-header>h1{flex:1;margin:0;font-size:17px}
.byp-gc-header svg,.byp-gc-pill svg,.byp-gc-send svg,.byp-gc-bubble button svg,.byp-gc-create svg,.byp-gc-sheet header button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.byp-gc-header>.byp-gc-identity{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex:1;min-width:0;padding:3px 2px;border-radius:8px;text-align:left}.byp-gc-identity>span:last-child{min-width:0;flex:1}.byp-gc-identity strong,.byp-gc-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-gc-identity strong{font-size:15px;font-weight:650;line-height:1.5}.byp-gc-identity small{font-size:11px;color:#6b8072;line-height:1.4}
.byp-group-chat[data-group-chat-context]>.byp-gc-header{background:#075e54;color:#fff}.byp-group-chat[data-group-chat-context] .byp-gc-identity small{color:#dbebe5}
.byp-gc-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;overflow:hidden;border-radius:50%;background:#e0ecdb;color:#52715b;font-size:12px;font-weight:650}.byp-gc-avatar>svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.byp-gc-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.byp-gc-timeline{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px 10px;background:transparent;scrollbar-width:thin;box-sizing:border-box}
.byp-gc-empty{max-width:420px;margin:18px auto;padding:10px 13px;border-radius:8px;background:#fff9dd;color:#665e3b;font-size:12px;line-height:1.6;text-align:center}
.byp-gc-day{display:table;margin:0 auto 13px;padding:5px 9px;border-radius:4px;background:#d8edf4;color:#60818a;font-size:10px;line-height:1.5;box-shadow:0 1px 1px #193d2310}
.byp-gc-message{position:relative;display:flex;align-items:flex-start;margin:0 0 9px;min-width:0;touch-action:pan-y}.byp-gc-message.is-own{justify-content:flex-end}.byp-gc-message:focus-visible{outline:2px solid #128c7e;outline-offset:2px}
.byp-gc-message::before{content:'↩';position:absolute;left:8px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff9;color:#075e54;font-size:22px;opacity:var(--byp-gc-drag-opacity,0);pointer-events:none}
.byp-gc-bubble{position:relative;max-width:min(84%,620px);min-width:100px;padding:8px 9px 3px;border:1px solid var(--byp-chat-bubble-border,rgba(34,68,54,.11));border-radius:4px var(--byp-chat-bubble-radius,14px) var(--byp-chat-bubble-radius,14px) var(--byp-chat-bubble-radius,14px);background:#fff;box-shadow:var(--byp-chat-bubble-shadow,0 1px 3px rgba(22,45,34,.11));transform:translateX(var(--byp-gc-drag-x,0px));transition:transform .16s ease;box-sizing:border-box}.byp-gc-message.is-own>.byp-gc-bubble{background:#dcf8c6;border-radius:var(--byp-chat-bubble-radius,14px) 4px var(--byp-chat-bubble-radius,14px) var(--byp-chat-bubble-radius,14px)}
.byp-gc-bubble::before{content:'';position:absolute;top:0;left:-7px;width:11px;height:13px;background:inherit;-webkit-mask-image:var(--byp-chat-tail-mask);mask-image:var(--byp-chat-tail-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.byp-gc-message.is-own>.byp-gc-bubble::before{left:auto;right:-7px;transform:scaleX(-1)}
.byp-gc-author{display:block;margin-bottom:3px;font-size:12px;color:#087e72;overflow-wrap:anywhere}.byp-gc-text{margin:0 0 3px;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.byp-gc-text.is-deleted{color:#788479;font-style:italic}
.byp-gc-bubble>footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:44px;font-size:10px;color:#708078}.byp-gc-bubble button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:#7b8b7f}.byp-gc-bubble button svg{width:17px;height:17px}
.byp-gc-receipt{display:inline-flex;flex:none;color:#718276}.byp-gc-receipt.is-read{color:#53b8de}.byp-gc-receipt svg{display:block;width:21px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.byp-gc-quote{min-width:0;margin:0 0 6px;padding:6px 9px;border-left:3px solid #139688;border-radius:4px;background:#e5ece980;overflow:hidden}.is-own .byp-gc-quote{background:#cbe9bc80}.byp-gc-quote strong,.byp-gc-quote span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-gc-quote strong{font-size:11px;line-height:1.5;color:#087e72}.byp-gc-quote span{font-size:12px;line-height:1.55;color:#607169}
.byp-gc-composer{min-width:0;padding:5px 8px max(8px,env(safe-area-inset-bottom));background:transparent;box-sizing:border-box}.byp-gc-composer form{display:flex;align-items:flex-end;gap:6px;min-width:0}.byp-gc-pill{display:flex;align-items:flex-end;flex:1;min-width:0;gap:1px;padding:3px 5px;border-radius:25px;background:#fff;box-shadow:0 1px 2px #20382714}
.byp-gc-pill>button{display:grid;place-items:center;flex:none;width:44px;min-height:44px;padding:9px;border:0;border-radius:50%;background:transparent;color:#85908d}.byp-gc-field{flex:1;min-width:0;width:100%;height:44px;min-height:44px;max-height:130px;resize:none;padding:11px 4px 8px;border:0;border-radius:0;background:transparent;color:#1c312b;font:inherit;font-size:14px;line-height:1.5;outline:none;overflow-x:hidden;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#bccfc4 transparent;box-sizing:border-box}
.byp-group-chat .byp-gc-field:focus,.byp-group-chat .byp-gc-field:focus-visible{outline:none;box-shadow:none}.byp-gc-pill:focus-within{box-shadow:0 0 0 2px #128c7e,0 1px 2px #20382714}.byp-gc-field::-webkit-scrollbar{width:4px}.byp-gc-field::-webkit-scrollbar-button{display:none;width:0;height:0}.byp-gc-field::-webkit-scrollbar-thumb{border-radius:4px;background:#bccfc4}.byp-gc-field::placeholder{color:#8b9290}
.byp-gc-send{display:grid;place-items:center;flex:none;width:50px;height:50px;min-width:50px;min-height:50px;padding:12px;border:0;border-radius:50%;background:#128c7e;color:#fff;box-shadow:0 1px 2px #102d231c}
.byp-gc-compose-quote{display:flex;align-items:center;gap:6px;padding:6px 8px}.byp-gc-compose-quote>.byp-gc-quote{flex:1;margin:0;background:#f1f5eadf}.byp-gc-compose-quote>button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:9px;border:0;border-radius:50%;background:var(--byp-chat-paper,#fffdf7);color:#63766e}.byp-gc-compose-quote svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.byp-gc-composer>[role]{margin:0;padding:4px 9px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;background:var(--byp-chat-paper,#fffdf7)}.byp-gc-composer>[role]:empty{display:none}.byp-gc-composer>[role=alert]{color:#a53629}
.byp-gc-latest{position:absolute;right:14px;bottom:calc(var(--byp-gc-composer-height,72px) + 10px);z-index:1;min-height:44px;padding:8px 13px;border:0;border-radius:22px;background:#128c7e;color:#fff;font-size:12px;box-shadow:0 2px 8px #18332224}.byp-gc-latest[hidden]{display:none}
.byp-gc-create{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:inherit}.byp-gc-create svg{width:22px;height:22px}
.byp-gc-home-list{background:#fff;border-bottom:1px solid #e0e9da}.byp-gc-home-list>h2{margin:15px 16px 7px;font-size:12px;font-weight:650;color:#6d8178}.byp-gc-home-empty,.byp-gc-home-error{margin:5px 16px 12px;font-size:12px;line-height:1.5;color:#7a8b80}.byp-gc-home-error{color:#a53629}.byp-gc-home-error:empty{display:none}
.byp-gc-contact{display:flex;align-items:center;gap:11px;width:100%;min-height:72px;padding:10px 16px;border:0;background:#fff;text-align:left;box-sizing:border-box}.byp-gc-contact>span:nth-child(2){flex:1;min-width:0}.byp-gc-contact strong,.byp-gc-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-gc-contact strong{font-size:15px;color:#243e33}.byp-gc-contact small{font-size:12px;line-height:1.6;color:#819088}.byp-gc-contact>b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;background:#25b971;color:#fff;font-size:11px}
.byp-gc-invitation{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-top:1px solid #edf1e8;background:#f5f9ef}.byp-gc-invitation>div{flex:1;min-width:0}.byp-gc-invitation strong,.byp-gc-invitation small{display:block;overflow-wrap:anywhere}.byp-gc-invitation small{margin:3px 0;font-size:12px;line-height:1.5;color:#6c7e71}.byp-gc-invitation button{min-height:44px;margin-right:6px;padding:8px 12px;border:0;border-radius:8px;background:#128c7e;color:#fff;font-size:12px}.byp-gc-invitation button:last-child{background:#e6ecdf;color:#476349}
.byp-gc-invitation-body{min-width:0;min-height:0;padding:12px;overflow:auto}.byp-gc-invitation-body>.byp-gc-invitation{border:1px solid #dfe8d7;border-radius:12px}
.byp-gc-sheet{position:fixed;inset:0;z-index:2150;display:grid;align-items:end;background:#0005}.byp-gc-sheet-card{width:min(100%,620px);max-height:88dvh;overflow:auto;justify-self:center;padding:16px;border-radius:18px 18px 0 0;background:var(--byp-chat-paper,#fffdf7);color:#244a3a;box-sizing:border-box;overscroll-behavior:contain}
.byp-gc-sheet-card>header{display:flex;align-items:center;gap:8px;margin:0 0 12px}.byp-gc-sheet h2{flex:1;min-width:0;margin:0;font-size:18px}.byp-gc-sheet h3{margin:12px 0 6px;font-size:15px;overflow-wrap:anywhere}.byp-gc-sheet header button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#60766a}
.byp-gc-name{display:grid;gap:6px;margin:10px 0;font-size:13px;font-weight:600}.byp-gc-name input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #bdcfb3;border-radius:10px;background:#fff;color:#244a3a;font:inherit;font-size:16px;box-sizing:border-box}.byp-gc-consent{margin:8px 0 12px;font-size:12px;line-height:1.6;color:#6d7f6c}
.byp-gc-picker{max-height:48dvh;overflow-y:auto;border:1px solid #dfe8d7;border-radius:12px;background:#fff}.byp-gc-picker>label{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;box-sizing:border-box;cursor:pointer}.byp-gc-picker input{flex:none;width:18px;height:18px;accent-color:#128c7e}.byp-gc-picker label>span:last-child{min-width:0;flex:1}.byp-gc-picker strong,.byp-gc-picker small{display:block;overflow-wrap:anywhere}.byp-gc-picker strong{font-size:14px}.byp-gc-picker small{font-size:11px;color:#718375}
.byp-gc-sheet form>footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}.byp-gc-sheet form>footer button,.byp-gc-menu>button,.byp-gc-danger{min-height:44px;padding:9px 13px;border:0;border-radius:9px;background:#128c7e;color:#fff;font-size:13px}.byp-gc-sheet form>footer button[type=button]{background:#e9efdf;color:#47634c}
.byp-gc-members,.byp-gc-readers{padding:0;margin:8px 0;list-style:none}.byp-gc-members>li{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:10px 0;border-bottom:1px solid #e2e9dc;min-width:0}.byp-gc-members>li>span:nth-child(2){flex:1;min-width:100px}.byp-gc-members strong,.byp-gc-members small{display:block;overflow-wrap:anywhere}.byp-gc-members small{font-size:11px;color:#73836e}.byp-gc-members li>div{display:flex;gap:5px;flex-wrap:wrap}.byp-gc-members button{min-height:44px;padding:7px 10px;border:1px solid #d0dfc5;border-radius:8px;background:#f4f8ee;color:#476347;font-size:11px}.byp-gc-menu{display:grid;gap:7px;margin-top:12px}.byp-gc-menu>button{text-align:left;background:#edf3e6;color:#31583c}.byp-gc-menu>button.is-danger,.byp-gc-danger{background:#f9e8df;color:#a33c29}
.byp-gc-readers>li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e2e9dc;font-size:12px}.byp-gc-readers strong{flex:1;min-width:0;overflow-wrap:anywhere}.byp-gc-readers time{color:#70826e;font-size:11px}.byp-gc-sheet [role=alert]{margin:9px 0 0;color:#a53629;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.byp-gc-sheet [role=alert]:empty{display:none}
.byp-gc-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.byp-gc-emojis button{min-height:44px;min-width:0;padding:6px;border:0;border-radius:9px;background:#eef5e8;font-size:25px}
.byp-gc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:360px){.byp-gc-header{padding-left:4px;padding-right:4px}.byp-gc-timeline{padding-left:8px;padding-right:8px}.byp-gc-field{font-size:13px}.byp-gc-sheet-card{padding:13px}.byp-gc-bubble{max-width:88%}}
@media(min-width:1100px){.byp-gc-timeline{padding-left:5%;padding-right:5%}.byp-gc-composer{padding-left:4%;padding-right:4%}.byp-gc-header{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.byp-gc-bubble{transition:none}}
@media(forced-colors:active){.byp-group-chat{background-image:none!important}.byp-gc-pill:focus-within{outline:2px solid Highlight;outline-offset:1px}.byp-gc-bubble{border:1px solid CanvasText}}

.byp-gc-sheet[data-group-sheet-kind=info] .byp-gc-sheet-card,.byp-gc-sheet[data-group-sheet-kind=members] .byp-gc-sheet-card,.byp-gc-sheet[data-group-sheet-kind=policies] .byp-gc-sheet-card{height:100dvh;max-height:100dvh;padding-top:max(12px,env(safe-area-inset-top));border-radius:0;background:#fff}
.byp-gc-sheet-card>header{position:sticky;top:0;z-index:1;padding-bottom:8px;background:inherit}.byp-gc-sheet[data-group-sheet-kind=info] .byp-gc-sheet-card>header{margin-bottom:0}
.byp-gc-group-profile{text-align:center;padding:10px 0 18px}.byp-gc-avatar.is-large{width:108px;height:108px;margin:0 auto 13px;font-size:30px}.byp-gc-avatar.is-large>svg{width:58px;height:58px}.byp-gc-logo-edit{display:block;margin:0 auto;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}.byp-gc-logo-edit>.byp-gc-avatar{margin-bottom:0}.byp-gc-logo-edit{margin-bottom:13px}.byp-gc-group-name{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.byp-gc-group-name h3{min-width:0;margin:0;font-size:21px;line-height:1.4;font-weight:550;overflow-wrap:anywhere}.byp-gc-group-name>button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#53685b}.byp-gc-group-name svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.byp-gc-group-profile>p{margin:5px 0 13px;color:#778477;font-size:13px}.byp-gc-group-profile>p strong{color:#128c7e}
.byp-gc-info-tools{display:flex;justify-content:center;gap:12px}.byp-gc-info-tools>button{display:grid;justify-items:center;gap:5px;min-width:64px;min-height:68px;padding:7px;border:0;background:transparent;font-size:11px;color:#354c3e}.byp-gc-info-tools svg{width:26px;height:26px;padding:13px;border-radius:50%;background:#f1f4ef;fill:none;stroke:currentColor;stroke-width:1.8;box-sizing:content-box}
.byp-gc-info-text{padding:12px 0 15px;border-top:1px solid #e7ece4}.byp-gc-info-text>header,.byp-gc-info-members>header{display:flex;align-items:center;gap:6px}.byp-gc-info-text h3,.byp-gc-info-members h3{flex:1;min-width:0;margin:0;font-size:13px;line-height:1.6;color:#6c7d6d}.byp-gc-info-text header>button,.byp-gc-info-members header>button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;padding:10px;background:transparent;color:#637765}.byp-gc-info-text header svg,.byp-gc-info-members header svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.byp-gc-info-text p{margin:5px 0 0;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.byp-gc-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.byp-gc-clamped.is-expanded{display:block;-webkit-line-clamp:unset}.byp-gc-readmore{min-height:44px;margin:0;padding:7px 0;border:0;background:transparent;color:#128c7e;font-size:13px;font-weight:650}
.byp-gc-info-links{border-top:1px solid #e5ebe1;border-bottom:1px solid #e5ebe1;margin:4px 0 13px}.byp-gc-info-row{display:flex;align-items:center;gap:13px;width:100%;min-height:58px;padding:9px 5px;border:0;background:transparent;color:#253e30;text-align:left}.byp-gc-info-row>svg{width:23px;height:23px;flex:none;fill:none;stroke:#70806f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byp-gc-info-row>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}.byp-gc-info-row>span:last-child{color:#849280;font-size:22px}.byp-gc-info-members{margin-top:12px}.byp-gc-info-members .byp-gc-members>li{min-height:68px}.byp-gc-info-members .byp-gc-avatar{width:42px;height:42px}
.byp-gc-search{display:flex;align-items:center;gap:8px;min-width:0;margin:8px 0 15px;padding:1px 10px;border:1px solid #dce7d5;border-radius:24px;background:#f4f7f0}.byp-gc-search>svg{width:20px;height:20px;fill:none;stroke:#6b8069;stroke-width:1.8;flex:none}.byp-gc-search>input{flex:1;min-width:0;width:100%;min-height:44px;padding:10px 2px;border:0;outline:none;background:transparent;font:inherit;font-size:14px;color:#284b35}.byp-gc-search:focus-within{outline:2px solid #128c7e;outline-offset:1px}.byp-gc-no-results{font-size:13px;color:#788974}
.byp-gc-home-search{margin:8px 14px 12px}.byp-gc-search input[type=search]::-webkit-search-cancel-button{cursor:pointer}
.byp-gc-name textarea{width:100%;min-width:0;min-height:130px;max-height:45dvh;resize:vertical;padding:10px 12px;border:1px solid #bdcfb3;border-radius:10px;background:#fff;color:#244a3a;font:inherit;font-size:16px;line-height:1.55;box-sizing:border-box}.byp-gc-sheet textarea:focus-visible{outline:2px solid #128c7e;outline-offset:-2px}
.byp-gc-policy-list{margin:10px 0}.byp-gc-policy-list>label{display:flex;align-items:center;gap:13px;min-width:0;min-height:80px;padding:13px 0;border-bottom:1px solid #edf0e8;box-sizing:border-box}.byp-gc-policy-list>label>span:first-child{width:28px;flex:none;color:#778777}.byp-gc-policy-list>label svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.byp-gc-policy-list>label>span:nth-child(2){flex:1;min-width:0}.byp-gc-policy-list strong,.byp-gc-policy-list small{display:block;overflow-wrap:anywhere}.byp-gc-policy-list strong{font-size:14px;line-height:1.5;font-weight:500}.byp-gc-policy-list small{font-size:12px;line-height:1.6;color:#7a8975}.byp-gc-policy-list input[role=switch]{appearance:none;position:relative;flex:none;width:44px;height:25px;margin:10px 0;border:1px solid #aab7a2;border-radius:15px;background:#e8ece5;cursor:pointer}.byp-gc-policy-list input[role=switch]::before{content:'';position:absolute;width:17px;height:17px;top:3px;left:3px;border-radius:50%;background:#8b9983;transition:transform .15s ease}.byp-gc-policy-list input[role=switch]:checked{background:#128c7e;border-color:#128c7e}.byp-gc-policy-list input[role=switch]:checked::before{background:#fff;transform:translateX(19px)}
.byp-gc-logo-preview{padding:13px 0}.byp-gc-logo-preview .is-large{width:132px;height:132px}.byp-gc-file{display:grid;gap:9px;margin:8px 0;font-size:13px;color:#4b6a4e}.byp-gc-file input{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #d6e3cd;border-radius:9px;font:inherit;font-size:12px;background:#fff;box-sizing:border-box}.byp-gc-file input::file-selector-button{min-height:36px;padding:7px 10px;border:0;border-radius:7px;background:#eaf1e4;color:#426443;font:inherit}.byp-gc-sheet [data-group-logo-status]{font-size:12px;line-height:1.6;color:#567450}
@media(max-width:360px){.byp-gc-group-name h3{font-size:18px}.byp-gc-avatar.is-large{width:96px;height:96px}.byp-gc-policy-list>label{gap:9px}.byp-gc-policy-list strong{font-size:13px}.byp-gc-policy-list small{font-size:11px}}
.byp-gc-history-consent,.byp-gc-choice{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;font-size:12px;line-height:1.65;color:#587250;cursor:pointer}.byp-gc-history-consent input,.byp-gc-choice input{flex:none;width:19px;height:19px;margin:2px 0;accent-color:#128c7e}.byp-gc-history-consent>span{min-width:0;overflow-wrap:anywhere}.byp-gc-join{min-height:44px;max-width:100%;padding:10px 15px;border:0;border-radius:9px;background:#128c7e;color:#fff;font:inherit;font-size:13px}.byp-gc-join.is-secondary{background:#eaf1e4;color:#426443}.byp-gc-invitation-body h2{font-size:20px;overflow-wrap:anywhere}
.byp-gc-links{display:grid;gap:14px}.byp-gc-links>article{min-width:0;padding:10px;border:1px solid #dce7d4;border-radius:10px;background:#f8faf5}.byp-gc-links>article>small{display:block;color:#71806c;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.byp-gc-link-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.byp-gc-link-actions>button,.byp-gc-link-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 11px;border:0;border-radius:8px;background:#e7efdf;color:#376642;text-decoration:none;font:inherit;font-size:12px;box-sizing:border-box}.byp-gc-link-actions>button:last-child{color:#a33c29;background:#f8e9e1}
.byp-gc-starred{display:grid;gap:8px}.byp-gc-starred>button{display:grid;gap:5px;width:100%;min-width:0;min-height:60px;padding:10px;border:1px solid #dce7d4;border-radius:9px;background:#f5f9ee;color:#3e6143;text-align:left}.byp-gc-starred strong{font-size:12px}.byp-gc-starred span{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.byp-gc-starred small{font-size:10px;color:#7b8874}
.byp-gc-pinned{position:sticky;top:-8px;z-index:1;display:grid;gap:4px;margin:0 0 10px}.byp-gc-pinned:empty{display:none}.byp-gc-pinned>button{display:grid;gap:3px;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #d8e4cf;border-left:3px solid #128c7e;border-radius:6px;background:var(--byp-chat-paper,#fffdf7);color:#416248;text-align:left;box-shadow:0 1px 3px #213a2820}.byp-gc-pinned strong{font-size:10px}.byp-gc-pinned span{font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-gc-history-label{display:block;margin:3px 0 5px;color:#788472;font-size:10px;font-style:italic}
.byp-group-chat.byp-gc-public-directory{grid-template-rows:auto minmax(0,1fr)}.byp-gc-public-directory-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--byp-chat-paper,#fffdf7)}.byp-gc-public-directory [data-group-chat-home]>h2,.byp-gc-public-directory .byp-gc-public-heading{display:none}.byp-gc-public-heading{margin:16px 12px 7px;color:#51785d;font-size:12px;line-height:1.5}.byp-gc-public-notice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;padding:9px 10px;border:1px solid #d5e1d0;border-radius:11px;background:#fffdf7;color:#4f715b;font-size:12px;line-height:1.6}.byp-gc-public-notice strong{display:block;flex:1 0 100%;font-size:12px}.byp-gc-public-notice span{flex:1;min-width:0;overflow-wrap:anywhere}.byp-gc-public-notice button{min-width:44px;min-height:44px;padding:8px 13px;border:0;border-radius:8px;background:#128c7e;color:#fff}.byp-gc-public-consent{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;box-sizing:border-box;padding:7px 9px;margin:3px 0;border:1px solid #b7d3be;border-radius:10px;background:#fffdf7;color:#365e49;cursor:pointer}.byp-gc-public-consent input{appearance:auto;flex:none;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;accent-color:#128c7e}.byp-gc-public-consent span{flex:1;min-width:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.byp-gc-public-draft-note{display:block;padding:2px 9px 6px;color:#5e775f;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.byp-gc-private-label{display:block;width:max-content;max-width:100%;padding:2px 6px;margin:0 0 4px;border-radius:7px;background:#f2eee4;color:#7a715c;font-size:10px;line-height:1.5}.byp-gc-public-info-preview{max-height:210px;overflow:auto;padding:10px;border:1px solid #d9e4d4;border-radius:10px;background:#f9fbf6;color:#496c51;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.byp-gc-public-info-preview summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.byp-gc-public-info-preview>.byp-gc-avatar{margin:5px 0}.byp-gc-public-info-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.byp-group-chat [data-group-chat-form][hidden]{display:none!important}


/* Group photo edit entry: requested visible affordance and name-dialog picker. */
.byp-gc-logo-edit{position:relative;border-radius:12px;max-width:100%;padding:0 4px 2px}.byp-gc-logo-badge{position:absolute;top:76px;right:6px;display:grid;place-items:center;width:32px;height:32px;border:3px solid #fff;border-radius:50%;background:#128c7e;color:#fff;box-sizing:border-box}.byp-gc-logo-badge svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.byp-gc-logo-caption{display:block;margin-top:9px;color:#128c7e;font-size:12px;line-height:1.5;font-weight:600}.byp-gc-logo-edit:focus-visible{outline:3px solid #128c7e;outline-offset:5px}.byp-gc-rename-photo{margin:18px 0 0;padding-top:16px;border-top:1px solid #e1e8df}.byp-gc-rename-photo h3{margin:0;font-size:14px;font-weight:600;color:#354c3e}.byp-gc-rename-photo .byp-gc-logo-preview{padding:14px 0 0}.byp-gc-rename-photo .byp-gc-consent{margin:8px 0;font-size:12px}.byp-gc-sheet input[name="name"]{max-width:100%;box-sizing:border-box}@media(max-width:360px){.byp-gc-logo-badge{top:66px;right:3px}}

/* message-emoji-picker-local.css */
.byp-message-emoji-picker{position:fixed;z-index:2300;top:0;bottom:0;display:grid;align-items:end;justify-items:center;box-sizing:border-box;isolation:isolate;background:#00000008}.byp-me-panel{box-sizing:border-box;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(100%,680px);height:min(600px,78dvh);max-height:100%;min-height:0;padding:7px 8px max(8px,env(safe-area-inset-bottom));border:1px solid #e2e6e3;border-radius:20px 20px 0 0;background:#fff;color:#646865;box-shadow:0 -3px 20px #1d342126;font-family:inherit;font-size:14px;line-height:1.4;overflow:hidden}.byp-me-panel button,.byp-me-panel input{font:inherit}.byp-me-panel button{cursor:pointer}.byp-me-panel button:focus-visible,.byp-me-search:focus-within{outline:2px solid #128c7e;outline-offset:-2px}.byp-me-categories{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 1px 5px;scrollbar-width:thin;overscroll-behavior:contain;touch-action:pan-x}.byp-me-categories button{position:relative;display:grid;place-items:center;flex:1 0 44px;min-width:44px;height:44px;border:0;border-radius:7px;padding:10px;background:transparent;color:#717572}.byp-me-categories button[aria-selected=true]{color:#202522}.byp-me-categories button[aria-selected=true]::after{position:absolute;content:'';left:12px;right:12px;bottom:0;height:4px;border-radius:4px;background:currentColor}.byp-me-panel svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byp-me-search-row{display:flex;align-items:center;gap:3px;padding:7px 3px 10px;min-width:0}.byp-me-search{display:flex;align-items:center;flex:1;min-width:0;height:48px;gap:10px;padding:0 14px;border:1.5px solid #333d37;border-radius:28px;color:#747b76;background:#fff;box-sizing:border-box}.byp-me-search svg{width:20px;height:20px;flex:none}.byp-me-panel .byp-me-search input{display:block;flex:1;box-sizing:border-box;width:100%;min-width:0;height:44px;padding:7px 0;border:0;border-radius:0;background:transparent;color:#313c35;font-size:14px;outline:none;box-shadow:none}.byp-me-panel .byp-me-search input:focus-visible{outline:none;box-shadow:none}.byp-me-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:transparent;color:#6c736d;font-size:27px!important}.byp-me-content{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1px 6px;scrollbar-width:thin;scrollbar-color:#c7cdca transparent}.byp-me-section{min-width:0;margin:0 0 17px}.byp-me-section h3{margin:6px 8px 8px;font-family:inherit;font-size:14px;line-height:1.5;font-weight:600;color:#747974}.byp-me-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-items:center;gap:2px;min-width:0}.byp-me-grid button{display:grid;place-items:center;min-width:44px;min-height:46px;max-width:100%;border:0;border-radius:8px;padding:3px;background:transparent;color:inherit;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:30px;line-height:1;white-space:nowrap;overflow:hidden;touch-action:manipulation}.byp-me-grid button:hover{background:#edf3ed}.byp-me-status,.byp-me-empty{margin:0 8px;padding:3px 0;font-family:inherit;font-size:12px;line-height:1.5;color:#7b857d}.byp-me-status:empty{display:none}.byp-me-status{color:#9b3f34}.byp-message-emoji-picker[aria-busy=true] .byp-me-grid{opacity:.7;pointer-events:none}@media(max-width:360px){.byp-me-panel{padding-left:5px;padding-right:5px}.byp-me-grid{gap:1px}.byp-me-grid button{font-size:28px}.byp-me-categories{gap:0}.byp-me-search{padding:0 11px;gap:7px}}@media(min-width:700px){.byp-me-panel{border-radius:20px}}

.byp-me-short .byp-me-panel{grid-template-rows:auto minmax(0,1fr) auto;padding-top:4px;padding-bottom:4px}.byp-me-short .byp-me-categories{display:none}.byp-me-short .byp-me-search-row{padding-top:0;padding-bottom:4px}.byp-me-short .byp-me-search{height:44px}.byp-me-short .byp-me-section h3{margin-top:3px;margin-bottom:3px}

/* message-status-local.css */
body.byp-message-status-open #topbar,body.byp-message-status-open #mobile-nav,body.byp-message-status-open .dm-page-head,body.byp-message-status-open .dm-nav{display:none!important}body.byp-message-status-open #app{padding:0!important;height:100dvh;min-height:100dvh;overflow:hidden}body.byp-message-status-open .dm-workspace,body.byp-message-status-open .dm-page-content{height:100%;min-height:0;max-width:none;padding:0;margin:0}.byp-message-status{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;min-width:0;background:#fff;color:#202824;font-family:inherit}.byp-ms-header{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 16px}.byp-ms-header h1{flex:1;min-width:0;margin:0;font-family:inherit;font-weight:500;font-size:23px;line-height:1.3}.byp-ms-header>button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:transparent;color:#1e2923;font-size:29px;cursor:pointer}.byp-ms-tabs{display:flex;gap:4px;align-items:center;padding:4px 12px;border-bottom:1px solid #eef0ed;background:#fff}.byp-ms-tabs button{position:relative;flex:1;min-width:0;min-height:44px;border:0;border-radius:7px;padding:9px 12px;background:transparent;color:#6a756f;font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;cursor:pointer}.byp-ms-tabs button[aria-current=page]{color:#128c7e}.byp-ms-tabs button[aria-current=page]::after{position:absolute;left:12px;right:12px;bottom:1px;height:3px;border-radius:3px;content:'';background:#128c7e}.byp-ms-list{overflow-y:auto;min-height:0;min-width:0;padding:7px 0 24px;overscroll-behavior:contain}.byp-ms-row{display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;min-height:82px;padding:10px 24px;border:0;background:#fff;color:#202824;text-align:left;font-family:inherit;cursor:pointer}.byp-ms-row:hover{background:#f7f9f6}.byp-ms-row>span:last-child{flex:1;min-width:0}.byp-ms-row strong,.byp-ms-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byp-ms-row strong{font-size:16px;line-height:1.55;font-weight:500}.byp-ms-row small{font-size:13px;line-height:1.5;color:#7b807c}.byp-ms-ring{position:relative;display:grid;place-items:center;box-sizing:border-box;flex:none;width:56px;height:56px;border:2px solid #22b575;border-radius:50%;padding:3px;color:#668271;background:#fff}.is-seen .byp-ms-ring{border-color:#afb8b1}.byp-ms-ring img,.byp-ms-ring>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#edf2e9;font-size:21px}.byp-ms-ring.is-empty{border-color:transparent}.byp-ms-ring b{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:21px;height:21px;box-sizing:border-box;border:2px solid white;border-radius:50%;background:#202824;color:white;font-size:17px;font-weight:500}.byp-ms-own{margin-bottom:22px}.byp-ms-list h2{margin:16px 25px 12px;color:#787f78;font-family:inherit;font-size:12px;line-height:1.5;font-weight:500}.byp-ms-empty{margin:16px 24px;color:#748078;font-size:13px;line-height:1.6}.byp-ms-error{margin:0;padding:7px 24px;color:#a53a2c;font-size:13px;line-height:1.5}.byp-ms-error:empty{display:none}.byp-message-status button:focus-visible,.byp-ms-tabs button:focus-visible{outline:2px solid #128c7e;outline-offset:-2px}@media(max-width:360px){.byp-ms-header{padding-left:8px;padding-right:8px}.byp-ms-row{padding-left:14px;padding-right:14px;gap:12px}.byp-ms-row strong{font-size:15px}.byp-ms-list h2{margin-left:17px}.byp-ms-ring{width:54px;height:54px}}
/* The add control remains independent of the own-status viewer target. */
.byp-ms-own{position:relative}.byp-ms-own-add{position:absolute;left:48px;top:37px;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.byp-ms-own-add>span{display:grid;place-items:center;box-sizing:border-box;width:22px;height:22px;border:2px solid white;border-radius:50%;background:#202824;color:#fff;font-size:17px;line-height:1}.byp-ms-own-add:focus-visible{outline:2px solid #128c7e;outline-offset:-2px}@media(max-width:360px){.byp-ms-own-add{left:36px}}

/* Own status and Add have separate44px targets; thumbnails keep a fixed square. */
.byp-message-status .byp-ms-ring{position:relative;flex:0 0 56px;width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;aspect-ratio:1;box-sizing:border-box}.byp-message-status .byp-ms-ring>img,.byp-message-status .byp-ms-ring>span{position:absolute;left:3px;top:3px;display:grid;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;max-width:46px;max-height:46px;margin:0;padding:0;border-radius:50%;object-fit:cover;aspect-ratio:1;box-sizing:border-box}.byp-message-status .byp-ms-own{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-right:16px}.byp-message-status .byp-ms-own>.byp-ms-row{flex:1;min-width:0;width:auto;padding-right:4px}.byp-message-status .byp-ms-own-add{position:static;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;background:#f0f5ef;color:#128c7e}.byp-message-status .byp-ms-own-add>span{width:26px;height:26px;border:0;background:transparent;color:inherit;font-size:28px;line-height:1}.byp-message-status .byp-ms-header>[data-message-status-action=create]{font-size:30px;line-height:1}.story-overlay .story-owner-info>.byp-ms-owner-views{display:block;max-width:100%;color:#fff;font:inherit;font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow:0 1px 3px #0009}@media(max-width:360px){.byp-message-status .byp-ms-ring{flex-basis:54px;width:54px;height:54px;min-width:54px;min-height:54px;max-width:54px;max-height:54px}.byp-message-status .byp-ms-ring>img,.byp-message-status .byp-ms-ring>span{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px}.byp-message-status .byp-ms-own{padding-right:12px}}

/* story-strip-order-local.css */
.story-strip>.byp-story-real{min-width:44px;min-height:44px}.byp-story-real .story-ring{position:relative}.byp-story-real .byp-story-initial{display:grid;place-items:center;box-sizing:border-box;border-radius:50%;background:#e8f0e7;color:#315d47;font:inherit;font-size:24px;font-weight:600}.byp-story-real .byp-story-live-label{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);padding:2px 5px;border:2px solid #fff;border-radius:5px;background:#e33f5c;color:#fff;font:inherit;font-size:9px;font-weight:700;line-height:1.3}.byp-story-real.has-live .story-ring{border-color:#e33f5c}.byp-story-real .story-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* messaging-theme-local.css */
/* User supplied wallpaper; original pixels remain unchanged. */
:root {
  --byp-chat-tail-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2014%22%3E%3Cpath%20d%3D%22M11.5%200H2C.4%200-.3%201.7.8%202.8l8.6%208.6c1%201%202.6.3%202.6-1.1V.5a.5.5%200%200%200-.5-.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --byp-chat-bubble-radius: 14px;
  --byp-chat-bubble-border: rgba(34,68,54,.11);
  --byp-chat-bubble-shadow: 0 1px 3px rgba(22,45,34,.11);
  --byp-chat-paper: #fffdf7;
  --byp-chat-wallpaper: url("assets/byasis-chat-wallpaper-d4abcdd310cf.png");
  --byp-chat-wallpaper-size: 560px auto;
  --byp-chat-wallpaper-wash: linear-gradient(rgba(255,253,247,.48), rgba(255,253,247,.48));
}
.byp-direct-chat {
  background-color: var(--byp-chat-paper);
  background-image: var(--byp-chat-wallpaper-wash), var(--byp-chat-wallpaper);
  background-size: auto, var(--byp-chat-wallpaper-size);
  background-position: center top;
  background-repeat: repeat;
}
.byp-direct-chat .byp-dc-timeline,
.byp-direct-chat .byp-dc-composer { background: transparent; }
@media (forced-colors: active) {
  .byp-direct-chat { background-image: none; background-color: Canvas; }
}

.byp-direct-chat .byp-dc-bubble {
  border: 1px solid var(--byp-chat-bubble-border);
  box-shadow: var(--byp-chat-bubble-shadow);
}

.byp-direct-chat .byp-dc-bubble { border-radius: 4px var(--byp-chat-bubble-radius) var(--byp-chat-bubble-radius) var(--byp-chat-bubble-radius); }
.byp-direct-chat .byp-dc-message.is-own > .byp-dc-bubble { border-radius: var(--byp-chat-bubble-radius) 4px var(--byp-chat-bubble-radius) var(--byp-chat-bubble-radius); }
.byp-direct-chat .byp-dc-bubble::before {
  content: ""; position: absolute; top: 0; left: -7px; width: 11px; height: 13px; background: inherit; pointer-events: none;
  -webkit-mask-image: var(--byp-chat-tail-mask); mask-image: var(--byp-chat-tail-mask);
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.byp-direct-chat .byp-dc-message.is-own > .byp-dc-bubble::before { left: auto; right: -7px; transform: scaleX(-1); }

.byp-dc-call .byp-dc-call-stage { padding: 0; }
.byp-dc-call .byp-dc-call-stage > [data-direct-remote-video] { margin: 0; border-radius: 0; }

/* profile-website-local.css */
#settings-form .byp-profile-website-row{display:flex;align-items:stretch;min-width:0;border:1px solid var(--line,#dce4dc);border-radius:12px;background:var(--surface,#f8faf7);overflow:hidden}
#settings-form .byp-profile-website-prefix{display:flex;align-items:center;flex:none;padding:0 10px;color:var(--muted,#61756b);border-inline-end:1px solid var(--line,#dce4dc);font-size:14px;white-space:nowrap}
#settings-form .byp-profile-website-row>input{flex:1;width:0;min-width:0;min-height:44px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px}
#settings-form .byp-profile-website-row:focus-within{border-color:var(--accent,#137965);box-shadow:0 0 0 2px #13796516}
#settings-form [data-profile-website-error]{color:#b33c31;font-size:13px;line-height:1.4}

/* own-profile-header-local.css */
/* Own Native profile only. Preserve the real avatar/presence and quick-create nodes. */
[data-byp-own-profile-header] .byp-own-profile-avatar-wrap{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:max-content;line-height:0;overflow:visible}
[data-byp-own-profile-header] [data-byp-own-profile-create]{position:absolute;inset:auto -14px -6px auto;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;line-height:0;z-index:2;isolation:isolate;cursor:pointer}
[data-byp-own-profile-header] [data-byp-own-profile-create]::before{content:'';position:absolute;width:28px;height:28px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#17251d;z-index:-1}
[data-byp-own-profile-header] [data-byp-own-profile-create]>svg{width:18px;height:18px;stroke-width:2}
[data-byp-own-profile-header] [data-byp-own-profile-create]:focus-visible{outline:2px solid #21765a;outline-offset:2px}
[data-byp-own-profile-header] .ig-profile-tools>[data-action="social-create"],body.byp-own-profile-header #topbar .account-top{display:none!important}
@media(max-width:760px){
 body.byp-own-profile-header #topbar{display:none!important}
 body.byp-own-profile-header .workspace{padding-top:0}
 [data-byp-own-profile-header]{padding-top:12px}
 [data-byp-own-profile-header] .ig-profile-top{min-height:44px;gap:8px;margin-bottom:12px}
 [data-byp-own-profile-header] .ig-profile-top>.username{display:block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
 [data-byp-own-profile-header] .ig-profile-top>.username>svg{display:inline-block;vertical-align:middle}
 [data-byp-own-profile-header] .ig-profile-tools{flex:0 0 auto;gap:4px}
 [data-byp-own-profile-header] .ig-profile-tools>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 [data-byp-own-profile-header] .ig-profile-tools>button[data-action="social-create"]{display:none!important}
 [data-byp-own-profile-header] .ig-profile-tools>button>svg{width:24px;height:24px}
}

/* earnings-open-local.css */
/* Keep the Native earnings filters inside their own card on narrow screens. */
[data-byp-earnings-view] .dl-filters {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
}
[data-byp-earnings-view] .dl-filters > * {
  min-width: 0;
  max-width: 100%;
}

/* profile-pano-local.css */
.byp-pano-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 32px);min-height:64px;margin:12px 16px;padding:12px 16px;border:1px solid #dbe5df;border-radius:14px;background:#f5f9f6;color:#193d2a;text-align:left;cursor:pointer}.byp-pano-entry>span:first-child{display:grid;gap:4px}.byp-pano-entry strong{font-size:16px}.byp-pano-entry small{font-size:13px;font-weight:400}.byp-profile-pano{max-width:1000px;margin:0 auto;padding:16px;color:#17291f}.byp-pano-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.byp-pano-head>button{width:44px;height:44px;border:1px solid #dbe5df;border-radius:50%;background:#fff;color:inherit;font-size:28px;cursor:pointer}.byp-pano-head h1{margin:0;font-size:24px}.byp-pano-head p{margin:4px 0 0;font-size:13px;color:#607266}.byp-pano-period{display:flex;flex-wrap:wrap;gap:8px}.byp-pano-period button{min-height:44px;padding:8px 14px;border:1px solid #d7e3da;border-radius:22px;background:#fff;color:#244a36;cursor:pointer}.byp-pano-period button[aria-pressed=true]{background:#244a36;color:#fff}.byp-pano-range{font-size:12px;color:#607266;line-height:1.5}.byp-pano-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.byp-pano-metric{min-width:0;padding:16px;border:1px solid #e0e7e1;border-radius:14px;background:#fff}.byp-pano-metric h2{margin:0 0 12px;font-size:15px}.byp-pano-metric>strong{font-size:30px}.byp-pano-metric p{font-size:13px;line-height:1.55}.byp-pano-no-data{color:#607266}.byp-pano-note{font-size:12px;line-height:1.6;color:#607266}.byp-profile-pano button:focus-visible,.byp-pano-entry:focus-visible{outline:3px solid #648e75;outline-offset:3px}@media(max-width:420px){.byp-profile-pano{padding:12px}.byp-pano-grid{gap:8px}.byp-pano-metric{padding:12px}.byp-pano-metric h2{font-size:14px}.byp-pano-entry{width:calc(100% - 24px);margin-inline:12px}}

/* unified-search-local.css */
.byp-unified-results{min-width:0;color:inherit}.byp-search-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.byp-search-card{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:84px;padding:14px;border:1px solid #dce6df;border-radius:12px;background:#fff;color:#22412e;text-align:left;font:inherit;cursor:pointer}.byp-search-card strong{font-size:15px;line-height:1.45;overflow-wrap:anywhere}.byp-search-card small{font-size:12px;line-height:1.5;color:#63756b;overflow-wrap:anywhere}.byp-search-type{font-size:11px;color:#516d5b}.byp-search-more{min-height:44px;margin:16px 0;padding:10px 16px;border:1px solid #c8d9cd;border-radius:10px;background:#fff;color:#244a36;font:inherit;cursor:pointer}.byp-search-card:focus-visible,.byp-search-more:focus-visible{outline:3px solid #6b997b;outline-offset:2px}@media(max-width:520px){.byp-search-list{grid-template-columns:minmax(0,1fr)}}

/* Search cover-only presentation; source and route authority remain in the existing query model. */
.byp-search-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:110px;padding:10px}.byp-search-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.byp-search-visual{display:flex;width:112px;aspect-ratio:4/3;min-width:0;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#eef3ef;color:#627469}.byp-search-visual.is-avatar{width:84px;aspect-ratio:1;border-radius:50%;justify-self:center}.byp-search-image{display:block;width:100%;height:100%;object-fit:contain}.byp-search-visual.is-avatar .byp-search-image{object-fit:cover}.byp-search-no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;min-width:0}.byp-search-no-image svg{width:28px;height:28px;flex:none}.byp-search-no-image small{font-size:11px;line-height:1.2;text-align:center}.byp-search-copy strong{line-height:1.4}.byp-search-copy small{line-height:1.4}@media(max-width:520px){.byp-search-card{grid-template-columns:96px minmax(0,1fr);gap:10px;min-height:100px}.byp-search-visual{width:96px}.byp-search-visual.is-avatar{width:76px}}@media(max-width:360px){.byp-search-card{grid-template-columns:88px minmax(0,1fr);gap:9px;padding:9px}.byp-search-visual{width:88px}.byp-search-visual.is-avatar{width:70px}}

/* muted-autoplay-local.css */
.post-video-cover.byp-autoplay-cover { position: relative; }
.post-video-cover > .byp-autoplay-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; border: 0; }
.post-video-cover > .byp-autoplay-video[hidden] { display: none; }
.post-video-cover.byp-autoplay-ready > .post-video-play { visibility: hidden; }
.byp-autoplay-tools { order: 1; flex: none; align-self: stretch; display: flex; justify-content: flex-end; gap: 6px; margin: -46px 8px 6px; position: relative; z-index: 2; height: 40px; pointer-events: none; }
.byp-autoplay-tools > button { display: inline-grid; place-items: center; width: 40px; height: 40px; min-width: 40px; padding: 0; border: 1px solid #ffffff88; border-radius: 50%; background: #14241ce6; color: #fff; font: 650 18px/1 Arial,sans-serif; cursor: pointer; pointer-events: auto; }
.byp-autoplay-tools > button[hidden] { display: none; }
.byp-autoplay-tools > button:focus-visible { outline: 3px solid #f6d46e; outline-offset: 2px; }

/* Paid lesson preview end card: existing Native authorization and destination. */
.reel-slide > .byp-paid-lesson-end-card:not([hidden]) { position: absolute; z-index: 40; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; gap: 10px; width: min(340px, calc(100% - 128px)); max-height: calc(100% - 32px); overflow: auto; overscroll-behavior: contain; margin: 0; padding: 16px; border: 1px solid #d6e4d8; border-radius: 16px; background: #fff; color: #214b37; box-shadow: 0 8px 28px #0003; text-shadow: none; }
.reel-slide > .byp-paid-lesson-end-card p { margin: 0; color: #395b47; font-size: 14px; line-height: 1.4; }
.reel-slide > .byp-paid-lesson-end-card button { width: 100%; min-height: 44px; padding: 10px 12px; border-radius: 10px; white-space: normal; font: inherit; line-height: 1.35; }
.reel-slide > .byp-paid-lesson-end-card [data-byp-promotion-go] { background: #245d3e; color: #fff; border: 1px solid #245d3e; font-weight: 650; }
.reel-slide > .byp-paid-lesson-end-card [data-byp-teaser-replay], .reel-slide > .byp-paid-lesson-end-card [data-byp-teaser-follow] { background: #f5f8f2; color: #214b37; border: 1px solid #cfddce; }
.reel-slide > .byp-paid-lesson-end-card button:focus-visible { outline: 3px solid #edc44e; outline-offset: 2px; }

.reel-slide > .byp-paid-lesson-end-card[hidden] { display: none !important; }

.modal:has(.ig-profile-sheet){scrollbar-width:thin;scrollbar-color:#91a392 transparent}
.modal:has(.ig-profile-sheet) .modal-head{position:sticky;top:0;z-index:1;background:#fff}
.ig-profile-sheet .menu-section-label{color:#596d5d}
.ig-profile-sheet .byp-call-preferences-entry{gap:13px;padding:15px 1px;min-height:46px;border-bottom:1px solid #f0f3eb;color:#657e55;font-size:13px;line-height:normal}
.ig-profile-sheet .byp-call-preferences-entry>svg{width:22px;height:22px}
.ig-profile-sheet .byp-call-preferences-entry>svg:last-child{width:15px;height:15px}
.ig-profile .ig-media-tile > .ig-text-tile{color:var(--ink,#173d34)}
.byp-profile-pano .byp-pano-head>button{display:inline-grid;flex:0 0 44px;place-items:center}
.byp-profile-pano .byp-pano-back-icon{width:20px;height:20px;transform:rotate(180deg)}
.byp-profile-pano .byp-pano-period button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.byp-profile-pano .byp-pano-period-icon{flex:0 0 15px;width:15px;height:15px}
.byp-profile-pano .byp-pano-metric h2{display:flex;align-items:flex-start;gap:7px;line-height:1.35}
.byp-profile-pano .byp-pano-metric h2>span{min-width:0;overflow-wrap:anywhere}
.byp-profile-pano .byp-pano-metric-icon{flex:0 0 18px;width:18px;height:18px;color:#365f49}
.byp-si-tabs button[data-si="home"]{display:flex;align-items:center;justify-content:center;gap:6px}
.byp-si-unread{display:inline-grid;min-width:20px;height:20px;padding-inline:5px;place-items:center;box-sizing:border-box;border-radius:999px;background:#b91c1c;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.byp-si-unread[hidden]{display:none}
.notification-button>.notification-count{background:#b91c1c}
.post-actions .action.liked[data-action="like"]>svg,.post-actions .action.liked[data-action="like"]>svg path{fill:currentColor;stroke:currentColor}
.dm-page-content:has(>.byp-si-tabs,>[data-school-inbox-root]){display:flex;flex-direction:column}
.dm-page-content>.byp-si-tabs,.byp-school-inbox>.byp-si-tabs,.byp-si-header{flex:none}
.dm-page-content>[data-school-inbox-root]{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;max-width:none}
.byp-school-inbox>[data-si-content]{flex:1;min-height:0;overflow-y:auto;padding:0 12px;overscroll-behavior:contain}
.byp-si-intro{margin:0;padding:16px 0;border-bottom:1px solid #dce5df;color:#52695e}
.byp-si-intro+p{margin:14px 0;line-height:1.55}
@media(max-width:420px){.byp-profile-pano .byp-pano-period{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.byp-profile-pano .byp-pano-period button{padding-inline:3px;font-size:11px;gap:3px;white-space:nowrap}.byp-profile-pano .byp-pano-period-icon{flex-basis:12px;width:12px;height:12px}.byp-profile-pano .byp-pano-metric h2{flex-direction:column;gap:5px;font-size:13px}}

.byp-area-closure{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:12px;border:1px solid #dce5df;border-radius:12px;color:#274a3e}
.byp-area-closure p{flex:1 0 100%;margin:0;line-height:1.5}
.byp-area-closure-dialog{max-width:min(460px,calc(100vw - 32px));padding:20px;border:1px solid #dce5df;border-radius:16px;color:#174333;background:white}
.byp-area-closure-dialog::backdrop{background:#172e2480}
.byp-area-closure-dialog h2{margin:0 0 12px;font-size:18px}
.byp-area-closure-dialog p{line-height:1.55}
.byp-area-closure-dialog>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}

:root .byp-owner-school-reference .byp-school-owner-card>.byp-school-summary{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
}
:root .byp-owner-school-reference .byp-school-owner-card>.byp-school-summary>div{
  min-width:0;
  overflow-wrap:anywhere;
}
:root .byp-owner-school-reference .byp-school-summary>.byp-school-live-entry{
  grid-area:1/3;
  justify-self:end;
  box-sizing:border-box;
  min-width:44px;
  min-height:44px;
}
@media(max-width:480px){
  :root .byp-owner-school-reference .byp-school-owner-card>.byp-school-summary>.byp-school-logo{
    width:56px;
    height:56px;
    min-width:56px;
  }
  :root .byp-owner-school-reference .byp-school-summary>.byp-school-live-entry{
    width:44px;
    padding:8px;
  }
  .byp-owner-school-reference .byp-school-summary>.byp-school-live-entry>span{display:none}
}

.byp-school-form[data-byp-school-wizard] [hidden]{display:none!important}
.byp-school-wizard-progress{margin:0;color:#3f6154;font-size:.9rem;font-weight:700}
.byp-school-wizard-step{display:grid;gap:14px;min-width:0}
.byp-school-wizard-step h2{margin:0;line-height:1.25;font-size:1.2rem}
.byp-school-wizard-step h2:focus:not(:focus-visible){outline:none}
.byp-school-wizard-actions{display:flex;flex-wrap:wrap;gap:10px}
.byp-school-wizard-actions .btn{min-height:44px}
.byp-school-wizard-actions .btn-primary{flex:1}

.byp-owner-school-reference .byp-school-workspace .byp-school-owner-actions{flex-wrap:wrap;align-items:flex-start;gap:12px}
.byp-school-owner-actions .byp-school-activation{display:grid;justify-items:start;gap:6px;flex:1 1 164px;min-width:0}
.byp-school-owner-actions .byp-section-create{margin-inline-start:auto}
.byp-school-activation .byp-school-activate{background:#b91c1c;border-color:#b91c1c;color:#fff;font-weight:700;min-height:44px;white-space:normal}
.byp-school-activation .byp-school-activate:hover:not(:disabled){background:#991b1b;border-color:#991b1b}
.byp-school-activation .byp-school-activate:disabled{opacity:.55;cursor:not-allowed}
.byp-school-activation .byp-school-hide{min-height:44px;min-width:68px}
.byp-school-activation small{font-size:12px;color:#435d51;line-height:1.45}
.byp-school-activation-state{display:inline-flex;align-items:center;min-height:44px;padding:7px 10px;border-radius:8px;background:#eef2ee;color:#435d51;font-size:13px;line-height:1.35}
.byp-school-activation-state.is-public{background:#e3f0e6;color:#164f34}

.byp-paid-protection{box-sizing:border-box;width:min(420px,calc(100% - 28px));padding:22px;border:1px solid #e6d4b8;border-radius:16px;color:#173f33;background:#fffdf8;box-shadow:0 16px 48px #142e2850}
.byp-paid-protection::backdrop{background:#172e2999}
.byp-paid-protection h2{margin:0 0 12px;font-size:1.2rem;line-height:1.3}
.byp-paid-protection p{margin:0 0 12px;font-size:14px;line-height:1.55}
.byp-paid-protection-actions{display:flex;justify-content:flex-end;margin:14px 0 0}
.byp-paid-protection button,.byp-paid-sales-control button{min-height:44px}
.byp-paid-sales-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0}
.byp-paid-sales-control small{color:#435d51;line-height:1.4}

.byp-owner-school-reference .byp-school-cover{margin:14px 0 0;min-width:0}
.byp-school-form .byp-school-cover-editor h2{margin:0;font-size:15px;color:#184331}
.byp-school-cover-frame{display:block;box-sizing:border-box;width:100%;aspect-ratio:3 / 1;min-height:92px;overflow:hidden;border-radius:12px;background:#f3f7f0}
.byp-school-cover-frame img{display:block;width:100%;height:100%;object-fit:cover}
.byp-school-cover-empty{display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #a9c0a5;color:#194d37;padding:10px}
.byp-school-cover-empty:hover{background:#eaf3e7;border-color:#6d9970}
.byp-school-cover-empty svg{width:26px;height:26px;flex:none}
.byp-school-cover-empty span{display:grid;gap:3px;text-align:start}
.byp-school-cover-empty small,.byp-school-cover-status{font-size:12px;color:#4f685c;line-height:1.4}
.byp-school-cover-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px}
.byp-school-cover-actions button{min-height:44px}
.byp-school-cover-status{margin:6px 0 0}
.byp-school-cover-status.is-error{color:#a33120}

.byp-school-header-actions{display:flex;align-items:center;flex:0 0 auto;gap:6px}
.byp-call-preferences-school-nav>.byp-call-preferences-school-nav-entry,
.byp-school-header-actions>.byp-call-preferences-school-nav-entry,
.byp-school-header-actions>.byp-school-header-gear{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid #d4dfce;border-radius:11px;background:#f4f7ef;color:#315d47;cursor:pointer}
.byp-school-header-actions>.byp-school-header-gear>svg{width:20px;height:20px}
.byp-school-header-gear:focus-visible{outline:2px solid #128c7e;outline-offset:2px}
@media(hover:hover){
  .byp-call-preferences-school-nav .byp-call-preferences-school-nav-entry:hover,
  .byp-school-header-actions>.byp-school-header-gear:hover{background:#e8efe4}
}

:root .byp-owner-school-reference{max-width:600px;padding:0 16px 24px}
body:has(.byp-owner-school-reference) #mobile-nav{display:none}
body:has(.byp-owner-school-reference) #topbar{min-height:clamp(56px,15.3vw,68px)}
body:has(.byp-owner-school-reference) #app.workspace{padding-block:0}
body:has(.byp-owner-school-reference) .dm-workspace{padding-top:0}
:root .byp-owner-school-reference .byp-call-preferences-school-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:16px 0 8px}
:root .byp-owner-school-reference .byp-call-preferences-school-nav .byp-school-back{color:#304943;font-size:14px;font-weight:750;margin:0;min-height:44px}
:root .byp-owner-school-reference .byp-school-header-actions{gap:10px}
:root .byp-owner-school-reference .byp-school-header-actions>.byp-school-header-gear{width:auto;min-width:0;flex:0 0 auto;padding:0 11px;gap:7px;color:#174c32;font-size:14px}
:root .byp-owner-school-reference .byp-school-owner-card{padding:0;border:0;margin:0 0 24px;background:transparent}
:root .byp-owner-school-reference .byp-school-cover{margin:0 -6px}
:root .byp-owner-school-reference .byp-school-cover-frame{aspect-ratio:3.25 / 1;border-radius:15px;min-height:0}
:root .byp-owner-school-reference .byp-school-owner-card>.byp-school-summary{
  grid-template-columns:auto minmax(0,1fr) 46px;gap:10px;align-items:start;padding-top:6px;min-height:83px
}
:root .byp-owner-school-reference .byp-school-owner-card>.byp-school-summary>.byp-school-logo{
  width:clamp(54px,17.6vw,78px);height:clamp(54px,17.6vw,78px);min-width:0;border:3px solid #fff;background:#f2f7ef;
  box-shadow:0 3px 9px #142e2426;position:relative;z-index:1
}
:root .byp-owner-school-reference .byp-school-cover+.byp-school-summary>.byp-school-logo{margin-top:-20px}
:root .byp-owner-school-reference .byp-school-owner-card>.byp-school-summary h2{
  margin:5px 0 1px;font-size:clamp(17px,4.9vw,22px);line-height:1.17;font-weight:850;letter-spacing:-.035em
}
:root .byp-owner-school-reference .byp-school-state{padding:6px 9px;font-size:12px;border-radius:9px;background:#ffedd5;color:#9d4f0b}
:root .byp-owner-school-reference .byp-school-own-handle{font-size:14px;font-weight:500;line-height:1.3}
:root .byp-owner-school-reference .byp-school-summary>.byp-school-live-entry{
  align-self:center;justify-self:end;width:46px;min-width:44px;height:44px;min-height:44px;max-width:none;padding:0;
  display:inline-grid;place-items:center;background:#e7efdf;border-color:#b9cfb1;border-radius:12px
}
:root .byp-owner-school-reference .byp-school-summary>.byp-school-live-entry>span{display:none}
:root .byp-owner-school-reference .byp-school-summary>.byp-school-live-entry>svg{width:22px;height:22px}
:root .byp-owner-school-reference .byp-school-owner-counts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:15px 0;margin:0;border:1px solid #e0e7e0;
  border-radius:13px;background:#fff;box-shadow:0 3px 9px #132e2310
}
:root .byp-owner-school-reference .byp-school-owner-counts>button{
  display:grid;justify-items:center;align-content:center;grid-template-rows:24px 24px minmax(16px,auto);
  min-height:65px;row-gap:3px;padding:0 4px;min-width:0;text-align:center;font-size:13px;font-weight:400;color:#4c5a53;background:transparent
}
:root .byp-owner-school-reference .byp-school-owner-counts>button+button{border-left:1px solid #dde5da}
:root .byp-owner-school-reference .byp-school-owner-counts>button strong{grid-row:2;font-size:21px;font-weight:800;line-height:1.12}
:root .byp-owner-school-reference .byp-school-owner-counts>button span{grid-row:3;color:#4c5a53;line-height:1.22}
:root .byp-owner-school-reference .byp-school-owner-counts>button svg{grid-row:1;width:25px;height:25px;color:#5c8d57}
:root .byp-owner-school-reference .byp-school-owner-toolbar{display:block;margin:22px 0 0;padding:0;border:0}
:root .byp-owner-school-reference .byp-school-owner-toolbar>.byp-school-income-entry{
  display:flex;width:100%;min-height:55px;padding:11px 18px;gap:13px;border:0;border-radius:11px;background:#e7efdf;
  color:#08482b;font-size:16px;text-align:start
}
:root .byp-owner-school-reference .byp-school-income-entry strong{margin-inline-start:auto;font-size:clamp(16px,4.6vw,21px);font-weight:850}
:root .byp-owner-school-reference .byp-school-owner-toolbar>.byp-school-income-entry>svg{width:28px;height:28px}
:root .byp-owner-school-reference .byp-school-sections{padding:22px 0 0}
:root .byp-owner-school-reference .byp-school-workspace>.byp-school-activation{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:11px 10px 11px 16px;
  margin:0 0 22px;border-radius:12px;background:#f8f2ea
}
:root .byp-owner-school-reference .byp-school-activation[data-visibility="public"]{background:#eef5ed}
:root .byp-owner-school-reference .byp-school-visibility-copy{min-width:0;margin:0;color:#16362f;font-size:clamp(12px,3.3vw,14px);line-height:1.38}
:root .byp-owner-school-reference .byp-school-visibility-copy>.byp-school-activation-state{display:block;min-height:0;margin:0;padding:0;background:none;color:inherit;font-size:inherit}
:root .byp-owner-school-reference .byp-school-visibility-copy>small{display:block;margin-top:4px}
:root .byp-owner-school-reference .byp-school-activation>.byp-school-activate{
  margin:0;padding:8px 14px;min-height:44px;border:1px solid #a5331d;border-radius:10px;background:linear-gradient(#b34229,#9f2d16);
  color:#fff;font-size:clamp(12px,3.25vw,15px);font-weight:800;white-space:normal
}
:root .byp-owner-school-reference .byp-school-activation>.byp-school-activate:hover:not(:disabled){background:#982e1a}
:root .byp-owner-school-reference .byp-school-activation>.byp-school-hide{min-height:44px;border-color:#cadbc8;background:#fff;color:#174b33}
:root .byp-owner-school-reference .byp-school-owner-commands{
  display:grid;grid-template-columns:minmax(max-content,.9fr) minmax(max-content,1fr);gap:12px;align-items:start;margin:0 0 22px
}
:root .byp-owner-school-reference .byp-school-owner-commands>.byp-section-create,
:root .byp-owner-school-reference .byp-school-owner-commands .byp-upcoming-plan{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:46px;margin:0;padding:7px 8px;
  box-sizing:border-box;border-radius:10px;text-align:center;white-space:nowrap;line-height:1.18;font-size:clamp(12px,3.5vw,15px)
}
:root .byp-owner-school-reference .byp-school-owner-commands>.byp-section-create{
  border:1px solid #1e4d2e;background:linear-gradient(#295637,#184525);color:#fff;font-weight:800
}
:root .byp-owner-school-reference .byp-school-owner-commands .byp-upcoming-plan{border:1px solid #dc9849;background:#fffbf6;color:#954b08;font-weight:500}
:root .byp-owner-school-reference .byp-school-owner-commands svg{width:21px;height:21px;flex:none}
:root .byp-owner-school-reference .byp-school-owner-commands .byp-owner-section-plans{display:block;min-width:0;padding:0;margin:0;border:0}
:root .byp-owner-school-reference .byp-school-owner-commands .byp-upcoming-owner-tools{display:flex;flex-direction:column-reverse;gap:6px}
:root .byp-owner-school-reference .byp-sections-empty{
  display:grid;justify-items:center;align-content:center;gap:5px;width:100%;min-height:130px;padding:17px 10px;margin:0;
  border:1px dashed #afcda6;border-radius:14px;background:#f6f9f3;text-align:center;cursor:pointer
}
:root .byp-owner-school-reference .byp-sections-empty:hover{border-color:#75a177;background:#eef5ea}
:root .byp-owner-school-reference .byp-sections-empty:focus-visible{outline:2px solid #1b6945;outline-offset:3px}
:root .byp-owner-school-reference .byp-sections-empty svg{width:34px;height:34px;margin-bottom:5px;color:#759a70}
:root .byp-owner-school-reference .byp-sections-empty strong{color:#0d482f;font-size:17px;font-weight:800;line-height:1.28}
:root .byp-owner-school-reference .byp-sections-empty span{color:#526751;font-size:13px;line-height:1.35}
.byp-school-settings-sales,.byp-school-settings-publishing{margin:0 0 12px}
.byp-school-settings-publishing{margin-top:12px}
.byp-school-settings-sales h2,.byp-school-settings-publishing h2{margin:0 0 7px;font-size:16px;color:#164b34}
@media(max-width:360px){
  :root .byp-owner-school-reference{padding-inline:12px}
  :root .byp-owner-school-reference .byp-school-owner-commands{gap:8px}
  :root .byp-owner-school-reference .byp-school-owner-commands>.byp-section-create,
  :root .byp-owner-school-reference .byp-school-owner-commands .byp-upcoming-plan{gap:5px;padding-inline:6px}
  :root .byp-owner-school-reference .byp-school-owner-commands svg{width:17px;height:17px}
  :root .byp-owner-school-reference .byp-school-workspace>.byp-school-activation{padding:9px;gap:8px}
  :root .byp-owner-school-reference .byp-school-activation>.byp-school-activate{padding-inline:8px}
}

.byp-school-trailer-frame video[data-byp-trailer-cover-pending]{visibility:hidden}
.byp-school-trailer-preview .byp-school-trailer-copy{min-width:0}
.byp-school-trailer-preview .byp-school-trailer-copy>strong{overflow-wrap:anywhere}

body:has(.byp-public-school-reference) #topbar{min-height:clamp(56px,14.15vw,68px)}
body:has(.byp-public-school-reference) #app.workspace{padding-top:0}
body:has(.byp-public-school-reference) .dm-workspace{padding-top:0}
:root .byp-public-school-reference{
  --school-green:#084a39;--school-border:#d8e2d6;
  box-sizing:border-box;width:100%;max-width:640px;margin:0 auto;
  padding:0 clamp(12px,3.43vw,20px) 18px;color:var(--school-green)
}
:root .byp-public-school-reference .byp-school-back{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:8px 0;padding:0 9px;
  color:var(--school-green);font-size:clamp(14px,3.55vw,18px);font-weight:750
}
:root .byp-public-school-reference .byp-school-back svg{width:15px;height:17px;flex:none;transform:none}
:root .byp-public-school-reference .byp-school-showcase-hero{
  display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none
}
.byp-public-school-cover{overflow:hidden;aspect-ratio:3.25 / 1;margin:0;border-radius:clamp(15px,4.2vw,22px);background:#edf3eb}
.byp-public-school-cover img{display:block;width:100%;height:100%;object-fit:cover}
:root .byp-public-school-reference .byp-school-showcase-profile{
  display:grid;grid-template-columns:clamp(58px,19.3vw,92px) minmax(0,1fr) clamp(23px,7vw,34px);
  align-items:start;column-gap:clamp(8px,3vw,14px);min-height:0;margin:0;padding:17px 6px 0;border:0
}
:root .byp-public-school-reference .byp-school-showcase-profile>.byp-school-logo{
  display:grid;place-items:center;align-self:start;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;
  margin:0;padding:0;overflow:hidden;border:clamp(3px,1.04vw,5px) solid white;border-radius:50%;
  background:#e8efe4;box-shadow:0 4px 8px #213a3224
}
:root .byp-public-school-reference .byp-public-school-cover+.byp-school-showcase-profile>.byp-school-logo{
  margin-top:calc(-17px - clamp(13px,4vw,20px))
}
:root .byp-public-school-reference .byp-school-showcase-profile>.byp-school-logo img{
  display:block;width:100%;height:100%;object-fit:cover;border-radius:50%
}
:root .byp-public-school-reference .byp-school-showcase-identity{min-width:0;margin:0;padding:0;border:0}
:root .byp-public-school-reference .byp-school-showcase-identity h1{
  margin:0;color:var(--school-green);font-size:clamp(16px,4.47vw,23px);font-weight:850;
  letter-spacing:-.035em;line-height:1.12;overflow-wrap:anywhere
}
:root .byp-public-school-reference .byp-school-showcase-identity small{
  display:block;margin:2px 0 0;color:#657d70;font-size:clamp(12px,3.25vw,16px);line-height:1.2;overflow-wrap:anywhere
}
:root .byp-public-school-reference .byp-ref-school-mark{width:100%;margin:1px 0 0;padding:0;color:var(--school-green)}
:root .byp-public-school-reference .byp-ref-school-mark svg{display:block;width:100%;height:auto}
:root .byp-public-school-reference .byp-school-category-chips{
  display:flex;flex-wrap:wrap;gap:6px;margin:clamp(15px,5vw,24px) 4px 0;padding:0
}
:root .byp-public-school-reference .byp-school-category-chips>span{
  max-width:100%;padding:5px 12px;border-radius:10px;background:#e2e9dc;color:#164d3d;
  font-size:clamp(12px,3.11vw,15px);line-height:1.25;overflow-wrap:anywhere
}
:root .byp-public-school-reference .byp-school-showcase-counts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;box-sizing:border-box;
  gap:0;margin:clamp(14px,3.7vw,18px) 0 0;padding:clamp(11px,3.2vw,15px) 8px;
  border:1px solid var(--school-border);border-radius:15px;background:#fff;color:#222735
}
:root .byp-public-school-reference .byp-school-showcase-counts>span{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:46px;
  padding:0 2px;text-align:center;font-size:clamp(11px,2.92vw,15px);line-height:1.2;overflow-wrap:anywhere
}
:root .byp-public-school-reference .byp-school-showcase-counts>span+span{border-inline-start:1px solid var(--school-border)}
:root .byp-public-school-reference .byp-school-showcase-counts strong{
  color:var(--school-green);font-size:clamp(17px,4.47vw,23px);font-weight:800;line-height:1.05
}
:root .byp-public-school-reference .byp-ref-actions{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:stretch;gap:10px;
  margin:clamp(17px,5.4vw,26px) 0 0;padding:0
}
:root .byp-school-reference.byp-public-school-reference .byp-ref-actions>button.byp-school-contact{
  display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.7vw,9px);width:100%;min-width:0;
  min-height:clamp(40px,8.6vw,44px);height:auto;padding:7px 6px;border-radius:13px;
  font-size:clamp(11px,3.02vw,15px);font-weight:800;line-height:1.15;
  text-align:center;white-space:normal;overflow-wrap:anywhere
}
:root .byp-public-school-reference .byp-ref-actions>button:only-child{grid-column:1/-1}
:root .byp-school-reference.byp-public-school-reference .byp-ref-actions>button.byp-school-contact:not(.byp-school-follow-cta){
  border-color:#879b8c;background:#fff;color:var(--school-green)
}
:root .byp-public-school-reference .byp-ref-actions svg{flex:none;width:clamp(15px,3.65vw,19px);height:clamp(15px,3.65vw,19px)}
.byp-public-school-about{margin:clamp(18px,5.4vw,26px) 4px 0}
.byp-public-school-about h2{
  margin:0;padding:0 0 8px;border-bottom:1px solid var(--school-border);color:var(--school-green);
  font-size:clamp(16px,3.65vw,19px);font-weight:850;line-height:1.2;letter-spacing:-.025em
}
:root .byp-public-school-reference .byp-public-school-about p{
  margin:10px 0 0;color:#222735;font-size:clamp(14px,3.43vw,17px);line-height:1.26;white-space:pre-line;overflow-wrap:anywhere
}
.byp-public-school-trailer-link{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(8px,3.5vw,17px);
  box-sizing:border-box;width:100%;min-height:48px;margin:15px 0 0;padding:6px clamp(9px,3.5vw,17px);
  border:1px solid var(--school-border);border-radius:11px;background:#fff;color:var(--school-green);
  font:inherit;text-align:left;cursor:pointer
}
.byp-public-school-trailer-link strong{font-size:clamp(14px,3.3vw,17px);font-weight:850;line-height:1.15}
.byp-public-school-trailer-play{
  display:grid;place-items:center;width:clamp(27px,7.1vw,35px);height:clamp(27px,7.1vw,35px);border-radius:50%;background:#e0e8db
}
.byp-public-school-trailer-play svg{width:57%;height:57%}
.byp-public-school-trailer-time{color:#657d70;font-size:clamp(12px,3.1vw,16px);font-variant-numeric:tabular-nums}
.byp-public-school-trailer-chevron{width:15px;height:16px}
@media(max-width:760px){body:has(.byp-public-school-reference) #app.workspace{padding-inline:0}}

.byp-section-create-reference.byp-section-dialog {
  --section-ink: #103d30;
  --section-muted: #4e5855;
  --section-green: #31552b;
  --section-border: #d8dfd8;
  --section-control-border: #b9cab2;
  --section-soft: #f7f9f6;
  --section-selected: #eef3e9;
  --section-padding: clamp(16px,4.1vw,20px);
  --section-body-size: clamp(12px,3vw,14px);
  --section-label-size: clamp(14px,3.45vw,17px);
  width: min(calc(100% - 24px), 460px);
  max-height: calc(100vh - 20px);
  max-height: calc(100dvh - 20px);
  overflow: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scroll-padding-block: 76px;
  border: 1px solid var(--section-border);
  border-radius: 15px;
  background: #fff;
  color: var(--section-ink);
  font-family: 'DM Sans', Arial, sans-serif;
  box-shadow: 0 12px 38px #26433614;
}
.byp-section-create-reference.byp-section-dialog::backdrop { background: #edf2eddb; }

.byp-section-create-reference [hidden] { display: none !important; }

.byp-section-create-reference .byp-section-dialog-heading {
  z-index: 2;
  align-items: center;
  min-width: 0;
  padding: 13px var(--section-padding) 14px;
  border-color: #e8ece8;
}
.byp-section-create-reference .byp-section-dialog-heading > div { min-width: 0; }
.byp-section-create-reference .byp-section-dialog-heading > div > span {
  color: var(--section-green);
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.byp-section-create-reference .byp-section-dialog-heading h2 {
  margin: 4px 0 0;
  color: var(--section-ink);
  font-family: 'Manrope', 'DM Sans', Arial, sans-serif;
  font-size: clamp(21px,5.2vw,25px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.35px;
  overflow-wrap: anywhere;
}
.byp-section-create-reference .byp-section-dialog-heading > button {
  width: 44px;
  height: 44px;
  border-color: var(--section-border);
  background: var(--section-soft);
  color: var(--section-green);
  font-size: 24px;
}
.byp-section-create-reference .byp-section-dialog-heading > button svg { width: 17px; height: 17px; }
.byp-section-create-reference form { min-width: 0; padding: 15px var(--section-padding) 0; }

.byp-section-create-reference .byp-section-field { gap: 8px; margin: 0 0 clamp(15px,4.2vw,20px); min-width: 0; }
.byp-section-create-reference .byp-section-field > span:first-child {
  color: var(--section-ink);
  font-size: var(--section-label-size);
  font-weight: 650;
  line-height: 1.3;
}
.byp-section-create-reference .byp-section-field > span > small {
  color: var(--section-muted);
  font-size: clamp(11px,2.7vw,13px);
  font-weight: 400;
  text-align: end;
}
.byp-section-create-reference .byp-section-field > :is(input[type='text'],textarea),
.byp-section-create-reference .byp-section-option-fields :is(input[type='text'],select) {
  min-width: 0;
  min-height: 39px;
  border: 1px solid #ccd4ce;
  border-radius: 9px;
  background: #fff;
  color: #263531;
  padding: 8px 11px;
  font-size: clamp(14px,3.3vw,16px);
  line-height: 1.4;
}
.byp-section-create-reference .byp-section-field > textarea { height: clamp(60px,16vw,78px); min-height: 60px; resize: vertical; }
.byp-section-create-reference :is(input,textarea)::placeholder { color: #656c69; opacity: 1; }
.byp-section-create-reference .byp-section-option-fields input[aria-invalid='true'] { border-color: #ad5f49; }

.byp-section-create-reference .byp-section-cover-editor {
  box-sizing: border-box;
  border-color: var(--section-control-border);
  border-radius: 10px;
  background: var(--section-selected);
}
.byp-section-create-reference .byp-section-create-cover { margin-bottom: clamp(21px,6vw,29px); }
.byp-section-create-reference .byp-section-create-cover .byp-section-cover-editor:has(canvas:not([hidden])) {
  aspect-ratio: 43 / 20;
  border: 0;
}
.byp-section-create-reference .byp-section-create-cover .byp-section-cover-editor > canvas { object-fit: cover; }
.byp-section-create-reference .byp-section-cover-editor:has(canvas[hidden]) {
  aspect-ratio: 7 / 3;
  min-height: 145px;
  border-style: dashed;
  background: #f2f6ef;
}
.byp-section-create-reference .byp-section-cover-editor > [data-byp-section-cover-empty] {
  gap: 5px;
  padding: 8px;
  text-align: center;
  color: #6a815e;
}
.byp-section-create-reference .byp-section-cover-editor [data-byp-section-cover-empty] > svg { width: clamp(32px,8.2vw,39px); height: clamp(32px,8.2vw,39px); }
.byp-section-create-reference .byp-section-cover-editor [data-byp-section-cover-empty] > strong { color: var(--section-green); font-size: var(--section-label-size); }
.byp-section-create-reference .byp-section-cover-editor [data-byp-section-cover-empty] > small { color: var(--section-muted); font-size: var(--section-body-size); }
.byp-section-create-reference [data-byp-section-cover-empty] > .byp-section-choose { align-self: center; }
.byp-section-create-reference .byp-section-cover-actions {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  gap: 6px;
}
.byp-section-create-reference .byp-section-cover-actions > button { align-self: stretch; }
.byp-section-create-reference .byp-section-position > span { color: var(--section-muted); font-size: 12px; }

.byp-section-create-reference .byp-section-choose,
.byp-section-create-reference .byp-section-cover-remove,
.byp-section-create-reference .byp-section-trailer-actions > button,
.byp-section-create-reference [data-byp-gallery-choose],
.byp-section-create-reference .byp-section-form-actions > button {
  box-sizing: border-box;
  min-width: 0;
  min-height: 44px;
  padding: 7px 12px;
  border: 1px solid var(--section-control-border);
  border-radius: 9px;
  background: #fff;
  color: var(--section-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
}
.byp-section-create-reference .byp-section-cover-remove {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  border-color: #ccd4ce;
  color: #555e59;
  font-family: inherit;
  cursor: pointer;
}
.byp-section-create-reference :is(.byp-section-choose,.byp-section-cover-remove) > svg { width: 16px; height: 16px; flex: none; }
.byp-section-create-reference :is(.byp-section-choose,.byp-section-cover-remove,.byp-section-trailer-actions > button,[data-byp-gallery-choose]):hover:not(:disabled) {
  background: var(--section-selected);
}

.byp-section-create-reference .byp-section-trailer-editor,
.byp-section-create-reference .byp-gallery-editor {
  padding: 11px;
  min-width: 0;
  border: 1px solid var(--section-border);
  border-radius: 11px;
  background: var(--section-soft);
}
.byp-section-create-reference .byp-section-trailer-editor { margin: 0 0 18px; }
.byp-section-create-reference .byp-section-trailer-heading {
  display: grid;
  grid-template-columns: minmax(0,auto) minmax(0,1fr);
  align-items: baseline;
  gap: 4px 8px;
  margin: 0 0 9px;
}
.byp-section-create-reference .byp-section-trailer-heading > strong,
.byp-section-create-reference .byp-gallery-editor > header > strong {
  color: var(--section-ink);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
}
.byp-section-create-reference .byp-section-trailer-heading > small,
.byp-section-create-reference .byp-section-trailer-copy > span,
.byp-section-create-reference .byp-gallery-editor > p { color: var(--section-muted); font-size: 12px; line-height: 1.35; }
.byp-section-create-reference .byp-section-trailer-heading > strong { font-size: 14px; }
.byp-section-create-reference .byp-section-trailer-heading > small { font-size: 11px; text-align: end; }
.byp-section-create-reference .byp-section-trailer-mini { gap: 10px; }
.byp-section-create-reference .byp-section-trailer-frame {
  box-sizing: border-box;
  width: 65px;
  height: 48px;
  background: var(--section-selected);
  color: #718567;
}
.byp-section-create-reference .byp-section-trailer-thumb:disabled { opacity: 1; }
.byp-section-create-reference .byp-section-trailer-frame > svg { width: 24px; height: 24px; }
.byp-section-create-reference .byp-section-trailer-copy { gap: 5px; }
.byp-section-create-reference .byp-section-trailer-complete,
.byp-section-create-reference .byp-section-trailer-upload { font-size: 11px; }

.byp-section-create-reference .byp-section-preferences { margin: 0 0 15px; padding: 0; border: 0; }
.byp-section-create-reference .byp-section-preferences > fieldset { margin: 0 0 14px; }
.byp-section-create-reference .byp-section-preferences legend {
  margin-bottom: 9px;
  color: var(--section-ink);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.3;
}
.byp-section-create-reference .byp-section-option-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.byp-section-create-reference .byp-section-check {
  gap: 8px;
  min-height: 44px;
  margin-bottom: 7px;
  padding: 8px 10px;
  border: 1px solid var(--section-border);
  border-radius: 10px;
  background: var(--section-soft);
}
.byp-section-create-reference .byp-section-option-grid > .byp-section-check { margin-bottom: 0; min-height: clamp(61px,16vw,78px); }
.byp-section-create-reference .byp-section-option-grid .byp-section-check small { max-width: 15ch; }
.byp-section-create-reference .byp-section-check > input { width: 17px; height: 17px; margin-top: 1px; accent-color: #537444; }
.byp-section-create-reference .byp-section-check > span { gap: 3px; }
.byp-section-create-reference .byp-section-check strong {
  color: var(--section-ink);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.byp-section-create-reference .byp-section-check small { color: var(--section-muted); font-size: var(--section-body-size); line-height: 1.35; overflow-wrap: anywhere; }
.byp-section-create-reference .byp-section-check:has(input:checked) { border-color: var(--section-control-border); background: var(--section-selected); }

.byp-section-create-reference .byp-section-paid-choice:has(> .byp-section-check input:checked) {
  padding: 0 8px 8px;
  border: 1px solid #a7bd9e;
  border-radius: 10px;
  background: var(--section-selected);
}
.byp-section-create-reference .byp-section-paid-choice:has(> .byp-section-check input:checked) > .byp-section-check {
  margin: 0;
  padding-inline: 2px;
  border-color: transparent;
  background: transparent;
}
.byp-section-create-reference .byp-section-option-fields {
  gap: 9px;
  margin: 4px 0 0;
  padding: 10px;
  border-color: var(--section-border);
  border-radius: 10px;
  background: #f8faf7;
}
.byp-section-create-reference .byp-section-option-fields > label {
  gap: 5px;
  color: var(--section-ink);
  font-size: 13px;
  font-weight: 650;
}
.byp-section-create-reference .byp-section-option-fields :is(input,select) { font-weight: 400; }
.byp-section-create-reference .byp-section-option-fields > p,
.byp-section-create-reference .byp-section-draft-note { margin: 0; color: var(--section-muted); font-size: 12px; line-height: 1.45; }
.byp-section-create-reference .byp-section-option-fields > #byp-section-duration-hint { color: var(--section-ink); font-weight: 650; }
.byp-section-create-reference .byp-section-option-fields > .byp-section-price-error { color: #9a402f; }
.byp-section-create-reference .byp-section-option-fields > .byp-section-price-preview:not(#byp-section-duration-hint) { color: var(--section-green); }
.byp-section-create-reference .byp-section-option-fields > .byp-section-commission-note { padding-top: 9px; border-color: var(--section-border); }

.byp-section-create-reference .byp-gallery-editor > header { gap: 8px; }
.byp-section-create-reference .byp-gallery-editor > header > small { color: var(--section-green); font-size: 12px; white-space: nowrap; }
.byp-section-create-reference .byp-gallery-editor > p { margin: 3px 0 0; }
.byp-section-create-reference .byp-gallery-grid:empty { display: none; }
.byp-section-create-reference .byp-section-gallery-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  min-height: clamp(94px,25.5vw,126px);
  margin-top: 10px;
  padding: 9px;
  border: 1px dashed var(--section-control-border);
  border-radius: 10px;
  background: #f8faf7;
  color: #75896c;
}
.byp-section-create-reference .byp-section-gallery-upload > svg { width: 30px; height: 30px; }
.byp-section-create-reference .byp-gallery-editor > [role='alert'] { color: #9a402f; }
.byp-section-create-reference:has(input[name='sectionAccess'][value='paid']:checked) .byp-section-gallery-upload {
  align-items: flex-start;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.byp-section-create-reference:has(input[name='sectionAccess'][value='paid']:checked) .byp-section-gallery-icon { display: none; }

.byp-section-create-reference .byp-section-form-actions {
  bottom: 0;
  gap: 8px;
  margin: 13px calc(-1 * var(--section-padding)) 0;
  padding: 9px var(--section-padding) 11px;
  border-color: #e8ece8;
}
.byp-section-create-reference .byp-section-form-actions > button:first-child { flex: 0 1 max(80px,27%); }
.byp-section-create-reference .byp-section-form-actions > .byp-section-save {
  flex: 0 1 45%;
  border-color: #124532;
  background: #124532;
  color: #fff;
  font-weight: 750;
}
.byp-section-create-reference .byp-section-form-actions > .byp-section-save:hover:not(:disabled) { background: #0b3828; }
.byp-section-create-reference .byp-section-form-error { margin: 10px 0 0; color: #9a402f; }
.byp-section-create-reference :is(button,input,select,textarea):focus-visible { outline: 2px solid #668b58; outline-offset: 2px; }

@media (max-width: 359px) {
  .byp-section-create-reference.byp-section-dialog { --section-padding: 13px; }
  .byp-section-create-reference .byp-section-trailer-frame { width: 55px; height: 45px; }
  .byp-section-create-reference .byp-section-check { gap: 6px; padding-inline: 7px; }
  .byp-section-create-reference .byp-section-paid-choice:has(> .byp-section-check input:checked) > .byp-section-check { padding-inline: 0; }
}

body:has(#app .byp-upcoming-planner-reference),
body:has(#app .byp-upcoming-planner-reference) #app.workspace {
  background: #f4f7f5;
  background-image: none;
}
body:has(#app .byp-upcoming-planner-reference) :is(#sidebar,#topbar,#mobile-nav) { display: none !important; }
body:has(#app .byp-upcoming-planner-reference) #app.workspace { margin: 0; padding: 0; min-height: 100dvh; }

.byp-upcoming-planner-reference.byp-school-page {
  --planner-ink: #124b3b;
  --planner-muted: #565963;
  --planner-border: #d4dad5;
  --planner-soft: #f4f7f1;
  --planner-accent: #24532c;
  --planner-body-size: clamp(12px,3.05vw,15px);
  --planner-label-size: clamp(14px,3.55vw,17px);
  box-sizing: border-box;
  width: 100%;
  max-width: 640px;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(16px,4.3vw,22px) clamp(14px,3.8vw,19px) 36px;
  color: var(--planner-ink);
  font-family: 'DM Sans', Arial, sans-serif;
}
.byp-upcoming-planner-reference > [data-byp-upcoming='home'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #cbd9c4;
  border-radius: 9px;
  background: #f0f5ec;
  color: var(--planner-accent);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}
.byp-upcoming-planner-reference > [data-byp-upcoming='home']:hover { background: #e9f0e4; }
.byp-upcoming-planner-reference .byp-upcoming-planner-heading { margin: clamp(22px,6.5vw,32px) 0 clamp(16px,4.6vw,22px); }
.byp-upcoming-planner-reference .byp-upcoming-planner-heading > span {
  color: var(--planner-accent);
  font-size: clamp(13px,3.35vw,16px);
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.byp-upcoming-planner-reference .byp-upcoming-planner-heading h1 {
  margin: 6px 0 0;
  color: var(--planner-ink);
  font-family: 'Manrope', 'DM Sans', Arial, sans-serif;
  font-size: clamp(23px,6.25vw,31px);
  font-weight: 800;
  letter-spacing: -.65px;
  line-height: 1.16;
  overflow-wrap: anywhere;
}

.byp-upcoming-planner-reference .byp-upcoming-form {
  gap: clamp(15px,4.1vw,20px);
  min-width: 0;
  margin: 0;
  padding: clamp(14px,4vw,20px) clamp(13px,3.55vw,18px) clamp(15px,4vw,20px);
  border: 1px solid #e1e5e1;
  border-radius: 13px;
  background: #fff;
}
.byp-upcoming-planner-reference .byp-upcoming-form > label,
.byp-upcoming-planner-reference :is(.byp-upcoming-time-grid,.byp-upcoming-date-fields) > label,
.byp-upcoming-planner-reference .byp-upcoming-section-picker > label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  color: var(--planner-ink);
  font-size: var(--planner-label-size);
  font-weight: 750;
  line-height: 1.25;
}
.byp-upcoming-planner-reference :is(.byp-upcoming-time-grid,.byp-upcoming-date-fields) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.byp-upcoming-planner-reference .byp-upcoming-form :is(input[name='title'],input[type='date'],input[type='time'],textarea,select[name='sectionId']) {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid var(--planner-border);
  border-radius: 9px;
  background-color: #fff;
  color: #283834;
  font-size: clamp(14px,3.55vw,17px);
  font-weight: 400;
  line-height: 1.4;
}
.byp-upcoming-planner-reference .byp-upcoming-form :is(input[type='date'],input[type='time']) { color-scheme: light; }
.byp-upcoming-planner-reference .byp-upcoming-form :is(input[type='date'],input[type='time'])::-webkit-datetime-edit { padding: 0; }
.byp-upcoming-planner-reference .byp-upcoming-form :is(input[type='date'],input[type='time'])::-webkit-calendar-picker-indicator { margin-inline-start: 3px; padding: 0; }
.byp-upcoming-planner-reference .byp-upcoming-form textarea { height: clamp(93px,27.2vw,132px); min-height: 93px; resize: vertical; }
.byp-upcoming-planner-reference .byp-upcoming-form :is(input,textarea)::placeholder { color: var(--planner-muted); opacity: 1; }
.byp-upcoming-planner-reference .byp-upcoming-form select[name='sectionId'] {
  appearance: none;
  padding-inline-end: 32px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23124b3b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center / 14px 14px no-repeat;
  color: var(--planner-ink);
  text-overflow: ellipsis;
}
.byp-upcoming-planner-reference .byp-upcoming-form > small,
.byp-upcoming-planner-reference :is(.byp-upcoming-date-help,.byp-upcoming-section-help,.byp-upcoming-form-note),
.byp-upcoming-planner-reference .byp-upcoming-section-picker small {
  margin: 0;
  color: var(--planner-muted);
  font-size: var(--planner-body-size);
  font-weight: 400;
  line-height: 1.45;
}
.byp-upcoming-planner-reference .byp-upcoming-section-picker { min-width: 0; }
.byp-upcoming-planner-reference .byp-upcoming-section-picker > .byp-upcoming-section-help { margin-top: 6px; }
.byp-upcoming-planner-reference .byp-upcoming-form > .byp-upcoming-section-help { margin-top: -7px; }

.byp-upcoming-planner-reference :is(.byp-section-trailer-editor,.byp-gallery-editor) {
  min-width: 0;
  margin: 0;
  padding: 10px 11px;
  border: 1px solid #dde6d9;
  border-radius: 10px;
  background: var(--planner-soft);
}
.byp-upcoming-planner-reference .byp-section-trailer-heading {
  display: grid;
  grid-template-columns: minmax(0,auto) minmax(0,1fr);
  align-items: baseline;
  gap: 5px 8px;
  margin: 0 0 9px;
}
.byp-upcoming-planner-reference .byp-section-trailer-heading > strong,
.byp-upcoming-planner-reference .byp-gallery-editor > header > strong {
  color: var(--planner-ink);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.25;
}
.byp-upcoming-planner-reference .byp-section-trailer-heading > small { color: var(--planner-muted); font-size: 11px; text-align: end; }
.byp-upcoming-planner-reference .byp-section-trailer-mini { gap: 9px; }
.byp-upcoming-planner-reference .byp-section-trailer-frame {
  box-sizing: border-box;
  width: clamp(65px,19vw,92px);
  height: clamp(47px,12.8vw,62px);
  border-color: #e4ebe0;
  background: #eef3e9;
  color: #819674;
}
.byp-upcoming-planner-reference .byp-section-trailer-thumb:disabled { opacity: 1; }
.byp-upcoming-planner-reference .byp-section-trailer-copy { gap: 5px; }
.byp-upcoming-planner-reference .byp-section-trailer-copy > span,
.byp-upcoming-planner-reference .byp-gallery-editor > p { color: var(--planner-muted); font-size: 12px; line-height: 1.4; }
.byp-upcoming-planner-reference .byp-gallery-editor > p { margin: 3px 0 0; }
.byp-upcoming-planner-reference .byp-gallery-editor > header { gap: 8px; }
.byp-upcoming-planner-reference .byp-gallery-editor > header > small { color: var(--planner-accent); font-size: 12px; white-space: nowrap; }
.byp-upcoming-planner-reference .byp-gallery-grid:empty { display: none; }
.byp-upcoming-planner-reference .byp-section-gallery-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: clamp(96px,25.7vw,124px);
  margin-top: 9px;
  padding: 8px;
  border: 1px dashed #c8d5c1;
  border-radius: 10px;
  background: #f7f9f5;
  color: #7f9672;
}
.byp-upcoming-planner-reference .byp-section-gallery-upload > svg { width: 30px; height: 30px; }

.byp-upcoming-planner-reference .byp-section-trailer-actions > button,
.byp-upcoming-planner-reference [data-byp-gallery-choose],
.byp-upcoming-planner-reference .byp-upcoming-planner-actions > button {
  box-sizing: border-box;
  min-width: 0;
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid #bfceb8;
  border-radius: 8px;
  background: #fff;
  color: var(--planner-accent);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}
.byp-upcoming-planner-reference :is(.byp-section-trailer-actions > button,[data-byp-gallery-choose],.byp-upcoming-planner-actions > button):hover:not(:disabled) {
  background: #eef4eb;
}
.byp-upcoming-planner-reference .byp-upcoming-planner-actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
  gap: 8px;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid #e8ece8;
}
.byp-upcoming-planner-reference .byp-upcoming-planner-actions > button:only-child { grid-column: 1 / -1; }
.byp-upcoming-planner-reference .byp-upcoming-planner-actions > .is-primary {
  border-color: #124632;
  background: #124632;
  color: #fff;
  font-weight: 750;
}
.byp-upcoming-planner-reference .byp-upcoming-planner-actions > .is-primary:hover:not(:disabled) { background: #0b3727; }
.byp-upcoming-planner-reference .byp-upcoming-form [role='alert'] { color: #9a402f; }
.byp-upcoming-planner-reference :is(button,input,select,textarea):focus-visible { outline: 2px solid #668b58; outline-offset: 2px; }

.byp-upcoming-planner-reference .byp-upcoming-saved { margin: clamp(22px,6.5vw,31px) 0 0; }
.byp-upcoming-planner-reference .byp-upcoming-saved h2 {
  margin: 0 0 4px;
  color: var(--planner-ink);
  font-family: 'Manrope', 'DM Sans', Arial, sans-serif;
  font-size: clamp(20px,4.8vw,24px);
  font-weight: 800;
  letter-spacing: -.25px;
  line-height: 1.25;
}
.byp-upcoming-planner-reference .byp-upcoming-saved > .byp-school-hint { margin: 0; color: var(--planner-muted); font-size: 13px; line-height: 1.45; }

@media (max-width: 359px) {
  .byp-upcoming-planner-reference.byp-school-page { padding-inline: 12px; }
  .byp-upcoming-planner-reference .byp-upcoming-form { padding-inline: 11px; }
  .byp-upcoming-planner-reference :is(.byp-upcoming-time-grid,.byp-upcoming-date-fields) { gap: 8px; }
  .byp-upcoming-planner-reference .byp-upcoming-form :is(input[type='date'],input[type='time']) { padding-inline: 7px; font-size: 13px; }
  .byp-upcoming-planner-reference .byp-section-trailer-frame { width: 55px; height: 44px; }
}

body:has(#app .byp-school-settings-reference),
body:has(#app .byp-school-settings-reference) #app.workspace { background: #f6f6f5; background-image: none; }
body:has(#app .byp-school-settings-reference) :is(#sidebar,#topbar,#mobile-nav) { display: none !important; }
body:has(#app .byp-school-settings-reference) #app.workspace { margin: 0; padding: 6px 0 12px; min-height: 100dvh; }

.byp-school-settings-reference.byp-school-page {
  --school-settings-ink: #113e30;
  --school-settings-accent: #17583b;
  --school-settings-muted: #51585a;
  --school-settings-line: #dce4db;
  --school-settings-border: #bccfb8;
  --school-settings-soft: #edf4e8;
  box-sizing: border-box;
  width: calc(100% - 22px);
  max-width: 620px;
  min-width: 0;
  margin: 0 auto;
  padding: 7px 9px 10px;
  border: 1px solid #e1e3e0;
  border-radius: 12px;
  background: #fff;
  color: var(--school-settings-ink);
  font-family: 'DM Sans', Arial, sans-serif;
}
.byp-school-settings-reference [hidden] { display: none !important; }
.byp-school-settings-reference > .byp-call-preferences-school-nav { margin: 0; padding-inline: 5px 0; }
.byp-school-settings-reference .byp-school-back { color: var(--school-settings-ink); font-size: 13px; font-weight: 700; }
.byp-school-settings-reference .byp-call-preferences-school-nav > .byp-call-preferences-school-nav-entry {
  background: #f2f7ee;
  border-color: var(--school-settings-border);
  color: var(--school-settings-ink);
}
.byp-school-settings-reference .byp-school-heading { margin: 2px 6px 12px; }
.byp-school-settings-reference .byp-school-heading h1 {
  margin: 0 0 2px;
  color: var(--school-settings-ink);
  font-family: 'Manrope', 'DM Sans', Arial, sans-serif;
  font-size: clamp(22px,5.9vw,29px);
  font-weight: 800;
  letter-spacing: -.45px;
  line-height: 1.17;
}
.byp-school-settings-reference .byp-school-heading p { color: var(--school-settings-muted); font-size: 13px; line-height: 1.4; }
.byp-school-settings-reference .byp-school-form { gap: 8px; padding: 0; border: 0; border-radius: 0; background: transparent; min-width: 0; }

.byp-school-settings-reference :is(.byp-school-settings-info,.byp-school-settings-media) {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 0 7px 7px;
  border: 1px solid var(--school-settings-line);
  border-radius: 9px;
  background: #fff;
}
.byp-school-settings-reference .byp-school-settings-group-title {
  margin: 0 -7px;
  padding: 4px 7px 5px;
  border-radius: 8px 8px 0 0;
  background: var(--school-settings-soft);
  color: var(--school-settings-ink);
  font-family: 'Manrope', 'DM Sans', Arial, sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.2px;
  line-height: 1.2;
}
.byp-school-settings-reference .byp-school-settings-group-body { display: grid; gap: 8px; min-width: 0; }
.byp-school-settings-reference .byp-school-field { gap: 4px; margin: 0; }
.byp-school-settings-reference .byp-school-field > span:first-child,
.byp-school-settings-reference .byp-school-cover-editor > h2 { color: var(--school-settings-ink); font-size: 13px; font-weight: 750; line-height: 1.3; }
.byp-school-settings-reference .byp-school-field small { color: var(--school-settings-muted); font-size: 11px; line-height: 1.35; }
.byp-school-settings-reference .byp-school-field > span:first-child > small { text-align: end; }
.byp-school-settings-reference .byp-school-field :is(input[type='text'],textarea) {
  min-height: 34px;
  padding: 5px 8px;
  border-color: #cfd7d2;
  border-radius: 7px;
  color: #293534;
  font-size: 14px;
  line-height: 1.35;
}
.byp-school-settings-reference .byp-school-field textarea { min-height: 56px; height: 63px; resize: vertical; }
.byp-school-settings-reference .byp-school-field .byp-school-handle-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  padding-inline: 8px;
  border: 1px solid #cfd7d2;
  border-radius: 7px;
  color: var(--school-settings-accent);
  font-weight: 750;
}
.byp-school-settings-reference .byp-school-field .byp-school-handle-box.is-available { border-color: #53a27d; }
.byp-school-settings-reference .byp-school-field .byp-school-handle-box.is-unavailable { border-color: #a95745; }
.byp-school-settings-reference .byp-school-field .byp-school-handle-box:focus-within { outline: 2px solid #79a28b; outline-offset: 1px; }
.byp-school-settings-reference .byp-school-handle-box input[type='text'] {
  border: 0;
  padding-inline: 0;
  background: transparent;
  color: inherit;
  font-weight: 750;
  outline: 0;
}
.byp-school-settings-reference [data-byp-school-handle-status].is-available { color: #167140; font-weight: 650; }
.byp-school-settings-reference [data-byp-school-handle-status].is-available::before { content: '✓'; margin-inline-end: 5px; }
.byp-school-settings-reference [data-byp-school-handle-status].is-unavailable { color: #a33a27; }

.byp-school-settings-reference [data-byp-school-cover-fields]:has(> .byp-school-cover-actions) {
  display: grid;
  grid-template-columns: minmax(74px,.9fr) minmax(0,1.4fr);
  align-items: center;
  gap: 7px;
}
.byp-school-settings-reference .byp-school-cover-frame { min-height: 37px; border-radius: 7px; }
.byp-school-settings-reference .byp-school-cover-empty { min-height: 62px; aspect-ratio: auto; justify-content: flex-start; }
.byp-school-settings-reference .byp-school-cover-actions { justify-content: flex-start; gap: 3px 5px; margin: 0; }
.byp-school-settings-reference .byp-school-cover-status { margin: 2px 0 0; }
.byp-school-settings-reference .byp-school-settings-media .byp-school-field:has(.byp-school-logo-editor),
.byp-school-settings-reference .byp-school-settings-media .byp-school-trailer { border-top: 1px solid var(--school-settings-line); padding-top: 6px; }
.byp-school-settings-reference .byp-school-logo-editor { align-items: start; gap: 8px; }
.byp-school-settings-reference .byp-school-logo-editor > .byp-school-logo {
  box-sizing: border-box;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.byp-school-settings-reference .byp-school-logo-editor > .byp-school-logo img { object-fit: cover; }
.byp-school-settings-reference .byp-school-logo-editor > div {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
  flex: 1;
  align-items: center;
  gap: 3px 5px;
}
.byp-school-settings-reference .byp-school-logo-editor [data-byp-school-logo-profile] { grid-column: 1; grid-row: 1; }
.byp-school-settings-reference .byp-school-logo-editor [data-byp-school-logo-choose] { grid-column: 1; grid-row: 2; }
.byp-school-settings-reference .byp-school-logo-editor [data-byp-school-logo-remove] { grid-column: 2; grid-row: 2; justify-self: start; }
.byp-school-settings-reference .byp-school-logo-editor > div > small { grid-column: 1 / -1; }

.byp-school-settings-reference .byp-school-trailer { margin: 0; }
.byp-school-settings-reference .byp-school-trailer-heading { margin: 0 0 4px; }
.byp-school-settings-reference .byp-school-trailer-heading h3,
.byp-school-settings-reference .byp-video-cover-tools > strong { margin: 0; color: var(--school-settings-ink); font-size: 13px; font-weight: 750; line-height: 1.3; }
.byp-school-settings-reference .byp-school-trailer-heading > span { display: none; }
.byp-school-settings-reference .byp-school-trailer-preview.is-owner { gap: 8px; padding: 0; border: 0; border-radius: 0; background: #fff; }
.byp-school-settings-reference .byp-school-trailer-preview.is-owner .byp-school-trailer-frame { width: 49px; height: 56px; border-radius: 6px; }
.byp-school-settings-reference .byp-school-trailer-preview:has(> .byp-school-trailer-thumb) .byp-school-trailer-copy > strong { display: none; }
.byp-school-settings-reference .byp-school-trailer-copy > span:not(.byp-school-trailer-actions) { color: var(--school-settings-muted); font-size: 11px; }
.byp-school-settings-reference .byp-school-trailer-actions { gap: 3px 5px; margin: 0; }
.byp-school-settings-reference .byp-school-trailer-complete { order: -1; color: var(--school-settings-accent); font-weight: 750; }
.byp-school-settings-reference .byp-video-cover-tools {
  grid-template-columns: minmax(0,1fr);
  gap: 4px 8px;
  margin: 6px 0 0;
  padding-top: 6px;
  border-color: var(--school-settings-line);
}
.byp-school-settings-reference .byp-video-cover-tools:has(> img:not([hidden])) { grid-template-columns: 49px minmax(0,1fr); }
.byp-school-settings-reference .byp-video-cover-tools > strong { grid-column: 1 / -1; }
.byp-school-settings-reference .byp-video-cover-tools > img { width: 49px; height: 56px; grid-row: span 2; object-fit: cover; border-radius: 6px; }
.byp-school-settings-reference .byp-video-cover-tools > div { display: grid; min-width: 0; gap: 3px; }
.byp-school-settings-reference .byp-video-cover-tools > small { color: var(--school-settings-muted); line-height: 1.35; }
.byp-school-settings-reference .byp-video-cover-tools > small.is-error { color: #a33a27; }

.byp-school-settings-reference .byp-school-category-picker { padding: 7px 3px 0; border-color: var(--school-settings-line); }
.byp-school-settings-reference .byp-school-category-picker > .byp-school-field > span { font-size: 17px; }
.byp-school-settings-reference .byp-school-category-picker .byp-school-hint { margin: 0; color: var(--school-settings-muted); font-size: 12px; line-height: 1.4; }
.byp-school-settings-reference .byp-school-category-selection-head { align-items: center; margin: 3px 0 3px; color: var(--school-settings-muted); }
.byp-school-settings-reference .byp-school-category-selection-head > button { min-height: 32px; color: var(--school-settings-accent); font-weight: 700; }
.byp-school-settings-reference .education-profile-selected-chips { margin: 0 0 6px; }
.byp-school-settings-reference .education-profile-selected-chips > button { color: var(--school-settings-accent); border-color: var(--school-settings-border); }
.byp-school-settings-reference .byp-school-category-picker .education-profile-search { margin-top: 4px; background: #f0f5ec; border-color: var(--school-settings-line); }
.byp-school-settings-reference .education-profile-search > input { color: var(--school-settings-ink); font-size: 12px; }
.byp-school-settings-reference .education-profile-search > input::placeholder { color: #606a65; }
.byp-school-settings-reference .education-profile-list-head { padding-block: 7px; color: #53685a; font-size: 10px; }
.byp-school-settings-reference .byp-school-category-picker .education-profile-list { max-height: 239px; scrollbar-color: #8a9a8f #f2f5f2; }
.byp-school-settings-reference .byp-education-branch { margin-bottom: 4px; border-color: var(--school-settings-line); border-radius: 7px; }
.byp-school-settings-reference .byp-education-branch > summary { min-height: 35px; padding: 6px 7px; color: var(--school-settings-ink); }
.byp-school-settings-reference .byp-education-branch > summary > .education-profile-category-meta { color: #566c55; font-size: 10px; }

.byp-school-settings-reference :is(.byp-school-settings-sales,.byp-school-legal-entry,.byp-school-settings-publishing) {
  margin: 0;
  padding: 7px 3px 0;
  border: 0;
  border-top: 1px solid var(--school-settings-line);
  border-radius: 0;
  min-width: 0;
}
.byp-school-settings-reference :is(.byp-school-settings-sales,.byp-school-legal-entry):has(> .byp-school-settings-feature-icon) {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  align-items: start;
  gap: 0 6px;
}
.byp-school-settings-reference .byp-school-settings-feature-icon {
  display: grid;
  grid-column: 1;
  grid-row: 1 / span 3;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f0f5ee;
  color: var(--school-settings-ink);
}
.byp-school-settings-reference .byp-school-settings-feature-icon svg { width: 18px; height: 18px; }
.byp-school-settings-reference .byp-school-settings-feature-content { grid-column: 2; min-width: 0; }
.byp-school-settings-reference .byp-school-settings-sales h2,
.byp-school-settings-reference .byp-school-legal-entry h2 { display: block; margin: 0 0 3px; color: var(--school-settings-ink); font-size: 14px; font-weight: 750; line-height: 1.25; }
.byp-school-settings-reference .byp-paid-sales-control { margin: 3px 0 0; gap: 4px; }
.byp-school-settings-reference .byp-school-legal-entry .byp-school-hint { margin: 0 0 4px; color: var(--school-settings-muted); font-size: 11px; line-height: 1.4; }
.byp-school-settings-reference .byp-school-legal-entry .byp-school-hint:last-child { margin-top: 4px; }
.byp-school-settings-reference .byp-area-closure { margin: 0; padding: 0; gap: 5px; border: 0; }
.byp-school-settings-reference .byp-area-closure p { color: var(--school-settings-muted); font-size: 12px; }

.byp-school-settings-reference :is(.byp-school-cover-actions,.byp-school-logo-editor,.byp-school-trailer-actions,.byp-video-cover-tools,.byp-school-settings-sales,.byp-school-legal-entry,.byp-area-closure,.byp-school-demo-controls) button {
  box-sizing: border-box;
  min-width: 0;
  min-height: 34px;
  max-width: 100%;
  padding: 4px 7px;
  border: 1px solid var(--school-settings-border);
  border-radius: 7px;
  background: #fff;
  color: var(--school-settings-accent);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.22;
  white-space: normal;
}
.byp-school-settings-reference :is(.byp-school-cover-actions,.byp-school-logo-editor) .text-button { border-color: transparent; background: transparent; }
.byp-school-settings-reference .byp-area-closure button { background: #f1f6ee; }
.byp-school-settings-reference .byp-school-settings-footer { padding-top: 7px; border-top: 1px solid var(--school-settings-line); }
.byp-school-settings-reference [data-byp-school-save-note] { margin: 0 0 8px; padding: 0 3px; color: var(--school-settings-muted); font-size: 11px; line-height: 1.4; }
.byp-school-settings-reference :is(.byp-school-error,.byp-school-logo-status):empty { display: none; }
.byp-school-settings-reference .byp-school-settings-actions { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.3fr); align-items: stretch; gap: 7px; }
.byp-school-settings-reference .byp-school-settings-actions > button {
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  border: 1px solid #65a68a;
  border-radius: 7px;
  background: #fff;
  color: var(--school-settings-accent);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  white-space: normal;
}
.byp-school-settings-reference .byp-school-settings-actions > .byp-school-submit { border-color: #076246; background: #076246; color: #fff; }
.byp-school-settings-reference .byp-school-settings-actions > .byp-school-submit:hover:not(:disabled) { background: #034b36; }
.byp-school-settings-reference :is(button,input,select,textarea):focus-visible { outline: 2px solid #629479; outline-offset: 2px; }
.byp-school-settings-reference .byp-school-handle-box input:focus-visible { outline: 0; }

@media (min-width: 380px) {
  .byp-school-settings-reference.byp-school-page { padding-inline: 11px; }
  .byp-school-settings-reference .byp-school-logo-editor { gap: 12px; }
  .byp-school-settings-reference .byp-school-logo-editor > .byp-school-logo { flex-basis: 54px; width: 54px; height: 54px; }
}

@media(max-width:360px){.byp-school-inbox .byp-si-header .byp-dc-header-title{padding-inline:4px;font-size:18px}}

:root .byp-profile-reference .ig-profile-actions>.ig-person-button[data-profile-communication-settings]{
  --profile-contact-width:clamp(54px,15vw,62px);
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--profile-contact-width)!important;
  width:var(--profile-contact-width);padding:0 5px;gap:4px;color:#075137
}
:root .byp-profile-reference .ig-profile-actions>.ig-person-button[data-profile-communication-settings]>svg{width:19px;height:19px;flex:none}
:root .byp-profile-reference .ig-profile-actions>.ig-person-button[data-profile-communication-settings]>.byp-profile-contact-gear{width:16px;height:16px}
.byp-profile-reference .ig-person-button[data-profile-communication-settings]:focus-visible,
.byp-profile-contact-actions>button:focus-visible{outline:2px solid #408c70;outline-offset:2px}
.byp-profile-contact-actions{display:grid;gap:7px;margin:12px 0 4px}
.byp-profile-contact-actions:empty{display:none}
.byp-profile-contact-actions>button{
  min-height:44px;width:100%;padding:9px 13px;text-align:start;color:#084d36;font:inherit;font-weight:700;
  background:#f2f7f0;border:1px solid #ccded2;border-radius:9px;cursor:pointer
}
.byp-profile-contact-actions>button:hover{background:#e6f1e8}
.byp-profile-contact-note{color:#526d60;font-size:13px;line-height:1.4;margin:9px 0}
[data-profile-contact-action-error]{color:#a33a27;font-size:13px;line-height:1.4;margin:9px 0 0}

.explore-page > .byp-discover-suggestions {
  appearance: none;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) 17px;
  align-items: center;
  gap: 9px;
  width: 100%;
  max-width: 480px;
  min-height: 49px;
  margin: 0 0 12px;
  padding: 6px 10px;
  border: 1px solid #dbe5d7;
  border-radius: 10px;
  background: #f2f6ef;
  color: #184d38;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-align: start;
  cursor: pointer;
}
.explore-page > .byp-discover-suggestions:hover { background: #eaf2e7; }
.explore-page > .byp-discover-suggestions:focus-visible,
.byp-discover-suggestions-list > .menu-row:focus-visible { outline: 2px solid #639473; outline-offset: 2px; }
.byp-discover-suggestions-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #e4ede1;
}
.byp-discover-suggestions-icon > svg { width: 18px; height: 18px; }
.byp-discover-suggestions > svg { width: 17px; height: 17px; }
.byp-discover-suggestions-list > .menu-row {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 18px;
  align-items: center;
  gap: 9px;
  min-height: 57px;
  padding: 6px 2px;
  cursor: pointer;
}
.byp-discover-suggestions-list > .menu-row > .avatar {
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  aspect-ratio: 1;
  border-radius: 50%;
}
.byp-discover-suggestions-list > .menu-row > .avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.byp-discover-suggestions-list > .menu-row > span:not(.avatar) { min-width: 0; overflow-wrap: anywhere; }
.byp-discover-suggestions-list > .menu-row > svg { width: 18px; height: 18px; }
.byp-discover-suggestions-empty { margin: 8px 0; color: #52675d; font-size: 13px; line-height: 1.5; }
@media (max-width: 760px) {
  .explore-page > .byp-discover-suggestions { max-width: none; }
}

.byp-school-inbox.byp-school-inbox-reference {
  --school-chat-paper: #f3f8ef;
  --school-chat-wash: linear-gradient(rgba(232,244,229,.56),rgba(232,244,229,.56));
  min-width: 0;
  color: #172b28;
}
.byp-school-inbox-reference [hidden] { display: none !important; }
.byp-school-inbox-reference > .byp-si-tabs { background: #fff; }
.byp-school-inbox-reference > .byp-si-header { flex: none; }
.byp-school-inbox-reference .byp-si-header .byp-dc-identity {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  gap: 8px;
  padding: 3px 2px;
  text-align: start;
}
.byp-school-inbox-reference .byp-si-header .byp-dc-person { min-width: 0; }
.byp-school-inbox-reference .byp-si-header .byp-dc-avatar { flex: 0 0 auto; }
.byp-school-inbox-reference .byp-si-header > button:disabled { opacity: .45; cursor: default; }
.byp-school-inbox-reference .byp-si-header > button:focus-visible { outline: 2px solid #a5dfc7; outline-offset: -3px; }

.byp-school-inbox-reference > [data-si-content] { padding: 0; min-width: 0; }
.byp-school-inbox-reference > [data-si-content]:is(:has(> [data-si-conversation]),[data-si-conversation]) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.byp-school-inbox-reference [data-si-conversation] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background-color: var(--school-chat-paper);
  background-image: var(--school-chat-wash), var(--byp-chat-wallpaper,none);
  background-size: auto, var(--byp-chat-wallpaper-size,560px auto);
  background-position: center top;
  background-repeat: repeat;
}
.byp-school-inbox-reference .byp-si-thread.byp-dc-timeline {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  max-height: none;
  gap: 0;
  padding: 16px 12px 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: transparent;
}
.byp-school-inbox-reference .byp-si-thread > .byp-dc-empty,
.byp-school-inbox-reference .byp-si-thread > .byp-si-empty {
  box-sizing: border-box;
  align-self: center;
  width: min(100%,420px);
  margin: 24px auto;
  padding: 10px 14px;
  border-radius: 9px;
  background: #fff8d5;
  color: #665e3b;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.byp-school-inbox-reference [data-si-conversation] > :is(.byp-si-request,.byp-si-readonly,.byp-dc-request) {
  flex: none;
  margin: 8px 12px 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fffbed;
  color: #675f40;
  font-size: 12px;
  line-height: 1.5;
}
.byp-school-inbox-reference [data-si-conversation] > .byp-si-request .byp-si-actions { justify-content: center; }

.byp-school-inbox-reference .byp-si-thread .byp-si-message {
  position: relative;
  box-sizing: border-box;
  max-width: min(84%,620px);
  min-width: 72px;
  margin: 0 0 8px;
  padding: 8px 9px 4px;
  border: 1px solid var(--byp-chat-bubble-border,rgba(34,68,54,.11));
  border-radius: 4px var(--byp-chat-bubble-radius,14px) var(--byp-chat-bubble-radius,14px) var(--byp-chat-bubble-radius,14px);
  background: #fff;
  box-shadow: var(--byp-chat-bubble-shadow,0 1px 3px rgba(22,45,34,.11));
  color: #172b28;
  overflow-wrap: anywhere;
}
.byp-school-inbox-reference .byp-si-thread .byp-si-message.mine {
  border-color: var(--byp-chat-bubble-border,rgba(34,68,54,.11));
  border-radius: var(--byp-chat-bubble-radius,14px) 4px var(--byp-chat-bubble-radius,14px) var(--byp-chat-bubble-radius,14px);
  background: #dcf8c6;
}
.byp-school-inbox-reference .byp-si-thread .byp-si-message::before {
  content: '';
  position: absolute;
  top: 0;
  left: -7px;
  width: 11px;
  height: 13px;
  background: inherit;
  pointer-events: none;
  -webkit-mask-image: var(--byp-chat-tail-mask);
  mask-image: var(--byp-chat-tail-mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.byp-school-inbox-reference .byp-si-thread .byp-si-message.mine::before { left: auto; right: -7px; transform: scaleX(-1); }
.byp-school-inbox-reference .byp-si-thread .byp-si-message > strong { color: #087e72; font-size: 11px; font-weight: 700; }
.byp-school-inbox-reference .byp-si-thread .byp-si-message > p { margin: 1px 0 2px; white-space: pre-wrap; font-size: 14px; line-height: 1.5; }
.byp-school-inbox-reference .byp-si-thread .byp-si-message > p:empty { display: none; }
.byp-school-inbox-reference .byp-si-message > small { color: #657972; font-size: 10px; text-align: end; }
.byp-school-inbox-reference .byp-si-message .byp-dc-message-meta { flex-wrap: wrap; color: #657972; }
.byp-school-inbox-reference .byp-si-message .byp-dc-message-meta > button { cursor: pointer; }
.byp-school-inbox-reference .byp-si-thread .byp-si-quote {
  display: block;
  margin: 3px 0 5px;
  padding: 5px 8px;
  border-left: 3px solid #139688;
  border-radius: 4px;
  background: #e5ece980;
  color: #53695f;
  font-size: 12px;
  line-height: 1.4;
}
.byp-school-inbox-reference .byp-si-message.mine .byp-si-quote { background: #cbe9bc80; }
.byp-school-inbox-reference .byp-si-attachment { min-width: 0; margin-block: 3px; }
.byp-school-inbox-reference .byp-si-attachment :is(img,video,audio) { display: block; max-width: 100%; border-radius: 7px; }
.byp-school-inbox-reference .byp-si-attachment button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

.byp-school-inbox-reference .byp-si-compose.byp-dc-composer {
  box-sizing: border-box;
  flex: none;
  min-width: 0;
  padding: 5px 8px max(8px,env(safe-area-inset-bottom));
  border: 0;
  background: transparent;
}
.byp-school-inbox-reference .byp-si-compose .byp-dc-compose-row { min-width: 0; }
.byp-school-inbox-reference .byp-si-compose .byp-dc-pill { min-width: 0; }
.byp-school-inbox-reference .byp-si-compose textarea.byp-dc-field {
  flex: 1 1 auto;
  width: 0;
  min-width: 0;
  min-height: 44px;
  max-height: 130px;
  padding: 11px 4px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  resize: none;
  outline: none;
}
.byp-school-inbox-reference .byp-si-compose .byp-dc-pill > button,
.byp-school-inbox-reference .byp-si-compose .byp-dc-round { cursor: pointer; }
.byp-school-inbox-reference .byp-si-compose :is(.byp-dc-round,.byp-dc-pill > button):disabled { opacity: .5; cursor: default; }
.byp-school-inbox-reference .byp-si-compose > [data-si-reply]:not(:empty) { margin-bottom: 4px; }
.byp-school-inbox-reference .byp-si-compose .byp-si-files {
  gap: 5px;
  max-height: 24dvh;
  margin-bottom: 5px;
  padding: 3px 0;
  overflow-y: auto;
}
.byp-school-inbox-reference .byp-si-compose .byp-si-files:empty { display: none; }
.byp-school-inbox-reference .byp-si-compose > small { display: block; margin: 3px 5px 0; color: #53695f; font-size: 10px; }
.byp-school-inbox-reference > [data-si-error]:empty { display: none; }
.byp-school-inbox-reference > [data-si-error]:not(:empty) {
  flex: none;
  margin: 0;
  padding: 5px 12px 7px;
  border-top: 1px solid #e5d4c7;
  background: #fff8f1;
  font-size: 12px;
  line-height: 1.5;
}

.byp-school-inbox-reference .byp-si-list { box-sizing: border-box; width: 100%; max-width: 850px; min-width: 0; margin: 0 auto; }
.byp-school-inbox-reference .byp-si-intro { margin: 0; padding: 10px 16px 0; border: 0; color: #63756d; font-size: 12px; line-height: 1.5; }
.byp-school-inbox-reference [data-si-search] {
  box-sizing: border-box;
  display: block;
  width: calc(100% - 24px);
  min-height: 44px;
  margin: 12px;
  padding: 10px 14px;
  border: 0;
  border-radius: 22px;
  background: #f0f3f0;
  color: #294e40;
  font: inherit;
  font-size: 14px;
}
.byp-school-inbox-reference .byp-si-list .byp-si-row {
  box-sizing: border-box;
  min-width: 0;
  min-height: 69px;
  gap: 8px;
  padding: 9px 16px;
  border: 0;
  border-bottom: 1px solid #edf0eb;
  background: #fff;
  color: #243e33;
  cursor: pointer;
}
.byp-school-inbox-reference .byp-si-list .byp-si-row:has(> .byp-dc-avatar) {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) auto;
  align-items: center;
}
.byp-school-inbox-reference .byp-si-list .byp-si-row > .byp-dc-avatar { width: 44px; height: 44px; }
.byp-school-inbox-reference .byp-si-list .byp-si-row .byp-dc-contact-copy { padding: 0; border: 0; }
.byp-school-inbox-reference .byp-si-list .byp-si-row .byp-dc-contact-copy strong { color: #243e33; }
.byp-school-inbox-reference .byp-si-list .byp-si-row .byp-dc-contact-copy small { color: #63756d; }
.byp-school-inbox-reference .byp-si-list .byp-si-row :is(.byp-si-row-badge,.byp-dc-unread) {
  box-sizing: border-box;
  display: grid;
  min-width: 21px;
  min-height: 21px;
  padding: 0 5px;
  place-items: center;
  border-radius: 999px;
  background: #b91c1c;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.byp-school-inbox-reference .byp-si-list .byp-si-row:hover { background: #f7faf5; }
.byp-school-inbox-reference :is([data-si-search],.byp-si-row):focus-visible { outline: 2px solid #128c7e; outline-offset: -2px; }
.byp-school-inbox-reference .byp-si-list :is(.byp-si-empty,.byp-dc-empty) { margin: 12px 16px; }

@media (max-width: 360px) {
  .byp-school-inbox-reference .byp-si-header .byp-dc-header-title { padding-inline: 4px; font-size: 18px; }
  .byp-school-inbox-reference .byp-si-header .byp-dc-identity { gap: 5px; }
  .byp-school-inbox-reference .byp-si-thread.byp-dc-timeline { padding-inline: 8px; }
  .byp-school-inbox-reference .byp-si-list .byp-si-row { padding-inline: 12px; }
}
@media (min-width: 1100px) {
  .byp-school-inbox-reference .byp-si-thread.byp-dc-timeline { padding-inline: 5%; }
  .byp-school-inbox-reference .byp-si-compose.byp-dc-composer { padding-inline: 4%; }
}
@media (forced-colors: active) {
  .byp-school-inbox-reference [data-si-conversation] { background-color: Canvas; background-image: none; }
  .byp-school-inbox-reference .byp-si-thread .byp-si-message::before { display: none; }
}

.byp-school-inbox-reference .byp-si-context { display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;padding:7px 12px;background:#f9fcf7;border-bottom:1px solid #dfebe0;color:#4b6559; }
.byp-school-inbox-reference .byp-si-context h2 { color:#24483a;font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere; }
.byp-school-inbox-reference .byp-si-context span { font-size:11px; }
.byp-school-inbox-reference [data-si-composer] { flex:none;min-width:0; }
.byp-school-inbox-reference [data-si-composer] .byp-si-readonly { margin:0;padding:12px;background:#fffbed;font-size:13px; }
.byp-school-inbox-reference .byp-si-files:empty,.byp-school-inbox-reference [data-si-input-state]:empty,.byp-school-inbox-reference [data-si-error]:empty { display:none; }
.byp-school-inbox-reference [data-si-input-state] { padding:4px 0;font-size:13px; }
.byp-school-inbox-reference .byp-dc-voice-preview { display:flex;align-items:center;gap:5px;flex-wrap:wrap; }
.byp-school-inbox-reference .byp-dc-voice-preview audio { width:100%; }
.byp-school-inbox-reference [data-si-error] { margin:0;padding:4px 12px;font-size:12px; }
.byp-school-inbox-reference [data-si-receipt] { color:#0a7461; }
.byp-school-inbox-reference .byp-dc-message::before,.byp-school-inbox-reference .byp-dc-message::after { content:none; }
.byp-school-inbox-reference .byp-si-row-meta { display:grid;justify-items:end;gap:3px; }
.byp-si-sheet { width:min(330px,calc(100vw - 32px));max-height:80vh;box-sizing:border-box;border:1px solid #dbe5db;border-radius:16px;padding:0;background:#fff;color:#073e29; }
.byp-si-sheet::backdrop { background:#12292370; }
.byp-si-sheet .byp-dc-sheet-card { width:auto;margin:0;padding:12px;display:grid;gap:6px; }
.byp-si-sheet strong { padding:6px; }
.byp-si-sheet button { min-height:42px; }

.byp-activation-page { width:min(100%,620px);margin-inline:auto;color:#104635; }
.byp-activation-page h1,.byp-activation-page h2 { overflow-wrap:anywhere; }
.byp-activation-page h2 { margin:0;font-size:1.12rem; }
.byp-activation-page form,.byp-activation-card { display:grid;gap:12px;min-width:0; }
.byp-activation-card { margin-block:8px;padding:15px;border:1px solid #d6e2d5;border-radius:14px;background:#fff; }
.byp-activation-card p { margin:0;color:#445e51; }
.byp-activation-page .btn { min-height:44px;white-space:normal; }
.byp-activation-contact,.byp-activation-actions { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap; }
.byp-activation-contact small { display:block;color:#4e6759;overflow-wrap:anywhere; }
.byp-activation-code-row { width:100%;display:grid;gap:6px;padding-block:4px; }
.byp-activation-code-row > div { display:flex;gap:8px;flex-wrap:wrap; }
.byp-activation-code-row input { flex:1 1 85px;min-width:0;max-width:100%;min-height:44px;padding:6px 10px;border:1px solid #c5d5c7;border-radius:8px; }
.byp-activation-notice,.byp-activation-ok { background:#eaf3e6;border-radius:9px;padding:9px 11px;overflow-wrap:anywhere; }
.byp-activation-card summary { cursor:pointer;padding:10px 2px;font-weight:650; }
.byp-activation-document { max-height:20rem;overflow:auto;padding:10px;border:1px solid #e3eae3;border-radius:8px;overflow-wrap:anywhere; }
.byp-activation-accept { display:flex;gap:9px;align-items:baseline;line-height:1.45; }
.byp-activation-accept input { accent-color:#07563e; }
.byp-activation-error { margin:0;color:#a12616 !important; }
.byp-activation-error:empty { display:none; }
.byp-activation-card textarea { display:block;width:100%;box-sizing:border-box; }

.byp-income-onboarding,.byp-income-dialog {
  --income-ink: #174b36;
  --income-muted: #486358;
  --income-line: #d6e4d6;
  --income-accent: #086348;
  color: var(--income-ink);
  font-family: 'DM Sans',Arial,sans-serif;
}
.byp-income-onboarding {
  box-sizing: border-box;
  min-width: 0;
  margin: 0 0 14px;
  padding: 13px;
  border: 1px solid var(--income-line);
  border-radius: 13px;
  background: #f2f7ef;
}
.byp-income-onboarding header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.byp-income-onboarding header > div { min-width: 0; flex: 1 1 136px; }
.byp-income-onboarding h2,.byp-income-dialog h2 { margin: 0; color: var(--income-ink); font-size: 17px; font-weight: 750; line-height: 1.24; }
.byp-income-onboarding header small,.byp-income-dialog header small { color: var(--income-muted); font-size: 11px; }
.byp-income-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 10px; background: #e0ecdf; }
.byp-income-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.byp-income-state { padding: 5px 8px; border-radius: 999px; background: #e4efdf; color: #245c36; font-size: 11px; font-weight: 700; }
.byp-income-onboarding p,.byp-income-dialog p { margin: 9px 0; color: var(--income-muted); font-size: 13px; line-height: 1.5; }
.byp-income-onboarding .byp-income-primary,.byp-income-dialog :is(.byp-income-primary,.byp-income-outline) {
  min-height: 44px; padding: 8px 13px; border: 1px solid var(--income-accent); border-radius: 9px; background: var(--income-accent);
  color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
}
.byp-income-dialog .byp-income-outline { background: #fff; color: var(--income-accent); border-color: #b6cfbb; }
.byp-income-dialog button:disabled { opacity: .55; cursor: default; }
.byp-income-onboarding button:focus-visible,.byp-income-dialog button:focus-visible { outline: 2px solid #55946e; outline-offset: 2px; }
.byp-income-dialog {
  box-sizing: border-box; width: min(calc(100% - 22px), 450px); max-height: calc(100dvh - 20px); margin: auto;
  padding: 16px; overflow: auto; border: 1px solid var(--income-line); border-radius: 15px; background: #fff;
}
.byp-income-dialog::backdrop { background: #17372a88; }
.byp-income-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.byp-income-dialog .byp-income-close { width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 50%; background: #edf4e9; color: var(--income-ink); font-size: 24px; cursor: pointer; }
.byp-income-dialog [hidden],.byp-income-dialog .byp-income-feedback:empty { display: none; }
.byp-income-reference-list { display: grid; gap: 5px; margin: 8px 0; }
.byp-income-reference-list > div { padding: 6px 8px; border: 1px solid var(--income-line); border-radius: 8px; background: #fff; }
.byp-income-reference-list dt { color: var(--income-muted); font-size: 11px; }
.byp-income-reference-list dd { margin: 3px 0 0; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.byp-income-dialog footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; padding-top: 10px; border-top: 1px solid var(--income-line); }

.post.byp-feed-card,body.page-feed #app .post.byp-feed-card,.byp-post-reader .byp-reader-post.byp-feed-card{position:relative;display:flex;flex-direction:column;gap:0;margin:0 0 28px;padding:0 0 14px;background:#fff;border:0;border-bottom:1px solid #edf0ed;border-radius:0;overflow:hidden;color:#101513;isolation:isolate}
.post.byp-feed-card>*{box-sizing:border-box;min-width:0}
.post.byp-feed-card>.byp-feed-header{position:relative;inset:auto;z-index:3;display:flex;align-items:center;gap:10px;order:0;min-height:66px;margin:0;padding:12px 16px;border:0;background:#fff;color:#101513}
.post.byp-feed-card>.byp-feed-content{position:relative;order:1;width:100%;min-width:0;margin:0;padding:0;overflow:hidden;background:#f8f8f8}
.post.byp-feed-card.byp-feed-plain-card>.byp-feed-content{background:#fff}
.post.byp-feed-card>.post-actions{display:flex;align-items:center;order:2;gap:18px;min-height:54px;margin:0;padding:10px 16px 8px;background:#fff;border:0}
.post.byp-feed-card>.post-copy.byp-feed-caption{display:block;order:3;margin:0;padding:0 16px 2px;font-size:14px;line-height:1.5;color:#101513;overflow-wrap:anywhere}
.post.byp-feed-card>.byp-feed-details{order:4;margin:0;padding:10px 16px 0}
.post.byp-feed-card>.byp-feed-details>.byp-promotion-destination{margin:0;padding:0}
.post.byp-feed-card>.byp-feed-gallery{order:1;width:100%;min-width:0}
.post.byp-feed-card .post-person-controls{display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:none}
.post.byp-feed-card .post-person-controls>.profile-presence-wrap,.post.byp-feed-card .post-person-controls>.avatar{flex:none}
.post.byp-feed-card .post-person-controls .avatar{width:38px;height:38px}
.post.byp-feed-card .profile-presence-name{min-width:0;flex:1;padding:0;text-align:left;color:inherit;font-size:14px;line-height:1.3}
.post.byp-feed-card .byp-feed-identity{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;color:inherit}
.post.byp-feed-card .byp-feed-identity>strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;color:inherit;line-height:1.4}
body.page-feed #app .post.byp-feed-card .byp-feed-identity>strong{color:inherit;font-weight:700}
.post.byp-feed-card .byp-feed-time-dot,.post.byp-feed-card .byp-feed-identity>.byp-post-time{flex:none;font-size:12px;font-weight:400;color:#65706b}
.post.byp-feed-card .byp-feed-header-actions{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.post.byp-feed-card .byp-feed-header-actions>.icon-btn{width:32px;height:36px;padding:4px;background:transparent;border:0;color:inherit}
.post.byp-feed-card .byp-feed-header-actions>.icon-btn svg{width:22px;height:22px}
.post.byp-feed-card .byp-feed-follow{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:#1274d5;font-size:14px;line-height:1.2;font-weight:700;white-space:nowrap;cursor:pointer}
.post.byp-feed-card .byp-feed-follow[data-following=true]{color:inherit}
.post.byp-feed-card.byp-feed-overlay-header>.byp-feed-header{position:absolute;inset:0 0 auto;min-height:78px;padding:12px 16px 25px;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,0));color:#fff}
.post.byp-feed-card.byp-feed-overlay-header .byp-feed-identity>.byp-post-time,.post.byp-feed-card.byp-feed-overlay-header .byp-feed-time-dot{color:#f0f1f0}
.post.byp-feed-card.byp-feed-overlay-header .byp-feed-follow{color:#fff;text-shadow:0 1px 2px #0005}
.post.byp-feed-card.byp-feed-light-header>.byp-feed-header{background:linear-gradient(180deg,#ffffff9c,#ffffff00);color:#173b2d}
.post.byp-feed-card.byp-feed-light-header .byp-feed-identity>.byp-post-time,.post.byp-feed-card.byp-feed-light-header .byp-feed-time-dot{color:#40584b}
.post.byp-feed-card.byp-feed-light-header .byp-feed-follow{color:#173b2d;text-shadow:none}
.post.byp-feed-card .byp-feed-content>.post-video-cover,.post.byp-feed-card .byp-feed-content>.post-image-view{display:block;position:relative;width:100%;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}
.post.byp-feed-card .byp-feed-content .post-image{display:block;width:100%;height:auto;max-height:680px;margin:0;aspect-ratio:4/5;object-fit:cover;border-radius:0}
.post.byp-feed-card .byp-feed-content .byp-feed-text-content{display:block;order:initial;margin:0;padding:22px 16px;font-size:16px;line-height:1.65;color:#17211b;overflow-wrap:anywhere;white-space:pre-line}
.post.byp-feed-card.byp-feed-colored-card .byp-feed-content .byp-feed-text-content{padding:0!important;white-space:normal}
.post.byp-feed-card .byp-feed-content .byp-post-text-square{min-height:250px;padding:72px 28px 35px}
.post.byp-feed-card .byp-feed-content .byp-post-text-content{width:100%;max-width:none}
.post.byp-feed-card .byp-feed-content .byp-post-text-full{padding:12px 16px;white-space:pre-line}
.post.byp-feed-card .post-actions .action{display:inline-flex;align-items:center;gap:5px;min-width:30px;min-height:36px;margin:0;padding:0;border:0;background:transparent;color:#101513;font-size:13px;line-height:1}
.post.byp-feed-card .post-actions .action svg{width:26px;height:26px;stroke-width:1.8}
.post.byp-feed-card .post-actions .action.liked{color:#ed3656}
.post.byp-feed-card .post-actions .action.is-reposted{color:#168558}
.post.byp-feed-card .post-actions .save-action{margin-left:auto}
.post.byp-feed-card .post-actions .save-action svg{width:25px;height:25px}
.post.byp-feed-card .byp-post-author{display:inline;margin:0;padding:0;border:0;background:none;color:#101513;font:inherit;font-weight:700;line-height:inherit;text-align:left;cursor:pointer}
.post.byp-feed-card .byp-feed-more{display:inline;margin:0;padding:0;border:0;background:none;color:#778079;font:inherit;cursor:pointer}
.post.byp-feed-card [data-byp-feed-summary][hidden],.post.byp-feed-card [data-byp-feed-full][hidden]{display:none}
.post.byp-feed-card button:focus-visible{outline:2px solid #168558;outline-offset:2px}
.byp-post-reader .byp-reader-scroll{background:#fff}
.byp-post-reader .byp-reader-post.byp-feed-card{border-bottom:0!important}
.byp-reader-comments .byp-feed-card.is-comment-target>.byp-feed-header,.byp-reader-comments .byp-feed-card.is-comment-target>.post-actions,.byp-reader-comments .byp-feed-card.is-comment-target>.byp-feed-caption{display:none}
.byp-reader-comments .byp-feed-card.is-comment-target>.byp-feed-details,.byp-reader-comments .byp-feed-card.is-comment-target>.byp-feed-gallery{display:none}
.byp-reader-comments .byp-feed-card.is-comment-target>.byp-feed-content{max-height:40dvh;overflow:auto;background:#fff}
.byp-reader-comments .byp-feed-card.is-comment-target .byp-feed-content .post-image{height:40dvh;max-height:40dvh;aspect-ratio:auto;object-fit:contain}
.byp-reader-comments .byp-feed-card.is-comment-target.byp-feed-colored-card .byp-post-text-square{min-height:0;aspect-ratio:auto;padding:30px 20px}
.byp-reader-comments .byp-feed-card.is-comment-target.byp-feed-plain-card>.byp-feed-content{max-height:150px;overflow:auto}
@media(max-width:480px){.post.byp-feed-card>.byp-feed-header{padding-inline:12px;gap:7px}.post.byp-feed-card.byp-feed-overlay-header>.byp-feed-header{padding-inline:12px}.post.byp-feed-card .post-person-controls{gap:8px}.post.byp-feed-card .post-person-controls .avatar{width:34px;height:34px}.post.byp-feed-card .byp-feed-header-actions{gap:3px}.post.byp-feed-card .byp-feed-follow{padding-inline:3px;font-size:13px}.post.byp-feed-card .byp-feed-identity>strong{font-size:13px}.post.byp-feed-card .byp-feed-identity>.byp-post-time{font-size:11px}.post.byp-feed-card>.post-actions{gap:15px;padding-inline:13px}.post.byp-feed-card>.post-copy.byp-feed-caption{padding-inline:13px}.post.byp-feed-card .byp-feed-content .post-image{max-height:none}}


/* reel-aspect-r95.css */
/* Keep landscape and square media complete, including the comments view.
   Unknown dimensions use the same safe fit until metadata is available. */
.reels-overlay .reel-video {
  object-fit: contain;
  object-position: center;
  background: #000;
}

.reels-overlay .reel-video[data-byp-reel-orientation="portrait"] {
  object-fit: cover;
}


/* video-controls-r96.css */
/* Compact feed video controls, matching the supplied visual reference. */
.byp-autoplay-tools > button {
  min-height: 40px;
  border: 1px solid #ffffff66;
  border-radius: 10px;
  background: rgba(9, 19, 28, .7);
  color: #fff;
  box-shadow: 0 1px 4px #0003;
  transition: background-color .15s ease, border-color .15s ease;
}

.byp-autoplay-tools > button:hover {
  background: rgba(9, 19, 28, .9);
  border-color: #ffffffa6;
}

.byp-autoplay-tools > button > svg {
  display: block;
  width: 22px;
  height: 22px;
  pointer-events: none;
}


/* View eye: 14px to 21px, exactly +50%. */
.demo-view-badge > svg { width:21px; height:21px; flex-basis:21px; }
[data-action="like"].byp-like-pop > svg { transform-origin:center; animation:byp-like-pop 240ms ease-out; }
@keyframes byp-like-pop { 0% { transform:scale(1); } 45% { transform:scale(1.2); } 100% { transform:scale(1); } }
@media (prefers-reduced-motion:reduce) { [data-action="like"].byp-like-pop > svg { animation:none; } }


/* photo-aspect-r101.css */
/* Published photos keep their original ratio in the feed and full post view.
   Profile thumbnails and the bounded comments preview keep their own layouts. */
body.page-feed #app .post .post-image-view > img.post-image,
.byp-post-reader:not(.byp-reader-comments) .byp-reader-post .post-image-view > img.post-image,
.modal .post .post-image-view > img.post-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}


/* autoplay-smooth-r104.css */
/* Feed autoplay starts without a disappearing center play badge. The original
   poster remains underneath until decoded video can fade into it. */
.post-video-cover.byp-autoplay-cover > .post-video-play {
  visibility: hidden;
  opacity: 0;
}

.post-video-cover.byp-autoplay-cover > .byp-autoplay-video {
  opacity: 0;
  transition: opacity 160ms ease-out;
}

.post-video-cover.byp-autoplay-ready > .byp-autoplay-video {
  opacity: 1;
}

.post-video-cover.byp-autoplay-denied > .post-video-play {
  visibility: visible;
  opacity: 1;
}

.byp-autoplay-tools {
  opacity: 1;
  transition: none;
}

.reels-open .byp-autoplay-tools {
  visibility: hidden;
  pointer-events: none;
}

.reels-open .byp-autoplay-tools > button { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  .post-video-cover.byp-autoplay-cover > .byp-autoplay-video,
  .byp-autoplay-tools { transition: none; }
}


/* reel-hold-seek-r109.css */
/* In-feed video keeps only the sound control in the corner. The existing pause
   control remains available when a keyboard user focuses it. */
.byp-autoplay-tools > .byp-autoplay-pause:not(:focus-visible) {
  position: absolute;
  width: 1px;
  height: 1px;
  min-width: 0;
  min-height: 0;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

.byp-autoplay-tools > .byp-autoplay-pause:focus-visible {
  position: absolute;
  right: 46px;
}

.reels-overlay.byp-reel-seeking,
.reels-overlay.byp-reel-seeking .reel-video { cursor: ew-resize; user-select: none; }

.reels-overlay.byp-reel-seeking :is(.reels-topbar,.reel-center-toggle,.reel-controls,.reel-meta,.reel-shade,.reel-loading,.reel-scrubber,.reel-progress,.reel-double-heart) {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Paused Reels: put the existing resume action beside the timeline. */
.reel-slide > .reel-center-toggle {
  left: 12px;
  right: auto;
  top: auto;
  bottom: calc(1px + env(safe-area-inset-bottom));
  transform: none;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  backdrop-filter: none;
}

.reel-slide > .reel-center-toggle > svg { width: 24px; height: 24px; }
.reel-slide.is-paused > .reel-scrubber { left: 62px; }

/* Preserve the complete original story media in either orientation. */
.story-overlay .story-background{object-fit:contain;object-position:center;background:#000}
.story-overlay .story-fullscreen{background:#000}

.story-owner-row .story-follow{flex:none;min-height:29px;padding:5px 9px;margin-left:6px;border:1px solid #ffffff9c;border-radius:6px;background:#ffffff14;color:#fff;font:600 11px/1.2 Arial,sans-serif;cursor:pointer}.story-owner-row .story-follow:disabled{opacity:.65}.story-owner-row .story-header-controls{margin-left:auto}

/* The text/photo composer follows the supplied reference at any card width. */
.modal-backdrop.byp-compose-backdrop{padding:12px;background:rgba(28,58,50,.63);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.modal.byp-compose-dialog{width:440px;max-height:calc(100dvh - 24px);border-radius:20px;background:#fff;color:#101b25;container-type:inline-size;font-family:Arial,sans-serif;scrollbar-width:thin;overscroll-behavior:contain}
.byp-compose-dialog .modal-head{height:10cqw;min-height:44px;margin:0 4.1cqw;padding:0 .6cqw;border-bottom:1px solid #d0d3d5;gap:12px}
.byp-compose-dialog .modal-head h2{display:flex;align-items:center;gap:2.7cqw;font-family:Arial,sans-serif;font-size:4.15cqw;font-weight:700;line-height:1.25;letter-spacing:0;color:#101b25}
.byp-compose-dialog .modal-head h2::before{content:"";width:1.2cqw;height:4cqw;border-radius:8px;background:#00633e;flex-shrink:0}
.byp-compose-dialog .close-modal{display:grid;place-items:center;flex:0 0 6cqw;width:6cqw;height:7cqw;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#606160}
.byp-compose-dialog .close-modal svg{width:4.6cqw;height:4.6cqw;stroke-width:1.9}
.byp-compose-dialog .modal-body{padding:2.5cqw 4.1cqw 0}
.byp-compose-dialog .composer-person{gap:2.8cqw;margin:0 0 3cqw;min-height:12cqw}
.byp-compose-dialog .composer-person .avatar{flex:0 0 12cqw;width:12cqw;height:12cqw;border-radius:50%;font-size:4cqw}
.byp-compose-dialog .composer-person .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.byp-compose-dialog .composer-person strong{font-size:4.05cqw;font-weight:700;line-height:1.25;color:#101b25}
.byp-compose-dialog .composer-person small{font-size:3.15cqw;line-height:1.35;margin-top:.8cqw;color:#777573}
.byp-compose-dialog .byp-compose-text{margin:0;gap:0}
.byp-compose-dialog .byp-compose-text textarea{display:block;min-height:0;height:29.8cqw;width:100%;resize:vertical;border:1px solid #ccd0d2;border-radius:2.3cqw;padding:2.6cqw 3.6cqw;background:#fff;color:#101b25;font-family:Arial,sans-serif;font-size:3.35cqw;line-height:1.5;box-shadow:none}
.byp-compose-dialog .byp-compose-text textarea::placeholder{color:#7d7a77;opacity:1}
.byp-compose-dialog .mention-field-help{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1.5cqw;width:100%;margin:1.8cqw 0 0;min-height:5.6cqw;line-height:1.3}
.byp-compose-dialog .mention-field-help button{display:flex;align-items:center;gap:2cqw;flex-shrink:0;min-height:32px;padding:0;border:0;background:none;color:#00613d;font-size:3.35cqw;font-weight:700;line-height:1.25}
.byp-compose-dialog .mention-field-help button svg{width:4.9cqw;height:4.9cqw;stroke-width:1.6}
.byp-compose-dialog .mention-field-help small{margin:0;color:#7b7875;font-size:3cqw;line-height:1.3;white-space:nowrap}
.byp-compose-dialog .byp-post-style-controls{margin:4cqw 0 4.3cqw}
.byp-compose-dialog .byp-post-style-controls fieldset{min-width:0;margin:0;padding:2.8cqw 3.3cqw 3.1cqw;border:1px solid #ccd0d2;border-radius:2.1cqw}
.byp-compose-dialog .byp-post-style-controls legend{padding:0 1.4cqw;font-size:3.6cqw;font-weight:700;color:#00613d;line-height:1.2}
.byp-compose-dialog .byp-post-style-controls label{font-size:3.3cqw;font-weight:400;line-height:1.3;color:#101b25}
.byp-compose-dialog .byp-post-style-controls select{display:block;appearance:none;width:100%;min-height:0;height:7.4cqw;margin:1.6cqw 0 3cqw;padding:0 3.5cqw;border:1px solid #ccd0d2;border-radius:1.6cqw;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300613d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") no-repeat right 1.6cqw center/4cqw;color:#101b25;font-family:Arial,sans-serif;font-size:3.35cqw;line-height:1.25;box-shadow:none}
.byp-compose-background-label{display:flex;align-items:center;gap:2.5cqw;font-size:3.3cqw;line-height:1.3;color:#101b25}
.byp-compose-background-label strong{font-weight:700}.byp-compose-background-label span{color:#7b7875}
.byp-compose-dialog .byp-post-style-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.3cqw 1.9cqw;margin:2.8cqw 5.4cqw 0}
.byp-compose-dialog .byp-post-style-colors>button{position:relative;display:grid;place-items:center;min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1.1;padding:0;border:1.5px solid transparent;border-radius:2cqw;background:#fff;color:#00613d;font-size:0;box-shadow:none}
.byp-compose-dialog .byp-post-style-colors>button[aria-pressed=true]{border-color:#00613d;box-shadow:0 0 0 1px #00613d}
.byp-compose-dialog .byp-post-style-colors>button svg{visibility:hidden;width:4.6cqw;height:4.6cqw}
.byp-compose-dialog .byp-post-style-colors>button[aria-pressed=true] svg{visibility:visible}
.byp-compose-dialog .byp-post-style-preview{margin:3cqw auto 0;max-width:100%}
.byp-compose-dialog #upload-preview:empty{display:none}
.byp-compose-dialog .upload-preview-image{width:100%;max-height:45cqw;object-fit:contain;border-radius:2cqw;margin:0 0 3cqw;background:#f7f8f5}
.byp-compose-dialog .upload-field{justify-content:flex-start;gap:3.5cqw;min-height:11cqw;margin:0;padding:2.4cqw 4.2cqw;border:1px solid #ccd0d2;border-radius:1.8cqw;background:#fff;color:#00613d;font-size:3.6cqw;font-weight:700;line-height:1.3;touch-action:manipulation}
.byp-compose-dialog .upload-field svg{width:5.7cqw;height:5.7cqw;stroke-width:1.8}
.byp-compose-dialog .modal-footer{display:flex;margin:0;padding:6cqw 4.1cqw 4.6cqw;border:0}
.byp-compose-dialog .modal-footer .btn{display:flex;align-items:center;justify-content:center;gap:2.5cqw;width:100%;min-height:9.8cqw;padding:1.9cqw;border:0;border-radius:2.7cqw;background:#005e3f;color:#fff;font-family:Arial,sans-serif;font-size:4.1cqw;font-weight:700;line-height:1.2;box-shadow:none}
.byp-compose-dialog .modal-footer .btn svg{width:5cqw;height:5cqw;stroke-width:1.8}
.byp-compose-dialog .modal-footer .btn:hover{background:#004d34}
.byp-compose-dialog button:focus-visible,.byp-compose-dialog .upload-field:focus-visible{outline:2px solid #32765a;outline-offset:3px}
.byp-compose-dialog .form-hint[role=alert]:empty{display:none}
@media(max-width:350px){.byp-compose-dialog .mention-field-help{flex-wrap:wrap;gap:0}.byp-compose-dialog .mention-field-help small{padding-left:6.9cqw}.byp-compose-dialog .mention-field-help button{font-size:3.65cqw}}


.modal-backdrop.byp-story-compose-backdrop{padding:12px;background:rgba(28,58,50,.63);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.modal.byp-story-compose-dialog{width:440px;max-height:calc(100dvh - 24px);border-radius:20px;background:#fff;color:#101b25;container-type:inline-size;font-family:Arial,sans-serif;scrollbar-width:thin;overscroll-behavior:contain}
.byp-story-compose-dialog .modal-head{height:12cqw;min-height:44px;margin:0 3.5cqw;padding:0;gap:10px;border-bottom:1px solid #d6dedf}
.byp-story-compose-dialog .modal-head h2{display:flex;align-items:center;gap:2.4cqw;font-family:Arial,sans-serif;font-size:4.15cqw;font-weight:700;line-height:1.25;letter-spacing:0;color:#101b25}
.byp-story-compose-dialog .modal-head h2::before{content:"";width:1.2cqw;height:4.6cqw;border-radius:8px;background:#00733f;flex-shrink:0}
.byp-story-compose-dialog .close-modal{display:grid;place-items:center;flex:0 0 5cqw;width:5cqw;height:7cqw;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#606160}
.byp-story-compose-dialog .close-modal svg{width:4.6cqw;height:4.6cqw;stroke-width:1.9}
.byp-story-compose-dialog .modal-body{padding:3.8cqw 3.5cqw 8cqw}
.byp-story-compose-dialog .byp-story-gallery-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:37.8cqw;padding:4.8cqw;border:1px solid #add4c4;border-radius:2.4cqw;background:#edf7f2;color:#00733f}
.byp-story-compose-dialog .story-compose-preview{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:0;margin:0 0 3cqw;border:0;border-radius:0;background:none;overflow:visible}
.byp-story-compose-dialog .story-compose-placeholder{display:grid;place-items:center;min-height:0;width:100%;height:10cqw;padding:0;color:#00733f;background:none}
.byp-story-compose-dialog .story-compose-placeholder svg{width:13cqw;height:11cqw;stroke-width:2.8}
.byp-story-compose-dialog .byp-story-gallery-select{display:flex;align-items:center;justify-content:center;min-height:8cqw;min-width:35cqw;width:auto;padding:1.6cqw 5cqw;border:0;border-radius:2.8cqw;background:#00733f;color:#fff;font-family:Arial,sans-serif;font-size:3.45cqw;font-weight:700;line-height:1.25;box-shadow:none}
.byp-story-compose-dialog .byp-story-gallery-select:hover{background:#005e34}
.byp-story-compose-dialog .byp-story-gallery-prompt{margin:2.1cqw 0 0;color:#508970;font-size:3.1cqw;line-height:1.4}
.byp-story-compose-dialog .story-compose-preview img,.byp-story-compose-dialog .story-compose-preview video{display:block;width:100%;height:auto;max-height:43cqw;object-fit:contain;border-radius:1.5cqw;background:transparent}
.byp-story-compose-dialog .byp-story-gallery-card:has(img,video){padding:3cqw}
.byp-story-compose-dialog .byp-story-gallery-card:has(img,video) .byp-story-gallery-prompt{display:none}
.byp-story-compose-dialog .story-compose-status{margin:2.3cqw 0 5cqw;color:#686868;font-size:2.75cqw;line-height:1.5;min-height:0}
.byp-story-compose-dialog [data-story-gallery-progress]{width:100%;height:1.5cqw;accent-color:#00733f;margin:2cqw 0 0}
.byp-story-compose-dialog .story-compose-error{margin:0 0 3cqw;color:#b12c34;font-size:3cqw;line-height:1.5}
.byp-story-compose-dialog .byp-story-caption{gap:2.8cqw;margin:0 0 4cqw}
.byp-story-compose-dialog .byp-story-caption>span{font-size:3.4cqw;line-height:1.3;color:#7b7b7b}
.byp-story-compose-dialog .byp-story-caption strong{font-weight:700;color:#00733f}
.byp-story-compose-dialog .byp-story-caption textarea{display:block;min-height:0;height:24cqw;width:100%;resize:vertical;padding:2.8cqw 3cqw;border:1px solid #ccd0db;border-radius:2cqw;background:#fff;color:#101b25;font-family:Arial,sans-serif;font-size:3.25cqw;line-height:1.5;box-shadow:none}
.byp-story-compose-dialog .byp-story-caption textarea::placeholder{color:#8b8b8b;opacity:1}
.byp-story-compose-dialog .story-compose-help{display:flex;align-items:center;gap:2.6cqw;margin:0 0 5cqw;color:#686868;font-size:3.2cqw;line-height:1.4}
.byp-story-compose-dialog .story-compose-help svg{flex:0 0 4.5cqw;width:4.5cqw;height:4.5cqw;color:#00733f}
.byp-story-compose-dialog .story-compose-submit{display:flex;align-items:center;justify-content:center;gap:2.7cqw;width:100%;min-height:10cqw;margin:0;padding:2cqw;border:0;border-radius:2.7cqw;background:#00733f;color:#fff;font-family:Arial,sans-serif;font-size:4.05cqw;font-weight:700;line-height:1.2;box-shadow:none;opacity:1}
.byp-story-compose-dialog .story-compose-submit:disabled{background:#00733f;color:#fff;opacity:1;cursor:default}
.byp-story-compose-dialog .story-compose-submit:not(:disabled):hover{background:#005e34}
.byp-story-compose-dialog .story-compose-submit svg{width:5.4cqw;height:5.4cqw;stroke-width:1.8}
.byp-story-compose-dialog button:focus-visible{outline:2px solid #32765a;outline-offset:3px}


/* A selected portrait story opens from the top and expands downwards. */
.modal-backdrop.byp-story-compose-backdrop:has(.story-compose-preview[data-story-media-layout="portrait"]){align-items:flex-start}
.byp-story-compose-dialog .story-compose-preview[data-story-media-layout="portrait"]{display:grid;place-items:center}
.byp-story-compose-dialog .story-compose-preview[data-story-media-layout="portrait"] img,.byp-story-compose-dialog .story-compose-preview[data-story-media-layout="portrait"] video{width:auto;max-width:100%;height:auto;max-height:min(64dvh,144cqw);margin-inline:auto;object-fit:contain}

/* Keep portrait media, caption and submit together inside the visible screen. */
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]){display:flex;flex-direction:column;height:calc(100dvh - 24px);overflow:hidden}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .modal-head{flex:0 0 12cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .modal-body{display:flex;flex:1;min-height:0;padding:2.5cqw 3.5cqw 3cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) #social-story-form{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-gallery-card{flex:1;min-height:0;padding:2cqw}
.byp-story-compose-dialog .story-compose-preview[data-story-media-layout="portrait"]{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;height:0;overflow:hidden;margin:0 0 1.5cqw}
.byp-story-compose-dialog .story-compose-preview[data-story-media-layout="portrait"] img,.byp-story-compose-dialog .story-compose-preview[data-story-media-layout="portrait"] video{display:block;flex:none;width:auto;max-width:100%;height:100%;max-height:100%;min-height:0;margin:0;object-fit:contain}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-gallery-select{flex:0 0 auto;min-height:7cqw;padding:1cqw 4cqw;font-size:3cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .story-compose-status{flex:0 0 auto;margin:1.5cqw 0 2.5cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-caption{flex:0 0 auto;gap:1.5cqw;margin-bottom:2.5cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-caption textarea{height:10cqw;min-height:36px;max-height:12cqw;padding:1.5cqw 2.5cqw;resize:none}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .story-compose-help{flex:0 0 auto;margin:0 0 2.5cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .story-compose-submit{flex:0 0 auto}
@media(max-height:650px){
 .byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .modal-head{flex-basis:40px;min-height:40px}
 .byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .modal-body{padding-block:6px}
 .byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .story-compose-status{margin:3px 0 6px}
 .byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-caption{gap:4px;margin-bottom:6px}
 .byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .story-compose-help{margin-bottom:6px}
}


/* Reclaim the visible caption heading for a larger input. */
.byp-story-compose-dialog .byp-story-caption{gap:0}
.byp-story-compose-dialog .byp-story-caption textarea{height:30cqw}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-caption{gap:0}
.byp-story-compose-dialog:has(.story-compose-preview[data-story-media-layout="portrait"]) .byp-story-caption textarea{height:16cqw;min-height:56px;max-height:16cqw}

.modal-backdrop.byp-video-compose-backdrop{padding:12px;background:rgba(28,58,50,.63);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.modal.byp-video-compose-dialog{width:440px;max-height:calc(100dvh - 24px);border-radius:20px;background:#fff;color:#071e1f;container-type:inline-size;font-family:Arial,sans-serif;scrollbar-width:thin;overscroll-behavior:contain}
.byp-video-compose-dialog .modal-head{padding:4cqw 4cqw 7cqw;border:0;gap:10px}
.byp-video-compose-dialog .modal-head h2{font-family:Arial,sans-serif;font-size:4.8cqw;font-weight:700;line-height:1.25;letter-spacing:0;color:#071e1f}
.byp-video-compose-dialog .close-modal{display:grid;place-items:center;flex:0 0 5cqw;width:5cqw;height:7cqw;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;color:#008129}
.byp-video-compose-dialog .close-modal svg{width:4.8cqw;height:4.8cqw;stroke-width:1.6}
.byp-video-compose-dialog .modal-body{padding:0 4cqw 4cqw}
.byp-video-compose-dialog .story-compose-limit{display:flex;align-items:center;gap:2.7cqw;min-height:8.2cqw;margin:0;padding:1.6cqw 3.1cqw;border:0;border-radius:2cqw;background:#d7f8e9;color:#00802e;font-size:3.3cqw;line-height:1.3}
.byp-video-compose-dialog .story-compose-limit strong{font-weight:700}
.byp-video-compose-dialog .story-compose-limit svg{flex:0 0 4.6cqw;width:4.6cqw;height:4.6cqw;stroke-width:1.8}
.byp-video-compose-dialog .byp-video-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0 2.5cqw;min-height:8.5cqw;margin:7cqw 0 5.5cqw}
.byp-video-compose-dialog .byp-video-file-row>small{grid-area:1/1;font-size:3.15cqw;line-height:1.35;color:#514894;margin:0;padding:0}
.byp-video-compose-dialog .byp-video-gallery{grid-area:1/2;display:flex;align-items:center;justify-content:center;min-height:8.5cqw;padding:1.4cqw 3cqw;border:0;border-radius:2cqw;background:#00752d;color:#fff;font-size:3.45cqw;font-weight:700;line-height:1.3;cursor:pointer;white-space:nowrap}
.byp-video-compose-dialog .byp-video-file-row .byp-upload-state{display:contents}
.byp-video-compose-dialog .byp-video-file-row .byp-upload-state button{grid-area:1/3;align-self:center;margin:0;min-height:8.5cqw;padding:1cqw 2.5cqw;border:1px solid #008129;border-radius:1.6cqw;background:#fff;color:#008129;font-size:3.2cqw;font-weight:400}
.byp-video-compose-dialog .byp-video-file-row .byp-upload-complete,.byp-video-compose-dialog .byp-video-file-row [data-byp-native-video-pending]{grid-area:1/1;align-self:start;margin:0;padding:0;color:#00802e;font-size:3.05cqw;font-weight:700;line-height:1.3;white-space:nowrap}
.byp-video-compose-dialog .byp-video-file-row:has([data-byp-native-video-complete]:not([hidden]))>small,.byp-video-compose-dialog .byp-video-file-row:has([data-byp-native-video-pending]:not([hidden]))>small{align-self:end}
.byp-video-compose-dialog .story-compose-preview{display:grid;place-items:center;min-height:0;width:100%;height:38cqw;aspect-ratio:auto;padding:0;margin:0;border:0;border-radius:2cqw;overflow:hidden;background:#edf0f0}
.byp-video-compose-dialog .story-compose-placeholder{display:grid;place-items:center;min-height:0;width:100%;height:100%;padding:0;background:none;color:#00844d}
.byp-video-compose-dialog .story-compose-placeholder svg{box-sizing:border-box;width:11cqw;height:11cqw;padding:2.8cqw;border:2px solid currentColor;border-radius:50%;stroke-width:1.8}
.byp-video-compose-dialog .story-compose-preview video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#073d25}
.byp-video-compose-dialog .story-compose-status{min-height:0;margin:2.5cqw 0 5.5cqw;color:#514894;font-size:2.8cqw;line-height:1.4}
.byp-video-compose-dialog .story-compose-status:empty{display:none}
.byp-video-compose-dialog .story-compose-error{margin:2cqw 0;color:#b12d34;font-size:3cqw;line-height:1.4}
.byp-video-compose-dialog .byp-video-caption{gap:2.5cqw;margin:5cqw 0 0}
.byp-video-compose-dialog .byp-video-caption>span{font-size:3.6cqw;font-weight:400;line-height:1.3;color:#071e1f}
.byp-video-compose-dialog .byp-video-caption textarea{display:block;width:100%;min-height:0;height:16cqw;max-height:25cqw;resize:vertical;margin:0;padding:2.2cqw 2.6cqw;border:1px solid #dedde8;border-radius:1.9cqw;background:#f7f7f8;color:#071e1f;font-family:Arial,sans-serif;font-size:3.2cqw;line-height:1.4;box-shadow:none}
.byp-video-compose-dialog .byp-video-caption textarea::placeholder{color:#514894;opacity:1}
.byp-video-compose-dialog .mention-field-help{display:flex;align-items:center;margin:5cqw 0;min-height:5cqw}
.byp-video-compose-dialog .mention-field-help small{display:none}
.byp-video-compose-dialog .mention-field-help button{display:flex;align-items:center;gap:2.4cqw;min-height:32px;padding:0;border:0;background:none;color:#008129;font-size:3.45cqw;font-weight:700;line-height:1.3}
.byp-video-compose-dialog .mention-field-help button>span:first-child{font-size:4.5cqw;line-height:1}
.byp-video-compose-dialog .byp-simple-cover{display:grid;grid-template-columns:18.5cqw minmax(0,1fr);gap:3cqw;align-items:center;margin:0;padding:5cqw 0 4.5cqw;border:0;border-top:1px solid #e1e5e7;border-bottom:1px solid #e1e5e7;border-radius:0;background:#fff}
.byp-video-compose-dialog .byp-simple-cover>canvas{width:18.5cqw;height:20.2cqw;max-height:none;margin:0;border:0;border-radius:1.6cqw;object-fit:cover}
.byp-simple-cover-body{min-width:0;display:flex;flex-direction:column;gap:2cqw}
.byp-simple-cover-body>strong{font-size:3.4cqw;font-weight:700;line-height:1.3;color:#071e1f}
.byp-video-compose-dialog .video-cover-source-row{display:flex;flex-wrap:nowrap;gap:2.7cqw;margin:0}
.byp-video-compose-dialog .video-cover-source-row>button,.byp-video-compose-dialog .video-cover-source-row>label{display:flex;align-items:center;justify-content:center;gap:1.7cqw;flex:1;min-width:0;min-height:6.5cqw;margin:0;padding:.9cqw 1.6cqw;border:1px solid #009725;border-radius:1.5cqw;background:#fff;color:#008129;font-size:2.8cqw;font-weight:400;line-height:1.25;cursor:pointer;white-space:nowrap}
.byp-video-compose-dialog .video-cover-source-row svg{width:3.5cqw;height:3.5cqw;stroke-width:1.7}
.byp-simple-cover-body>small{margin:0;font-size:2.75cqw;line-height:1.3;color:#514894}
.byp-video-compose-dialog .video-cover-error{grid-column:1/-1;margin:1cqw 0 0;font-size:2.8cqw;line-height:1.4;color:#b12d34}
.byp-video-compose-dialog .story-compose-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:10cqw;margin:7cqw 0 0;padding:2cqw;border:0;border-radius:2.2cqw;background:#00752d;color:#fff;font-family:Arial,sans-serif;font-size:4.1cqw;font-weight:700;line-height:1.2;box-shadow:none;opacity:1}
.byp-video-compose-dialog .story-compose-submit:disabled{opacity:.55;cursor:default}
.byp-video-compose-dialog .story-compose-submit:not(:disabled):hover,.byp-video-compose-dialog .byp-video-gallery:hover{background:#005c24}
.byp-video-compose-dialog button:focus-visible,.byp-video-compose-dialog label[role=button]:focus-visible{outline:2px solid #32765a;outline-offset:3px}


/* Bound the media item to the actual preview height, including portrait files. */
.byp-video-compose-dialog .story-compose-preview{display:flex;align-items:center;justify-content:center}
.byp-video-compose-dialog .story-compose-preview video{min-width:0;min-height:0;max-height:100%;height:100%;flex:1}

/* Each video keeps its complete original ratio; the dialog may scroll. */
.byp-video-compose-dialog .story-compose-preview:has(video){display:block;height:auto;aspect-ratio:auto;max-height:none}
.byp-video-compose-dialog .story-compose-preview video{display:block;width:100%;height:auto;max-height:none;min-height:0;object-fit:contain;flex:none}
.modal-backdrop.byp-video-compose-backdrop:has([data-video-media-layout="portrait"]){align-items:flex-start}

.byp-inline-video-progress{margin:0 0 3cqw;padding:2.5cqw;border:1px solid #b5d9c7;border-radius:2cqw;background:#eff9f3;color:#14663c}
.byp-inline-video-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:3cqw;line-height:1.3}
.byp-inline-video-progress strong{font-weight:700}.byp-inline-video-progress progress{display:block;width:100%;height:2cqw;margin:1.8cqw 0;accent-color:#00853d;border:0;border-radius:10px;overflow:hidden}
.byp-inline-video-progress progress::-webkit-progress-bar{background:#d9ece1;border-radius:10px}.byp-inline-video-progress progress::-webkit-progress-value{background:#00853d;border-radius:10px;transition:width .15s linear}
.byp-inline-video-progress>small{display:block;font-size:2.6cqw;line-height:1.2;color:#60816d}.byp-inline-video-progress.has-error{border-color:#e2a6ab;color:#a62632}
.byp-simple-frame-picker{box-sizing:border-box;width:min(94vw,440px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:18px;overflow:auto;background:#fff;color:#12392d;font-family:Arial,sans-serif;box-shadow:0 20px 70px #05291c66;scrollbar-width:thin}
.byp-simple-frame-picker::backdrop{background:rgb(5 27 19 / .7);backdrop-filter:blur(4px)}
.byp-simple-frame-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e1e8e3;font-size:17px}
.byp-simple-frame-picker>header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;color:#577262;font-size:27px;line-height:1}
.byp-simple-frame-picker>video{display:block;width:calc(100% - 32px);height:auto;max-height:52dvh;margin:14px 16px;object-fit:contain;background:#092f1d;border-radius:10px}
.byp-simple-frame-picker>label{display:block;padding:0 18px 14px;font-size:13px;line-height:1.4;color:#41654f}
.byp-simple-frame-picker label>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.byp-simple-frame-picker output{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:700;color:#075d32}
.byp-simple-frame-picker input[type=range]{display:block;width:100%;height:30px;margin:12px 0 0;accent-color:#00853d;cursor:ew-resize}
.byp-simple-frame-picker>p{margin:0;padding:0 18px 12px;font-size:13px;color:#b12b35}.byp-simple-frame-picker>footer{padding:0 18px 18px}
.byp-simple-frame-picker footer button{width:100%;min-height:44px;padding:10px;border:0;border-radius:10px;background:#00752d;color:white;font:700 15px Arial,sans-serif}.byp-simple-frame-picker footer button:disabled{opacity:.45}

/* Personal live preparation — supplied white / green reference. */
.byp-live-compose-workspace>.dm-page-head,.byp-live-compose-workspace>.dm-nav{display:none}
.byp-studio-compact-page{width:100%;max-width:540px;margin:0 auto!important;color:#083f31}
.byp-studio-compact-page .dm-live-studio-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}
.byp-studio-compact-page .dm-live-studio-grid>form[data-byp-live-simple],.byp-studio-compact-page .dm-live-studio-grid>.byp-studio-compact{box-sizing:border-box;width:100%;min-width:0}
.byp-studio-compact-page .dm-live-studio-grid>form[data-byp-live-simple]{order:1;display:flex;flex-direction:column;gap:20px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.byp-studio-compact-page [data-byp-live-simple]>fieldset{display:block;min-width:0;margin:0;padding:14px 16px 17px;border:1px solid #c8dfd4;border-radius:16px;background:#fff}
.byp-studio-compact-page [data-byp-live-simple]>fieldset>label:has([name="title"]){display:grid;gap:9px;margin:0;color:#0a4233;font-size:15px;font-weight:650;line-height:1.4}
.byp-studio-compact-page [data-byp-live-simple] [name="title"]{box-sizing:border-box;width:100%;min-width:0;height:44px;padding:9px 12px;border:1px solid #c5d9ce;border-radius:10px;background:#fff;color:#173a30;font:inherit;font-weight:400;box-shadow:none}
.byp-studio-compact-page [data-byp-live-simple] [name="title"]::placeholder{color:#7b7f7c;opacity:1}
.byp-studio-compact-page [data-byp-live-simple] .byp-section-live-note{display:none}
.byp-studio-compact-page [data-byp-live-simple]>button[type="submit"]{order:-1;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100%;min-height:56px;margin:0;padding:12px 18px;border:1px solid #00693e;border-radius:15px;background:#00683e;color:#fff;font:inherit;font-size:22px;font-weight:750;line-height:1.3;box-shadow:none;cursor:pointer}
.byp-live-start-dot{display:block;flex:none;width:16px;height:16px;border-radius:50%;background:#ff2a36}
.byp-studio-compact-page [data-byp-live-simple]>button[aria-busy="true"]{opacity:.65;cursor:progress}
.dm-live-preview-box.byp-studio-compact{order:0;isolation:isolate;overflow:visible;border:1px solid #c7e7d9!important;border-radius:19px;background:#eff9f5;color:#064a35}
.dm-live-preview-box.byp-studio-compact:not(.byp-camera-expanded) .byp-section-camera-box{box-sizing:border-box;width:100%;height:auto;min-height:350px;max-height:72dvh;aspect-ratio:0.815;border:0;border-radius:18px;background:#eff9f5}
.byp-studio-compact .byp-camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 60px;background:#eff9f5;color:#07523b;font-size:16px;font-weight:600;line-height:1.45}
.byp-studio-compact .byp-camera-placeholder[hidden]{display:none}
.dm-live-preview-box.byp-studio-compact:not(.has-camera) .byp-camera-placeholder{padding:80px 60px;min-height:0}
.byp-studio-compact .byp-camera-placeholder span{max-width:100%;white-space:normal}
.byp-studio-compact .byp-camera-placeholder svg{width:49px;height:49px;flex:none;color:#00824d}
.byp-studio-compact .byp-section-camera,.byp-studio-compact .byp-camera-processed{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;background:#10261c;border-radius:18px!important}
.byp-studio-compact>[data-byp-studio-status]{position:absolute;z-index:7;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;padding:12px 15px;border:0;border-radius:18px 18px 0 0;background:transparent!important;color:#073f30!important;font-size:13px;line-height:1.4;box-sizing:border-box;pointer-events:none}
.byp-studio-compact .byp-studio-status-main{gap:7px}.byp-studio-compact .byp-studio-status-main>i{width:8px;height:8px;background:#00875a;box-shadow:none}.byp-studio-compact .byp-studio-status strong{font-size:13px;font-weight:700}.byp-studio-compact [data-byp-studio-mic-state]{font-size:13px;text-align:right}
.byp-studio-compact.has-camera>[data-byp-studio-status]{background:#f2faf2ed!important}
.byp-studio-compact :is(.byp-camera-flip,.byp-camera-expand,.byp-camera-original){position:absolute;z-index:5;top:51px;box-sizing:border-box;min-height:43px;margin:0;padding:7px 10px;border:1px solid #87c4aa;border-radius:12px;background:#f4fbf8cc;color:#07523d;font:inherit;font-size:12px;font-weight:500;line-height:1.3;box-shadow:none}
.byp-studio-compact .byp-camera-flip{left:14px;width:44px;height:44px}.byp-studio-compact .byp-camera-expand{right:14px;width:44px;height:44px}.byp-studio-compact .byp-camera-original{left:50%;right:auto;transform:translateX(-50%);width:auto;max-width:calc(100% - 144px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.byp-studio-compact :is(.byp-camera-flip,.byp-camera-expand) svg{display:block;width:23px;height:23px;margin:auto}
.byp-studio-compact :is(.byp-camera-flip,.byp-camera-original):disabled{opacity:.75;cursor:default}
.byp-studio-compact .byp-section-camera-box>.byp-camera-toggle,.byp-studio-compact .byp-studio-mic-toggle{left:10px;top:calc(50% - 54px);width:55px;min-width:55px;max-width:55px;min-height:58px;padding:7px 3px;border:1px solid #83c2a6;border-radius:12px;background:#f5fcf9de;color:#07513a;font-size:11px;gap:4px}
.byp-studio-compact .byp-studio-mic-toggle{top:calc(50% + 14px)}
.byp-studio-compact :is(.byp-camera-toggle,.byp-studio-mic-toggle) svg{display:block;width:23px;height:23px}
.dm-live-preview-box.byp-studio-compact>.byp-camera-controls{position:absolute;z-index:8;left:0;right:0;bottom:20px;display:flex;justify-content:center;align-items:center;gap:0;width:auto;min-height:0;margin:0;padding:0;pointer-events:none}
.byp-studio-compact>.byp-camera-controls>[data-dm-live-action="camera"],.byp-studio-compact>.byp-camera-controls>[data-dm-live-action="camera-stop"]{box-sizing:border-box;min-width:126px;min-height:44px;margin:0;padding:9px 18px;border:1px solid #007547;border-radius:13px;background:#f7fcf9eb;color:#064b35;font:inherit;font-size:16px;font-weight:650;line-height:1.35;pointer-events:auto}
.dm-live-preview-box.byp-studio-compact .byp-studio-compact-popup{position:absolute;z-index:10;left:10px;right:10px;bottom:55px;order:unset;flex:none;box-sizing:border-box;width:calc(100% - 20px);max-width:none;max-height:min(54dvh,390px);margin:0;padding:12px;border:1px solid #afcfbc;border-radius:14px;background:#fff;box-shadow:0 8px 26px #0e493524;pointer-events:auto;color:#154d37}
.byp-studio-compact :is(.byp-camera-toggle,.byp-studio-mic-toggle,.byp-camera-flip,.byp-camera-expand,.byp-camera-original,[data-dm-live-action="camera"],[data-dm-live-action="camera-stop"]):focus-visible,.byp-studio-compact-page [name="title"]:focus-visible{outline:2px solid #008454;outline-offset:3px}
.byp-live-compose-workspace .byp-live-archive{box-sizing:border-box;width:100%;max-width:540px;margin:22px auto 0}
.byp-live-compose-workspace .byp-live-archive:not(:has([data-byp-live-archive-list]>article)):not(:has([data-byp-live-archive-error]:not([hidden]))){display:none}
.dm-live-preview-box.byp-studio-compact.byp-camera-expanded{background:#eff9f5!important;border-radius:0!important}
.dm-live-preview-box.byp-studio-compact.byp-camera-expanded .byp-section-camera-box{position:absolute;inset:0;min-height:0;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}
.byp-studio-compact.byp-camera-expanded>.byp-camera-controls{bottom:calc(20px + env(safe-area-inset-bottom))}
.byp-studio-compact.byp-camera-expanded .byp-section-camera-box :is(.byp-camera-flip,.byp-camera-original,.byp-camera-expand){top:calc(51px + env(safe-area-inset-top))}
@media(max-width:380px){.dm-live-preview-box.byp-studio-compact:not(.has-camera) .byp-camera-placeholder{font-size:14px;padding-left:70px;padding-right:20px}.byp-studio-compact>[data-byp-studio-status]{font-size:11px;padding:12px}.byp-studio-compact .byp-studio-status strong,.byp-studio-compact [data-byp-studio-mic-state]{font-size:11px}.byp-studio-compact .byp-camera-original{font-size:10px;padding:7px}.byp-studio-compact-page [data-byp-live-simple]>button[type="submit"]{font-size:20px}}


/* Personal live studio: camera and settings occupy separate rows. */
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded{position:fixed!important;inset:0!important;z-index:850;display:flex;flex-direction:column;align-items:stretch;gap:0;box-sizing:border-box;width:100%!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#eff9f5!important;overflow:hidden!important}
.byp-studio-immersive.byp-camera-expanded>.byp-section-camera-box{position:relative!important;inset:auto!important;flex:1 1 0!important;box-sizing:border-box;width:100%!important;height:auto!important;min-height:120px!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;overflow:hidden;background:#eff9f5}
.byp-studio-immersive.byp-camera-expanded .byp-camera-placeholder{inset:0;min-height:0;height:100%;padding:100px 72px!important;border-radius:0!important;font-size:16px}
.byp-studio-immersive.byp-camera-expanded .byp-section-camera,.byp-studio-immersive.byp-camera-expanded .byp-camera-processed{position:absolute;inset:0;object-fit:contain!important;border-radius:0!important;background:#10261c}
.byp-studio-immersive>[data-byp-studio-status]{inset:0 0 auto!important;padding:calc(12px + env(safe-area-inset-top)) 16px 10px!important;border-radius:0!important;min-height:42px;background:#eff9f5ed!important;gap:10px}
.byp-studio-immersive.byp-camera-expanded .byp-section-camera-box :is(.byp-camera-flip,.byp-camera-original,.byp-camera-expand){top:calc(53px + env(safe-area-inset-top))!important}
.byp-studio-immersive .byp-camera-expand{right:14px}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded>.byp-camera-controls{position:relative!important;inset:auto!important;flex:0 0 auto!important;order:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:10px!important;box-sizing:border-box;width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;padding:10px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;border:0;background:#eff9f5;overflow:visible;pointer-events:auto}
.byp-studio-immersive .byp-studio-tools{position:absolute;z-index:12;left:12px;bottom:calc(100% + 12px);display:flex;flex-direction:column;align-items:stretch;gap:8px;width:56px;pointer-events:auto}
.byp-studio-immersive .byp-studio-tools>button{position:static!important;inset:auto!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;width:56px!important;min-width:56px!important;max-width:56px!important;height:52px;min-height:52px;margin:0!important;padding:6px 2px!important;border:1px solid #88bea7;border-radius:11px;background:#f6fcf9ed;color:#07513a;font:inherit;font-size:10px;line-height:1.2;box-shadow:0 2px 5px #0c422c0a;cursor:pointer}
.byp-studio-immersive .byp-studio-tools>button svg{display:block;width:22px;height:22px;flex:none}
.byp-studio-immersive .byp-studio-tools>button[aria-expanded="true"]{background:#d3ede0;border-color:#008452}
.byp-studio-immersive .byp-studio-tools>button:disabled{opacity:.5;cursor:default}
.byp-studio-immersive[data-title-ready="true"] .byp-studio-title-toggle{border-color:#008452}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded .byp-studio-compact-popup{position:relative!important;inset:auto!important;order:0;flex:none!important;box-sizing:border-box;width:100%!important;max-width:none!important;max-height:min(32dvh,280px)!important;min-height:0!important;margin:0!important;padding:12px!important;overflow:auto!important;overscroll-behavior:contain;border:1px solid #bad8c9;border-radius:15px;background:#fff;color:#154d37;box-shadow:0 -2px 10px #144c3510;pointer-events:auto}
.byp-studio-immersive .byp-studio-compact-popup[hidden],.byp-studio-immersive [data-byp-live-simple][hidden]{display:none!important}
.byp-studio-immersive .byp-studio-main-actions{order:1;display:flex;align-items:stretch;gap:10px;box-sizing:border-box;width:100%;min-width:0;pointer-events:auto}
.byp-studio-immersive .byp-studio-main-actions>button{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;flex:1 1 0;width:0;min-width:0;min-height:50px;margin:0;padding:10px 8px;border:1px solid #087b4d;border-radius:13px;background:#f7fcf9;color:#07513a;font:inherit;font-size:15px;font-weight:650;line-height:1.25;white-space:normal;box-shadow:none;cursor:pointer}
.byp-studio-immersive .byp-studio-main-actions>[data-byp-studio-start]{order:-2;background:#00683e;color:#fff;font-weight:750}
.byp-studio-immersive .byp-studio-main-actions>[data-dm-live-status="ended"]{order:-2;background:#8d2938;border-color:#8d2938;color:#fff}
.byp-studio-immersive .byp-studio-main-actions .byp-live-start-dot{width:12px;height:12px}
.byp-studio-immersive .byp-studio-main-actions>[aria-busy="true"]{opacity:.65;cursor:progress}
.byp-studio-immersive:not(.has-camera) .byp-studio-main-actions>[data-dm-live-action="camera-stop"],.byp-studio-immersive.has-camera .byp-studio-main-actions>[data-dm-live-action="camera"]{display:none!important}
.byp-studio-immersive [data-byp-live-simple]{display:block!important;flex:none!important;gap:0!important;width:100%!important;margin:0!important}
.byp-studio-immersive .byp-studio-title-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:15px;color:#0c5138}
.byp-studio-immersive .byp-studio-title-panel>header>button{display:grid;place-items:center;box-sizing:border-box;width:38px;height:38px;min-width:38px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:#5a7568;font:inherit;font-size:25px;cursor:pointer}
.byp-studio-immersive [data-byp-live-simple]>fieldset{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent}
.byp-studio-immersive [data-byp-live-simple]>fieldset>label:has([name="title"]){display:block!important;font-size:0!important;line-height:0}
.byp-studio-immersive [data-byp-live-simple] [name="title"]{display:block!important;box-sizing:border-box;width:100%;height:44px;font-size:16px!important;line-height:1.4}
.byp-studio-immersive [data-byp-studio-title-error]{margin:8px 0 0;color:#9e2636;font-size:12px;line-height:1.5}
.byp-studio-immersive .byp-studio-title-save{display:block;min-height:42px;margin:10px 0 0 auto;padding:8px 22px;border:1px solid #087b4d;border-radius:10px;background:#00683e;color:#fff;font:inherit;font-weight:650;cursor:pointer}
.byp-studio-immersive>.dm-live-status-line{order:3;flex:none;margin:0;padding:4px 12px;font-size:11px;background:#eff9f5}
.byp-studio-immersive>.dm-live-actions:not(.byp-camera-controls){order:4;flex:none;margin:0;padding:0 12px 8px;background:#eff9f5;max-height:70px;overflow:auto}
.byp-studio-immersive button:focus-visible{outline:2px solid #008454;outline-offset:2px}
@media(max-height:520px){.byp-studio-immersive .byp-studio-tools{position:static;order:-1;flex-direction:row;justify-content:flex-start;width:auto;gap:6px}.byp-studio-immersive .byp-studio-tools>button{flex-direction:row;width:auto!important;min-width:76px!important;max-width:none!important;min-height:40px;height:40px;padding:6px!important}.byp-studio-immersive .byp-studio-tools>button svg{width:18px;height:18px}.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded .byp-studio-compact-popup{max-height:26dvh!important}.byp-studio-immersive .byp-studio-main-actions>button{min-height:42px;font-size:13px}.byp-studio-immersive.byp-camera-expanded .byp-camera-placeholder{padding:95px 70px 12px!important;font-size:13px}}


/* Active broadcaster: actual media remains mounted, comments overlay at foot. */
.dm-live-preview-box.byp-host-live-stage.byp-camera-expanded{background:#10271c!important}
.byp-host-live-stage .byp-section-camera-box{flex:1 1 auto!important;min-height:0!important}
.byp-host-live-stage :is([data-byp-fx-appearance],[data-byp-fx-facing],[data-byp-studio-title-toggle],.byp-camera-original,.dm-live-status-line,[data-live-audience-host],.dm-live-tools-open){display:none!important}
.byp-host-live-stage>.dm-live-actions:not(.byp-camera-controls){display:none!important}
.byp-host-live-stage>.byp-camera-controls{position:absolute!important;z-index:15!important;right:12px!important;left:auto!important;bottom:76px!important;display:flex!important;width:auto!important;max-width:58px!important;background:transparent!important;padding:0!important;pointer-events:none}
.byp-host-live-stage .byp-studio-tools{position:static!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important;pointer-events:auto}
.byp-host-live-stage .byp-studio-tools>button{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:9px!important;background:#173629b8!important;color:#fff!important;border-color:#ffffff50!important}
.byp-host-live-stage .byp-studio-tools>button>span{display:none!important}
.byp-host-live-stage .byp-studio-main-actions{display:none!important}
.byp-host-live-stage [data-byp-host-comments]{position:absolute;inset:0;z-index:12;pointer-events:none}
.byp-host-live-stage .live-comments-layer{position:absolute;left:12px;right:72px;bottom:76px;max-height:min(33dvh,260px);pointer-events:auto;transform:none}
.byp-host-live-stage .live-comments-scroller{max-height:min(29dvh,220px);min-height:0;overflow:auto;scrollbar-width:none;background:linear-gradient(transparent,#06170b40);border-radius:10px}
.byp-host-live-stage .live-comment-row{color:#fff;filter:drop-shadow(0 1px 2px #0007)}
.byp-host-live-stage .live-comment-row p{color:#fff}.byp-host-live-stage .live-comment-author-button{color:#fff}
.byp-host-live-stage .live-comments-composer{position:absolute;inset:auto 0 0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(transparent,#071c13b8)}
.byp-host-live-stage #live-chat-form{display:flex;gap:8px;align-items:center;margin:0}
.byp-host-live-stage #live-chat-form input{flex:1;min-width:0;height:42px;border:1px solid #ffffff70;border-radius:24px;background:#ffffffed;color:#163d2c;padding:8px 15px;font:inherit}
.byp-host-live-stage #live-chat-form>button{width:42px;height:42px;min-width:42px;border-radius:50%;border:1px solid #ffffff60;background:#15583a;color:#fff;font:inherit;font-size:24px}
.byp-host-live-stage .live-comment-actions-root{pointer-events:none}.byp-host-live-stage .live-comment-person-card{pointer-events:auto;bottom:80px;z-index:25;color:#173b29;filter:none}
.byp-host-live-stage [data-byp-host-moderate]{width:100%;min-height:40px;margin-top:6px}.byp-host-live-stage [data-byp-host-moderate="block"]{color:#9e2636}
.byp-host-live-stage>.byp-studio-status{position:absolute!important;z-index:20!important;inset:0 0 auto!important;display:flex;align-items:center;gap:10px;background:linear-gradient(#061d15b8,transparent)!important;color:#fff!important;min-height:48px!important;padding:12px 62px 12px 14px!important;pointer-events:none}
.byp-host-live-stage .byp-studio-status strong{color:#fff!important}.byp-host-live-stage [data-byp-studio-mic-state]{display:none}
.byp-host-live-stage [data-byp-host-viewers]{margin-left:auto;white-space:nowrap;font-size:12px;color:#fff}
.byp-host-live-stage [data-byp-studio-exit]{position:absolute!important;top:8px!important;right:10px!important;z-index:24!important;background:#173629ad!important;color:#fff!important;border-color:#ffffff55!important}
.byp-host-live-stage .byp-camera-flip{top:60px!important}
.byp-host-live-stage .byp-studio-compact-popup{right:60px!important;left:10px!important;bottom:90px!important;max-width:calc(100% - 70px)!important;width:auto!important;pointer-events:auto}
.byp-live-media-wait{position:absolute;inset:40% 15px auto;text-align:center;color:#fff;background:#10261cb0;padding:14px;border-radius:12px}
.byp-live-media-wait[hidden]{display:none}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage>.byp-camera-controls{position:absolute!important;left:auto!important;right:12px!important;top:auto!important;bottom:78px!important;flex:none!important;width:44px!important;max-width:44px!important;min-height:0!important;padding:0!important}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage .byp-studio-tools{width:44px!important;min-width:44px!important;left:auto!important;right:auto!important}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage>[data-byp-studio-status]{background:linear-gradient(#071e16d9,transparent)!important;color:#fff!important}
.byp-host-live-stage .bys-live-report{display:none!important}
.live-preview-stage[data-live-media] .live-preview-media{object-fit:contain!important;background:#10271c}
.byp-host-live-stage .live-comment-person-card{width:min(340px,calc(100% - 24px))!important;max-height:min(58dvh,440px);overflow:auto;bottom:82px!important}
.byp-host-live-stage .live-comment-person-card .live-comment-person-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.byp-host-live-stage .live-comment-person-card .live-comment-person-buttons>button{width:auto!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:9px 10px!important;white-space:normal!important;font-size:12px!important;line-height:1.35!important}
.byp-host-live-stage .live-comment-person-card .live-comment-person-buttons>[data-byp-host-moderate],.byp-host-live-stage .live-comment-person-card .live-comment-person-buttons>[data-bys-action]{grid-column:1/-1}

/* Maintenance 001/002: status chips never obscure studio tools; panels own card width. */
.dm-live-preview-box.byp-studio-immersive :is([data-byp-fx-appearance],[data-byp-fx-facing]){display:none!important}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage>.byp-studio-compact-popup{position:absolute!important;inset:auto 12px 92px!important;box-sizing:border-box;width:calc(100% - 24px)!important;max-width:none!important;max-height:min(43dvh,390px)!important;min-width:0!important;z-index:35!important}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage>.byp-studio-compact-popup[hidden]{display:none!important}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage>.byp-studio-compact-popup .byp-fx-tabs{min-width:0}
.dm-live-preview-box.byp-studio-immersive.byp-camera-expanded.byp-host-live-stage>.byp-studio-compact-popup .byp-fx-looks{grid-template-columns:repeat(4,minmax(0,1fr))}
.dm-live-preview-box.byp-studio-immersive.byp-studio-panel-open:not(.byp-host-live-stage) .byp-studio-tools{position:static!important;display:flex!important;flex-direction:row!important;width:auto!important;min-width:0!important;gap:8px!important}

/* Preparation uses two main actions; test-only status/navigation do not crowd the camera. */
.byp-studio-immersive:not(.byp-host-live-stage) .byp-studio-main-actions>[data-dm-live-status="ended"]{display:none!important}
.byp-studio-immersive>.dm-live-status-line,.byp-studio-immersive>.dm-live-actions:not(.byp-camera-controls){display:none!important}

/* Poll options remain removable before publication, with two choices minimum. */
[data-byp-room-option-row]{display:flex;align-items:flex-end;gap:8px}[data-byp-room-option-row]>label{flex:1;min-width:0}[data-byp-room-remove-option]{flex:none;width:36px;min-height:42px;margin:0 0 12px;padding:0;border:1px solid #dce7d2;border-radius:9px;background:#f0f6e8;color:#315744;font:22px system-ui;cursor:pointer}[data-byp-room-remove-option][hidden]{display:none!important}
/* Shared reactions: the small badge is part of its message; panels stay inside its chat. */
.byp-dc-message[data-direct-message-id],.byp-dc-message[data-school-message-id],.byp-gc-message[data-group-message-id]{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:visible}
.byp-dc-message.is-own[data-direct-message-id],.byp-dc-message.is-own[data-school-message-id],.byp-gc-message.is-own[data-group-message-id]{align-items:flex-end}
.byp-dc-bubble,.byp-gc-bubble{position:relative}
.byp-mr-trigger{position:absolute;right:-34px;bottom:6px;width:30px;height:30px;padding:5px;border:1px solid #cbd9cf;border-radius:50%;background:#fff;color:#466858;cursor:pointer;opacity:0;transition:opacity .12s;z-index:2}
.is-own>.byp-dc-bubble>.byp-mr-trigger,.is-own>.byp-gc-bubble>.byp-mr-trigger{right:auto;left:-34px}
.byp-mr-trigger svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
[data-direct-message-id]:hover .byp-mr-trigger,[data-school-message-id]:hover .byp-mr-trigger,[data-group-message-id]:hover .byp-mr-trigger,.byp-mr-trigger:focus-visible,.byp-mr-selected .byp-mr-trigger{opacity:1}
.byp-mr-badge{display:flex;align-items:center;gap:3px;min-height:28px;max-width:100%;padding:2px 8px;margin-top:3px;border:1px solid #d6e1db;border-radius:18px;background:#fff;color:#244c3d;box-shadow:0 1px 2px #153c2410;cursor:pointer}
.byp-mr-badge span{font-size:17px;line-height:1.2}.byp-mr-badge small{font-size:12px;margin-left:3px}.byp-mr-badge.has-own{border-color:#70ac91;background:#eef8f2}
.byp-message-reactions{position:fixed;z-index:2147483000;isolation:isolate;background:#001b163a;overflow:hidden;color:#eaf2ee;font-family:Arial,sans-serif;box-sizing:border-box}
.byp-message-reactions *{box-sizing:border-box}.byp-message-reactions button{font:inherit;cursor:pointer;touch-action:manipulation}.byp-message-reactions button:focus-visible,.byp-message-reactions input:focus-visible,.byp-message-reactions textarea:focus-visible{outline:3px solid #87d4ae;outline-offset:-3px}
.byp-mr-quick{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:0;padding:6px;border-radius:32px;background:#263338;box-shadow:0 8px 24px #0005;min-height:54px}
.byp-mr-quick button{flex:1;min-width:0;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-family:'Segoe UI Emoji',sans-serif;font-size:25px;line-height:1}
.byp-mr-quick button:hover,.byp-mr-quick button[aria-pressed=true]{background:#47605c}.byp-mr-quick button.byp-mr-more{flex:0 0 32px;height:32px;font:28px Arial,sans-serif;background:#ffffff24;color:#d7e1de}
.byp-mr-panel{position:absolute;bottom:0;left:0;width:100%;max-height:min(80%,620px);display:flex;flex-direction:column;border-radius:24px 24px 0 0;padding:12px 14px max(16px,env(safe-area-inset-bottom));background:#142027;box-shadow:0 -6px 30px #0004;overflow:hidden}
.byp-mr-panel:before{content:'';width:44px;height:4px;border-radius:4px;background:#53666b;align-self:center;margin-bottom:8px;flex-shrink:0}
.byp-mr-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.byp-mr-panel h2{font-size:17px;line-height:1.4;margin:8px 0;color:#eff5f2}.byp-mr-panel header button{border:0;background:transparent;color:#c6d7d2;width:40px;height:40px;font-size:28px}
.byp-mr-tabs{display:flex;flex-shrink:0;gap:5px;overflow-x:auto;border-bottom:1px solid #3d5259;min-height:48px;margin:0 -4px 8px;padding:0 4px;scrollbar-width:thin}
.byp-mr-tabs button{flex-shrink:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#acbfbb;min-width:58px;padding:10px 8px;font-size:14px;white-space:nowrap}.byp-mr-tabs button[aria-selected=true]{border-bottom-color:#57c697;color:#a3e4c5}
.byp-mr-people{min-height:0;overflow:auto;overscroll-behavior:contain;max-height:440px}.byp-mr-person{display:flex;align-items:center;gap:12px;padding:13px 4px;min-width:0;width:100%;text-align:left;color:#eef4f1;border:0;background:transparent}
.byp-mr-person>img,.byp-mr-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#304a44}.byp-mr-avatar{display:grid;place-items:center;font-size:19px}.byp-mr-person>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.byp-mr-person strong{font-size:15px;overflow-wrap:anywhere}.byp-mr-person small{color:#a5bcb4;font-size:12px}.byp-mr-person button{color:#92d3b8;background:transparent;border:0;text-align:left;padding:0;font-size:12px}.byp-mr-person-emoji{font-size:27px;margin-left:auto}.byp-mr-empty{font-size:14px;text-align:center;padding:20px 8px;color:#adbfba}
.byp-mr-panel>[data-mr-search]{width:100%;flex-shrink:0;border:1px solid #4b625b;border-radius:12px;background:#24383c;color:#fff;padding:12px;font-size:15px;margin:6px 0}.byp-mr-panel>[data-mr-search]::placeholder{color:#a6bfb4}
.byp-mr-picker-results{overflow:auto;min-height:60px;overscroll-behavior:contain}.byp-mr-result-count{font-size:12px;color:#9ab5ac;margin:4px 0 10px}.byp-mr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px}.byp-mr-grid button{height:42px;min-width:0;padding:2px;background:transparent;border:0;border-radius:8px;color:#fff;font-family:'Segoe UI Emoji',sans-serif;font-size:27px;line-height:1}.byp-mr-grid button:hover{background:#39554e}.byp-mr-load{width:100%;border:1px solid #496459;color:#c6e6d5;background:#263c34;border-radius:10px;padding:12px;margin:12px 0 0}
[data-mr-status],[data-story-sheet-status]{font-size:13px;color:#f5c9a4;margin:5px 0 0;flex-shrink:0}[data-mr-status]:empty,[data-story-sheet-status]:empty{display:none}
.byp-mr-selected>.byp-dc-bubble,.byp-mr-selected>.byp-gc-bubble{outline:2px solid #65aa8b;outline-offset:2px}.byp-story-viewer{cursor:pointer}.byp-story-viewer:hover{background:#223b37;border-radius:10px}.byp-story-viewer-heart{color:#ff6281;font-size:28px}.byp-story-viewer-summary{font-size:13px;color:#aec7bb;margin:8px 0 12px}
[data-story-sheet-content]{overflow:auto;min-height:0}.byp-story-reply-context{margin:8px 0 16px;border-left:3px solid #76b89b;padding:8px 12px;background:#243b36;border-radius:6px}.byp-story-reply-context strong{font-size:13px;color:#a9dabe}.byp-story-reply-context p{margin:6px 0;font-size:14px;overflow-wrap:anywhere;max-height:100px;overflow:auto}
[data-story-reply-form] label{display:block;margin:0 0 8px;font-size:14px}[data-story-reply-form] textarea{width:100%;min-height:100px;resize:vertical;max-height:180px;padding:12px;border:1px solid #5c786b;border-radius:12px;background:#223832;color:#fff;font:15px Arial,sans-serif}.byp-story-reply-send{width:100%;background:#267a55;color:#fff;border:0;border-radius:12px;padding:13px;margin-top:10px;font-weight:700!important}.byp-story-reply-send:disabled{opacity:.6}.byp-story-reply-note{font-size:12px;color:#abc6b9;margin:10px 0 0}
@media(pointer:coarse){.byp-mr-trigger{opacity:.7;width:28px;height:28px;right:-30px}.is-own>.byp-dc-bubble>.byp-mr-trigger,.is-own>.byp-gc-bubble>.byp-mr-trigger{left:-30px}}
@media(prefers-reduced-motion:reduce){.byp-mr-trigger{transition:none}}
/* Local Unicode emoji fallback; the font is requested only by visible reaction controls. */
@font-face{font-family:BYASISReactionEmoji;src:url('message-emoji-font-188b2b5de8d1.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.byp-message-reactions{color-scheme:dark}
.byp-mr-quick button:not(.byp-mr-more),.byp-mr-grid button,.byp-mr-person-emoji,.byp-mr-badge>span{font-family:BYASISReactionEmoji,'Segoe UI Emoji',sans-serif;font-weight:400}
.byp-mr-picker-results,.byp-mr-people{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#61776d transparent}
.byp-mr-tabs{scrollbar-width:none}.byp-mr-tabs::-webkit-scrollbar{display:none}
.byp-mr-grid button{overflow:hidden;width:100%}
.byp-mr-picker-results::-webkit-scrollbar,.byp-mr-people::-webkit-scrollbar{width:6px;background:transparent}
.byp-mr-picker-results::-webkit-scrollbar-thumb,.byp-mr-people::-webkit-scrollbar-thumb{background:#61776d;border-radius:6px}
.byp-mr-tab-emoji{font-family:BYASISReactionEmoji,"Segoe UI Emoji",sans-serif}
.byp-school-quick-setup .byp-school-optional-setup{border:1px solid #dce4dc;border-radius:12px;padding:0 14px;margin:18px 0;background:#fff}
.byp-school-quick-setup .byp-school-optional-setup>summary{cursor:pointer;min-height:48px;padding:13px 0;box-sizing:border-box;color:#18553b;font-size:13px;font-weight:600;line-height:1.6}
.byp-school-quick-setup .byp-school-optional-setup>summary small{display:block;color:#718176;font-size:11px;font-weight:400}
.byp-school-quick-setup .byp-school-category-picker .education-profile-list{max-height:240px}
.byp-school-quick-setup .byp-school-submit{width:100%;min-height:46px}
.pp-panel,.pp-review{min-width:0;background:#fff;color:#173f30;border:1px solid #d8e6dc;border-radius:18px;padding:20px;margin:18px 0;line-height:1.6}
.pp-panel header,.pp-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pp-panel h2,.pp-dialog h2{font-size:22px;line-height:1.3;margin:0 0 8px}.pp-panel header p{margin:0;font-size:13px;color:#64776b}.pp-status{flex-shrink:0;padding:5px 9px;background:#edf3e9;border-radius:9px;font-size:11px}
.pp-notice{padding:12px 14px;border-radius:12px;background:#fff6e8;color:#77531c;font-size:12px;line-height:1.6}.pp-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.pp-balances>div{background:#f3f7f3;border-radius:12px;padding:13px;min-width:0}.pp-balances small{display:block;font-size:11px;color:#597062}.pp-balances strong{font-size:21px;overflow-wrap:anywhere}.pp-small{font-size:12px;color:#607669}
.pp-actions,.pp-dialog footer{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.pp-panel button,.pp-dialog button,.pp-review button{font:inherit;font-size:13px;min-height:44px;border:1px solid #bcd3c3;border-radius:10px;padding:10px 13px;background:#fff;color:#15543b;cursor:pointer;white-space:normal}.pp-panel button:disabled,.pp-dialog button:disabled,.pp-review button:disabled{opacity:.5;cursor:default}.pp-panel .pp-primary,.pp-dialog .pp-primary,.pp-review .pp-primary{background:#08623f;color:#fff;border-color:#08623f}
.pp-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #d6e3d8;border-radius:20px;padding:22px;color:#173f30;background:#fff}.pp-dialog::backdrop{background:#0b261c88;backdrop-filter:blur(4px)}.pp-dialog header>button{border:0;min-width:40px;padding:4px;font-size:26px;background:#f2f5ef}.pp-dialog label,.pp-review label{display:block;margin:13px 0;font-size:13px;font-weight:600}.pp-dialog input:not([type=checkbox]),.pp-dialog select,.pp-review textarea{box-sizing:border-box;width:100%;min-width:0;margin-top:6px;border:1px solid #c9d9cc;border-radius:10px;min-height:44px;padding:11px;font:inherit;color:#173f30;background:#fff}.pp-dialog .pp-check{display:flex;gap:9px;align-items:flex-start;font-weight:400}.pp-dialog .pp-check input{margin-top:4px}.pp-feedback,.pp-reason{font-size:13px;color:#9b382d;white-space:pre-wrap}.pp-dialog details,.pp-panel details{border-top:1px solid #e0e8e0;padding-top:14px;margin-top:14px}.pp-dialog summary,.pp-panel summary{cursor:pointer;font-weight:600;font-size:13px}.pp-dialog details p{font-size:12px}.pp-request{border-bottom:1px solid #e1e9e2;padding:12px 0;display:grid;gap:4px}.pp-request span,.pp-request small{font-size:12px}.pp-review form{border:1px solid #d8e4da;border-radius:14px;padding:18px;margin:16px 0}.pp-review h2{font-size:18px}.pp-review textarea{min-height:72px;resize:vertical}
@media(max-width:380px){.pp-panel{padding:15px}.pp-panel header{flex-wrap:wrap}.pp-panel h2,.pp-dialog h2{font-size:20px}.pp-dialog{padding:16px}.pp-actions>button,.pp-dialog footer>button{flex:1 1 140px}}