/* Legacy component definitions, intentionally lower cascade priority than the unified visual system. */
@layer emrw_legacy {
/* EM REWARDS WORLD 2026 unified rebuild V4 — emrw-core-v4.css?v=20261018-v7-clean */

/* BEGIN ORIGINAL style.css */
:root{--ink:#5e7768;--ink2:#496a57;--muted:#122e1e;--muted2:#113b23;--line:#e9edf3;--paper:#fff;--bg:#f6f7fa;--orange:#21894d;--orange2:#48b877;--orange-light:#ffffff;--navy:#617f6d;--violet:#85daa8;--green:#41ad8d;--blue:#8fd5ac;--shadow:0 14px 45px rgba(20,70,38,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:17px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none}h1,h2,h3,strong,.brand{font-family:'Space Grotesk','DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cbf2db;outline-offset:3px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.8px;line-height:1}.brand-mark{width:37px;height:37px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#5dbf81,#176d3b);color:white;font-size:25px;box-shadow:0 7px 15px #21894d42}.brand-light{color:var(--orange);font-weight:500}.brand small{display:block;color:#113520;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.45px;margin-top:7px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;padding:12px 17px;font-weight:700;font-family:'Space Grotesk',sans-serif;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#21894d,#34a565);color:#fff;box-shadow:0 7px 16px #21894d30}.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px #21894d45}.btn-primary span{font-size:18px;font-weight:400}.btn-large{padding:15px 20px;border-radius:11px;font-size:15px}.btn-small{padding:10px 14px}.btn-ghost{color:#254332;background:rgba(255,255,255,.72);border-color:#e7e9ed}.btn-light{background:#fff;color:#176e3c}.btn-outline{background:white;border-color:#e4e8ef;color:#3d5b49}.btn-outline:hover:not(:disabled){border-color:#b5e9cb;background:#fffaf7}.btn-dark{background:#577463;color:white}.btn-full{width:100%}.btn-xs{padding:8px 10px;font-size:13px}.orange-dot{color:var(--orange)}.eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.65px;color:#123621;display:inline-flex;align-items:center;gap:8px}.public-container{width:min(1160px,calc(100% - 64px));margin:0 auto}.public-nav{height:88px;width:min(1280px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.public-nav nav{display:flex;align-items:center;gap:33px;color:#162f20;font-size:14px;font-weight:600}.public-nav nav a:not(.btn):hover{color:var(--orange)}.public-nav .nav-login{margin-left:5px;color:var(--ink)}.public-body{background:#fbfbfd}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding-top:66px;padding-bottom:68px;min-height:575px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#21894d}.eyebrow-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ccedda;box-shadow:0 0 0 4px #ffffff}.hero h1{font-size:clamp(48px,5.3vw,71px);line-height:1.045;letter-spacing:-3.7px;margin:24px 0 22px;font-weight:600}.hero-lede{color:#132f1f;font-size:18px;line-height:1.85;max-width:460px;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.play-icon{font-size:19px;color:#248a4e}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:36px;color:#3d5a49}.proof-avatars{display:flex;padding-left:0}.proof-avatars span{width:28px;height:28px;border-radius:50%;margin-right:-6px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;background:#a3f1c4;color:#43bf77;font-size:15px}.proof-avatars span:nth-child(2){background:#ffffff;color:#21894d}.proof-avatars span:nth-child(3){background:#dff4ed;color:#359d7c}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:#123621;margin-top:4px}.proof-divider{height:26px;width:1px;background:#e4e7ed;margin:0 4px}.hero-visual{position:relative;min-height:475px;padding:14px 9px;display:flex;flex-direction:column;justify-content:center;gap:14px}.hero-glow{position:absolute;width:440px;height:390px;right:4%;top:7%;background:radial-gradient(ellipse,#ffffff 0%,#ffffff 40%,transparent 73%);filter:blur(15px);pointer-events:none}.visual-topline{display:flex;align-items:center;justify-content:space-between;padding:0 12px 5px;position:relative;z-index:1;color:#123722;font-size:10px;letter-spacing:1.2px;font-weight:700}.visual-topline>span:first-child{display:flex;align-items:center;gap:7px}.visual-topline i,.running-tag i,.status-dot{width:6px;height:6px;border-radius:50%;background:#4bb991;display:inline-block}.live-pill{border-radius:4px;padding:5px 7px;background:#e8f7f0;color:#3aa27f;font-size:10px;letter-spacing:.8px}.preview-card{position:relative;z-index:1;background:rgba(255,255,255,.91);border:1px solid #fff;border-radius:17px;box-shadow:0 17px 48px #334f3f0e;backdrop-filter:blur(12px)}.preview-main{padding:24px 25px 17px}.preview-head{display:flex;align-items:flex-start;justify-content:space-between}.preview-head small{display:block;color:#11321f;letter-spacing:1px;font-size:10px;font-weight:700}.preview-balance{font-family:'Space Grotesk';font-size:35px;font-weight:600;letter-spacing:-1.4px;margin-top:8px}.preview-balance span{font-size:20px;color:#11341f;font-weight:400}.coin-icon{width:38px;height:38px;border-radius:13px;background:#ffffff;color:#248a4e;display:grid;place-items:center;font-size:22px}.preview-chart{position:relative;height:122px;margin-top:20px}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{display:block;border-top:1px dashed #edf0f5}.preview-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-legend{display:flex;justify-content:space-between;color:#10331f;font-size:10px;margin-top:8px}.legend-range{color:#22894d;font-weight:700}.preview-task,.preview-auto{padding:15px 17px;display:flex;align-items:center;gap:12px}.task-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:19px}.orange-bg{background:#ffffff;color:#238d50}.purple-bg{background:#ffffff;color:#6dd197}.task-preview-copy{flex:1}.task-preview-copy strong,.task-preview-copy small{display:block}.task-preview-copy strong{font-size:13px}.task-preview-copy small{margin-top:5px;font-size:10px;color:#123721}.reward-tag{background:#e9f8f0;color:#3ba883;padding:7px 9px;border-radius:6px;font-size:10px;font-weight:700}.running-tag{display:flex;align-items:center;gap:5px;color:#4aac8c;font-size:10px;font-weight:700}.running-tag i{width:5px;height:5px}.floating-star{position:absolute;color:#50b575}.star-one{top:62px;right:-9px;font-size:26px}.star-two{bottom:70px;left:-14px;font-size:22px;color:#b3eecc}.trust-strip{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;background:#fff;border:1px solid #f0f1f5;border-radius:13px;box-shadow:0 10px 35px #6a887705;color:#173122;font-size:12px;font-weight:600}.trust-strip>div{display:flex;align-items:center;gap:10px}.trust-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f8f0ea;color:#278f53;font-size:14px}.section-how{padding-top:113px;padding-bottom:105px}.section-heading{text-align:center}.section-heading .eyebrow{color:#afe0c3}.section-heading h2,.features-layout h2{font-size:41px;line-height:1.2;letter-spacing:-1.8px;margin:18px 0 12px}.section-heading>p{font-size:14px;color:#12311f}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}.step-card{padding:20px 21px 25px;background:#fff;border:1px solid #edf0f5;border-radius:16px;min-height:292px;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.step-number{display:flex;align-items:center;justify-content:space-between;color:#123822;font-size:10px;font-weight:700;letter-spacing:1px}.step-number span{font-size:18px;color:#0f4124}.step-art{height:133px;margin:12px 0 8px;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.art-1{background:linear-gradient(135deg,#ffffff,#fff8f1)}.art-2{background:linear-gradient(135deg,#ffffff,#f7f6ff)}.art-3{background:linear-gradient(135deg,#eaf7f2,#f6fbf8)}.art-circle{width:65px;height:65px;border-radius:20px;background:#fff;color:#278e51;display:grid;place-items:center;font-size:27px;box-shadow:0 10px 24px #162b1f14}.art-2 .art-circle{color:#60cd8e}.art-3 .art-circle{color:#40a789}.mini-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#86cfa0}.dot-a{top:28px;left:36%}.dot-b{bottom:28px;right:32%;width:5px;height:5px}.dot-c{right:29%;top:31px;background:#b3eecc}.dot-d{left:33%;bottom:28px;width:5px;height:5px;background:#c1f3d6}.dot-e{left:29%;top:33px;background:#84cbb4}.dot-f{right:34%;bottom:27px;width:5px;height:5px;background:#a8dfcc}.step-card h3{font-size:17px;margin:15px 0 8px}.step-card p{font-size:13px;line-height:1.8;color:#133220;margin-bottom:0;max-width:290px}.features-section{padding:84px 0 91px;background:#f2f3f8;border-top:1px solid #eceef3;border-bottom:1px solid #eceef3}.features-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.features-layout h2{font-size:44px;margin-top:18px}.muted-lede{font-size:15px;line-height:1.9;color:#13301f;max-width:355px;margin-bottom:22px}.feature-list{display:flex;flex-direction:column}.feature-list article{display:flex;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid #dfe3ec}.feature-list article:first-child{border-top:1px solid #dfe3ec}.feature-icon{width:45px;height:45px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;font-size:20px}.feature-orange{background:#ffffff;color:#278f53}.feature-violet{background:#ffffff;color:#7fd8a4}.feature-blue{background:#ffffff;color:#8ed5ab}.feature-list h3{font-size:15px;margin:0 0 6px}.feature-list p{font-size:12px;line-height:1.7;color:#123220;margin:0;max-width:355px}.feature-arrow{margin-left:auto;color:#103721;font-size:18px}.bottom-cta{display:flex;align-items:center;gap:25px;padding:35px 43px;margin-top:79px;margin-bottom:58px;border-radius:19px;color:white;background:linear-gradient(120deg,#21894d,#33a365);position:relative;overflow:hidden;box-shadow:0 15px 35px #2a985822}.bottom-cta:after{content:'';position:absolute;width:370px;height:370px;border:1px solid #ffffff23;border-radius:50%;right:80px;top:-225px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff07}.cta-spark{width:53px;height:53px;border-radius:16px;display:grid;place-items:center;background:#ffffff25;font-size:26px;flex:0 0 auto}.bottom-cta>div:nth-child(2){flex:1;position:relative;z-index:1}.bottom-cta .eyebrow{color:#ffffff}.bottom-cta h2{font-size:26px;letter-spacing:-.7px;margin:9px 0 5px}.bottom-cta p{font-size:13px;color:#ffffff;margin-bottom:0}.bottom-cta .btn{position:relative;z-index:1}.public-footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 32px;color:#10321e;font-size:10px;gap:18px}.brand-footer{transform:scale(.85);transform-origin:left center;color:var(--ink)}.public-bottom-note{text-align:center;font-size:10px;letter-spacing:1.1px;color:#0d301c;padding:0 18px 19px}
/* App shell */
.app-body{background:#f6f7fa}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #edf0f4;padding:25px 16px 15px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:2px 4px 38px}.sidebar-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#10341f;padding:0 12px;margin:0 0 10px}.main-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:27px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:9px;color:#122e1e;font-size:13px;font-weight:600;transition:background .15s,color .15s}.nav-link:hover{background:#f9f3ef;color:#21894d}.nav-link.active{background:#ffffff;color:#21894d;font-weight:700}.nav-icon{font-size:20px;display:inline-grid;place-items:center;width:20px;color:inherit}.sidebar-spacer{flex:1;min-height:10px}.sidebar-help{background:#faf5f1;border:1px solid #3dde80;border-radius:12px;padding:15px;margin:0 1px 15px}.help-orb{width:25px;height:25px;border-radius:8px;background:#fff;color:#268e50;display:grid;place-items:center;font-size:15px;font-weight:700;margin-bottom:11px}.sidebar-help strong{font-size:13px}.sidebar-help p{font-size:10px;line-height:1.65;color:#0f2719;margin:6px 0 9px}.sidebar-help a,.sidebar-help-link{font-size:10px;font-weight:700;color:#21894d}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;padding:16px 3px 2px}.avatar,.top-avatar{width:32px;height:32px;border-radius:10px;background:#c5f5d9;color:#8fd0aa;display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;flex:0 0 auto}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-info strong,.sidebar-user-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info strong{font-size:12px}.sidebar-user-info small{color:#11311e;font-size:10px;margin-top:4px}.logout-form{margin:0}.icon-button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#113420;font-size:21px;border-radius:7px}.icon-button:hover{background:#4ae289;color:#21894d}.main-area{min-width:0;width:calc(100% - 248px);margin-left:248px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:72px;padding:0 36px;border-bottom:1px solid #eceff4;background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.breadcrumbs{font-size:12px;color:#113520}.breadcrumbs span{margin:0 10px;color:#c8cdd6}.breadcrumbs strong{font-weight:600;color:#355342}.topbar-right{display:flex;align-items:center;gap:8px;color:#123220;font-size:10px}.status-dot{box-shadow:0 0 0 4px #e5f6ee}.top-avatar{margin-left:10px;width:30px;height:30px;border-radius:9px;background:#ffffff;color:#5bc989}.mobile-menu{display:none;border:0;background:#fff;color:#446351;font-size:20px}.page-content{padding:33px 36px 40px;width:100%;max-width:1550px;margin:0 auto;flex:1}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 36px;border-top:1px solid #e9edf3;color:#0f301c;font-size:10px}.app-footer a{color:#21894d}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-intro .eyebrow{margin-bottom:10px}.page-intro h1{font-size:29px;letter-spacing:-1px;margin:0 0 7px;font-weight:600}.page-intro p{font-size:13px;color:#12311f;margin:0;line-height:1.7}.wave{color:#b9e7cc;font-size:23px;margin-left:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #eceff4;border-radius:14px;padding:18px 18px 15px;position:relative;overflow:hidden;box-shadow:0 3px 10px #496a5703}.stat-featured{background:linear-gradient(125deg,#557562,#517560);border-color:#517560;color:#fff}.stat-sheen{position:absolute;right:-70px;top:-100px;width:190px;height:190px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 25px #ffffff05,0 0 0 52px #ffffff03;pointer-events:none}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#143a24;font-size:10px;font-weight:700;letter-spacing:.7px;position:relative;z-index:1}.stat-featured .stat-top{color:#19713e}.stat-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:17px;flex:0 0 auto}.stat-icon.orange{background:#ffffff;color:#bde7ce}.stat-icon.violet{background:#ffffff;color:#76d59d}.stat-icon.blue{background:#ffffff;color:#94d7b0}.stat-icon.green{background:#e5f7ef;color:#3faa89}.stat-value{font-size:28px;font-weight:600;letter-spacing:-1px;margin:14px 0 15px;font-family:'Space Grotesk';white-space:nowrap}.stat-featured .stat-value{color:#fff}.stat-value small{font-family:'DM Sans';font-size:13px;font-weight:500;letter-spacing:0;color:#143522}.stat-featured .stat-value small{color:#186d3b}.stat-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #edf0f4;padding-top:12px;min-height:33px;position:relative;z-index:1}.stat-featured .stat-bottom{border-color:#ffffff1b}.stat-hint{font-size:10px;color:#11341f;white-space:nowrap}.stat-featured .stat-hint{color:#1c7c44}.stat-link{font-size:10px;color:#278f53;font-weight:700;white-space:nowrap}.level-chip{font-size:10px;background:#ffffff;color:#78ce9c;border-radius:5px;padding:5px 7px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e9edf3;border-radius:15px;box-shadow:0 3px 12px #52796204}.progress-panel,.balance-panel,.activity-panel{padding:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.panel-heading h2{font-size:18px;letter-spacing:-.3px;margin:0 0 6px}.panel-heading p{font-size:12px;color:#123621;margin:0}.panel-kicker{background:#ffffff;border-radius:5px;color:#aae0c1;font-size:10px;font-weight:700;letter-spacing:.7px;padding:7px 8px;white-space:nowrap}.routine-list{display:flex;flex-direction:column}.routine-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0f2f6;min-width:0}.routine-item:first-child{border-top:0;padding-top:0}.routine-item:last-child{padding-bottom:0}.routine-symbol{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.symbol-orange{background:#ffffff;color:#b8e6cb}.symbol-violet{background:#ffffff;color:#82d9a6}.symbol-blue{background:#ffffff;color:#8fd5ac}.routine-copy{flex:1;min-width:0}.routine-copy strong,.routine-copy small{display:block}.routine-copy strong{font-size:12px;font-weight:700}.routine-copy small{font-size:10px;color:silver;margin-top:5px;line-height:1.5}.routine-value{font-size:10px;color:#ace0c2;font-weight:700;white-space:nowrap}.routine-arrow{font-size:17px;color:gold;margin-left:1px}.snapshot-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff;color:#7fd7a4}.snapshot-hero{display:flex;align-items:center;gap:14px;padding:15px 13px;background:#fbfaff;border:1px solid #ffffff;border-radius:12px;margin-bottom:14px}.snapshot-ring{width:48px;height:48px;border:1px solid #ffffff;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #ffffff;color:#76d69e;font-size:21px;flex:0 0 auto}.snapshot-hero small,.snapshot-hero strong,.snapshot-hero span{display:block}.snapshot-hero small{font-size:10px;color:#28824e;font-weight:700;letter-spacing:.5px}.snapshot-hero strong{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:5px 0}.snapshot-hero em{font-size:12px;color:#54c985;font-style:normal}.snapshot-hero span{font-size:10px;color:#11341f}.snapshot-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f2f5;font-size:15px;color:silver}.snapshot-row strong{color:silver;font-size:10px}.panel-bottom-link{display:flex;align-items:center;justify-content:space-between;padding-top:14px;color:#ade0c2;font-size:10px;font-weight:700}.activity-panel{margin-bottom:18px}.text-link{font-size:10px;font-weight:700;color:#abe0c1}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.data-table th{color:#113520;font-size:10px;letter-spacing:.8px;font-weight:700;background:#fafbfc;padding:12px 13px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;white-space:nowrap}.data-table td{padding:13px;border-bottom:1px solid #f0f2f6;color:#1f3b2b;font-size:10px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fdfdfd}.table-symbol{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ffffff;color:#b1e2c5;float:left;margin-right:10px}.table-primary{font-size:10px;color:#345141;font-weight:700;max-width:350px;overflow-wrap:anywhere}.type-chip{display:inline-block;background:#f1f3f7;border-radius:5px;padding:5px 7px;font-size:10px;color:#132d1d;text-transform:capitalize}.amount-cell{font-weight:700;color:#3da782;white-space:nowrap}.amount-cell small{font-size:10px;font-weight:500;color:#11331f}.amount-cell.negative{color:#75ce9a}.date-cell{color:#11341f;white-space:nowrap;font-size:10px}.empty-state{text-align:center;padding:34px 14px;color:#143622}.empty-state>span{display:grid;place-items:center;margin:0 auto 12px;width:42px;height:42px;border-radius:13px;background:#ffffff;color:#b0e2c5;font-size:23px}.empty-state strong{font-size:14px;color:#32503e}.empty-state p{font-size:12px;line-height:1.7;color:#10311e;margin:7px auto 0;max-width:350px}.header-balance{border:1px solid #ebeef4;background:#fff;padding:11px 15px;border-radius:10px;min-width:140px}.header-balance span,.header-balance strong{display:block}.header-balance span{font-size:10px;letter-spacing:.8px;color:white;font-weight:700}.header-balance strong{font-family:'Space Grotesk';font-size:20px;margin-top:6px}.header-balance strong:first-letter{color:#b6e5ca}.flash{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;margin:18px auto 0;width:calc(100% - 32px);max-width:1500px;font-size:13px;font-weight:600;position:relative;z-index:30}.flash>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px}.flash-success{background:#eaf8f0;border:1px solid #d3efdf;color:#2b8d68}.flash-success>span{background:#d2f1df}.flash-error{background:#ffffff;border:1px solid #99edbc;color:#49a971}.flash-error>span{background:#bbf3d2}.flash-close{margin-left:auto;border:0;background:transparent;font-size:20px;color:inherit;opacity:.6}.faucet-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:19px}.faucet-card{position:relative;overflow:hidden;padding:34px;text-align:center;display:flex;align-items:center;flex-direction:column;min-height:540px;background:radial-gradient(ellipse at 50% 5%,#ffffff 0%,#fff 46%)}.faucet-card .eyebrow{margin-top:18px;color:#21894d}.faucet-card h2{font-size:24px;letter-spacing:-.7px;margin:10px 0 8px}.faucet-card>p{max-width:375px;color:#12321f;font-size:12px;line-height:1.8;margin-bottom:14px;z-index:1}.faucet-orbit{position:absolute;border:1px solid #8debb4;border-radius:50%;pointer-events:none}.orbit-a{width:235px;height:235px;top:7px}.orbit-b{width:188px;height:188px;top:30px;border-style:dashed;border-color:#a1ecc0}.faucet-core{margin-top:4px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;z-index:1;background:radial-gradient(circle at 35% 30%,#ffffff,#c8ead6 75%);box-shadow:0 12px 28px #c6ead53b,inset 0 2px 8px #ffffff70;position:relative}.faucet-core:before{content:'';position:absolute;inset:9px;border:1px solid #ffffff75;border-radius:50%}.faucet-core span{font-size:52px;color:white;text-shadow:0 3px 9px #84bc9b70}.countdown{font-family:'Space Grotesk';font-weight:600;font-size:40px;letter-spacing:2px;color:#466453;font-variant-numeric:tabular-nums;z-index:1}.countdown-caption{font-size:10px;letter-spacing:1.3px;color:white;font-weight:700;margin-top:5px}.faucet-reward-row{display:flex;align-items:center;justify-content:center;gap:33px;padding:20px 0 19px;margin-top:5px;width:min(100%,380px);z-index:1}.faucet-reward-row>div:not(.reward-separator){display:flex;flex-direction:column;gap:5px}.reward-big{font-family:'Space Grotesk';font-size:22px;font-weight:600;color:#bde7ce}.faucet-reward-row small{font-size:10px;color:#10301d}.reward-separator{height:31px;width:1px;background:#e9ecf1}.faucet-card form{width:min(100%,380px);z-index:1}.fine-print{font-size:10px;color:silver;line-height:1.7;margin:13px 0 0;max-width:400px!important}.faucet-aside{display:flex;flex-direction:column;gap:14px}.mini-panel{display:flex;gap:13px;padding:19px}.mini-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.mini-icon.orange{background:#ffffff;color:#b1e2c5}.mini-icon.green{background:#e4f7ee;color:#40a985}.mini-icon.violet{background:#ffffff;color:#6cd196}.mini-panel h3{font-size:14px;margin:0 0 6px}.mini-panel p{font-size:12px;line-height:1.7;color:#12321f;margin:0 0 6px}.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:11px;margin-bottom:20px;font-size:12px;line-height:1.65}.notice>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;flex:0 0 auto;font-size:15px;font-weight:700}.notice strong{font-size:12px}.notice p{font-size:10px;margin:3px 0 0}.notice-info{background:#ffffff;border:1px solid #e7fbf0;color:#439264}.notice-info>span{background:#ffffff}.notice-warning{background:#ffffff;border:1px solid #8ceab3;color:#63af83}.notice-warning>span{background:#d1f7e1}.tasks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.task-card{padding:20px;display:flex;flex-direction:column;min-height:245px}.task-card-top{display:flex;align-items:center;justify-content:space-between}.task-large-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:22px}.task-color-0{background:#ffffff;color:#b7e5ca}.task-color-1{background:#ffffff;color:#6dd197}.task-color-2{background:#e6f5ef;color:#3ea585}.task-color-3{background:#ffffff;color:#85d1a5}.task-status{font-size:10px;background:#f3f5f8;color:#123220;border-radius:6px;padding:6px 8px}.task-status.status-done{background:#e7f7ee;color:#39a27f}.task-card h3{font-size:17px;margin:15px 0 7px}.task-card>p{font-size:12px;line-height:1.7;color:#123220;flex:1;margin-bottom:17px}.task-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f4;padding-top:14px}.task-card-bottom strong,.task-card-bottom small{display:block}.task-card-bottom strong{font-size:13px;color:#abe0c1}.task-card-bottom small{font-size:10px;color:#10321e;margin-top:4px}.task-card-bottom .btn{font-size:10px;padding:10px 11px;gap:7px}.btn-complete{border:1px solid #d6efe2;background:#edf9f2;color:#47a782;cursor:default}.wide-empty{grid-column:1/-1}.running-status{display:inline-flex;align-items:center;gap:7px;background:#f0f2f6;color:#11301e;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:700}.running-status i{width:6px;height:6px;border-radius:50%;background:#123822}.running-status.is-running{color:#31a27e;background:#e8f8f0}.running-status.is-running i{background:#39b68b;box-shadow:0 0 0 4px #d5f3e6}.auto-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px}.auto-main{padding:29px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 10%,#ffffff 0%,#fff 46%)}.auto-visual{width:190px;height:190px;position:relative;display:grid;place-items:center;margin:2px 0 13px}.auto-ring{position:absolute;border-radius:50%;border:1px solid #ffffff}.ring-1{inset:5px;border-style:dashed;animation:slowspin 35s linear infinite}.ring-2{inset:22px;border-color:#ffffff}.ring-3{inset:42px;border-color:#ffffff;box-shadow:0 0 0 10px #f7f5ff}.auto-center{width:83px;height:83px;border-radius:27px;background:linear-gradient(145deg,#bbefd1,#5cc789);box-shadow:0 12px 25px #65cd9040;display:grid;place-items:center;color:white;font-size:44px}.auto-visual.running .auto-center{background:linear-gradient(145deg,#ffffff,#c1e8d1);box-shadow:0 12px 25px #bee7cf40}.auto-visual.running .ring-1{border-color:#a3e9c1;animation-duration:9s}.auto-orbit-dot{width:10px;height:10px;border-radius:50%;background:#c0ecd2;position:absolute;right:21px;top:40px;box-shadow:0 0 0 5px #ffffff}.auto-main>.eyebrow{color:#6bd195}.auto-main h2{font-size:23px;margin:9px 0 7px}.auto-main>p{font-size:12px;line-height:1.8;color:silver;max-width:400px}.conversion-equation{display:flex;align-items:center;justify-content:space-around;gap:10px;width:100%;padding:18px 6px;background:#faf9ff;border:1px solid #ffffff;border-radius:12px;margin:6px 0 18px}.conversion-equation>div{display:flex;flex-direction:column;gap:5px}.conversion-equation strong{font-size:20px;color:#357c52}.conversion-equation small{font-size:10px;color:#102f1d}.conversion-equation>span{color:#31d174;font-size:18px}.auto-main form{width:100%}.auto-side{display:flex;flex-direction:column;gap:16px}.resource-panel,.auto-tips{padding:22px}.resource-panel .panel-heading{margin-bottom:10px}.resource-row{display:flex;gap:11px;align-items:center;padding:15px 0;border-top:1px solid #f0f2f6}.resource-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.resource-icon.orange{background:#ffffff;color:#b1e2c5}.resource-icon.green{background:#e5f7ef;color:#41a988}.resource-icon.violet{background:#ffffff;color:#6cd196}.resource-data{flex:1;min-width:0}.resource-data>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.resource-data span{font-size:13px;color:skyblue;}.resource-data strong{font-size:13px;color:skyblue;}.resource-track{height:5px;background:#2edc77;border-radius:5px;overflow:hidden}.resource-track i{height:100%;display:block;background:#2a9858;border-radius:5px}.fuel-track{background:#e1f3e9}.fuel-track i{background:#4db491}.credit-track{background:#7cebaa}.credit-track i{background:#72d49b}.auto-tips h3{font-size:15px;margin:0 0 18px}.tip-row{display:flex;gap:12px;margin:13px 0}.tip-row span{font-size:10px;color:#a8dfbf;font-weight:700}.tip-row p{font-size:10px;color:#123320;line-height:1.6;margin:0}.auto-tips .text-link{display:inline-block;margin-top:9px}.withdraw-layout{display:grid;grid-template-columns:1fr .8fr;gap:18px;margin-bottom:18px}.withdraw-form-panel,.withdraw-steps{padding:24px}.withdraw-form-panel .panel-heading{margin-bottom:23px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label{font-size:12px;font-weight:700;color:#294735;display:flex;flex-direction:column;gap:8px}.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:1px solid #e3e8f0;background:#fcfcfd;border-radius:9px;padding:12px 13px;color:#42604e;font-size:13px;outline:none;transition:border .15s,box-shadow .15s}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#bfecd2;box-shadow:0 0 0 3px #bdf4d4}.form-stack input::placeholder,.form-stack textarea::placeholder{color:#0f3720}.form-stack label small{color:silver;font-weight:400;font-size:10px;line-height:1.5}.withdraw-steps h2{font-size:18px;margin:0 0 23px}.withdraw-step{display:flex;align-items:flex-start;gap:12px;margin:20px 0}.withdraw-step>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#ffffff;color:#b2e2c6;font-size:12px;font-weight:700;flex:0 0 auto}.withdraw-step strong{font-size:12px}.withdraw-step p{font-size:10px;line-height:1.7;color:silver;margin:5px 0 0}.status-chip{display:inline-block;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:capitalize}.status-pending{background:#ffffff;color:#60b985}.status-approved{background:#ffffff;color:#71c895}.status-paid{background:#e5f8ef;color:#38a17b}.status-rejected{background:#ffffff;color:#5cc387}.muted-address{font-size:10px;color:#113420;display:block;max-width:240px;overflow-wrap:anywhere;margin-top:4px}.form-terms{font-size:10px;line-height:1.7;color:#11341f;margin:0}.referral-hero{display:grid;grid-template-columns:.4fr 1fr;gap:24px;padding:26px;background:linear-gradient(115deg,#fff9f3,#fff 50%);margin-bottom:18px;overflow:hidden}.referral-art{min-height:210px;border-radius:13px;background:radial-gradient(ellipse,#ffffff,#ffffff);position:relative;display:grid;place-items:center;overflow:hidden}.referral-art:before,.referral-art:after{content:'';position:absolute;width:125px;height:125px;border:1px solid #b9efd0;border-radius:50%;box-shadow:0 0 0 20px #b9efd011}.referral-art:after{width:85px;height:85px;border-style:dashed}.referral-person{position:absolute;width:48px;height:48px;border:4px solid white;border-radius:16px;display:grid;place-items:center;background:#bceacf;color:#fff;font-size:26px;box-shadow:0 10px 22px #70cb9625}.person-a{left:calc(50% - 51px);top:calc(50% - 24px);transform:rotate(-9deg)}.person-b{left:calc(50% + 14px);top:calc(50% - 7px);background:#80daa6;transform:rotate(10deg)}.referral-link-art{position:absolute;right:22%;top:24%;z-index:2;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#21894d;background:#fff;font-size:17px;box-shadow:0 5px 15px #70cb9628}.referral-copy{align-self:center}.referral-copy .eyebrow{color:#a8debf}.referral-copy h2{font-size:25px;letter-spacing:-.6px;margin:9px 0}.referral-copy>p{font-size:12px;color:#12321f;line-height:1.8;max-width:590px}.copy-link-row{display:flex;gap:9px;margin-top:15px}.copy-link-row input{min-width:0;flex:1;border:1px solid #e7eaf0;background:#fafbfc;padding:11px;border-radius:8px;font-size:10px;color:#122c1d}.copy-link-row .btn{padding:10px 13px;font-size:10px}.referral-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.code-value{font-size:24px;letter-spacing:1.5px}.referral-rules{padding:22px}.ref-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ref-rule-grid>div{padding:15px;border:1px solid #edf0f5;border-radius:10px}.ref-rule-grid span{display:block;color:#a8debf;font-size:10px;font-weight:700;margin-bottom:12px}.ref-rule-grid strong{display:block;font-size:13px;margin-bottom:6px}.ref-rule-grid p{font-size:10px;color:#12311f;line-height:1.7;margin:0}.admin-chip{color:#438760;background:#ffffff;border:1px solid #7be5a7;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:700;letter-spacing:.8px}.admin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:17px;margin-bottom:18px}.admin-create,.admin-tasks{padding:22px}.admin-create .panel-heading,.admin-tasks .panel-heading{margin-bottom:19px}.admin-task-list{display:flex;flex-direction:column}.admin-task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #eff1f5}.admin-task-row:first-child{border-top:0;padding-top:0}.admin-task-row strong,.admin-task-row small{display:block}.admin-task-row strong{font-size:12px}.admin-task-row small{font-size:10px;color:#11331f;margin-top:5px}.status-toggle{border:1px solid #5ee295;background:#ffffff;color:#78c999;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:700}.status-toggle.enabled{border-color:#d7efe3;background:#eaf8f0;color:#38a17c}.inline-admin-form{display:flex;align-items:center;gap:6px;min-width:160px}.inline-admin-form select{max-width:112px;padding:8px 5px;border-radius:7px;background:#fafbfc;border:1px solid #e3e8ef;color:#183424;font-size:10px}.admin-withdrawals{min-width:800px}.history-panel{margin-bottom:0}
/* Authentication */
.auth-wrap{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-side{background:#587665;color:#fff;padding:35px 7vw;display:flex;flex-direction:column;min-height:700px;position:relative;overflow:hidden}.auth-side:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff0e;border-radius:50%;bottom:-200px;right:-150px;box-shadow:0 0 0 35px #ffffff04,0 0 0 75px #ffffff03}.auth-side .brand{color:#fff;position:relative;z-index:1}.auth-side .brand-light{color:#65bc84}.auth-side .brand small{color:#163f27}.auth-side-content{position:relative;z-index:1;margin:auto 0;max-width:430px;padding:65px 0}.auth-side-content .eyebrow{color:#62bd84}.auth-side-content h1{font-size:49px;line-height:1.12;letter-spacing:-2px;margin:22px 0}.auth-side-content>p{color:#185732;font-size:15px;line-height:1.9;max-width:350px}.auth-quote{border-top:1px solid #ffffff20;margin-top:48px;padding-top:19px}.auth-quote>span{color:#ffffff;letter-spacing:3px;font-size:13px}.auth-quote p{font-size:14px;color:#e3e7ee;font-style:italic;line-height:1.7;margin:11px 0}.auth-quote small{font-size:10px;letter-spacing:1.2px;color:#18492d}.auth-side-foot{font-size:10px;color:#163c26;position:relative;z-index:1}.auth-main{padding:30px 7vw 45px;display:flex;flex-direction:column;align-items:flex-end;position:relative}.back-link{font-size:12px;color:#133320;align-self:flex-start}.back-link:hover{color:#abdfc1}.auth-form-wrap{width:min(100%,370px);margin:auto;align-self:center;padding:35px 0}.auth-form-wrap>.eyebrow{color:#96d6b0}.auth-form-wrap h2{font-size:34px;letter-spacing:-1.3px;margin:13px 0 7px}.auth-intro{font-size:13px;color:#123621;margin-bottom:26px}.auth-form-wrap .form-stack{gap:17px}.auth-form-wrap .btn{margin-top:5px}.auth-switch{text-align:center;color:#123621;font-size:12px;margin-top:25px}.auth-switch a{color:#21894d;font-weight:700}.auth-form-wrap label{gap:8px}.auth-form-wrap label input{padding:13px}.auth-form-wrap .form-terms{margin-top:-5px}
@keyframes slowspin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.page-content{padding-left:48px;padding-right:48px}.stats-grid{gap:18px}.stat-card{padding:20px 22px}.hero{gap:80px}}
@media(max-width:1180px){.sidebar{width:220px}.main-area{width:calc(100% - 220px);margin-left:220px}.page-content{padding:28px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:30px}.hero h1{font-size:60px}.features-layout{gap:45px}.faucet-layout,.auto-layout{grid-template-columns:1fr 1fr}.withdraw-layout{grid-template-columns:1fr .75fr}.stat-value{font-size:26px}}
@media(max-width:900px){.public-container,.public-nav{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:50px;gap:20px}.hero-copy{max-width:620px}.hero-visual{width:min(100%,530px);margin:0 auto;min-height:420px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px}.steps-grid{gap:12px}.step-card{padding:17px}.features-layout{grid-template-columns:1fr;gap:35px}.features-layout>div:first-child{max-width:600px}.section-how{padding-top:80px;padding-bottom:75px}.sidebar{width:75px;padding:22px 9px 12px;align-items:center}.sidebar .brand{margin:0 0 37px;gap:0}.sidebar .brand>span:nth-child(2),.sidebar-label,.nav-link>span:nth-child(2),.sidebar-help,.sidebar-user-info,.logout-form{display:none}.sidebar .brand-mark{width:42px;height:42px}.main-nav{width:100%;align-items:center}.nav-link{justify-content:center;width:48px;height:46px;padding:0}.nav-icon{font-size:22px}.sidebar-user{border-top:1px solid #edf0f4;justify-content:center;padding-top:13px}.main-area{width:calc(100% - 75px);margin-left:75px}.dashboard-grid{grid-template-columns:1fr}.balance-panel{min-height:0}.auth-side{padding:30px 5vw}.auth-main{padding:30px 5vw}.auth-side-content h1{font-size:41px}.faucet-layout,.auto-layout{grid-template-columns:1fr}.faucet-aside{display:grid;grid-template-columns:1fr 1fr}.faucet-aside .mini-panel:last-child{grid-column:1/-1}.withdraw-layout{grid-template-columns:1fr}.withdraw-steps{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.withdraw-steps h2{grid-column:1/-1}.withdraw-step{margin:6px 0}.referral-hero{grid-template-columns:.6fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-tasks .admin-task-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.admin-task-row:nth-child(2){border-top:0;padding-top:0}}
@media(max-width:620px){.public-container,.public-nav{width:calc(100% - 32px)}.public-nav{height:72px}.public-nav nav{gap:13px}.public-nav nav>a:not(.btn){display:none}.public-nav .brand{font-size:19px}.brand-mark{width:34px;height:34px}.hero{padding-top:38px;padding-bottom:37px;min-height:0}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-lede{font-size:15px;line-height:1.8}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1}.hero-proof{gap:10px;margin-top:28px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:10px}.proof-divider{margin:0}.hero-visual{min-height:385px;padding:8px 0}.preview-main{padding:18px}.preview-balance{font-size:29px}.preview-chart{height:105px}.trust-strip{padding:17px;gap:13px;font-size:10px}.trust-icon{width:22px;height:22px;flex:0 0 auto}.section-heading h2,.features-layout h2{font-size:35px}.section-how{padding-top:69px;padding-bottom:65px}.steps-grid{grid-template-columns:1fr;margin-top:29px;gap:13px}.step-card{min-height:0;padding:17px}.step-art{height:112px}.features-section{padding:60px 0}.bottom-cta{margin-top:45px;margin-bottom:36px;padding:25px;gap:13px;flex-wrap:wrap}.cta-spark{width:40px;height:40px}.bottom-cta h2{font-size:22px}.bottom-cta p{line-height:1.7}.bottom-cta>.btn{margin-left:53px}.public-footer{flex-wrap:wrap;justify-content:space-between}.public-footer>span:nth-child(2){order:3;width:100%;line-height:1.7}.public-footer .brand{transform:scale(.75);width:180px}.auth-wrap{grid-template-columns:1fr;min-height:calc(100vh - 72px)}.auth-side{min-height:0;padding:22px 25px 25px}.auth-side .brand .brand-mark{width:32px;height:32px}.auth-side-content{padding:35px 0 14px;margin:0}.auth-side-content .eyebrow{font-size:10px}.auth-side-content h1{font-size:33px;margin:14px 0 10px}.auth-side-content>p{font-size:13px;margin-bottom:0}.auth-quote,.auth-side-foot{display:none}.auth-main{padding:22px 25px 40px;align-items:stretch}.auth-form-wrap{padding:35px 0;margin:0 auto;width:min(100%,420px)}.auth-form-wrap h2{font-size:30px}.auth-form-wrap .form-stack{gap:14px}.main-area{width:calc(100% - 58px);margin-left:58px}.sidebar{width:58px;padding:16px 5px 10px}.sidebar .brand{margin-bottom:27px}.sidebar .brand-mark{width:36px;height:36px;border-radius:11px;font-size:22px}.nav-link{width:43px;height:43px}.nav-icon{font-size:19px}.topbar{height:59px;padding:0 12px;gap:7px}.breadcrumbs{font-size:10px;white-space:nowrap}.breadcrumbs span{margin:0 5px}.topbar-right{gap:5px}.online-label{display:none}.top-avatar{width:26px;height:26px;margin-left:4px}.mobile-menu{display:none}.page-content{padding:23px 13px 25px}.app-footer{padding:14px;gap:9px;flex-wrap:wrap;font-size:10px}.app-footer span:nth-child(2){order:3;width:100%;line-height:1.5}.page-intro{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.page-intro h1{font-size:26px}.page-intro .btn{align-self:flex-start}.header-balance{min-width:0;padding:9px 12px}.header-balance strong{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.stat-card{padding:13px 12px 11px;border-radius:11px}.stat-top{font-size:10px;letter-spacing:.2px;align-items:flex-start}.stat-icon{width:25px;height:25px;font-size:14px;border-radius:8px}.stat-value{font-size:25px;margin:12px 0}.stat-bottom{padding-top:9px;flex-wrap:wrap;min-height:29px}.stat-hint,.stat-link{font-size:10px;white-space:normal}.level-chip{font-size:10px}.panel{border-radius:12px}.progress-panel,.balance-panel,.activity-panel,.resource-panel,.auto-tips{padding:16px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:10px;line-height:1.55}.routine-item{gap:8px;padding:12px 0}.routine-symbol{width:31px;height:31px;border-radius:9px;font-size:17px}.routine-copy strong{font-size:10px}.routine-copy small{font-size:10px}.routine-value{display:none}.routine-arrow{font-size:15px}.snapshot-hero{padding:11px;gap:10px}.snapshot-ring{width:41px;height:41px}.snapshot-hero strong{font-size:21px}.faucet-card{padding:25px 16px;min-height:0}.faucet-card h2{font-size:22px}.faucet-card>p{font-size:10px}.faucet-core{width:108px;height:108px}.faucet-core span{font-size:43px}.orbit-a{width:200px;height:200px}.orbit-b{width:162px;height:162px;top:23px}.countdown{font-size:35px}.faucet-reward-row{gap:24px}.reward-big{font-size:21px}.faucet-aside{grid-template-columns:1fr}.faucet-aside .mini-panel:last-child{grid-column:auto}.mini-panel{padding:15px}.tasks-grid{grid-template-columns:1fr;gap:11px}.task-card{padding:16px;min-height:0}.task-card h3{font-size:15px}.task-card>p{margin-bottom:14px}.task-card-bottom .btn{font-size:10px;padding:9px}.notice{padding:12px;gap:9px}.notice p{font-size:10px}.auto-main{padding:21px 15px}.auto-visual{width:155px;height:155px}.auto-center{width:70px;height:70px;font-size:37px;border-radius:23px}.conversion-equation{gap:6px;padding:14px 4px}.conversion-equation strong{font-size:18px}.conversion-equation small{font-size:10px}.conversion-equation>span{font-size:14px}.withdraw-form-panel,.withdraw-steps{padding:17px}.withdraw-steps{display:block}.withdraw-step{margin:15px 0}.data-table th{padding:11px 10px}.data-table td{padding:11px 10px}.referral-hero{grid-template-columns:1fr;padding:15px;gap:18px}.referral-art{min-height:135px}.referral-copy h2{font-size:23px}.copy-link-row{gap:5px}.copy-link-row input{font-size:10px;padding:10px}.copy-link-row .btn{font-size:10px;padding:8px}.referral-stats{grid-template-columns:1fr 1fr}.referral-stats .stat-card:last-child{grid-column:1/-1}.ref-rule-grid{grid-template-columns:1fr;gap:9px}.ref-rule-grid>div{padding:12px}.admin-create,.admin-tasks{padding:16px}.admin-task-list{grid-template-columns:1fr!important}.admin-task-row:nth-child(2){border-top:1px solid #eff1f5;padding-top:13px}.inline-admin-form{min-width:0}.inline-admin-form select{max-width:90px}.admin-chip{font-size:10px}.page-intro .eyebrow{font-size:10px}.flash{width:calc(100% - 20px);margin-top:10px;padding:10px;font-size:12px}.code-value{font-size:21px}.trust-strip>div{align-items:center}.preview-task,.preview-auto{padding:13px}.task-preview-copy strong{font-size:12px}.reward-tag{font-size:10px;padding:6px}}


/* Language selector */
.language-picker{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 8px 0 0}
.language-picker select{appearance:auto;max-width:116px;border:1px solid #e7eaf0;background:#fff;color:#30483a;border-radius:10px;padding:8px 10px;font:600 11px/1.2 "DM Sans",sans-serif;cursor:pointer;outline:none}
.language-picker select:focus{border-color:#bce7ce;box-shadow:0 0 0 3px rgba(33,137,77,.16)}
.topbar .language-picker{margin-right:10px}
.public-nav nav .language-picker{margin-right:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0;margin:-1px;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.language-picker select{max-width:91px;padding:7px 7px;font-size:12px}.topbar .language-picker{margin-right:4px}}
@media(max-width:620px){.public-nav nav{gap:8px}.public-nav nav .language-picker{margin-right:0}.language-picker select{max-width:79px;padding:7px 5px}.topbar-right .language-picker{margin-right:1px}.topbar .language-picker select{max-width:66px;padding:6px 3px;font-size:10px}}


/* Ember Rewards green redesign + improved readability */
:root{
 --ink:#183025;--ink2:#294837;--muted:#66786e;--muted2:#87968d;--line:#dfeae2;--paper:#ffffff;--bg:#f4f8f5;
 --orange:#21894d;--orange2:#43b873;--orange-light:#e5f6eb;--navy:#153923;--violet:#39895a;--green:#248a52;--blue:#438c62;
 --shadow:0 14px 45px rgba(23,74,41,.09);--radius:18px;
}
body{font-size:16px;background:#f4f8f5;color:#183025}
.public-body{background:#fbfefc}
.btn-primary{background:linear-gradient(120deg,#21894d,#35a866);color:#fff;box-shadow:0 7px 16px rgba(33,137,77,.22)}
.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px rgba(33,137,77,.30)}
.btn-primary:focus-visible,.btn:focus-visible{outline-color:#83d7a1}
.btn{min-height:42px;padding:13px 18px;font-size:14px}
.btn-large{min-height:49px;padding:16px 22px;font-size:15px}
.btn-small{min-height:39px;padding:10px 15px;font-size:13px}
.btn-xs{min-height:34px;padding:9px 12px;font-size:12px}
.btn-outline:hover:not(:disabled){border-color:#76c493;background:#f3fbf5}
.brand-mark{background:linear-gradient(145deg,#43b873,#17723d);box-shadow:0 7px 15px rgba(33,137,77,.26)}
.brand-light{color:#21894d}
.orange-dot,.play-icon{color:#21894d}
.eyebrow-pulse{background:#38ad68;box-shadow:0 0 0 4px #ddf6e5}
.hero-copy .eyebrow,.section-heading .eyebrow{color:#21894d}
.hero-glow{background:radial-gradient(ellipse,#d8f3e1 0%,#effaf2 40%,transparent 73%)}
.sidebar{background:#ffffff;border-right-color:#dfeae2}
.nav-link:hover{background:#f0faf3;color:#21894d}
.nav-link.active{background:#e3f6e9;color:#197543}
.sidebar-label{color:#748b7a}
.sidebar-help{background:#f0faf3;border-color:#d6efdf}
.sidebar-help a,.sidebar-help-link{color:#21894d}
.sidebar-user{border-top-color:#dfeae2}
.topbar{border-bottom-color:#dfeae2}
.language-picker{margin-right:8px}
.language-picker select{appearance:auto;max-width:156px;min-height:42px;border:1px solid #b9dcc5;background:#fff;color:#214b32;border-radius:11px;padding:10px 12px;font:600 13px/1.25 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(27,89,49,.05)}
.language-picker select:focus{border-color:#329b5b;box-shadow:0 0 0 3px rgba(33,137,77,.15);outline:none}
.topbar .language-picker{margin-right:10px}
.public-nav nav .language-picker{margin-right:2px}
.auth-side{background:linear-gradient(145deg,#153923,#247b49)}
.auth-side .brand-light{color:#9be3b3}
.auth-side-content .eyebrow{color:#a2e5b7}
.trust-icon{background:#e5f6eb;color:#21894d}
.features-section{background:#f0f8f2;border-top-color:#dfeae2;border-bottom-color:#dfeae2}
.reward-tag,.status-chip.status-paid,.status-chip.status-approved{background:#e5f6eb;color:#197543}
/* Keep controls easy to use on touch screens and narrow devices. */
input,select,textarea{font-size:15px}
.form-stack input,.form-stack select,.form-stack textarea{min-height:45px;padding:11px 13px}
@media(max-width:900px){
 .language-picker select{max-width:132px;min-height:39px;padding:9px 9px;font-size:12px}
 .topbar .language-picker{margin-right:4px}
}
@media(max-width:620px){
 .public-nav .brand small{display:none}
 .public-nav .brand{font-size:16px;gap:7px}
 .public-nav nav{gap:6px}
 .public-nav nav .language-picker{margin-right:0}
 .language-picker select{max-width:100px;min-height:36px;padding:8px 4px;font-size:11px}
 .topbar-right .language-picker{margin-right:1px}
 .topbar .language-picker select{max-width:92px;padding:7px 3px;font-size:10px}
 .sidebar{width:62px;padding-left:5px;padding-right:5px}
 .main-area{width:calc(100% - 62px);margin-left:62px}
 .topbar{padding:0 8px;gap:5px}
 .breadcrumbs{font-size:10px;white-space:normal;line-height:1.2}
 .page-content{padding-left:12px;padding-right:12px}
 .stats-grid{gap:8px}
 .stat-card{padding-left:10px;padding-right:10px}
 .stat-top{line-height:1.35}
 .task-card-bottom .btn{font-size:11px;padding:10px}
 .app-footer{font-size:10px}
}


/* Real flag buttons: inline SVG flags render consistently on Windows, Linux and macOS. */
.language-picker.language-flags{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin:0 14px 0 0;white-space:nowrap}
.language-flags .language-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0;margin:-1px;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}
.language-flag-button{width:48px;height:38px;padding:5px;border:2px solid #d8e9dc;border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(27,89,49,.07);transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}
.language-flag-button:hover{border-color:#7bc491;background:#f5fcf7;transform:translateY(-1px)}
.language-flag-button.is-active{border-color:#21894d;background:#e7f7ec;box-shadow:0 0 0 3px rgba(33,137,77,.14),0 3px 9px rgba(27,89,49,.1)}
.language-flag-button:focus-visible{outline:3px solid #83d7a1;outline-offset:3px}
.flag-svg{display:block;width:34px;height:23px;border-radius:4px;box-shadow:0 0 0 1px rgba(15,42,25,.12);overflow:hidden;flex:0 0 auto}
.topbar .language-flags{gap:6px;margin-right:12px}
.topbar .language-flag-button{width:43px;height:35px;padding:4px}
.topbar .flag-svg{width:31px;height:21px}
@media(max-width:900px){.language-picker.language-flags{gap:5px;margin-right:6px}.language-flag-button{width:40px;height:33px;padding:4px}.flag-svg{width:29px;height:20px}.topbar .language-flag-button{width:39px;height:32px}.topbar .flag-svg{width:28px;height:19px}}
@media(max-width:620px){.language-picker.language-flags{gap:3px;margin-right:2px}.language-flag-button{width:31px;height:27px;padding:3px;border-radius:7px;border-width:1px}.flag-svg{width:23px;height:16px}.topbar .language-picker.language-flags{gap:2px;margin-right:0}.topbar .language-flag-button{width:28px;height:25px;padding:2px}.topbar .flag-svg{width:21px;height:14px}}

/* Larger desktop layout: improve readability across cards, navigation, forms and tables. */
@media(min-width:901px){
 body{font-size:18px}
 .brand{font-size:25px;gap:12px;letter-spacing:-.7px}
 .brand-mark{width:45px;height:45px;border-radius:14px;font-size:29px}
 .brand small{font-size:12px;letter-spacing:1.5px;margin-top:8px}
 .btn{min-height:49px;padding:15px 22px;font-size:16px;border-radius:12px}
 .btn-large{min-height:57px;padding:18px 27px;font-size:17px}
 .btn-small{min-height:44px;padding:12px 17px;font-size:15px}
 .btn-xs{min-height:40px;padding:10px 14px;font-size:14px}
 .eyebrow{font-size:12px;letter-spacing:1.8px}
 .public-container{width:min(1360px,calc(100% - 96px))}
 .public-nav{height:104px;width:min(1480px,calc(100% - 96px))}
 .public-nav nav{gap:26px;font-size:16px}
 .hero{gap:74px;padding-top:90px;padding-bottom:92px;min-height:690px}
 .hero h1{font-size:clamp(66px,5.3vw,88px);line-height:1.06;letter-spacing:-4px;margin:28px 0 25px}
 .hero-lede{font-size:21px;line-height:1.8;max-width:570px;margin-bottom:32px}
 .hero-actions{gap:16px}
 .hero-proof{gap:16px;margin-top:42px}
 .hero-proof strong{font-size:15px}
 .hero-proof small{font-size:13px;margin-top:5px}
 .proof-avatars span{width:34px;height:34px;font-size:18px}
 .hero-visual{min-height:565px;gap:18px;padding:18px 12px}
 .visual-topline{font-size:13px;letter-spacing:1.4px;padding:0 16px 7px}
 .live-pill{font-size:12px;padding:7px 10px}
 .preview-main{padding:30px 32px 22px}
 .preview-head small{font-size:13px;letter-spacing:1.1px}
 .preview-balance{font-size:44px;margin-top:10px}
 .preview-balance span{font-size:25px}
 .coin-icon{width:46px;height:46px;font-size:26px}
 .preview-chart{height:145px;margin-top:24px}
 .chart-legend{font-size:13px;margin-top:10px}
 .preview-task,.preview-auto{padding:20px 22px;gap:16px}
 .task-icon{width:48px;height:48px;border-radius:14px;font-size:24px}
 .task-preview-copy strong{font-size:16px}
 .task-preview-copy small{font-size:13px;margin-top:6px}
 .reward-tag{font-size:13px;padding:9px 12px}
 .running-tag{font-size:13px}
 .trust-strip{padding:30px 34px;border-radius:16px;font-size:15px;gap:24px}
 .trust-icon{width:32px;height:32px;border-radius:10px;font-size:17px}
 .section-how{padding-top:140px;padding-bottom:130px}
 .section-heading h2,.features-layout h2{font-size:49px;letter-spacing:-2px;margin:22px 0 16px}
 .section-heading p,.features-layout p{font-size:18px;line-height:1.8}
 .steps-grid{gap:25px;margin-top:58px}
 .step-card{padding:28px 30px 34px;min-height:355px;border-radius:20px}
 .step-number{font-size:14px}
 .step-art{height:150px}
 .step-card h3{font-size:22px;margin:20px 0 10px}
 .step-card p{font-size:16px;line-height:1.8}
 .features-section{padding:120px 0}
 .bottom-cta{padding:40px;gap:24px;margin-top:70px;margin-bottom:55px}
 .bottom-cta h2{font-size:32px}
 .bottom-cta p{font-size:17px;line-height:1.8}
 .public-footer{font-size:14px;padding-top:30px;padding-bottom:30px}
 .sidebar{width:282px;padding:31px 22px 20px}
 .sidebar .brand{margin-bottom:42px}
 .sidebar .brand-mark{width:46px;height:46px}
 .sidebar-label{font-size:13px;letter-spacing:1.7px;padding:0 15px;margin-bottom:14px}
 .main-nav{gap:7px;margin-bottom:33px}
 .nav-link{padding:15px 15px;gap:16px;border-radius:12px;font-size:16px}
 .nav-icon{font-size:23px;width:26px;text-align:center}
 .sidebar-help{padding:20px;border-radius:15px;font-size:14px;line-height:1.65}
 .sidebar-help strong{font-size:16px}
 .sidebar-help p{font-size:14px;line-height:1.7;margin:10px 0}
 .sidebar-user{padding-top:18px;gap:12px}
 .sidebar-user .avatar{width:42px;height:42px;font-size:17px}
 .sidebar-user-info strong{font-size:15px}
 .sidebar-user-info small{font-size:12px}
 .main-area{width:calc(100% - 282px);margin-left:282px}
 .topbar{height:88px;padding:0 44px;gap:15px}
 .breadcrumbs{font-size:15px}
 .topbar-right{gap:12px;font-size:14px}
 .top-avatar{width:40px;height:40px;font-size:16px}
 .page-content{padding:43px 46px 54px;max-width:1800px}
 .page-intro{gap:25px;margin-bottom:36px}
 .page-intro .eyebrow{font-size:13px;margin-bottom:12px}
 .page-intro h1{font-size:38px;letter-spacing:-1.2px;margin-bottom:10px}
 .page-intro p{font-size:17px;line-height:1.8}
 .stats-grid{gap:22px;margin-bottom:27px}
 .stat-card{padding:26px 27px 22px;border-radius:17px}
 .stat-top{font-size:13px;letter-spacing:.75px;gap:10px}
 .stat-icon{width:44px;height:44px;font-size:23px;border-radius:13px}
 .stat-value{font-size:37px;letter-spacing:-1.3px;margin:19px 0 21px}
 .stat-value small{font-size:16px}
 .stat-bottom{padding-top:15px;min-height:42px;gap:10px}
 .stat-hint,.stat-link{font-size:13px;white-space:normal}
 .level-chip{font-size:13px;padding:7px 10px}
 .dashboard-grid{gap:24px;margin-bottom:24px}
 .panel{border-radius:18px}
 .panel-heading{gap:18px;margin-bottom:24px}
 .panel-heading h2{font-size:23px;letter-spacing:-.4px;margin-bottom:8px}
 .panel-heading p{font-size:15px;line-height:1.7}
 .panel-kicker{font-size:13px}
 .progress-panel,.balance-panel,.activity-panel,.resource-panel,.auto-tips,.withdraw-form-panel,.withdraw-steps,.referral-rules,.admin-create,.admin-tasks{padding:29px}
 .routine-item{gap:14px;padding:18px 0}
 .routine-symbol{width:44px;height:44px;border-radius:13px;font-size:23px}
 .routine-copy strong{font-size:15px}
 .routine-copy small{font-size:13px;line-height:1.6;margin-top:6px}
 .routine-value{font-size:14px}
 .routine-arrow{font-size:21px}
 .snapshot-hero{padding:18px;gap:16px}
 .snapshot-ring{width:55px;height:55px}
 .snapshot-hero strong{font-size:28px}
 .snapshot-hero small{font-size:13px}
 .faucet-layout,.auto-layout,.withdraw-layout,.admin-grid{gap:24px}
 .faucet-card{padding:45px;min-height:650px;border-radius:20px}
 .faucet-card h2{font-size:32px}
 .faucet-card>p{font-size:17px;line-height:1.75}
 .faucet-core{width:158px;height:158px}
 .faucet-core span{font-size:58px}
 .orbit-a{width:270px;height:270px}
 .orbit-b{width:220px;height:220px;top:25px}
 .countdown{font-size:50px}
 .faucet-reward-row{gap:36px}
 .reward-big{font-size:29px}
 .faucet-aside{gap:18px}
 .mini-panel{padding:25px;border-radius:16px}
 .mini-panel h3{font-size:20px}
 .mini-panel p,.mini-panel small{font-size:14px;line-height:1.7}
 .tasks-grid{gap:20px}
 .task-card{padding:27px;min-height:300px;border-radius:18px}
 .task-card h3{font-size:21px;margin:19px 0 10px}
 .task-card>p{font-size:16px;line-height:1.8;margin-bottom:22px}
 .task-card-bottom{gap:13px}
 .task-card-bottom .btn{font-size:14px;padding:12px 16px}
 .notice{padding:20px 22px;gap:15px;border-radius:15px;font-size:16px}
 .notice p{font-size:15px;line-height:1.75}
 .auto-main{padding:34px;border-radius:18px}
 .auto-visual{width:205px;height:205px}
 .auto-center{width:92px;height:92px;font-size:49px;border-radius:28px}
 .conversion-equation{gap:14px;padding:20px 12px}
 .conversion-equation strong{font-size:25px}
 .conversion-equation small{font-size:13px}
 .conversion-equation>span{font-size:18px}
 .form-stack{gap:20px}
 .form-stack label{font-size:15px;gap:10px}
 .form-stack input,.form-stack select,.form-stack textarea{min-height:56px;padding:15px 17px;font-size:17px;border-radius:11px}
 .form-stack label small{font-size:13px;line-height:1.6}
 .data-table{min-width:760px}
 .data-table th{font-size:13px;letter-spacing:1px;padding:16px 17px}
 .data-table td{font-size:14px;padding:17px}
 .table-primary{font-size:15px}
 .type-chip,.status-chip{font-size:13px;padding:7px 10px}
 .muted-address,.date-cell,.amount-cell small{font-size:13px}
 .withdraw-steps h2{font-size:23px}
 .withdraw-step{margin:17px 0;font-size:15px;line-height:1.7}
 .referral-hero{padding:30px;gap:30px;border-radius:20px}
 .referral-copy h2{font-size:31px}
 .referral-copy p{font-size:16px;line-height:1.8}
 .copy-link-row input{font-size:15px;padding:14px}
 .referral-stats{gap:22px}
 .ref-rule-grid{gap:17px}
 .ref-rule-grid>div{padding:20px;font-size:15px}
 .ref-rule-grid strong{font-size:17px}
 .ref-rule-grid p{font-size:14px;line-height:1.7}
 .admin-task-row{padding:18px 0;gap:16px}
 .admin-task-row strong{font-size:16px}
 .admin-task-row small{font-size:13px;line-height:1.6}
 .status-toggle,.admin-chip{font-size:13px;padding:9px 12px}
 .inline-admin-form select{min-height:42px;font-size:14px;padding:9px}
 .flash{padding:16px 20px;font-size:16px;border-radius:13px}
 .empty-state{padding:38px 24px}
 .empty-state strong{font-size:19px}
 .empty-state p{font-size:15px;line-height:1.8}
 .auth-side{padding:45px 6vw}
 .auth-side-content{max-width:540px;padding:75px 0}
 .auth-side-content h1{font-size:55px;line-height:1.12}
 .auth-side-content>p{font-size:17px;line-height:1.9;max-width:440px}
 .auth-main{padding:45px 6vw}
 .auth-form-wrap{width:min(100%,460px);padding:45px 0}
 .auth-form-wrap h2{font-size:39px}
 .auth-form-wrap .form-stack{gap:20px}
 .app-footer{padding:24px 32px;gap:18px;font-size:14px}
 .language-flags{gap:8px}
 .language-flag-button{width:49px;height:39px;padding:5px}
 .flag-svg{width:35px;height:24px}
}

/* Medium desktop/laptop: preserve the larger type without squeezing two-column forms. */
@media (min-width:901px) and (max-width:1180px){
 .sidebar{width:240px;padding:25px 16px 16px}
 .main-area{width:calc(100% - 240px);margin-left:240px}
 .page-content{padding:32px 28px 42px}
 .topbar{padding:0 28px}
 .faucet-layout,.auto-layout,.withdraw-layout,.dashboard-grid{grid-template-columns:1fr}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .public-container,.public-nav{width:calc(100% - 48px)}
 .public-nav nav{gap:15px;font-size:14px}
 .hero{gap:32px}
 .hero h1{font-size:clamp(54px,5vw,66px)}
 .hero-lede{font-size:18px}
 .language-picker.language-flags{gap:4px;margin-right:5px}
 .language-flag-button{width:37px;height:32px;padding:3px}
 .flag-svg{width:27px;height:19px}
 .topbar .language-flag-button{width:35px;height:30px}
 .topbar .flag-svg{width:25px;height:17px}
}


/* EM REWARDS WORLD wordmark */
.brand-name{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:5px;row-gap:2px;max-width:100%;font-size:18px;font-weight:800;letter-spacing:-.45px;line-height:1.02;white-space:normal}
.brand-name-main,.brand-world{display:inline-block;white-space:nowrap}
.brand-name .brand-world{font-weight:800;color:#21894d}
.brand-name small{flex:0 0 100%;font-size:9px;line-height:1.25;letter-spacing:1.15px;margin-top:5px;white-space:normal}
.sidebar .brand-name{max-width:143px;font-size:16px;column-gap:4px}
.sidebar .brand-name small{font-size:8px;letter-spacing:1px}
.public-nav .brand-name{font-size:18px}
.auth-side .brand-name{font-size:19px}
.auth-side .brand-name .brand-world{color:#9be3b3}
@media(max-width:620px){.public-nav .brand-name{font-size:13px;max-width:118px;column-gap:3px}.public-nav .brand-name small{display:none}.auth-side .brand-name{font-size:17px}.sidebar .brand-name{display:none}}

/* EM REWARDS WORLD: level progression and paid-to-click modules */
.level-current-chip{white-space:nowrap;border-color:#b9e8c8;background:#eaf8ef;color:#197544}
.level-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;padding:32px;margin-bottom:24px;background:radial-gradient(circle at 4% 0%,#e5f8eb 0,transparent 42%),linear-gradient(135deg,#fff,#f6fcf8);border:1px solid #dcefe2}
.level-emblem{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#239755,#145d35);color:white;box-shadow:0 16px 32px #21894d28,inset 0 0 0 8px #ffffff21;border:6px solid #bde9ca}
.level-emblem span{font:700 44px 'Space Grotesk',sans-serif;line-height:1}
.level-emblem small{font-size:12px;font-weight:800;letter-spacing:2px;margin-top:7px;color:#d9f9e3}
.level-hero-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.level-hero-top h2{font-size:29px;margin:7px 0 0;color:#17442a}
.level-bonus-pill{background:#e5f6eb;color:#17713d;border:1px solid #c3e9cf;padding:10px 14px;border-radius:999px;font-size:15px;font-weight:800;white-space:nowrap}
.level-progress-track{height:16px;width:100%;background:#e5eee8;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #1d3d2b12}
.level-progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21894d,#66c889);box-shadow:0 0 12px #46ae6b33;transition:width .25s}
.level-progress-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:#567563;margin-top:12px}
.level-progress-meta strong{color:#17683b}
.level-hero-copy>p{color:#5d7667;font-size:14px;line-height:1.7;margin:16px 0 0}
.level-stats{margin-bottom:24px}
.levels-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;margin-bottom:24px}
.level-reward-panel,.level-perks-panel{padding:29px;min-width:0}
.claim-reward-visual{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #dbeee1;border-radius:16px;background:#f5fcf7;margin-bottom:22px}
.claim-reward-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#37ab62,#1b773f);font-size:30px;box-shadow:0 8px 17px #21894d22;flex:0 0 auto}
.claim-reward-visual strong{display:block;color:#184d2d;font-size:20px;margin-bottom:7px}
.claim-reward-visual p{color:#287849;font-weight:700;margin:0;font-size:15px}
.level-empty{padding:24px 10px}
.level-perk-list{display:flex;flex-direction:column}
.level-perk-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #eaf0ec}
.level-perk-row:first-child{border-top:0;padding-top:0}
.level-perk-icon{width:46px;height:46px;border-radius:14px;background:#f0f3f1;color:#758a7d;font:700 17px 'Space Grotesk',sans-serif;display:grid;place-items:center}
.level-perk-row.unlocked .level-perk-icon{background:#e2f6e9;color:#197744}
.level-perk-row strong,.level-perk-row small{display:block}
.level-perk-row strong{font-size:15px;color:#254b34;line-height:1.45}
.level-perk-row small{font-size:12px;color:#769080;line-height:1.5;margin-top:4px}
.perk-state{font-size:12px;font-weight:800;color:#829489;background:#f0f3f1;padding:7px 9px;border-radius:8px;white-space:nowrap}
.level-perk-row.unlocked .perk-state{color:#187340;background:#e4f7ea}
.level-history-panel{margin-bottom:0}
.level-table-badge{display:inline-block;padding:6px 10px;border-radius:8px;color:#197544;background:#e5f6eb;font-size:12px;font-weight:800}
.ptc-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}
.ptc-create-panel,.ptc-available-panel,.ptc-campaigns-panel{padding:28px;min-width:0}
.ptc-main-column{display:grid;gap:24px;min-width:0}
.ptc-create-panel{position:sticky;top:22px}
.ptc-create-panel .form-stack{gap:18px}
.ptc-budget-preview{border:1px solid #d2ebdb;background:#f2fbf5;padding:17px 19px;border-radius:13px;display:grid;gap:6px}
.ptc-budget-preview span{color:#426f54;font-size:13px;font-weight:700}
.ptc-budget-preview strong{font-size:28px;color:#176e3c;font-family:'Space Grotesk',sans-serif}
.ptc-budget-preview small{color:#708d79;font-size:12px;line-height:1.55}
.ptc-ad-list,.ptc-campaign-list,.ptc-review-list{display:grid;gap:12px}
.ptc-ad-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid #e7efe9;border-radius:15px;background:#fff;transition:border-color .18s,box-shadow .18s}
.ptc-ad-card:hover{border-color:#b6e4c3;box-shadow:0 8px 22px #1a63340b}
.ptc-ad-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e6f7eb;color:#197744;font-size:22px}
.ptc-ad-copy{min-width:0}
.ptc-ad-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ptc-ad-title-row h3{font-size:17px;color:#244d33;margin:0;overflow-wrap:anywhere}
.ptc-duration-pill{background:#f1f7f3;color:#4b785b;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;white-space:nowrap}
.ptc-ad-copy>p{color:#688273;line-height:1.65;font-size:13px;margin:8px 0}
.ptc-ad-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#7c9385}
.ptc-ad-action{display:grid;justify-items:end;gap:10px}
.ptc-ad-action>strong{color:#16733c;font:700 17px 'Space Grotesk',sans-serif;white-space:nowrap}
.ptc-ad-action form{margin:0}
.ptc-ad-action .btn{font-size:13px;padding:10px 14px;min-height:40px}
.ptc-campaign-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #edf2ee}
.ptc-campaign-row:first-child{border-top:0;padding-top:0}
.ptc-campaign-title{min-width:0}
.ptc-campaign-title strong,.ptc-campaign-title small{display:block}
.ptc-campaign-title strong{color:#234d33;font-size:15px;overflow-wrap:anywhere}
.ptc-campaign-title small{color:#728b7b;font-size:12px;line-height:1.5;margin-top:5px}
.ptc-campaign-title .ptc-rejection-reason{color:#a54848}
.ptc-campaign-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ptc-campaign-actions form{margin:0}
.ptc-viewer-panel{padding:30px}
.ptc-viewer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
.ptc-viewer-heading h2{font-size:27px;color:#1a472c;margin:10px 0 7px;overflow-wrap:anywhere}
.ptc-viewer-heading p{color:#698272;line-height:1.7;margin:0}
.ptc-viewer-reward{flex:0 0 auto;border:1px solid #cce9d5;background:#eefaf2;border-radius:15px;padding:16px 20px;text-align:center;min-width:180px}
.ptc-viewer-reward strong{display:block;color:#16733c;font:700 27px 'Space Grotesk',sans-serif}
.ptc-viewer-reward span{display:block;max-width:180px;color:#62816d;font-size:11px;line-height:1.5;margin-top:5px}
.ptc-iframe-wrap{height:440px;border:1px solid #dce9e0;background:#f5faf6;border-radius:15px;overflow:hidden}
.ptc-iframe-wrap iframe{width:100%;height:100%;border:0;background:white}
.ptc-external-fallback{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 2px 22px;color:#6e8777;font-size:12px}
.ptc-external-fallback a{color:#187542;font-weight:800}
.ptc-view-progress{border:1px solid #dfede3;background:#f8fcf9;border-radius:14px;padding:20px;margin-bottom:22px}
.ptc-view-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;color:#547660}
.ptc-view-progress>div:first-child strong{font:700 26px 'Space Grotesk',sans-serif;color:#176d3c}
.ptc-view-progress p{font-size:12px;color:#799181;line-height:1.5;margin:10px 0 0}
.ptc-claim-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ptc-claim-form label{flex:1;min-width:180px;display:grid;gap:8px;font-size:14px;font-weight:700;color:#3c6248}
.ptc-claim-form input{border:1px solid #dbe8df;border-radius:10px;padding:12px 14px;min-height:48px;background:#fff;color:#1c472e}
.ptc-claim-form button{min-height:48px}
.ptc-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;border:1px solid #e4eee7;border-radius:14px;background:#fff}
.ptc-review-copy{min-width:0}
.ptc-review-copy strong{display:block;font-size:16px;color:#214a31}
.ptc-review-copy p{font-size:13px;color:#627e6c;line-height:1.6;margin:7px 0}
.ptc-review-copy>a{display:block;color:#207746;font-size:12px;overflow-wrap:anywhere;margin:8px 0}
.ptc-review-copy small{display:block;color:#819587;font-size:11px;line-height:1.65}
.ptc-review-actions{display:grid;align-content:start;justify-items:stretch;gap:10px;min-width:180px}
.ptc-review-actions form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ptc-review-actions input[type=text]{width:100%;min-width:0;padding:9px 10px;border:1px solid #dce8df;border-radius:8px;font-size:12px}
.ptc-review-actions .btn{flex:1}
@media(max-width:1180px){.ptc-layout{grid-template-columns:1fr}.ptc-create-panel{position:static}.levels-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.level-hero{grid-template-columns:1fr;padding:22px;gap:19px}.level-emblem{width:100px;height:100px}.level-emblem span{font-size:34px}.level-hero-top{align-items:flex-start;flex-direction:column}.level-hero-top h2{font-size:24px}.level-progress-meta{font-size:12px}.levels-layout{grid-template-columns:1fr}.level-reward-panel,.level-perks-panel,.ptc-create-panel,.ptc-available-panel,.ptc-campaigns-panel,.ptc-viewer-panel{padding:19px}.level-perk-row{grid-template-columns:43px minmax(0,1fr);gap:10px}.level-perk-icon{width:40px;height:40px}.perk-state{grid-column:2;justify-self:start}.ptc-ad-card{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:14px}.ptc-ad-icon{width:42px;height:42px;border-radius:12px}.ptc-ad-action{grid-column:2;justify-items:start;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.ptc-ad-action>strong{font-size:15px}.ptc-ad-title-row h3{font-size:15px}.ptc-ad-meta{font-size:10px}.ptc-campaign-row{grid-template-columns:minmax(0,1fr);align-items:start}.ptc-campaign-actions{justify-content:flex-start}.ptc-viewer-heading{flex-direction:column}.ptc-viewer-heading h2{font-size:22px}.ptc-viewer-reward{min-width:0;width:100%;text-align:left}.ptc-viewer-reward span{max-width:none}.ptc-iframe-wrap{height:330px}.ptc-claim-form{align-items:stretch;flex-direction:column}.ptc-claim-form button{width:100%}.ptc-review-row{grid-template-columns:1fr}.ptc-review-actions{min-width:0;grid-template-columns:1fr 1fr}.ptc-review-actions form{align-items:stretch;flex-direction:column}.ptc-budget-preview strong{font-size:23px}}
/*
 * EM REWARDS WORLD — FireFaucet-inspired dark interface refresh
 * Independent implementation: dark navy background, charcoal surfaces,
 * teal action color, and restrained orange/violet status accents.
 */
:root{
  --ink:#edf2f8;
  --ink2:#cbd5e1;
  --muted:#a7b4c7;
  --muted2:#7f8ba0;
  --line:#3b4558;
  --paper:#282f3e;
  --bg:#202532;
  --orange:#20cdb0;
  --orange2:#12bda0;
  --orange-light:#163c3c;
  --navy:#111a2b;
  --violet:#9285ff;
  --green:#22cda9;
  --blue:#6698ff;
  --shadow:0 14px 38px rgba(0,0,0,.24);
  --radius:15px;
}

html{color-scheme:dark}
body,body.app-body{
  color:#e7edf5;
  background-color:#202532;
  background-image:radial-gradient(ellipse at 6% -8%,rgba(30,84,126,.20),transparent 38%),radial-gradient(ellipse at 96% 12%,rgba(19,139,128,.09),transparent 30%);
}
body.public-body{
  color:#eef3f9;
  background-color:#101a2c;
  background-image:radial-gradient(ellipse at 9% -10%,rgba(33,83,133,.30),transparent 42%),radial-gradient(ellipse at 89% 17%,rgba(7,151,140,.12),transparent 34%);
}
body,a,button,input,select,textarea{color:inherit}
a{transition:color .16s ease}
a:hover{color:#45dec4}
h1,h2,h3,h4{color:#f3f6fb}
p{color:inherit}
::selection{background:#1e9f94;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#28d9bf;box-shadow:0 0 0 3px rgba(40,217,191,.16)}

/* Brand and common controls */
.brand{color:#f4f7fc}
.brand-mark{background:linear-gradient(145deg,#ffb347,#ee7c2e);color:#111a2b;box-shadow:0 7px 18px rgba(243,143,50,.20)}
.brand-light,.brand-name .brand-world{color:#35d9bf}
.brand small{color:#9eabc0}
.orange-dot,.play-icon{color:#32d8bd}
.eyebrow,.page-intro .eyebrow,.sidebar-label{color:#a7b5c9}
.eyebrow-pulse{background:#26d2b7;box-shadow:0 0 0 4px rgba(38,210,183,.14)}
.btn-primary{background:linear-gradient(120deg,#20cdb0,#109d9b);color:#061b22;border-color:transparent;box-shadow:0 7px 18px rgba(16,188,162,.19)}
.btn-primary:hover:not(:disabled){background:linear-gradient(120deg,#4ce2cb,#1bb6ad);box-shadow:0 10px 23px rgba(16,188,162,.25)}
.btn-outline,.btn-ghost{background:#303849;border-color:#4a566b;color:#e2eaf4}
.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#394357;border-color:#65758d;color:#fff}
.btn-light{background:#edf5fb;color:#172235}
.btn-dark{background:#121b2d;color:#edf4fb;border:1px solid #354258}
.btn:disabled{opacity:.48}
.btn-complete{background:#163e3a;color:#55e1bd}
.orange-bg,.purple-bg{background:#313949;color:#36d6bb}

/* Public landing page */
.public-body .public-nav{background:transparent;color:#e8eef7}
.public-body .public-nav nav{color:#c5d0df}
.public-body .public-nav nav a:not(.btn):hover,.public-body .public-nav .nav-login:hover{color:#35d9bf}
.public-body .nav-login{color:#e8eef7}
.public-body .hero h1{color:#f5f7fb}
.public-body .hero-lede,.public-body .hero-proof,.public-body .hero-proof small{color:#b8c4d4}
.public-body .hero-proof strong{color:#f0f5fb}
.public-body .proof-divider{background:#3a4658}
.public-body .hero-glow{background:radial-gradient(ellipse,rgba(24,93,119,.28) 0%,rgba(18,50,75,.16) 42%,transparent 73%)}
.public-body .visual-topline{color:#bac8d8}
.public-body .preview-card{background:linear-gradient(145deg,#293244,#222a38);border-color:#3a4558;box-shadow:0 17px 48px rgba(0,0,0,.23);backdrop-filter:blur(12px)}
.public-body .preview-head small,.public-body .preview-balance span,.public-body .chart-legend,.public-body .task-preview-copy small{color:#aab8cb}
.public-body .preview-balance{color:#f4f7fb}
.public-body .coin-icon,.public-body .task-icon{background:#303b4e;color:#3cddc2}
.public-body .live-pill,.public-body .reward-tag{background:#153e3d;color:#49dec1}
.public-body .running-tag{color:#4be0c3}
.public-body .chart-grid i{border-top-color:#3a4557}
.public-body .trust-strip{background:#242d3c;border-color:#3b4557;color:#dce5f0;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.public-body .trust-icon{background:#3b3340;color:#ffb054}
.public-body .section-how{background:transparent}
.public-body .section-heading .eyebrow{color:#4be1c6}
.public-body .section-heading h2,.public-body .features-layout h2{color:#f2f6fb}
.public-body .section-heading>p,.public-body .features-layout p,.public-body .muted-lede{color:#b4c1d2}
.public-body .step-card{background:#242c3a;border-color:#394456;box-shadow:0 8px 28px rgba(0,0,0,.10)}
.public-body .step-number{color:#aebdd0}
.public-body .step-number span{color:#45ddc2}
.public-body .step-card h3{color:#f2f6fa}
.public-body .step-card p{color:#b6c2d2}
.public-body .step-art,.public-body .art-1,.public-body .art-2,.public-body .art-3{background:linear-gradient(135deg,#2a3343,#202a39)}
.public-body .art-circle{background:#344156;color:#43ddc2;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.public-body .features-section{background:#171f2e;border-color:#313c50}
.public-body .feature-icon{background:#2b384c;color:#43d8be}
.public-body .feature-orange,.public-body .feature-blue,.public-body .feature-violet{color:#4adecc}
.public-body .bottom-cta{background:linear-gradient(115deg,#116f77,#0a9e91);box-shadow:0 15px 35px rgba(2,150,137,.16)}
.public-body .bottom-cta h2,.public-body .bottom-cta p{color:#f3fffe}
.public-body .public-footer{color:#9eabc0}
.public-body .public-footer .brand{color:#f3f6fa}
.public-body .public-bottom-note{color:#8494aa;border-top-color:#303b4e}
.public-body .hero-proof .proof-avatars span{border-color:#202b3c}

/* Auth pages */
.auth-wrap{background:#202532}
.auth-side{background:radial-gradient(ellipse at 10% 8%,rgba(36,119,152,.30),transparent 45%),linear-gradient(145deg,#111a2d,#1c2b40);border-right:1px solid #344157}
.auth-side .brand-light,.auth-side .brand-name .brand-world{color:#42dfc3}
.auth-side-content .eyebrow{color:#55dfc8}
.auth-side-content h1,.auth-side-content p,.auth-quote,.auth-side-foot{color:#edf3fa}
.auth-side-content>p{color:#b8c7d8}
.auth-main{background:#202532;color:#e7edf5}
.auth-form-wrap h2{color:#f1f5fa}
.auth-form-wrap>p,.auth-switch,.form-terms{color:#aab7ca}
.auth-switch a,.back-link{color:#47d9c0}

/* Main authenticated application shell */
.app-shell,.app-body .app-shell{background:transparent;color:#e7edf5}
.sidebar{background:#151b28;border-right:1px solid #354054;color:#c5d0df;box-shadow:8px 0 28px rgba(0,0,0,.08)}
.sidebar .brand{color:#f3f6fa}
.sidebar-label{color:#7f8da3}
.sidebar-help{background:#1c303a;border-color:#314958;color:#c7d6e2}
.sidebar-help strong{color:#f1f6fa}
.sidebar-help p{color:#9daec2}
.sidebar-help a,.sidebar-help-link{color:#43ddc2}
.sidebar-user{border-top-color:#364154}
.sidebar-user-info strong{color:#f0f4f9}
.sidebar-user-info small{color:#91a0b4}
.avatar,.top-avatar{background:linear-gradient(145deg,#ffb14a,#db6d34);color:#172033}
.nav-link{color:#aab8ca;border:1px solid transparent}
.nav-link:hover{background:#263242;color:#e8f3fa}
.nav-link.active{background:linear-gradient(90deg,rgba(36,203,177,.19),rgba(36,203,177,.06));color:#4be0c5;border-color:#284c56;box-shadow:inset 3px 0 #26d2b6}
.nav-link.active .nav-icon{color:#4de1c6}
.main-area{background:transparent;color:#e7edf5}
.topbar{background:rgba(34,41,55,.96);border-bottom:1px solid #394457;color:#e7edf5;backdrop-filter:blur(12px)}
.breadcrumbs,.breadcrumbs strong{color:#bec9d8}
.breadcrumbs span{color:#74849b}
.topbar-right{color:#d1dae6}
.online-label{color:#54ddbe}
.header-balance{background:#173a3c;border-color:#285a5b;color:#58e0c8}
.header-balance strong{color:#effffb}
.mobile-menu,.icon-button{background:#303a4c;border-color:#45536b;color:#dfe8f3}
.page-content{color:#e2eaf4}
.page-intro h1{color:#f4f7fb}
.page-intro p{color:#aebbd0}
.page-intro .eyebrow{color:#7e93ad}
.admin-chip,.panel-kicker{background:#343d50;color:#bcc9da;border:1px solid #465269}

/* Cards, statistics, progress and feature panels */
.panel,.stat-card,.mini-panel,.task-card,.progress-panel,.balance-panel,.activity-panel,.resource-panel,.history-panel,.auto-tips,.withdraw-form-panel,.withdraw-steps,.referral-rules,.admin-create,.admin-tasks,.level-history-panel,.level-reward-panel,.level-perks-panel,.ptc-create-panel,.ptc-available-panel,.ptc-campaigns-panel,.ptc-viewer-panel{
  background:#282f3e;
  color:gold;
  border:1px solid #3d485c!important;
  box-shadow:0 8px 25px rgba(0,0,0,.12);
}
.stat-card{background:linear-gradient(145deg,#293243,#252c3a)}
.stat-top{color:#9eacc1}
.stat-icon{background:#354155;color:#48ddc3}
.stat-icon.orange,.stat-icon.violet,.stat-icon.green,.stat-icon.blue{background:#354155;color:#48ddc3}
.stat-value{color:#f5f7fb}
.stat-value small,.stat-hint{color:#a6b5c9}
.stat-link,.panel-bottom-link{color:#47dfc3}
.panel-heading h2{color:#f0f4fa}
.panel-heading p{color:#aab8ca}
.panel-kicker{color:#9dacc0}
.empty-state{color:#b6c4d6}
.empty-state strong{color:#edf3fa}
.empty-state p{color:#97a8bd}
.muted-lede,.muted-address,.date-cell,.amount-cell small{color:#93a3b8}

/* Forms and data tables */
.form-stack label,.ptc-claim-form label{color:#c7d2e0}
input,select,textarea,.form-stack input,.form-stack select,.form-stack textarea,.ptc-claim-form input,.inline-admin-form select,.copy-link-row input,.ptc-review-actions input[type=text]{
  background:#1d2432;
  color:#edf3fa;
  border-color:#465267;
}
input::placeholder,textarea::placeholder{color:#75869e;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#35d4bd;box-shadow:0 0 0 3px rgba(53,212,189,.12)}
select option{background:#252d3b;color:#edf3fa}
.data-table{color:#dce5ef}
.data-table th{background:#222a38;color:#9fb0c5;border-color:#3b4659}
.data-table td{color:#d5dfeb;border-bottom-color:#384356!important}
.data-table tbody tr:hover{background:#2d3748}
.table-primary{color:#f0f5fb}
.table-wrap{border-color:#3a4559}
.status-chip,.type-chip{background:#354054;color:#ced8e6;border-color:#46556b}
.status-chip.status-paid,.status-chip.status-approved,.status-chip.status-completed,.enabled{background:#153e3c;color:#55dfc2;border-color:#286a62}
.status-chip.status-pending{background:#42351f;color:#ffc36b;border-color:#6e5732}
.status-chip.status-rejected,.flash-error{background:#472b35;color:#ff9cab;border-color:#713f4c}
.status-toggle{background:#333d50;color:#d1dce9;border-color:#4b5870}
.status-toggle.enabled{background:#153e3c;color:#57dfc4}

/* Faucet, Auto Faucet, tasks and transaction history */
.faucet-card{background:radial-gradient(ellipse at 50% 0%,rgba(23,106,126,.28),transparent 52%),linear-gradient(145deg,#272f3e,#1e2634);border:1px solid #3b485c;color:#eaf1f9}
.faucet-card h2,.faucet-card h3{color:#f4f7fb}
.faucet-card>p,.faucet-aside p,.faucet-aside small{color:#aebdd0}
.faucet-core{background:radial-gradient(circle,#174a51,#1d2e43 70%);border-color:#27bcae;color:#4be0c8;box-shadow:0 0 40px rgba(28,201,180,.13)}
.faucet-orbit,.orbit-a,.orbit-b{border-color:rgba(56,211,193,.25)}
.countdown,.reward-big{color:#4fe0c6}
.mini-panel{background:#252e3c;border-color:#3c485c}
.tasks-grid .task-card{background:#282f3e}
.task-card h3,.task-card strong{color:#eff4fa}
.task-card>p,.task-card small{color:#abb9cb}
.task-card-bottom,.task-card-footer{border-top-color:#3a4659}
.auto-main{background:#252d3b;border:1px solid #3b4659;color:#e8eef6}
.auto-center{background:#17464b;color:#4ce0c6;box-shadow:0 0 32px rgba(41,206,180,.15)}
.auto-ring{border-color:rgba(55,207,190,.25)}
.conversion-equation{background:#202837;border-color:#3c485c;color:#edf3fa}
.conversion-equation small,.auto-tips p{color:#a8b6c9}
.resource-row,.routine-item,.level-perk-row,.ptc-campaign-row{border-color:#3b4658}
.resource-icon,.routine-symbol{background:#344055;color:#4addc4}
.resource-track,.credit-track,.fuel-track{background:#3a4559}
.resource-track>i,.credit-track>i,.fuel-track>i{background:linear-gradient(90deg,#20cbb0,#648cff)}
.notice{background:#293342;border:1px solid #3d4a5f;color:#dce5ef}
.notice p{color:#b2c0d0}
.notice-warning{background:#3c3325;border-color:#655332}
.notice-info{background:#1c3544;border-color:#31556c}
.flash{background:#203c39;color:#adf4df;border:1px solid #29645b;box-shadow:0 10px 32px rgba(0,0,0,.18)}
.flash-success{background:#173d38;color:#a9f2dd;border-color:#2a6e60}

/* Levels & rewards */
.level-hero{background:radial-gradient(circle at 5% 2%,rgba(28,182,164,.18),transparent 40%),linear-gradient(135deg,#2a3342,#222a38);border-color:#405066;color:#e7eef7}
.level-hero-top h2,.level-hero-copy>p{color:#eaf1f9}
.level-emblem{background:linear-gradient(145deg,#193e56,#175b66);border-color:#2e7c84;box-shadow:0 16px 32px rgba(0,0,0,.2),inset 0 0 0 8px rgba(255,255,255,.06)}
.level-emblem small{color:#8ff3df}
.level-bonus-pill,.level-current-chip,.level-table-badge{background:#173d3e;color:#5ae2c8;border-color:#2a6766}
.level-progress-track{background:#3c4759;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.level-progress-track>i{background:linear-gradient(90deg,#17bfa6,#4ce1c1,#7c9bff);box-shadow:0 0 13px rgba(40,211,191,.22)}
.level-progress-meta,.level-progress-meta strong{color:#aab9ce}
.claim-reward-visual{background:#202b3a;border-color:#3c4c60}
.claim-reward-icon{background:linear-gradient(145deg,#ffb24c,#d97535);color:#1a2433;box-shadow:0 8px 17px rgba(0,0,0,.2)}
.claim-reward-visual strong{color:#f3f6fb}
.claim-reward-visual p{color:#52dfc6}
.level-perk-icon{background:#333e51;color:#a6b4c8}
.level-perk-row.unlocked .level-perk-icon{background:#173d3d;color:#51ddc4}
.level-perk-row strong{color:#e7eef7}
.level-perk-row small{color:#9eafc4}
.perk-state{color:#a3b2c5;background:#333d4f}
.level-perk-row.unlocked .perk-state{color:#5ae0c7;background:#173d3d}

/* PTC advertising */
.ptc-budget-preview,.ptc-view-progress{background:#202b39;border-color:#3c4b60}
.ptc-budget-preview span,.ptc-budget-preview small,.ptc-view-progress p,.ptc-view-progress>div:first-child{color:#9fb0c5}
.ptc-budget-preview strong,.ptc-view-progress>div:first-child strong{color:#52dec5}
.ptc-ad-card,.ptc-review-row{background:#242c3b;border-color:#3b475b}
.ptc-ad-card:hover{border-color:#397f7a;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ptc-ad-icon{background:#183e43;color:#4be0c6}
.ptc-ad-title-row h3,.ptc-campaign-title strong,.ptc-review-copy strong{color:#edf3fa}
.ptc-ad-copy>p,.ptc-campaign-title small,.ptc-review-copy p,.ptc-review-copy small{color:#a4b3c7}
.ptc-ad-meta,.ptc-external-fallback{color:#8798ae}
.ptc-duration-pill{background:#333e51;color:#c7d3e2}
.ptc-ad-action>strong,.ptc-external-fallback a,.ptc-review-copy>a{color:#4cdec5}
.ptc-viewer-heading h2{color:#f0f5fb}
.ptc-viewer-heading p{color:#aab9cb}
.ptc-viewer-reward{background:#173c3d;border-color:#2d6968}
.ptc-viewer-reward strong{color:#5ae1c8}
.ptc-viewer-reward span{color:#a3c6c7}
.ptc-iframe-wrap{background:#192232;border-color:#3e4a5f}
.ptc-review-actions input[type=text]{color:#edf3fa}
.ptc-campaign-actions .btn-outline{background:#303949}

/* Referrals, admin and footer */
.referral-hero{background:linear-gradient(135deg,#283241,#222a38);border:1px solid #3b475b;color:#e6edf6}
.referral-copy h2,.ref-rule-grid strong{color:#eff4fa}
.referral-copy p,.ref-rule-grid p{color:#aab8cb}
.ref-rule-grid>div{background:#222a38;border:1px solid #3b465a;border-radius:13px}
.copy-link-row input{color:#e7eef7}
.admin-task-row{border-color:#3a4558}
.admin-task-row strong{color:#ecf2f9}
.admin-task-row small{color:#a1b0c4}
.app-footer{background:#202532;color:#8797ad;border-top:1px solid #394457}
.app-footer a{color:#45d9c0}

/* Language flag selector — keep each flag visible against dark navigation */
.language-flag-button{background:#282f3e;border-color:#465268;box-shadow:0 2px 8px rgba(0,0,0,.17)}
.language-flag-button:hover{background:#343e51;border-color:#64778f}
.language-flag-button.is-active{background:#163c3d;border-color:#2fcbb4;box-shadow:0 0 0 3px rgba(47,203,180,.16)}
.flag-svg{box-shadow:0 0 0 1px rgba(255,255,255,.14)}

/* Small screens */
@media(max-width:900px){
 .sidebar{background:#151b28;border-right-color:#354054}
 .topbar{background:rgba(34,41,55,.97)}
 .public-nav nav{color:#d2dbe7}
}
@media(max-width:620px){
 .page-content{background:transparent}
 .sidebar{box-shadow:4px 0 22px rgba(0,0,0,.17)}
 .stat-card,.panel,.ptc-ad-card,.task-card{box-shadow:0 5px 16px rgba(0,0,0,.13)}
 .public-body .hero h1{letter-spacing:-1.7px}
}

/* EMRW GREEN CHAT BRAND PUBLIC V1 START
 * Same green top brand on logged-out home/login/register; footer untouched. */
html body .public-nav > a.brand,
html body .auth-side > a.brand {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  flex-flow:row nowrap!important;
  gap:10px;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  min-width:0!important;
  margin:0;
  padding:0;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  color:#f1fcfa;
  font-family:'Space Grotesk','DM Sans',system-ui,sans-serif;
}
html body .public-nav > a.brand > .brand-mark,
html body .auth-side > a.brand > .brand-mark {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 37px!important;
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  min-height:37px!important;
  max-width:37px!important;
  max-height:37px!important;
  padding:0;
  border-radius:12px;
  background:linear-gradient(135deg,#2bb987,#335a91);
  color:#e3fff5;
  box-shadow:0 7px 17px rgba(27,167,127,.24);
  font:700 24px/1 'Space Grotesk','DM Sans',system-ui,sans-serif!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
html body .public-nav > a.brand > .brand-name,
html body .auth-side > a.brand > .brand-name {
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row wrap!important;
  align-content:center!important;
  align-items:baseline!important;
  flex:1 1 auto!important;
  gap:2px 4px;
  min-width:0!important;
  width:auto!important;
  max-width:178px!important;
  max-height:52px!important;
  overflow:hidden!important;
  font-size:16px;
  line-height:1.08;
  letter-spacing:-.45px;
  transform:none!important;
  transition:none!important;
}
html body .public-nav > a.brand .brand-name-main,
html body .auth-side > a.brand .brand-name-main,
html body .public-nav > a.brand .brand-world,
html body .auth-side > a.brand .brand-world {
  white-space:nowrap!important;
  font-size:inherit;
  line-height:1.08;
}
html body .public-nav > a.brand .brand-world,
html body .auth-side > a.brand .brand-world {color:#8ef1c8;}
html body .public-nav > a.brand small,
html body .auth-side > a.brand small {
  box-sizing:border-box!important;
  display:block!important;
  flex:0 0 100%!important;
  margin:4px 0 0;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#91aaa9;
  font:700 8px/1.25 'DM Sans',system-ui,sans-serif!important;
  letter-spacing:.55px;
}
@media(max-width:620px){
  html body .public-nav > a.brand,
  html body .auth-side > a.brand {height:54px!important;min-height:54px!important;max-height:54px!important;}
  html body .public-nav > a.brand .brand-name,
  html body .auth-side > a.brand .brand-name{font-size:14px;max-width:144px!important;}
}
/* EMRW GREEN CHAT BRAND PUBLIC V1 END */

/* END ORIGINAL style.css */


/* BEGIN ORIGINAL site-overview-theme.css */
/* EM REWARDS WORLD — Overview design language across legacy and standalone pages.
   Appearance-only override. No account/action logic is changed. */
:root {
  --emrw-ui-surface:#18283b;
  --emrw-ui-surface-deep:#142236;
  --emrw-ui-raised:#1e3043;
  --emrw-ui-line:rgba(136,177,203,.20);
  --emrw-ui-mint:#73e4c1;
  --emrw-ui-text:#f1f7fd;
  --emrw-ui-muted:#aec3d0;
  --emrw-ui-radius:18px;
}
html { color-scheme:dark; }
body.emrw-unified-ui,body.emrw-unified-ui input,body.emrw-unified-ui button,body.emrw-unified-ui select,body.emrw-unified-ui textarea { font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
body.emrw-unified-ui .page-content,body.emrw-unified-ui .emrw-ranks-main,body.emrw-unified-ui .chat-main,body.emrw-unified-ui .chat-admin-layout { min-width:0; }
body.emrw-unified-ui .page-content > .page-intro:not(#emrw-overview-v2 .page-intro) {
  box-sizing:border-box; border:1px solid rgba(113,221,190,.23);
  background:radial-gradient(ellipse at 92% 0%,rgba(38,171,143,.19),transparent 44%),linear-gradient(115deg,#172b40,#172538 60%,#18363f);
  border-radius:23px; padding:26px 29px; gap:18px; min-width:0;
  box-shadow:0 14px 35px rgba(5,12,22,.14); margin-bottom:20px;
}
body.emrw-unified-ui .page-content > .page-intro h1 { color:#f5fcff; font-weight:800; letter-spacing:-.035em; font-size:clamp(25px,2.8vw,38px); line-height:1.14; }
body.emrw-unified-ui .page-content > .page-intro p { color:#b5cbd4; line-height:1.65; }
body.emrw-unified-ui .page-content > .page-intro .eyebrow { color:var(--emrw-ui-mint);font-weight:800;letter-spacing:.11em; }

/* Cards/panels derived from Overview. Respect special visual effects and charts. */
body.emrw-unified-ui :is(.page-content > .panel,.page-content > .dashboard-grid > .panel,
  .page-content .stat-card,.page-content .info-card,.page-content .activity-panel,
  .page-content .task-card,.page-content .faucet-card,.page-content .withdraw-card,
  .page-content .level-card,.page-content .referral-card,
  .rp-panel,.rp-stat,.rp-tier,.rp-condition,
  .emrw-ranks-panel,.emrw-ranks-stat,.emrw-ranks-hero,
  .chat-card,.chat-side-card,.chat-admin-panel,.emrw-hub-card,.emrw-hub-section) {
  box-sizing:border-box; border:1px solid var(--emrw-ui-line); border-radius:var(--emrw-ui-radius);
  background:linear-gradient(145deg,rgba(24,40,59,.96),rgba(20,34,53,.98));
  color:var(--emrw-ui-text); box-shadow:0 9px 27px rgba(5,12,22,.10); min-width:0;
}
body.emrw-unified-ui :is(.page-content .stat-card,.rp-stat,.rp-tier,.emrw-ranks-stat){transition:border-color .2s,transform .2s,box-shadow .2s;}
@media (hover:hover) {
  body.emrw-unified-ui :is(.page-content .stat-card,.rp-stat,.rp-tier,.emrw-ranks-stat):hover {
    border-color:rgba(113,226,190,.43);transform:translateY(-2px);box-shadow:0 14px 34px rgba(6,13,28,.16);
  }
}
body.emrw-unified-ui :is(.page-content .panel-heading h2,.page-content .section-title h2,.rp-heading h2,.emrw-ranks-section-head h2,.chat-side-heading h2,.chat-admin-panel h2) {
  color:#f2f9ff;letter-spacing:-.025em;font-weight:800;
}
body.emrw-unified-ui :is(.page-content p,.page-content small,.rp-heading p,.emrw-ranks-hint,.chat-faint) { line-height:1.6; }
body.emrw-unified-ui :is(.page-content .panel,.rp-panel,.emrw-ranks-panel,.chat-side-card) { backdrop-filter:none; }
body.emrw-unified-ui :is(.page-content button:not(.mobile-menu):not(.icon-button),.page-content a.btn,.rp-primary,.emrw-ranks-tabs a,.chat-send,.chat-archive-link) { border-radius:11px; }
body.emrw-unified-ui :is(.page-content button,.page-content a.btn,.rp-primary,.chat-send):focus-visible { outline:2px solid #86f8cd; outline-offset:3px; }
body.emrw-unified-ui :is(.page-content input:not([type=checkbox]):not([type=radio]),.page-content select,.page-content textarea,.rp-copy input,.chat-composer textarea,.emrw-ranks-toolbar select) {
  max-width:100%;color:#eff7ff;outline-offset:2px;border-color:rgba(134,183,205,.24);border-radius:11px;
}
body.emrw-unified-ui :is(.page-content input,.page-content textarea,.page-content select,.rp-copy input,.chat-composer textarea):focus-visible { border-color:rgba(118,228,196,.7);outline:2px solid rgba(118,228,196,.25); }
body.emrw-unified-ui :is(.page-content .table-wrap,.page-content .table-scroll,.page-content .data-table-wrap,.rp-table-wrap,.emrw-ranks-table-wrap,.chat-admin-scroll){ max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain; }
body.emrw-unified-ui :is(.page-content table,.rp-table,.emrw-ranks-table-wrap table,.chat-admin-table) { border-collapse:separate;border-spacing:0; }
body.emrw-unified-ui :is(.page-content th,.rp-table th,.emrw-ranks-table-wrap th,.chat-admin-table th) { color:#9dcdbf;font-weight:800;letter-spacing:.035em; }
body.emrw-unified-ui :is(.page-content td,.page-content th,.rp-table td,.rp-table th,.emrw-ranks-table-wrap td,.emrw-ranks-table-wrap th){vertical-align:middle;}
body.emrw-unified-ui :is(.page-content .badge,.rp-count,.emrw-ranks-pill,.chat-count){ border-radius:999px; }

/* Supplementary page families without a shared page wrapper. */
body.emrw-unified-ui .rp { --rp-mint:var(--emrw-ui-mint); }
body.emrw-unified-ui .rp-intro,body.emrw-unified-ui .emrw-ranks-hero {
  background:radial-gradient(ellipse at 92% 4%,rgba(39,172,139,.19),transparent 40%),linear-gradient(116deg,#172b40,#172538 59%,#193b42);
  border:1px solid rgba(103,223,191,.27);border-radius:23px;
}
body.emrw-unified-ui .emrw-hub-hero {border-radius:23px;background:radial-gradient(ellipse at 88% 3%,rgba(39,172,139,.20),transparent 40%),linear-gradient(115deg,#172b40,#172538 60%,#193b42);border:1px solid rgba(103,223,191,.27);}
body.emrw-unified-ui .chat-topbar,body.emrw-unified-ui .topbar { border-bottom-color:rgba(119,186,186,.14); }
body.emrw-unified-ui .chat-room-tabs > * { border-radius:12px; }
body.emrw-unified-ui .chat-message { overflow-wrap:anywhere; }

/* Language control: same tri-language flag switcher on every page. */
body.emrw-unified-ui .emrw-language-uniform,
body.emrw-unified-ui .language-picker.language-flags,
body.emrw-unified-ui .emrw-ranks-toolbar .emrw-language-uniform {
  display:inline-flex!important;flex-flow:row nowrap!important;align-items:center;justify-content:center;
  padding:4px;gap:4px;min-width:0;max-width:100%;
  border:1px solid rgba(121,213,185,.27)!important;border-radius:13px;
  background:rgba(12,31,47,.65);box-shadow:inset 0 1px 0 rgba(232,255,249,.03);
}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button,
body.emrw-unified-ui .language-picker.language-flags [data-language-choice] {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  flex:0 0 auto!important;min-width:41px;min-height:34px;padding:5px 8px;
  border:1px solid transparent!important;border-radius:9px;
  color:#b7cbd5;background:transparent;
  font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;
}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button[aria-pressed=true],
body.emrw-unified-ui .language-picker.language-flags [data-language-choice].is-active {
  background:linear-gradient(145deg,rgba(47,171,138,.25),rgba(52,109,117,.3));
  border-color:rgba(106,230,187,.46);color:#b7ffe1;
  box-shadow:0 0 0 1px rgba(20,97,76,.16) inset;
}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button:focus-visible,
body.emrw-unified-ui .language-picker.language-flags [data-language-choice]:focus-visible {outline:2px solid #91f2d1!important;outline-offset:2px!important;}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button:hover {color:#f0fffa;background:rgba(82,176,152,.14);}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:17px;line-height:1;}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-flag-svg{display:block;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(246,255,251,.14);}
body.emrw-unified-ui .emrw-original-lang-select {position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;white-space:nowrap!important;}
/* Refuse layout overflow in top bars, notably at 320px. */
body.emrw-unified-ui .topbar .topbar-right,body.emrw-unified-ui .chat-top-right,body.emrw-unified-ui .emrw-ranks-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;}
body.emrw-unified-ui .emrw-ranks-toolbar > label:not(.emrw-language-uniform) {display:none;}
body.emrw-unified-ui .chat-lang-field{margin:0;}

/* Menu icon: true centered 32px circular medallion. CSS translate is independent
   from animated transforms so the 22px glyph animations still work. */
body.emrw-unified-ui #sidebar .main-nav a.nav-link {gap:9px;min-width:0;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon {
  box-sizing:border-box!important;position:relative!important;display:grid!important;place-items:center!important;
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;margin:0;padding:0;border-radius:50%;
  color:#a8f5dd;font-size:19px;text-align:center;line-height:1;
  border:1px solid rgba(117,225,190,.33)!important;
  background:radial-gradient(circle at 38% 28%,rgba(101,206,167,.23),rgba(23,48,64,.9) 73%);
  box-shadow:inset 0 1px 0 rgba(210,255,244,.08),0 3px 12px rgba(0,0,0,.2);
  overflow:hidden;isolation:isolate;
}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after {translate:5px 5px;scale:1.1;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon > .emrw-menu-core {inset:5px!important;scale:1.1;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon {overflow:visible;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link:hover > .nav-icon,
body.emrw-unified-ui #sidebar .main-nav a.nav-link.active > .nav-icon {
  border-color:rgba(137,252,210,.68);box-shadow:0 0 13px rgba(98,229,181,.16),inset 0 1px 0 rgba(231,255,245,.12);
}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > span:nth-child(2) {flex:1 1 auto!important;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .emrw-nav-pill,
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .emrw-ptc-nav-badge,
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .emrw-chat-online-badge {
  position:static!important;flex:0 0 auto!important;margin-left:auto;transform:none!important;
  max-width:68px!important;white-space:nowrap;box-sizing:border-box;
}
@media (min-width:901px){
 body.emrw-unified-ui #sidebar .main-nav a.nav-link{min-height:39px!important;padding:4px 10px;}
 body.emrw-unified-ui #sidebar .main-nav{gap:2px;}
}
@media (max-width:900px){
 body.emrw-unified-ui #sidebar .main-nav a.nav-link{height:auto!important;min-height:46px!important;padding:6px 10px;}
 body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon{width:32px!important;flex-basis:32px!important;height:32px!important;}
}
@media (max-width:520px){
 body.emrw-unified-ui .page-content > .page-intro {padding:19px 18px;}
 body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button {min-width:37px;padding:5px 6px;}
 body.emrw-unified-ui .topbar .breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 body.emrw-unified-ui .topbar .topbar-right {gap:5px;}
}
@media (prefers-reduced-motion:reduce){body.emrw-unified-ui :is(.page-content .stat-card,.rp-stat,.rp-tier,.emrw-ranks-stat){transition:none!important;}}

/* Specific dynamic modules: the same card surfaces without replacing them. */
body.emrw-unified-ui :is(
  .emrw-tk-daily-card,.emrw-tk-overview,.emrw-tk-section,
  .emrw-lv2-stat,.emrw-lv2-claim,.emrw-lv2-formula,.emrw-lv2-table-panel,
  .emrw-pv2-panel,.emrw-pv2-tier,.emrw-pv2-ad,.emrw-pv2-wallet-card,
  .emrw-auto-flow-group,.emrw-auto-flow-forecast,.emrw-auto-flow-tile,
  .emrw-faucet-rewards,.emrw-faucet-reward,.emrw-speed,
  .emrw-hub-card,.emrw-hub-section,.emrw-hub-status
) {
  box-sizing:border-box;border:1px solid rgba(136,177,203,.21);
  background:linear-gradient(145deg,rgba(24,40,59,.95),rgba(20,34,53,.98));
  border-radius:17px;box-shadow:0 9px 27px rgba(5,12,22,.10);min-width:0;
}
body.emrw-unified-ui :is(.emrw-tk-hero,.emrw-lv2-hero,.emrw-pv2-hero,.emrw-auto-hero,.emrw-faucet-hero,.emrw-hub-hero){
  border-radius:23px;border:1px solid rgba(105,220,185,.26);
}
body.emrw-unified-ui :is(.emrw-lv2-section-head h2,.emrw-tk-section-head h2,.emrw-pv2-sectionhead h2,.emrw-auto-flow-heading h2,.emrw-faucet-rewards-head h2){
  font-weight:800;letter-spacing:-.024em;color:#f4faff;
}
body.emrw-unified-ui :is(.emrw-lv2-eyebrow,.emrw-tk-eyebrow,.emrw-pv2-kicker,.emrw-auto-flow-kicker,.emrw-faucet-rewards-eyebrow){
  color:#84e9ca;letter-spacing:.10em;font-weight:800;
}
body.emrw-unified-ui :is(.emrw-tk-daily-card,.emrw-pv2-tier,.emrw-speed) {
  transition:border-color .2s,transform .2s;
}
@media(hover:hover){body.emrw-unified-ui :is(.emrw-tk-daily-card,.emrw-pv2-tier,.emrw-speed):hover{border-color:rgba(111,225,190,.48);transform:translateY(-2px)}}
body.emrw-unified-ui :is(.emrw-lv2-table-panel,.emrw-pv2-wallet-row,.emrw-speeds__grid,.emrw-auto-flow-columns,.emrw-faucet-rewards-grid) {max-width:100%;min-width:0;}
body.emrw-unified-ui :is(.emrw-pv2-ad-list,.emrw-pv2-requests,.emrw-lv2-table-panel) {overflow-wrap:anywhere;}
body.emrw-unified-ui :is(.emrw-speeds__grid,.emrw-pv2-tier-grid,.emrw-tk-daily-grid,.emrw-lv2-stat-grid) > * {min-width:0;}
@media (max-width:650px){
 body.emrw-unified-ui :is(.emrw-tk-hero,.emrw-lv2-hero,.emrw-pv2-hero,.emrw-ranks-hero,.emrw-hub-hero){border-radius:18px;}
 body.emrw-unified-ui :is(.emrw-speeds__grid,.emrw-pv2-tier-grid,.emrw-tk-daily-grid){max-width:100%;}
}

/* END ORIGINAL site-overview-theme.css */


/* BEGIN ORIGINAL emrw-community-nav-v2.css */
/* EMRW Community + Ranks: unify standalone page styling with Overview.
   No account data, payment state or business logic changes. */
:root{--emrw-c-mint:#73e4c1;--emrw-c-bg:#142236;--emrw-c-panel:#18283b;--emrw-c-line:rgba(136,177,203,.22)}
#sidebar .main-nav a.emrw-community-nav-link{box-sizing:border-box!important;min-width:0;gap:9px;display:flex;align-items:center;}
#sidebar .main-nav a.emrw-community-nav-link > .nav-icon{
  position:relative!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;
  flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  border-radius:50%;overflow:hidden!important;padding:0;
  background:radial-gradient(circle at 35% 25%,rgba(115,228,193,.26),rgba(26,51,70,.91) 72%);
  border:1px solid rgba(129,232,199,.4)!important;color:#bbf8e5;
  box-shadow:inset 0 1px 0 rgba(231,255,244,.1),0 3px 10px rgba(0,0,0,.18);
  font-size:19px;line-height:1;text-align:center;
}
#sidebar .main-nav a.emrw-community-nav-link .emrw-community-glyph{
  position:relative;display:block;line-height:1;transform-origin:50% 60%;
  filter:drop-shadow(0 2px 3px rgba(2,15,24,.24));animation:emrwCommunityFloat 3s ease-in-out infinite;
}
#sidebar .main-nav a.emrw-community-nav-link > .emrw-community-title{
  display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#sidebar .main-nav a.emrw-community-nav-link > :is(.emrw-community-count,.emrw-nav-chat-count,.emrw-chat-online-badge){
  position:static!important;inset:auto!important;transform:none!important;
  flex:0 0 auto!important;display:inline-flex!important;align-items:center;justify-content:center;
  margin-left:auto;width:auto!important;min-width:29px!important;max-width:55px!important;
  height:23px!important;min-height:23px!important;padding:3px 7px;
  font:800 11px/1 system-ui!important;border:1px solid rgba(107,230,182,.38)!important;border-radius:99px;
  background:#244b43;color:#b2f5d8;white-space:nowrap;
}
#sidebar .main-nav a.emrw-community-nav-link.active .nav-icon{border-color:#a8f6d8;box-shadow:0 0 14px rgba(99,232,182,.18)}
@keyframes emrwCommunityFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@media (max-width:900px){
 #sidebar .main-nav a.emrw-community-nav-link{min-height:45px;overflow:hidden}
 #sidebar .main-nav a.emrw-community-nav-link > .emrw-community-title{font-size:12px}
}
@media (prefers-reduced-motion:reduce){#sidebar .emrw-community-glyph{animation:none!important}}
/* Common Overview card language for Chat and Ranks */
body.emrw-chat-body,body.emrw-ranks-body{--emrw-ui-surface:#18283b;--emrw-ui-text:#f1f7fd;--emrw-ui-mint:#73e4c1;--emrw-ui-line:rgba(136,177,203,.2)}
body.emrw-chat-body :is(.chat-intro,.chat-card,.chat-side-card),
body.emrw-ranks-body :is(.emrw-ranks-hero,.emrw-ranks-panel,.emrw-ranks-stat){
  box-sizing:border-box;border-radius:18px;border:1px solid var(--emrw-c-line);
  background:linear-gradient(145deg,rgba(24,40,59,.96),rgba(20,34,53,.98));
  box-shadow:0 9px 27px rgba(5,12,22,.12);min-width:0;
}
body.emrw-chat-body .chat-intro,body.emrw-ranks-body .emrw-ranks-hero{
  border-color:rgba(113,221,190,.26);
  background:radial-gradient(ellipse at 92% 0%,rgba(38,171,143,.18),transparent 44%),linear-gradient(115deg,#172b40,#172538 60%,#18363f);
}
body.emrw-chat-body :is(.chat-intro h1,.chat-side-heading h2,.chat-card-head strong),
body.emrw-ranks-body :is(.emrw-ranks-hero h1,.emrw-ranks-section-head h2){color:#f4fcff;letter-spacing:-.025em}
body.emrw-chat-body :is(.chat-room-tab,.chat-submit,.chat-archive-link,.chat-input-area,.chat-lang-field select),
body.emrw-ranks-body :is(.emrw-ranks-tabs a,.emrw-ranks-toolbar select){border-radius:11px}
body.emrw-chat-body .chat-room-tab.active,body.emrw-ranks-body .emrw-ranks-tabs a.active{border-color:#73e4c1;box-shadow:inset 0 0 0 1px rgba(115,228,193,.2)}
body.emrw-chat-body .chat-side-card{border-color:var(--emrw-c-line)}
body.emrw-chat-body .chat-shell,body.emrw-ranks-body .emrw-ranks-main{max-width:1280px;margin-left:auto;margin-right:auto;min-width:0}
body.emrw-ranks-body .emrw-ranks-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:600px){
 body.emrw-chat-body .chat-intro,body.emrw-ranks-body .emrw-ranks-hero{border-radius:16px;padding:16px}
 body.emrw-chat-body .chat-card,body.emrw-ranks-body .emrw-ranks-panel{border-radius:14px}
 body.emrw-chat-body .chat-side-card{border-radius:14px}
}

/* END ORIGINAL emrw-community-nav-v2.css */


/* BEGIN ORIGINAL nav-enhance.css */
/* EM REWARDS WORLD — compact desktop navigation and accessible mobile drawer.
   Overrides only the shared sidebar/topbar; does not alter page content.
*/
#sidebar { box-sizing:border-box; }
#sidebar .brand, #sidebar .main-nav, #sidebar .sidebar-label {flex-shrink:0;}
#sidebar .sidebar-help{display:none!important;}
#sidebar .brand{margin:2px 4px 17px;}
#sidebar .sidebar-label{
  font-size:9px;line-height:1.35;letter-spacing:.10em;
  padding:0 10px;margin:2px 0 6px;
}
#sidebar .main-nav{
  display:flex;flex-direction:column;align-items:stretch;
  gap:3px;margin:0 0 13px;width:100%;min-width:0;
}
#sidebar .main-nav a.nav-link{
  box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;
  width:100%;max-width:100%;min-width:0;min-height:36px;height:auto;
  padding:7px 10px;gap:8px;margin:0;
  font-size:12px;line-height:1.3;border-radius:10px;
}
#sidebar .main-nav a.nav-link>.nav-icon{
  flex:0 0 20px;width:20px;height:22px;font-size:17px;display:inline-flex;
  align-items:center;justify-content:center;margin:0;
}
#sidebar .main-nav a.nav-link>span:nth-child(2){
  display:block;flex:1 1 auto;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}
#sidebar .sidebar-spacer{min-height:5px;}
#sidebar .sidebar-user{margin-top:auto;padding:10px 3px 2px;min-width:0;}
#sidebar .sidebar-user-info{min-width:0;}
/* Shared one-line badge slot: PTC, Faucet and Earn ACP cannot overlap. */
#sidebar .main-nav a.nav-link>.emrw-nav-pill,
#sidebar .main-nav a.nav-link>.emrw-ptc-nav-badge{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;
  position:static!important;inset:auto!important;transform:none!important;
  margin:0 0 0 auto;padding:2px 6px;
  flex:0 0 auto!important;max-width:54px;min-width:30px;min-height:21px;height:21px;
  border-radius:999px;line-height:1;letter-spacing:0;
  white-space:nowrap;overflow:hidden;vertical-align:middle;
  font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;
  box-shadow:none;
}
#sidebar .emrw-nav-pill{
  color:#aeead6;background:rgba(45,177,143,.12);border:1px solid rgba(82,210,167,.26);
}
#sidebar .emrw-nav-faucet.is-ready{
  color:#073a2d;background:linear-gradient(135deg,#b4f6d6,#65dcb5);border-color:rgba(131,255,203,.6);
}
#sidebar .emrw-nav-faucet.is-waiting{
  color:#a3b5c9;background:rgba(124,152,179,.14);border-color:rgba(147,174,192,.22);
}
#sidebar .emrw-nav-daily.has-reward{
  color:#ffdb99;background:rgba(216,148,47,.20);border-color:rgba(240,194,104,.55);
}
#sidebar .emrw-nav-daily.is-complete{
  max-width:56px;color:#073a2d;background:linear-gradient(135deg,#a7f3cf,#60d7ae);border-color:#73deb6;
}
/* Allow the known PTC badge 999+ to stay fully inside sidebar. */
body #sidebar .main-nav a.nav-link[href*="page=ptc"]{
  padding:7px 10px;min-width:0!important;overflow:hidden;
}
body #sidebar .main-nav a.nav-link[href*="page=ptc"]>.emrw-ptc-nav-badge{
  width:auto!important;min-width:27px!important;max-width:44px!important;
  height:21px!important;right:auto!important;top:auto!important;
  margin-left:auto;padding:2px 5px;font-size:10px;
}
#sidebar .emrw-drawer-close {display:none;}
.emrw-drawer-overlay[hidden]{display:none!important;}
.emrw-drawer-overlay{display:none;}
@media (min-width:901px){
  #sidebar{padding-top:14px;padding-bottom:11px;}
  #sidebar .brand{margin-bottom:14px;}
  #sidebar .main-nav{margin-bottom:11px;gap:2px;}
  #sidebar .sidebar-label{margin-bottom:5px;}
  #sidebar .main-nav a.nav-link{min-height:34px;padding-top:6px;padding-bottom:6px;}
  #sidebar .sidebar-user{padding-top:8px;}
  #sidebar .main-nav a.nav-link[href*="page=ptc"]{padding-top:6px;padding-bottom:6px;}
}
/* FireFaucet-like mobile behaviour: a real off-canvas drawer, not icon rail. */
@media (max-width:900px){
  html.emrw-nav-enhanced .app-shell{display:block;min-width:0;}
  html.emrw-nav-enhanced .main-area{
    box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0;
  }
  html.emrw-nav-enhanced #sidebar{
    box-sizing:border-box;position:fixed!important;inset:0 auto 0 0!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:min(88vw,320px)!important;max-width:320px!important;height:100vh!important;
    height:100dvh!important;padding:18px 14px max(12px,env(safe-area-inset-bottom));
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
    z-index:1201!important;transform:translate3d(-105%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,1,.36,1)!important;
    visibility:visible;pointer-events:none;
    box-shadow:18px 0 70px rgba(0,0,0,.34);
    background:#101c29;border-right:1px solid rgba(118,224,194,.18);
  }
  html.emrw-nav-enhanced #sidebar.sidebar-open{
    transform:translate3d(0,0,0)!important;visibility:visible;pointer-events:auto;
  }
  html.emrw-nav-enhanced #sidebar .brand{
    display:flex!important;align-items:center;gap:9px;
    width:calc(100% - 38px);margin:2px 0 19px;flex-shrink:0;
  }
  html.emrw-nav-enhanced #sidebar .brand .brand-mark{
    display:inline-flex!important;width:39px;height:39px;flex:0 0 39px;
  }
  html.emrw-nav-enhanced #sidebar .brand>span:nth-child(2){display:block!important;min-width:0;}
  html.emrw-nav-enhanced #sidebar .sidebar-label{
    display:block!important;text-align:left;padding:0 10px;margin:6px 0 7px;
    font-size:10px;color:#88a5b1;
  }
  html.emrw-nav-enhanced #sidebar .main-nav{
    display:flex!important;width:100%!important;align-items:stretch!important;
    margin:0 0 13px;gap:3px;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:11px;width:100%!important;max-width:100%!important;
    height:43px!important;min-height:43px!important;padding:9px 12px;
    color:#d9e5ed;font-size:13px;line-height:1.25;
    overflow:hidden;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link.active{
    color:#a1f3d1;background:rgba(67,190,151,.15);
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>.nav-icon{
    display:inline-flex!important;font-size:19px;
    flex:0 0 21px;width:21px;height:23px;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>span:nth-child(2){
    display:block!important;flex:1 1 auto!important;min-width:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>.emrw-nav-pill,
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>.emrw-ptc-nav-badge{
    position:static!important;right:auto!important;top:auto!important;transform:none!important;
    flex:0 0 auto!important;margin:0 0 0 auto;
    width:auto!important;max-width:62px!important;min-width:31px!important;
    height:23px!important;min-height:23px!important;
    padding:3px 6px;font-size:11px;line-height:1;
  }
  html.emrw-nav-enhanced #sidebar .sidebar-spacer{flex:1;min-height:6px;}
  html.emrw-nav-enhanced #sidebar .sidebar-user{
    display:flex!important;justify-content:flex-start!important;
    width:100%;margin-top:auto;padding:12px 4px 2px;
    border-color:rgba(170,194,210,.18);
  }
  html.emrw-nav-enhanced #sidebar .sidebar-user-info,
  html.emrw-nav-enhanced #sidebar .logout-form{
    display:block!important;
  }
  html.emrw-nav-enhanced #sidebar .sidebar-user-info strong{font-size:12px;color:#edf7fa;}
  html.emrw-nav-enhanced #sidebar .sidebar-user-info small{font-size:10px;color:#8ba5b4;}
  html.emrw-nav-enhanced #sidebar .icon-button{width:37px;height:37px;}
  html.emrw-nav-enhanced #sidebar .emrw-drawer-close{
    display:grid!important;place-items:center;position:absolute;right:12px;top:16px;
    width:36px;height:36px;border:1px solid rgba(135,199,187,.24);
    border-radius:11px;background:rgba(76,109,124,.18);color:#e3f8ef;
    font:26px/1 sans-serif;cursor:pointer;z-index:1;
  }
  html.emrw-nav-enhanced .mobile-menu#mobileMenu{
    box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;
    width:40px;height:40px;min-width:40px;padding:0;border-radius:11px;
    background:rgba(71,182,149,.13);border:1px solid rgba(116,216,181,.25);
    color:#8fe8c8;font-size:20px;cursor:pointer;
  }
  html.emrw-nav-enhanced .topbar{
    min-height:62px;height:auto!important;padding:8px 12px;gap:8px;
  }
  html.emrw-nav-enhanced .topbar .breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;}
  html.emrw-nav-enhanced .topbar .topbar-right{flex:0 0 auto;gap:5px;}
  html.emrw-nav-enhanced .topbar .online-label{display:none;}
  html.emrw-nav-enhanced .emrw-drawer-overlay{
    display:block;position:fixed;inset:0;z-index:1200;
    background:rgba(3,10,17,.66);backdrop-filter:none;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity 240ms ease,visibility 0s linear 240ms;
  }
  html.emrw-nav-enhanced .emrw-drawer-overlay.is-open{
    opacity:1;visibility:visible;pointer-events:auto;
    transition:opacity 240ms ease,visibility 0s linear 0s;
  }
  html.emrw-nav-enhanced body.emrw-drawer-open{overflow:hidden;}
}
@media (max-width:390px){
  html.emrw-nav-enhanced .topbar .breadcrumbs{font-size:10px;white-space:nowrap;}
  html.emrw-nav-enhanced .topbar .top-avatar{display:none;}
  html.emrw-nav-enhanced #sidebar{width:min(92vw,310px)!important;}
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link{gap:9px;padding-left:10px;padding-right:10px;}
}
@media (prefers-reduced-motion:reduce){
  html.emrw-nav-enhanced #sidebar{transition:none!important;}
}

/* EM REWARDS WORLD — animated menu icons inspired by modern faucet dashboards.
   These are original CSS icons (not copied assets) and work in both desktop
   and mobile navigation. */
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon{
  position:relative; overflow:visible; border-radius:9px;
  background:linear-gradient(180deg,rgba(113,245,204,.12),rgba(97,175,255,.05));
  border:1px solid rgba(125,221,194,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 5px 18px rgba(0,0,0,.15);
}
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::before,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::after{
  content:""; position:absolute; box-sizing:border-box;
}
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core{
  inset:0; display:block;
}
#sidebar .main-nav a.nav-link:hover > .nav-icon.emrw-menu-icon,
#sidebar .main-nav a.nav-link.active > .nav-icon.emrw-menu-icon{
  border-color:rgba(151,245,216,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(51,160,125,.18);
}

/* Overview / dashboard cube */
#sidebar .emrw-icon-overview::before{left:5px; top:5px; width:10px; height:10px; border-radius:3px; background:linear-gradient(135deg,#8ff0d6,#59c2ff); box-shadow:8px 2px 0 -1px rgba(95,193,255,.75), 2px 8px 0 -1px rgba(105,225,180,.8); animation:emrwIconFloat 2.8s ease-in-out infinite;}
#sidebar .emrw-icon-overview::after{right:4px; top:4px; width:4px; height:4px; border-radius:50%; background:#9ef5db; box-shadow:-10px 12px 0 rgba(103,195,255,.55); animation:emrwSparkle 2.4s linear infinite;}

/* Faucet droplet */
#sidebar .emrw-icon-faucet::before{left:7px; top:4px; width:8px; height:12px; background:linear-gradient(180deg,#99f7e3,#4ebeff); border-radius:60% 60% 70% 70%/55% 55% 75% 75%; transform:rotate(45deg); animation:emrwDropBob 2.3s ease-in-out infinite;}
#sidebar .emrw-icon-faucet::after{left:4px; bottom:4px; width:14px; height:4px; border-radius:999px; background:rgba(108,226,205,.28); border:1px solid rgba(120,214,255,.22);}

/* Auto faucet gear + lightning */
#sidebar .emrw-icon-auto::before{left:4px; top:4px; width:12px; height:12px; border:2px solid #87f1d6; border-radius:50%; box-shadow:0 0 0 2px rgba(124,194,255,.22) inset; animation:emrwRotate 3.6s linear infinite;}
#sidebar .emrw-icon-auto::after{right:4px; top:5px; width:0; height:0; border-left:4px solid transparent; border-right:2px solid transparent; border-top:0; border-bottom:9px solid #64c9ff; transform:skewX(-18deg); filter:drop-shadow(0 0 4px rgba(100,201,255,.35)); animation:emrwPulseMini 1.8s ease-in-out infinite;}
#sidebar .emrw-icon-auto .emrw-menu-core::before{left:8px; top:8px; width:4px; height:4px; border-radius:50%; background:#9df8df;}

/* Tasks / earn coins */
#sidebar .emrw-icon-tasks::before{left:5px; top:7px; width:12px; height:6px; border-radius:999px; background:linear-gradient(180deg,#a2f7dd,#57d2af); box-shadow:0 -4px 0 rgba(113,239,202,.72), 0 4px 0 rgba(73,183,255,.75); animation:emrwCoins 2.4s ease-in-out infinite;}
#sidebar .emrw-icon-tasks::after{right:4px; top:4px; width:4px; height:4px; border-radius:50%; background:#7cd4ff; box-shadow:-3px 5px 0 #9af3d9; animation:emrwSparkle 2.1s linear infinite;}

/* PTC monitor */
#sidebar .emrw-icon-ptc::before{left:4px; top:5px; width:14px; height:10px; border-radius:3px; border:2px solid #86efd7; background:linear-gradient(180deg,rgba(88,192,255,.25),rgba(42,76,115,.2));}
#sidebar .emrw-icon-ptc::after{left:9px; bottom:4px; width:4px; height:2px; background:#8beed8; box-shadow:0 2px 0 1px rgba(139,238,216,.35); animation:emrwBlink 2.6s ease-in-out infinite;}
#sidebar .emrw-icon-ptc .emrw-menu-core::before{left:8px; top:8px; width:0; height:0; border-left:5px solid #7acfff; border-top:3px solid transparent; border-bottom:3px solid transparent; animation:emrwPulseMini 1.8s ease-in-out infinite;}

/* Referrals */
#sidebar .emrw-icon-referrals::before{left:4px; top:8px; width:5px; height:5px; border-radius:50%; background:#96f5dc; box-shadow:9px 0 0 #6dc7ff, 4px -4px 0 rgba(150,245,220,.82); animation:emrwPulseMini 2s ease-in-out infinite;}
#sidebar .emrw-icon-referrals::after{left:7px; top:8px; width:8px; height:2px; background:linear-gradient(90deg,#96f5dc,#6dc7ff); transform:rotate(-24deg); transform-origin:left center;}
#sidebar .emrw-icon-referrals .emrw-menu-core::before{left:7px; top:11px; width:8px; height:2px; background:linear-gradient(90deg,#96f5dc,#6dc7ff); transform:rotate(24deg); transform-origin:left center;}

/* History clock */
#sidebar .emrw-icon-history::before{left:4px; top:4px; width:14px; height:14px; border-radius:50%; border:2px solid #8ef1d7;}
#sidebar .emrw-icon-history::after{left:10px; top:7px; width:2px; height:6px; border-radius:999px; background:#6fc9ff; transform-origin:1px 4px; animation:emrwClockHand 6s linear infinite;}
#sidebar .emrw-icon-history .emrw-menu-core::before{left:10px; top:10px; width:5px; height:2px; border-radius:999px; background:#9df5dc; transform-origin:left center; animation:emrwClockHandShort 4s linear infinite;}

/* Withdraw wallet */
#sidebar .emrw-icon-withdraw::before{left:4px; top:7px; width:14px; height:9px; border-radius:4px; background:linear-gradient(180deg,#89eed4,#4f9d85); border:1px solid rgba(149,243,215,.35);}
#sidebar .emrw-icon-withdraw::after{right:5px; top:9px; width:5px; height:4px; border-radius:2px; background:#1b3550; border:1px solid rgba(120,207,255,.5); box-shadow:inset 0 0 0 1px rgba(140,240,216,.15);}
#sidebar .emrw-icon-withdraw .emrw-menu-core::before{left:7px; top:9px; width:4px; height:4px; border-radius:50%; background:#73cbff; animation:emrwGlow 2.2s ease-in-out infinite;}

/* Levels star */
#sidebar .emrw-icon-levels::before{left:6px; top:4px; width:10px; height:10px; background:linear-gradient(180deg,#a1f6e2,#64c7ff); clip-path:polygon(50% 0,61% 35%,100% 38%,70% 60%,79% 100%,50% 76%,21% 100%,30% 60%,0 38%,39% 35%); animation:emrwBounce 2.3s ease-in-out infinite;}
#sidebar .emrw-icon-levels::after{right:4px; top:4px; width:4px; height:4px; border-radius:50%; background:#9ef5db; box-shadow:-2px 7px 0 #6dc7ff; animation:emrwSparkle 2.2s linear infinite;}

/* Trophy */
#sidebar .emrw-icon-ranks::before{left:5px; top:4px; width:12px; height:9px; border-radius:0 0 5px 5px; background:linear-gradient(180deg,#f5e79b,#e7ad51); box-shadow:0 8px 0 -3px #d79a40; animation:emrwTrophy 2.4s ease-in-out infinite;}
#sidebar .emrw-icon-ranks::after{left:8px; bottom:3px; width:6px; height:3px; border-radius:999px; background:#f0c46b;}
#sidebar .emrw-icon-ranks .emrw-menu-core::before{left:3px; top:5px; width:3px; height:5px; border:2px solid #e8b55a; border-right:0; border-radius:6px 0 0 6px;}
#sidebar .emrw-icon-ranks .emrw-menu-core::after{right:3px; top:5px; width:3px; height:5px; border:2px solid #e8b55a; border-left:0; border-radius:0 6px 6px 0;}

/* Chat bubble */
#sidebar .emrw-icon-chat::before{left:4px; top:5px; width:14px; height:10px; border-radius:5px; background:linear-gradient(180deg,#89f0d5,#56bbff);}
#sidebar .emrw-icon-chat::after{left:8px; bottom:4px; width:6px; height:6px; background:linear-gradient(180deg,#89f0d5,#56bbff); clip-path:polygon(0 0,100% 0,20% 100%); transform:rotate(8deg);}
#sidebar .emrw-icon-chat .emrw-menu-core::before{left:7px; top:9px; width:8px; height:2px; border-radius:999px; background:rgba(11,42,55,.38); box-shadow:0 3px 0 rgba(11,42,55,.25); animation:emrwBlink 2.8s ease-in-out infinite;}

/* Admin shield */
#sidebar .emrw-icon-admin::before{left:6px; top:4px; width:10px; height:12px; background:linear-gradient(180deg,#a9f7df,#68c8ff); clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%); animation:emrwFloat 2.6s ease-in-out infinite;}
#sidebar .emrw-icon-admin::after{left:9px; top:8px; width:4px; height:6px; border:2px solid rgba(12,49,65,.55); border-top-width:3px; border-bottom:none; border-radius:4px 4px 0 0;}

@keyframes emrwRotate{to{transform:rotate(360deg);}}
@keyframes emrwDropBob{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(1px)}}
@keyframes emrwPulseMini{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes emrwCoins{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes emrwClockHand{to{transform:rotate(360deg);}}
@keyframes emrwClockHandShort{to{transform:rotate(300deg);}}
@keyframes emrwGlow{0%,100%{box-shadow:0 0 0 rgba(115,203,255,0)}50%{box-shadow:0 0 6px rgba(115,203,255,.65)}}
@keyframes emrwBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px) scale(1.05)}}
@keyframes emrwTrophy{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes emrwSparkle{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
@keyframes emrwBlink{0%,86%,100%{opacity:.95}89%,92%{opacity:.35}}
@keyframes emrwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes emrwIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px) scale(1.03)}}

@media (prefers-reduced-motion:reduce){
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after,
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::before,
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::after{
    animation:none !important;
  }
}

/* END ORIGINAL nav-enhance.css */


/* BEGIN ORIGINAL emrw-first-paint.css */
/* EM REWARDS WORLD — stable first paint / no legacy-to-new page jump.
   Loaded in <head> after other styles. Does NOT affect finance or reward logic. */
html { scrollbar-gutter:stable; }
html.emrw-first-paint body.app-body .page-content:has(> .stats-grid):has(> .dashboard-grid)
  > :is(.page-intro,.emrw-fuel-panel-dashboard,.stats-grid,.dashboard-grid,.activity-panel),
html.emrw-first-paint body.app-body .page-content:has(> .tasks-grid)
  > :is(.page-intro,.notice,.tasks-grid),
html.emrw-first-paint body.app-body .page-content:has(> .level-hero)
  > :is(.page-intro,.level-hero,.level-stats,.levels-layout,.level-history-panel,.emrw-fuel-panel-levels),
html.emrw-first-paint body.app-body .page-content:has(> .ptc-layout):not(:has(#ptcTimer))
  > :is(.page-intro,.notice,.ptc-layout) {
  display:none!important;
  animation:none!important;
  pointer-events:none!important;
}
/* New CSS is immediately available, but JS may still be retrieving dynamic
   data. Preserve one stable overview-sized loading panel, not old orange UI. */
html.emrw-first-paint body.app-body .page-content:has(> .stats-grid):has(> .dashboard-grid)::before,
html.emrw-first-paint body.app-body .page-content:has(> .tasks-grid)::before,
html.emrw-first-paint body.app-body .page-content:has(> .level-hero)::before,
html.emrw-first-paint body.app-body .page-content:has(> .ptc-layout):not(:has(#ptcTimer))::before {
  content:""!important;
  display:block!important;
  box-sizing:border-box;
  width:100%;
  height:clamp(225px,27vw,280px)!important;
  margin:0 0 20px;
  border-radius:23px;
  border:1px solid rgba(112,226,191,.21)!important;
  background:radial-gradient(circle at 85% 20%,rgba(67,198,157,.17),transparent 40%),
    linear-gradient(120deg,#18293b,#1b3742,#18293b);
  box-shadow:0 14px 37px rgba(5,12,22,.14);
  animation:none!important;
}
/* Maintain the menu's final desktop and mobile geometry from the first frame;
   do not paint a text glyph then swap it for an animated icon. */
html.emrw-nav-enhanced #sidebar .main-nav a.nav-link > .nav-icon:not(.emrw-menu-icon) {
  font-size:0;
}
/* On page-module failure, explicitly reveal the legacy fallback. */
html.emrw-layout-recovered body.app-body .page-content:has(> .stats-grid):has(> .dashboard-grid)
  > :is(.page-intro,.emrw-fuel-panel-dashboard,.stats-grid,.dashboard-grid,.activity-panel),
html.emrw-layout-recovered body.app-body .page-content:has(> .tasks-grid)
  > :is(.page-intro,.notice,.tasks-grid),
html.emrw-layout-recovered body.app-body .page-content:has(> .level-hero)
  > :is(.page-intro,.level-hero,.level-stats,.levels-layout,.level-history-panel,.emrw-fuel-panel-levels),
html.emrw-layout-recovered body.app-body .page-content:has(> .ptc-layout)
  > :is(.page-intro,.notice,.ptc-layout) {
  display:revert!important;
  opacity:1!important;
  animation:none!important;
  pointer-events:auto!important;
}
html.emrw-layout-recovered body.app-body .page-content::before {display:none!important;}
@media(max-width:900px){
  html.emrw-nav-enhanced body.app-body .main-area{margin-left:0;min-width:0!important;max-width:100%!important;}
  /* V13: keep the sidebar painted off-screen while translating out; instant visibility:hidden cut the animation. */
}
@media(prefers-reduced-motion:reduce){html.emrw-first-paint body.app-body .page-content::before{animation:none!important;}}

/* The PTC timed viewer is NOT a replacement dashboard. Let it render immediately. */
html.emrw-first-paint body.app-body .page-content:has(> .ptc-layout):has(#ptcTimer)
  > :is(.page-intro,.notice,.ptc-layout){opacity:1!important;animation:none!important;pointer-events:auto!important;}
html.emrw-first-paint body.app-body .page-content:has(> .ptc-layout):has(#ptcTimer)::before{display:none!important;}

/* END ORIGINAL emrw-first-paint.css */


/* BEGIN ORIGINAL emrw-app-shell-v2.css */
/* EM REWARDS WORLD — SHARED APP SHELL V2 (18.10.2026)
   Generated from the existing site CSS. Navigation/layout only.
   Keep domain-specific CSS for individual modules in their own files.
*/

/* ---- nav-enhance.css ---- */
/* EM REWARDS WORLD — compact desktop navigation and accessible mobile drawer.
   Overrides only the shared sidebar/topbar; does not alter page content.
*/
#sidebar { box-sizing:border-box; }
#sidebar .brand, #sidebar .main-nav, #sidebar .sidebar-label {flex-shrink:0;}
#sidebar .sidebar-help{display:none!important;}
#sidebar .brand{margin:2px 4px 17px;}
#sidebar .sidebar-label{
  font-size:9px;line-height:1.35;letter-spacing:.10em;
  padding:0 10px;margin:2px 0 6px;
}
#sidebar .main-nav{
  display:flex;flex-direction:column;align-items:stretch;
  gap:3px;margin:0 0 13px;width:100%;min-width:0;
}
#sidebar .main-nav a.nav-link{
  box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;
  width:100%;max-width:100%;min-width:0;min-height:36px;height:auto;
  padding:7px 10px;gap:8px;margin:0;
  font-size:12px;line-height:1.3;border-radius:10px;
}
#sidebar .main-nav a.nav-link>.nav-icon{
  flex:0 0 20px;width:20px;height:22px;font-size:17px;display:inline-flex;
  align-items:center;justify-content:center;margin:0;
}
#sidebar .main-nav a.nav-link>span:nth-child(2){
  display:block;flex:1 1 auto;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}
#sidebar .sidebar-spacer{min-height:5px;}
#sidebar .sidebar-user{margin-top:auto;padding:10px 3px 2px;min-width:0;}
#sidebar .sidebar-user-info{min-width:0;}
/* Shared one-line badge slot: PTC, Faucet and Earn ACP cannot overlap. */
#sidebar .main-nav a.nav-link>.emrw-nav-pill,
#sidebar .main-nav a.nav-link>.emrw-ptc-nav-badge{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;
  position:static!important;inset:auto!important;transform:none!important;
  margin:0 0 0 auto;padding:2px 6px;
  flex:0 0 auto!important;max-width:54px;min-width:30px;min-height:21px;height:21px;
  border-radius:999px;line-height:1;letter-spacing:0;
  white-space:nowrap;overflow:hidden;vertical-align:middle;
  font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;
  box-shadow:none;
}
#sidebar .emrw-nav-pill{
  color:#aeead6;background:rgba(45,177,143,.12);border:1px solid rgba(82,210,167,.26);
}
#sidebar .emrw-nav-faucet.is-ready{
  color:#073a2d;background:linear-gradient(135deg,#b4f6d6,#65dcb5);border-color:rgba(131,255,203,.6);
}
#sidebar .emrw-nav-faucet.is-waiting{
  color:#a3b5c9;background:rgba(124,152,179,.14);border-color:rgba(147,174,192,.22);
}
#sidebar .emrw-nav-daily.has-reward{
  color:#ffdb99;background:rgba(216,148,47,.20);border-color:rgba(240,194,104,.55);
}
#sidebar .emrw-nav-daily.is-complete{
  max-width:56px;color:#073a2d;background:linear-gradient(135deg,#a7f3cf,#60d7ae);border-color:#73deb6;
}
/* Allow the known PTC badge 999+ to stay fully inside sidebar. */
body #sidebar .main-nav a.nav-link[href*="page=ptc"]{
  padding:7px 10px;min-width:0!important;overflow:hidden;
}
body #sidebar .main-nav a.nav-link[href*="page=ptc"]>.emrw-ptc-nav-badge{
  width:auto!important;min-width:27px!important;max-width:44px!important;
  height:21px!important;right:auto!important;top:auto!important;
  margin-left:auto;padding:2px 5px;font-size:10px;
}
#sidebar .emrw-drawer-close {display:none;}
.emrw-drawer-overlay[hidden]{display:none!important;}
.emrw-drawer-overlay{display:none;}
@media (min-width:901px){
  #sidebar{padding-top:14px;padding-bottom:11px;}
  #sidebar .brand{margin-bottom:14px;}
  #sidebar .main-nav{margin-bottom:11px;gap:2px;}
  #sidebar .sidebar-label{margin-bottom:5px;}
  #sidebar .main-nav a.nav-link{min-height:34px;padding-top:6px;padding-bottom:6px;}
  #sidebar .sidebar-user{padding-top:8px;}
  #sidebar .main-nav a.nav-link[href*="page=ptc"]{padding-top:6px;padding-bottom:6px;}
}
/* FireFaucet-like mobile behaviour: a real off-canvas drawer, not icon rail. */
@media (max-width:900px){
  html.emrw-nav-enhanced .app-shell{display:block;min-width:0;}
  html.emrw-nav-enhanced .main-area{
    box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0;
  }
  html.emrw-nav-enhanced #sidebar{
    box-sizing:border-box;position:fixed!important;inset:0 auto 0 0!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:min(88vw,320px)!important;max-width:320px!important;height:100vh!important;
    height:100dvh!important;padding:18px 14px max(12px,env(safe-area-inset-bottom));
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
    z-index:1201!important;transform:translate3d(-105%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,1,.36,1)!important;
    visibility:visible;pointer-events:none;
    box-shadow:18px 0 70px rgba(0,0,0,.34);
    background:#101c29;border-right:1px solid rgba(118,224,194,.18);
  }
  html.emrw-nav-enhanced #sidebar.sidebar-open{
    transform:translate3d(0,0,0)!important;visibility:visible;pointer-events:auto;
  }
  html.emrw-nav-enhanced #sidebar .brand{
    display:flex!important;align-items:center;gap:9px;
    width:calc(100% - 38px);margin:2px 0 19px;flex-shrink:0;
  }
  html.emrw-nav-enhanced #sidebar .brand .brand-mark{
    display:inline-flex!important;width:39px;height:39px;flex:0 0 39px;
  }
  html.emrw-nav-enhanced #sidebar .brand>span:nth-child(2){display:block!important;min-width:0;}
  html.emrw-nav-enhanced #sidebar .sidebar-label{
    display:block!important;text-align:left;padding:0 10px;margin:6px 0 7px;
    font-size:10px;color:#88a5b1;
  }
  html.emrw-nav-enhanced #sidebar .main-nav{
    display:flex!important;width:100%!important;align-items:stretch!important;
    margin:0 0 13px;gap:3px;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:11px;width:100%!important;max-width:100%!important;
    height:43px!important;min-height:43px!important;padding:9px 12px;
    color:#d9e5ed;font-size:13px;line-height:1.25;
    overflow:hidden;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link.active{
    color:#a1f3d1;background:rgba(67,190,151,.15);
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>.nav-icon{
    display:inline-flex!important;font-size:19px;
    flex:0 0 21px;width:21px;height:23px;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>span:nth-child(2){
    display:block!important;flex:1 1 auto!important;min-width:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>.emrw-nav-pill,
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link>.emrw-ptc-nav-badge{
    position:static!important;right:auto!important;top:auto!important;transform:none!important;
    flex:0 0 auto!important;margin:0 0 0 auto;
    width:auto!important;max-width:62px!important;min-width:31px!important;
    height:23px!important;min-height:23px!important;
    padding:3px 6px;font-size:11px;line-height:1;
  }
  html.emrw-nav-enhanced #sidebar .sidebar-spacer{flex:1;min-height:6px;}
  html.emrw-nav-enhanced #sidebar .sidebar-user{
    display:flex!important;justify-content:flex-start!important;
    width:100%;margin-top:auto;padding:12px 4px 2px;
    border-color:rgba(170,194,210,.18);
  }
  html.emrw-nav-enhanced #sidebar .sidebar-user-info,
  html.emrw-nav-enhanced #sidebar .logout-form{
    display:block!important;
  }
  html.emrw-nav-enhanced #sidebar .sidebar-user-info strong{font-size:12px;color:#edf7fa;}
  html.emrw-nav-enhanced #sidebar .sidebar-user-info small{font-size:10px;color:#8ba5b4;}
  html.emrw-nav-enhanced #sidebar .icon-button{width:37px;height:37px;}
  html.emrw-nav-enhanced #sidebar .emrw-drawer-close{
    display:grid!important;place-items:center;position:absolute;right:12px;top:16px;
    width:36px;height:36px;border:1px solid rgba(135,199,187,.24);
    border-radius:11px;background:rgba(76,109,124,.18);color:#e3f8ef;
    font:26px/1 sans-serif;cursor:pointer;z-index:1;
  }
  html.emrw-nav-enhanced .mobile-menu#mobileMenu{
    box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;
    width:40px;height:40px;min-width:40px;padding:0;border-radius:11px;
    background:rgba(71,182,149,.13);border:1px solid rgba(116,216,181,.25);
    color:#8fe8c8;font-size:20px;cursor:pointer;
  }
  html.emrw-nav-enhanced .topbar{
    min-height:62px;height:auto!important;padding:8px 12px;gap:8px;
  }
  html.emrw-nav-enhanced .topbar .breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;}
  html.emrw-nav-enhanced .topbar .topbar-right{flex:0 0 auto;gap:5px;}
  html.emrw-nav-enhanced .topbar .online-label{display:none;}
  html.emrw-nav-enhanced .emrw-drawer-overlay{
    display:block;position:fixed;inset:0;z-index:1200;
    background:rgba(3,10,17,.66);backdrop-filter:none;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity 240ms ease,visibility 0s linear 240ms;
  }
  html.emrw-nav-enhanced .emrw-drawer-overlay.is-open{
    opacity:1;visibility:visible;pointer-events:auto;
    transition:opacity 240ms ease,visibility 0s linear 0s;
  }
  html.emrw-nav-enhanced body.emrw-drawer-open{overflow:hidden;}
}
@media (max-width:390px){
  html.emrw-nav-enhanced .topbar .breadcrumbs{font-size:10px;white-space:nowrap;}
  html.emrw-nav-enhanced .topbar .top-avatar{display:none;}
  html.emrw-nav-enhanced #sidebar{width:min(92vw,310px)!important;}
  html.emrw-nav-enhanced #sidebar .main-nav a.nav-link{gap:9px;padding-left:10px;padding-right:10px;}
}
@media (prefers-reduced-motion:reduce){
  html.emrw-nav-enhanced #sidebar{transition:none!important;}
}

/* EM REWARDS WORLD — animated menu icons inspired by modern faucet dashboards.
   These are original CSS icons (not copied assets) and work in both desktop
   and mobile navigation. */
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon{
  position:relative; overflow:visible; border-radius:9px;
  background:linear-gradient(180deg,rgba(113,245,204,.12),rgba(97,175,255,.05));
  border:1px solid rgba(125,221,194,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 5px 18px rgba(0,0,0,.15);
}
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::before,
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::after{
  content:""; position:absolute; box-sizing:border-box;
}
#sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core{
  inset:0; display:block;
}
#sidebar .main-nav a.nav-link:hover > .nav-icon.emrw-menu-icon,
#sidebar .main-nav a.nav-link.active > .nav-icon.emrw-menu-icon{
  border-color:rgba(151,245,216,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(51,160,125,.18);
}

/* Overview / dashboard cube */
#sidebar .emrw-icon-overview::before{left:5px; top:5px; width:10px; height:10px; border-radius:3px; background:linear-gradient(135deg,#8ff0d6,#59c2ff); box-shadow:8px 2px 0 -1px rgba(95,193,255,.75), 2px 8px 0 -1px rgba(105,225,180,.8); animation:emrwIconFloat 2.8s ease-in-out infinite;}
#sidebar .emrw-icon-overview::after{right:4px; top:4px; width:4px; height:4px; border-radius:50%; background:#9ef5db; box-shadow:-10px 12px 0 rgba(103,195,255,.55); animation:emrwSparkle 2.4s linear infinite;}

/* Faucet droplet */
#sidebar .emrw-icon-faucet::before{left:7px; top:4px; width:8px; height:12px; background:linear-gradient(180deg,#99f7e3,#4ebeff); border-radius:60% 60% 70% 70%/55% 55% 75% 75%; transform:rotate(45deg); animation:emrwDropBob 2.3s ease-in-out infinite;}
#sidebar .emrw-icon-faucet::after{left:4px; bottom:4px; width:14px; height:4px; border-radius:999px; background:rgba(108,226,205,.28); border:1px solid rgba(120,214,255,.22);}

/* Auto faucet gear + lightning */
#sidebar .emrw-icon-auto::before{left:4px; top:4px; width:12px; height:12px; border:2px solid #87f1d6; border-radius:50%; box-shadow:0 0 0 2px rgba(124,194,255,.22) inset; animation:emrwRotate 3.6s linear infinite;}
#sidebar .emrw-icon-auto::after{right:4px; top:5px; width:0; height:0; border-left:4px solid transparent; border-right:2px solid transparent; border-top:0; border-bottom:9px solid #64c9ff; transform:skewX(-18deg); filter:drop-shadow(0 0 4px rgba(100,201,255,.35)); animation:emrwPulseMini 1.8s ease-in-out infinite;}
#sidebar .emrw-icon-auto .emrw-menu-core::before{left:8px; top:8px; width:4px; height:4px; border-radius:50%; background:#9df8df;}

/* Tasks / earn coins */
#sidebar .emrw-icon-tasks::before{left:5px; top:7px; width:12px; height:6px; border-radius:999px; background:linear-gradient(180deg,#a2f7dd,#57d2af); box-shadow:0 -4px 0 rgba(113,239,202,.72), 0 4px 0 rgba(73,183,255,.75); animation:emrwCoins 2.4s ease-in-out infinite;}
#sidebar .emrw-icon-tasks::after{right:4px; top:4px; width:4px; height:4px; border-radius:50%; background:#7cd4ff; box-shadow:-3px 5px 0 #9af3d9; animation:emrwSparkle 2.1s linear infinite;}

/* PTC monitor */
#sidebar .emrw-icon-ptc::before{left:4px; top:5px; width:14px; height:10px; border-radius:3px; border:2px solid #86efd7; background:linear-gradient(180deg,rgba(88,192,255,.25),rgba(42,76,115,.2));}
#sidebar .emrw-icon-ptc::after{left:9px; bottom:4px; width:4px; height:2px; background:#8beed8; box-shadow:0 2px 0 1px rgba(139,238,216,.35); animation:emrwBlink 2.6s ease-in-out infinite;}
#sidebar .emrw-icon-ptc .emrw-menu-core::before{left:8px; top:8px; width:0; height:0; border-left:5px solid #7acfff; border-top:3px solid transparent; border-bottom:3px solid transparent; animation:emrwPulseMini 1.8s ease-in-out infinite;}

/* Referrals */
#sidebar .emrw-icon-referrals::before{left:4px; top:8px; width:5px; height:5px; border-radius:50%; background:#96f5dc; box-shadow:9px 0 0 #6dc7ff, 4px -4px 0 rgba(150,245,220,.82); animation:emrwPulseMini 2s ease-in-out infinite;}
#sidebar .emrw-icon-referrals::after{left:7px; top:8px; width:8px; height:2px; background:linear-gradient(90deg,#96f5dc,#6dc7ff); transform:rotate(-24deg); transform-origin:left center;}
#sidebar .emrw-icon-referrals .emrw-menu-core::before{left:7px; top:11px; width:8px; height:2px; background:linear-gradient(90deg,#96f5dc,#6dc7ff); transform:rotate(24deg); transform-origin:left center;}

/* History clock */
#sidebar .emrw-icon-history::before{left:4px; top:4px; width:14px; height:14px; border-radius:50%; border:2px solid #8ef1d7;}
#sidebar .emrw-icon-history::after{left:10px; top:7px; width:2px; height:6px; border-radius:999px; background:#6fc9ff; transform-origin:1px 4px; animation:emrwClockHand 6s linear infinite;}
#sidebar .emrw-icon-history .emrw-menu-core::before{left:10px; top:10px; width:5px; height:2px; border-radius:999px; background:#9df5dc; transform-origin:left center; animation:emrwClockHandShort 4s linear infinite;}

/* Withdraw wallet */
#sidebar .emrw-icon-withdraw::before{left:4px; top:7px; width:14px; height:9px; border-radius:4px; background:linear-gradient(180deg,#89eed4,#4f9d85); border:1px solid rgba(149,243,215,.35);}
#sidebar .emrw-icon-withdraw::after{right:5px; top:9px; width:5px; height:4px; border-radius:2px; background:#1b3550; border:1px solid rgba(120,207,255,.5); box-shadow:inset 0 0 0 1px rgba(140,240,216,.15);}
#sidebar .emrw-icon-withdraw .emrw-menu-core::before{left:7px; top:9px; width:4px; height:4px; border-radius:50%; background:#73cbff; animation:emrwGlow 2.2s ease-in-out infinite;}

/* Levels star */
#sidebar .emrw-icon-levels::before{left:6px; top:4px; width:10px; height:10px; background:linear-gradient(180deg,#a1f6e2,#64c7ff); clip-path:polygon(50% 0,61% 35%,100% 38%,70% 60%,79% 100%,50% 76%,21% 100%,30% 60%,0 38%,39% 35%); animation:emrwBounce 2.3s ease-in-out infinite;}
#sidebar .emrw-icon-levels::after{right:4px; top:4px; width:4px; height:4px; border-radius:50%; background:#9ef5db; box-shadow:-2px 7px 0 #6dc7ff; animation:emrwSparkle 2.2s linear infinite;}

/* Trophy */
#sidebar .emrw-icon-ranks::before{left:5px; top:4px; width:12px; height:9px; border-radius:0 0 5px 5px; background:linear-gradient(180deg,#f5e79b,#e7ad51); box-shadow:0 8px 0 -3px #d79a40; animation:emrwTrophy 2.4s ease-in-out infinite;}
#sidebar .emrw-icon-ranks::after{left:8px; bottom:3px; width:6px; height:3px; border-radius:999px; background:#f0c46b;}
#sidebar .emrw-icon-ranks .emrw-menu-core::before{left:3px; top:5px; width:3px; height:5px; border:2px solid #e8b55a; border-right:0; border-radius:6px 0 0 6px;}
#sidebar .emrw-icon-ranks .emrw-menu-core::after{right:3px; top:5px; width:3px; height:5px; border:2px solid #e8b55a; border-left:0; border-radius:0 6px 6px 0;}

/* Chat bubble */
#sidebar .emrw-icon-chat::before{left:4px; top:5px; width:14px; height:10px; border-radius:5px; background:linear-gradient(180deg,#89f0d5,#56bbff);}
#sidebar .emrw-icon-chat::after{left:8px; bottom:4px; width:6px; height:6px; background:linear-gradient(180deg,#89f0d5,#56bbff); clip-path:polygon(0 0,100% 0,20% 100%); transform:rotate(8deg);}
#sidebar .emrw-icon-chat .emrw-menu-core::before{left:7px; top:9px; width:8px; height:2px; border-radius:999px; background:rgba(11,42,55,.38); box-shadow:0 3px 0 rgba(11,42,55,.25); animation:emrwBlink 2.8s ease-in-out infinite;}

/* Admin shield */
#sidebar .emrw-icon-admin::before{left:6px; top:4px; width:10px; height:12px; background:linear-gradient(180deg,#a9f7df,#68c8ff); clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%); animation:emrwFloat 2.6s ease-in-out infinite;}
#sidebar .emrw-icon-admin::after{left:9px; top:8px; width:4px; height:6px; border:2px solid rgba(12,49,65,.55); border-top-width:3px; border-bottom:none; border-radius:4px 4px 0 0;}

@keyframes emrwRotate{to{transform:rotate(360deg);}}
@keyframes emrwDropBob{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(1px)}}
@keyframes emrwPulseMini{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes emrwCoins{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes emrwClockHand{to{transform:rotate(360deg);}}
@keyframes emrwClockHandShort{to{transform:rotate(300deg);}}
@keyframes emrwGlow{0%,100%{box-shadow:0 0 0 rgba(115,203,255,0)}50%{box-shadow:0 0 6px rgba(115,203,255,.65)}}
@keyframes emrwBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px) scale(1.05)}}
@keyframes emrwTrophy{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes emrwSparkle{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
@keyframes emrwBlink{0%,86%,100%{opacity:.95}89%,92%{opacity:.35}}
@keyframes emrwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes emrwIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px) scale(1.03)}}

@media (prefers-reduced-motion:reduce){
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after,
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::before,
  #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon .emrw-menu-core::after{
    animation:none !important;
  }
}


/* ---- site-overview-theme.css ---- */
/* EM REWARDS WORLD — Overview design language across legacy and standalone pages.
   Appearance-only override. No account/action logic is changed. */
:root {
  --emrw-ui-surface:#18283b;
  --emrw-ui-surface-deep:#142236;
  --emrw-ui-raised:#1e3043;
  --emrw-ui-line:rgba(136,177,203,.20);
  --emrw-ui-mint:#73e4c1;
  --emrw-ui-text:#f1f7fd;
  --emrw-ui-muted:#aec3d0;
  --emrw-ui-radius:18px;
}
html { color-scheme:dark; }
body.emrw-unified-ui,body.emrw-unified-ui input,body.emrw-unified-ui button,body.emrw-unified-ui select,body.emrw-unified-ui textarea { font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
body.emrw-unified-ui .page-content,body.emrw-unified-ui .emrw-ranks-main,body.emrw-unified-ui .chat-main,body.emrw-unified-ui .chat-admin-layout { min-width:0; }
body.emrw-unified-ui .page-content > .page-intro:not(#emrw-overview-v2 .page-intro) {
  box-sizing:border-box; border:1px solid rgba(113,221,190,.23);
  background:radial-gradient(ellipse at 92% 0%,rgba(38,171,143,.19),transparent 44%),linear-gradient(115deg,#172b40,#172538 60%,#18363f);
  border-radius:23px; padding:26px 29px; gap:18px; min-width:0;
  box-shadow:0 14px 35px rgba(5,12,22,.14); margin-bottom:20px;
}
body.emrw-unified-ui .page-content > .page-intro h1 { color:#f5fcff; font-weight:800; letter-spacing:-.035em; font-size:clamp(25px,2.8vw,38px); line-height:1.14; }
body.emrw-unified-ui .page-content > .page-intro p { color:#b5cbd4; line-height:1.65; }
body.emrw-unified-ui .page-content > .page-intro .eyebrow { color:var(--emrw-ui-mint);font-weight:800;letter-spacing:.11em; }

/* Cards/panels derived from Overview. Respect special visual effects and charts. */
body.emrw-unified-ui :is(.page-content > .panel,.page-content > .dashboard-grid > .panel,
  .page-content .stat-card,.page-content .info-card,.page-content .activity-panel,
  .page-content .task-card,.page-content .faucet-card,.page-content .withdraw-card,
  .page-content .level-card,.page-content .referral-card,
  .rp-panel,.rp-stat,.rp-tier,.rp-condition,
  .emrw-ranks-panel,.emrw-ranks-stat,.emrw-ranks-hero,
  .chat-card,.chat-side-card,.chat-admin-panel,.emrw-hub-card,.emrw-hub-section) {
  box-sizing:border-box; border:1px solid var(--emrw-ui-line); border-radius:var(--emrw-ui-radius);
  background:linear-gradient(145deg,rgba(24,40,59,.96),rgba(20,34,53,.98));
  color:var(--emrw-ui-text); box-shadow:0 9px 27px rgba(5,12,22,.10); min-width:0;
}
body.emrw-unified-ui :is(.page-content .stat-card,.rp-stat,.rp-tier,.emrw-ranks-stat){transition:border-color .2s,transform .2s,box-shadow .2s;}
@media (hover:hover) {
  body.emrw-unified-ui :is(.page-content .stat-card,.rp-stat,.rp-tier,.emrw-ranks-stat):hover {
    border-color:rgba(113,226,190,.43);transform:translateY(-2px);box-shadow:0 14px 34px rgba(6,13,28,.16);
  }
}
body.emrw-unified-ui :is(.page-content .panel-heading h2,.page-content .section-title h2,.rp-heading h2,.emrw-ranks-section-head h2,.chat-side-heading h2,.chat-admin-panel h2) {
  color:#f2f9ff;letter-spacing:-.025em;font-weight:800;
}
body.emrw-unified-ui :is(.page-content p,.page-content small,.rp-heading p,.emrw-ranks-hint,.chat-faint) { line-height:1.6; }
body.emrw-unified-ui :is(.page-content .panel,.rp-panel,.emrw-ranks-panel,.chat-side-card) { backdrop-filter:none; }
body.emrw-unified-ui :is(.page-content button:not(.mobile-menu):not(.icon-button),.page-content a.btn,.rp-primary,.emrw-ranks-tabs a,.chat-send,.chat-archive-link) { border-radius:11px; }
body.emrw-unified-ui :is(.page-content button,.page-content a.btn,.rp-primary,.chat-send):focus-visible { outline:2px solid #86f8cd; outline-offset:3px; }
body.emrw-unified-ui :is(.page-content input:not([type=checkbox]):not([type=radio]),.page-content select,.page-content textarea,.rp-copy input,.chat-composer textarea,.emrw-ranks-toolbar select) {
  max-width:100%;color:#eff7ff;outline-offset:2px;border-color:rgba(134,183,205,.24);border-radius:11px;
}
body.emrw-unified-ui :is(.page-content input,.page-content textarea,.page-content select,.rp-copy input,.chat-composer textarea):focus-visible { border-color:rgba(118,228,196,.7);outline:2px solid rgba(118,228,196,.25); }
body.emrw-unified-ui :is(.page-content .table-wrap,.page-content .table-scroll,.page-content .data-table-wrap,.rp-table-wrap,.emrw-ranks-table-wrap,.chat-admin-scroll){ max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain; }
body.emrw-unified-ui :is(.page-content table,.rp-table,.emrw-ranks-table-wrap table,.chat-admin-table) { border-collapse:separate;border-spacing:0; }
body.emrw-unified-ui :is(.page-content th,.rp-table th,.emrw-ranks-table-wrap th,.chat-admin-table th) { color:#9dcdbf;font-weight:800;letter-spacing:.035em; }
body.emrw-unified-ui :is(.page-content td,.page-content th,.rp-table td,.rp-table th,.emrw-ranks-table-wrap td,.emrw-ranks-table-wrap th){vertical-align:middle;}
body.emrw-unified-ui :is(.page-content .badge,.rp-count,.emrw-ranks-pill,.chat-count){ border-radius:999px; }

/* Supplementary page families without a shared page wrapper. */
body.emrw-unified-ui .rp { --rp-mint:var(--emrw-ui-mint); }
body.emrw-unified-ui .rp-intro,body.emrw-unified-ui .emrw-ranks-hero {
  background:radial-gradient(ellipse at 92% 4%,rgba(39,172,139,.19),transparent 40%),linear-gradient(116deg,#172b40,#172538 59%,#193b42);
  border:1px solid rgba(103,223,191,.27);border-radius:23px;
}
body.emrw-unified-ui .emrw-hub-hero {border-radius:23px;background:radial-gradient(ellipse at 88% 3%,rgba(39,172,139,.20),transparent 40%),linear-gradient(115deg,#172b40,#172538 60%,#193b42);border:1px solid rgba(103,223,191,.27);}
body.emrw-unified-ui .chat-topbar,body.emrw-unified-ui .topbar { border-bottom-color:rgba(119,186,186,.14); }
body.emrw-unified-ui .chat-room-tabs > * { border-radius:12px; }
body.emrw-unified-ui .chat-message { overflow-wrap:anywhere; }

/* Language control: same tri-language flag switcher on every page. */
body.emrw-unified-ui .emrw-language-uniform,
body.emrw-unified-ui .language-picker.language-flags,
body.emrw-unified-ui .emrw-ranks-toolbar .emrw-language-uniform {
  display:inline-flex!important;flex-flow:row nowrap!important;align-items:center;justify-content:center;
  padding:4px;gap:4px;min-width:0;max-width:100%;
  border:1px solid rgba(121,213,185,.27)!important;border-radius:13px;
  background:rgba(12,31,47,.65);box-shadow:inset 0 1px 0 rgba(232,255,249,.03);
}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button,
body.emrw-unified-ui .language-picker.language-flags [data-language-choice] {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  flex:0 0 auto!important;min-width:41px;min-height:34px;padding:5px 8px;
  border:1px solid transparent!important;border-radius:9px;
  color:#b7cbd5;background:transparent;
  font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;
}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button[aria-pressed=true],
body.emrw-unified-ui .language-picker.language-flags [data-language-choice].is-active {
  background:linear-gradient(145deg,rgba(47,171,138,.25),rgba(52,109,117,.3));
  border-color:rgba(106,230,187,.46);color:#b7ffe1;
  box-shadow:0 0 0 1px rgba(20,97,76,.16) inset;
}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button:focus-visible,
body.emrw-unified-ui .language-picker.language-flags [data-language-choice]:focus-visible {outline:2px solid #91f2d1!important;outline-offset:2px!important;}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button:hover {color:#f0fffa;background:rgba(82,176,152,.14);}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:17px;line-height:1;}
body.emrw-unified-ui .emrw-language-uniform .emrw-lang-flag-svg{display:block;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(246,255,251,.14);}
body.emrw-unified-ui .emrw-original-lang-select {position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;white-space:nowrap!important;}
/* Refuse layout overflow in top bars, notably at 320px. */
body.emrw-unified-ui .topbar .topbar-right,body.emrw-unified-ui .chat-top-right,body.emrw-unified-ui .emrw-ranks-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;}
body.emrw-unified-ui .emrw-ranks-toolbar > label:not(.emrw-language-uniform) {display:none;}
body.emrw-unified-ui .chat-lang-field{margin:0;}

/* Menu icon: true centered 32px circular medallion. CSS translate is independent
   from animated transforms so the 22px glyph animations still work. */
body.emrw-unified-ui #sidebar .main-nav a.nav-link {gap:9px;min-width:0;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon {
  box-sizing:border-box!important;position:relative!important;display:grid!important;place-items:center!important;
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;margin:0;padding:0;border-radius:50%;
  color:#a8f5dd;font-size:19px;text-align:center;line-height:1;
  border:1px solid rgba(117,225,190,.33)!important;
  background:radial-gradient(circle at 38% 28%,rgba(101,206,167,.23),rgba(23,48,64,.9) 73%);
  box-shadow:inset 0 1px 0 rgba(210,255,244,.08),0 3px 12px rgba(0,0,0,.2);
  overflow:hidden;isolation:isolate;
}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after {translate:5px 5px;scale:1.1;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon > .emrw-menu-core {inset:5px!important;scale:1.1;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon {overflow:visible;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link:hover > .nav-icon,
body.emrw-unified-ui #sidebar .main-nav a.nav-link.active > .nav-icon {
  border-color:rgba(137,252,210,.68);box-shadow:0 0 13px rgba(98,229,181,.16),inset 0 1px 0 rgba(231,255,245,.12);
}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > span:nth-child(2) {flex:1 1 auto!important;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .emrw-nav-pill,
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .emrw-ptc-nav-badge,
body.emrw-unified-ui #sidebar .main-nav a.nav-link > .emrw-chat-online-badge {
  position:static!important;flex:0 0 auto!important;margin-left:auto;transform:none!important;
  max-width:68px!important;white-space:nowrap;box-sizing:border-box;
}
@media (min-width:901px){
 body.emrw-unified-ui #sidebar .main-nav a.nav-link{min-height:39px!important;padding:4px 10px;}
 body.emrw-unified-ui #sidebar .main-nav{gap:2px;}
}
@media (max-width:900px){
 body.emrw-unified-ui #sidebar .main-nav a.nav-link{height:auto!important;min-height:46px!important;padding:6px 10px;}
 body.emrw-unified-ui #sidebar .main-nav a.nav-link > .nav-icon{width:32px!important;flex-basis:32px!important;height:32px!important;}
}
@media (max-width:520px){
 body.emrw-unified-ui .page-content > .page-intro {padding:19px 18px;}
 body.emrw-unified-ui .emrw-language-uniform .emrw-lang-button {min-width:37px;padding:5px 6px;}
 body.emrw-unified-ui .topbar .breadcrumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 body.emrw-unified-ui .topbar .topbar-right {gap:5px;}
}
@media (prefers-reduced-motion:reduce){body.emrw-unified-ui :is(.page-content .stat-card,.rp-stat,.rp-tier,.emrw-ranks-stat){transition:none!important;}}

/* Specific dynamic modules: the same card surfaces without replacing them. */
body.emrw-unified-ui :is(
  .emrw-tk-daily-card,.emrw-tk-overview,.emrw-tk-section,
  .emrw-lv2-stat,.emrw-lv2-claim,.emrw-lv2-formula,.emrw-lv2-table-panel,
  .emrw-pv2-panel,.emrw-pv2-tier,.emrw-pv2-ad,.emrw-pv2-wallet-card,
  .emrw-auto-flow-group,.emrw-auto-flow-forecast,.emrw-auto-flow-tile,
  .emrw-faucet-rewards,.emrw-faucet-reward,.emrw-speed,
  .emrw-hub-card,.emrw-hub-section,.emrw-hub-status
) {
  box-sizing:border-box;border:1px solid rgba(136,177,203,.21);
  background:linear-gradient(145deg,rgba(24,40,59,.95),rgba(20,34,53,.98));
  border-radius:17px;box-shadow:0 9px 27px rgba(5,12,22,.10);min-width:0;
}
body.emrw-unified-ui :is(.emrw-tk-hero,.emrw-lv2-hero,.emrw-pv2-hero,.emrw-auto-hero,.emrw-faucet-hero,.emrw-hub-hero){
  border-radius:23px;border:1px solid rgba(105,220,185,.26);
}
body.emrw-unified-ui :is(.emrw-lv2-section-head h2,.emrw-tk-section-head h2,.emrw-pv2-sectionhead h2,.emrw-auto-flow-heading h2,.emrw-faucet-rewards-head h2){
  font-weight:800;letter-spacing:-.024em;color:#f4faff;
}
body.emrw-unified-ui :is(.emrw-lv2-eyebrow,.emrw-tk-eyebrow,.emrw-pv2-kicker,.emrw-auto-flow-kicker,.emrw-faucet-rewards-eyebrow){
  color:#84e9ca;letter-spacing:.10em;font-weight:800;
}
body.emrw-unified-ui :is(.emrw-tk-daily-card,.emrw-pv2-tier,.emrw-speed) {
  transition:border-color .2s,transform .2s;
}
@media(hover:hover){body.emrw-unified-ui :is(.emrw-tk-daily-card,.emrw-pv2-tier,.emrw-speed):hover{border-color:rgba(111,225,190,.48);transform:translateY(-2px)}}
body.emrw-unified-ui :is(.emrw-lv2-table-panel,.emrw-pv2-wallet-row,.emrw-speeds__grid,.emrw-auto-flow-columns,.emrw-faucet-rewards-grid) {max-width:100%;min-width:0;}
body.emrw-unified-ui :is(.emrw-pv2-ad-list,.emrw-pv2-requests,.emrw-lv2-table-panel) {overflow-wrap:anywhere;}
body.emrw-unified-ui :is(.emrw-speeds__grid,.emrw-pv2-tier-grid,.emrw-tk-daily-grid,.emrw-lv2-stat-grid) > * {min-width:0;}
@media (max-width:650px){
 body.emrw-unified-ui :is(.emrw-tk-hero,.emrw-lv2-hero,.emrw-pv2-hero,.emrw-ranks-hero,.emrw-hub-hero){border-radius:18px;}
 body.emrw-unified-ui :is(.emrw-speeds__grid,.emrw-pv2-tier-grid,.emrw-tk-daily-grid){max-width:100%;}
}


/* ---- emrw-community-nav-v2.css ---- */
/* EMRW Community + Ranks: unify standalone page styling with Overview.
   No account data, payment state or business logic changes. */
:root{--emrw-c-mint:#73e4c1;--emrw-c-bg:#142236;--emrw-c-panel:#18283b;--emrw-c-line:rgba(136,177,203,.22)}
#sidebar .main-nav a.emrw-community-nav-link{box-sizing:border-box!important;min-width:0;gap:9px;display:flex;align-items:center;}
#sidebar .main-nav a.emrw-community-nav-link > .nav-icon{
  position:relative!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;
  flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  border-radius:50%;overflow:hidden!important;padding:0;
  background:radial-gradient(circle at 35% 25%,rgba(115,228,193,.26),rgba(26,51,70,.91) 72%);
  border:1px solid rgba(129,232,199,.4)!important;color:#bbf8e5;
  box-shadow:inset 0 1px 0 rgba(231,255,244,.1),0 3px 10px rgba(0,0,0,.18);
  font-size:19px;line-height:1;text-align:center;
}
#sidebar .main-nav a.emrw-community-nav-link .emrw-community-glyph{
  position:relative;display:block;line-height:1;transform-origin:50% 60%;
  filter:drop-shadow(0 2px 3px rgba(2,15,24,.24));animation:emrwCommunityFloat 3s ease-in-out infinite;
}
#sidebar .main-nav a.emrw-community-nav-link > .emrw-community-title{
  display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#sidebar .main-nav a.emrw-community-nav-link > :is(.emrw-community-count,.emrw-nav-chat-count,.emrw-chat-online-badge){
  position:static!important;inset:auto!important;transform:none!important;
  flex:0 0 auto!important;display:inline-flex!important;align-items:center;justify-content:center;
  margin-left:auto;width:auto!important;min-width:29px!important;max-width:55px!important;
  height:23px!important;min-height:23px!important;padding:3px 7px;
  font:800 11px/1 system-ui!important;border:1px solid rgba(107,230,182,.38)!important;border-radius:99px;
  background:#244b43;color:#b2f5d8;white-space:nowrap;
}
#sidebar .main-nav a.emrw-community-nav-link.active .nav-icon{border-color:#a8f6d8;box-shadow:0 0 14px rgba(99,232,182,.18)}
@keyframes emrwCommunityFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@media (max-width:900px){
 #sidebar .main-nav a.emrw-community-nav-link{min-height:45px;overflow:hidden}
 #sidebar .main-nav a.emrw-community-nav-link > .emrw-community-title{font-size:12px}
}
@media (prefers-reduced-motion:reduce){#sidebar .emrw-community-glyph{animation:none!important}}
/* Common Overview card language for Chat and Ranks */
body.emrw-chat-body,body.emrw-ranks-body{--emrw-ui-surface:#18283b;--emrw-ui-text:#f1f7fd;--emrw-ui-mint:#73e4c1;--emrw-ui-line:rgba(136,177,203,.2)}
body.emrw-chat-body :is(.chat-intro,.chat-card,.chat-side-card),
body.emrw-ranks-body :is(.emrw-ranks-hero,.emrw-ranks-panel,.emrw-ranks-stat){
  box-sizing:border-box;border-radius:18px;border:1px solid var(--emrw-c-line);
  background:linear-gradient(145deg,rgba(24,40,59,.96),rgba(20,34,53,.98));
  box-shadow:0 9px 27px rgba(5,12,22,.12);min-width:0;
}
body.emrw-chat-body .chat-intro,body.emrw-ranks-body .emrw-ranks-hero{
  border-color:rgba(113,221,190,.26);
  background:radial-gradient(ellipse at 92% 0%,rgba(38,171,143,.18),transparent 44%),linear-gradient(115deg,#172b40,#172538 60%,#18363f);
}
body.emrw-chat-body :is(.chat-intro h1,.chat-side-heading h2,.chat-card-head strong),
body.emrw-ranks-body :is(.emrw-ranks-hero h1,.emrw-ranks-section-head h2){color:#f4fcff;letter-spacing:-.025em}
body.emrw-chat-body :is(.chat-room-tab,.chat-submit,.chat-archive-link,.chat-input-area,.chat-lang-field select),
body.emrw-ranks-body :is(.emrw-ranks-tabs a,.emrw-ranks-toolbar select){border-radius:11px}
body.emrw-chat-body .chat-room-tab.active,body.emrw-ranks-body .emrw-ranks-tabs a.active{border-color:#73e4c1;box-shadow:inset 0 0 0 1px rgba(115,228,193,.2)}
body.emrw-chat-body .chat-side-card{border-color:var(--emrw-c-line)}
body.emrw-chat-body .chat-shell,body.emrw-ranks-body .emrw-ranks-main{max-width:1280px;margin-left:auto;margin-right:auto;min-width:0}
body.emrw-ranks-body .emrw-ranks-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:600px){
 body.emrw-chat-body .chat-intro,body.emrw-ranks-body .emrw-ranks-hero{border-radius:16px;padding:16px}
 body.emrw-chat-body .chat-card,body.emrw-ranks-body .emrw-ranks-panel{border-radius:14px}
 body.emrw-chat-body .chat-side-card{border-radius:14px}
}


/* ---- emrw-unified-navigation.css ---- */
/* Unified first-paint navigation and intro styling — no business logic. */
html.emrw-nav-enhanced body.app-body,body.emrw-chat-body.emrw-shared-chat {--emrw-nav-width:246px;--emrw-mint:#80eec3;color-scheme:dark}
html.emrw-nav-enhanced .app-shell {min-width:0;}
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar {width:var(--emrw-nav-width)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;padding:15px 12px 12px;background:#101c29;border-right:1px solid rgba(120,207,192,.18)!important;z-index:40;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#375b60 transparent;}
html.emrw-nav-enhanced .app-shell > .main-area {box-sizing:border-box!important;width:calc(100% - var(--emrw-nav-width))!important;max-width:none!important;margin-left:var(--emrw-nav-width);min-width:0!important;}
#sidebar.emrw-shared-sidebar .brand{margin:1px 2px 14px;padding:0 4px;gap:8px;flex-shrink:0}
#sidebar.emrw-shared-sidebar .brand-mark{flex-shrink:0;}
#sidebar.emrw-shared-sidebar .sidebar-label{margin:5px 0 5px;padding:0 11px;color:#89b0ae;letter-spacing:.11em;font-size:9px}
#sidebar.emrw-shared-sidebar .main-nav{margin:0 0 8px;gap:2px;display:flex!important;flex-direction:column!important;width:100%!important;flex-shrink:0;}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link{display:flex!important;align-items:center!important;gap:9px;min-width:0!important;min-height:37px!important;height:auto!important;overflow:visible!important;padding:3px 8px;font-size:12px;color:#d6e5e8;border-radius:11px;box-sizing:border-box;}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link.active{color:#b9fadd;background:rgba(70,192,155,.15)}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon{box-sizing:border-box!important;position:relative!important;display:block!important;overflow:hidden!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%;margin:0;background:radial-gradient(circle at 35% 22%,#2b756b,#172f44 77%);border:1px solid rgba(148,240,211,.37)!important;box-shadow:inset 0 1px 2px rgba(244,255,252,.1),0 3px 12px rgba(0,0,0,.18);font-size:0;}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::before,
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon::after {translate:5px 5px;}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .nav-icon.emrw-menu-icon > .emrw-menu-core {inset:5px!important;}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link>.emrw-shared-link-title{flex:1 1 auto!important;min-width:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.35;}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link .emrw-nav-pill,
#sidebar.emrw-shared-sidebar .main-nav a.nav-link .emrw-ptc-nav-badge,
#sidebar.emrw-shared-sidebar .main-nav a.nav-link .emrw-community-count{margin-left:auto;flex:0 0 auto!important;position:static!important;min-width:25px;max-width:60px;text-align:center;}
#sidebar.emrw-shared-sidebar .sidebar-user {margin-top:auto;padding-top:10px;flex-shrink:0;min-width:0;}
#sidebar.emrw-shared-sidebar .sidebar-user-info {min-width:0;}
#sidebar.emrw-shared-sidebar .sidebar-user-info strong,
#sidebar.emrw-shared-sidebar .sidebar-user-info small{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* Original animated icons for all categories; Leaderboard now has its own centered emblem. */
#sidebar.emrw-shared-sidebar .emrw-icon-leaderboard::before{left:4px;top:5px;width:12px;height:13px;border-radius:4px 4px 7px 7px;background:linear-gradient(170deg,#c6ffee,#48caa6);clip-path:polygon(0 25%,35% 25%,50% 0,65% 25%,100% 25%,100% 100%,0 100%);animation:emrwLbFloat 2.5s ease-in-out infinite;}
#sidebar.emrw-shared-sidebar .emrw-icon-leaderboard::after{left:7px;bottom:5px;width:6px;height:5px;border-radius:50%;background:#f0d17d;box-shadow:0 0 8px #e6bf69;animation:emrwLbFloat 2.5s ease-in-out infinite;}
@keyframes emrwLbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
#sidebar.emrw-shared-sidebar .nav-link:hover > .nav-icon.emrw-menu-icon{border-color:rgba(164,254,223,.72);box-shadow:0 0 15px rgba(69,207,160,.22)}
/* Make first frame stable across the four app layouts: markup and sidebar already exist. */
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar{visibility:visible;}
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .emrw-drawer-close{display:none;}
/* Sidebar essentials for Chat, which intentionally does not load the site-wide style.css. */
body.emrw-shared-chat #sidebar .brand{display:flex;align-items:center;gap:10px;max-width:100%;color:#f1fcfa;text-decoration:none;font-weight:900;}
body.emrw-shared-chat #sidebar .brand-mark{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:12px;background:linear-gradient(135deg,#2bb987,#335a91);color:#e3fff5;font-size:24px;}
body.emrw-shared-chat #sidebar .brand-name{display:flex;flex-direction:column;min-width:0;font-size:13px;line-height:1.1;letter-spacing:.03em;}
body.emrw-shared-chat #sidebar .brand-light{color:#8ef1c8}
body.emrw-shared-chat #sidebar .brand small{margin-top:4px;color:#91aaa9;font-size:8px;letter-spacing:.08em;}
body.emrw-shared-chat #sidebar .sidebar-user{display:flex;align-items:center;gap:8px;width:100%;border-top:1px solid rgba(132,206,183,.17);}
body.emrw-shared-chat #sidebar .avatar{flex:0 0 32px;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#274c50;font-weight:900;color:#e2fffa;}
body.emrw-shared-chat #sidebar .sidebar-user-info{flex:1 1 auto;font-size:11px;}
body.emrw-shared-chat #sidebar .sidebar-user-info small{font-size:9px;color:#91aaa9;}
body.emrw-shared-chat #sidebar .icon-button{width:32px;height:32px;border-radius:9px;border:1px solid rgba(139,211,190,.3);background:#263b47;color:#b9f5de;cursor:pointer;}
body.emrw-shared-chat #sidebar .sidebar-spacer{flex:1 1 auto;min-height:8px;}
body.emrw-shared-chat .mobile-menu#mobileMenu{display:none;}
body.emrw-shared-chat #sidebar .main-nav .nav-link{font-weight:650;text-decoration:none;}
/* Chat uses the same sidebar shell but keeps its own message grid and topbar. */
body.emrw-shared-chat{margin:0;}
body.emrw-shared-chat .app-shell{min-height:100vh;min-width:0;}
body.emrw-shared-chat .emrw-chat-main-area{min-height:100vh;min-width:0;}
body.emrw-shared-chat .chat-topbar{height:auto;min-height:69px;padding:9px 22px;justify-content:flex-start;gap:13px}
body.emrw-shared-chat .chat-top-right{margin-left:auto;min-width:0}
body.emrw-shared-chat .chat-shell{box-sizing:border-box;width:100%;max-width:1520px;margin:0 auto;padding:22px clamp(12px,2.2vw,30px) 32px;min-width:0;}
body.emrw-shared-chat .chat-intro{box-sizing:border-box;min-width:0;position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px;overflow:hidden;padding:clamp(22px,2.8vw,34px);border-radius:22px;border:1px solid rgba(113,225,186,.27);background:radial-gradient(ellipse at 88% 16%,rgba(53,184,153,.24),transparent 43%),linear-gradient(115deg,#172b40,#172538 62%,#193b42);box-shadow:0 12px 30px rgba(0,0,0,.15);margin-bottom:20px;}
body.emrw-shared-chat .chat-intro>div:first-child{flex:1 1 310px;min-width:0;max-width:100%;overflow-wrap:anywhere;}
body.emrw-shared-chat .chat-intro h1{max-width:100%;font-size:clamp(25px,3vw,36px);line-height:1.17;overflow-wrap:anywhere;margin:9px 0 9px}
body.emrw-shared-chat .chat-intro p{max-width:650px;line-height:1.7;overflow-wrap:anywhere;}
body.emrw-shared-chat .chat-intro-actions{flex:0 1 auto;max-width:100%;min-width:0;gap:9px;}
body.emrw-shared-chat .chat-presence{white-space:normal;overflow-wrap:anywhere;}
/* Ranks receives the same overview hero treatment. */
body.emrw-ranks-body .emrw-ranks-hero{box-sizing:border-box;position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px;min-width:0;overflow:hidden;padding:clamp(22px,3vw,35px);border-radius:22px;border:1px solid rgba(113,225,186,.29)!important;background:radial-gradient(ellipse at 88% 14%,rgba(53,184,153,.23),transparent 45%),linear-gradient(115deg,#172b40,#172538 62%,#193b42);}
body.emrw-ranks-body .emrw-ranks-hero > div:first-child{flex:1 1 310px;min-width:0;max-width:100%;overflow-wrap:anywhere}
body.emrw-ranks-body .emrw-ranks-hero p,body.emrw-ranks-body .emrw-ranks-hero h1{max-width:100%;overflow-wrap:anywhere}
body.emrw-ranks-body .emrw-ranks-pill{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;align-self:flex-start;}
/* Leaderboard hero same padding and gradient. */
body.emrw-leaderboard-body .emrw-leaderboard-hero{min-width:0;overflow:hidden;gap:16px;padding:clamp(22px,3vw,35px);border-radius:22px;background:radial-gradient(ellipse at 85% 15%,rgba(53,184,153,.23),transparent 43%),linear-gradient(115deg,#172b40,#172538 62%,#193b42);}
body.emrw-leaderboard-body .emrw-leaderboard-hero>*{min-width:0;overflow-wrap:anywhere}
@media (max-width:900px){
  html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar{position:fixed!important;z-index:1201!important;visibility:hidden;transform:translate3d(-105%,0,0)!important;pointer-events:none;top:0!important;left:0!important;bottom:0!important;height:100dvh!important;width:min(88vw,320px)!important;max-width:320px!important;}
  html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar.sidebar-open{visibility:visible!important;pointer-events:auto;transform:translate3d(0,0,0)!important;}
  html.emrw-nav-enhanced .app-shell > .main-area{margin-left:0;width:100%!important;max-width:100%!important;}
  html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .emrw-drawer-close{display:grid!important;}
  #sidebar.emrw-shared-sidebar .main-nav a.nav-link {height:43px!important;min-height:43px!important;padding:4px 9px;gap:10px}
  #sidebar.emrw-shared-sidebar .main-nav a.nav-link>.emrw-shared-link-title{font-size:13px}
  body.emrw-shared-chat .chat-topbar{padding:8px 12px;min-height:61px;}
  body.emrw-shared-chat .chat-shell{padding:12px 12px 27px;}
}
@media (max-width:520px){
  body.emrw-shared-chat .chat-topbar{gap:7px}
  body.emrw-shared-chat .chat-brand{display:none}
  body.emrw-shared-chat .chat-back{font-size:11px;max-width:25vw;overflow:hidden;text-overflow:ellipsis}
  body.emrw-shared-chat .chat-top-right{gap:7px}
  body.emrw-shared-chat .chat-intro{padding:21px 16px;flex-direction:column;}
  body.emrw-shared-chat .chat-intro-actions{width:100%}
  body.emrw-shared-chat .chat-intro h1{font-size:25px}
  body.emrw-ranks-body .emrw-ranks-hero{padding:21px 16px;}
  body.emrw-ranks-body .emrw-ranks-pill{font-size:11px}
}
@media (prefers-reduced-motion:reduce){#sidebar.emrw-shared-sidebar .emrw-icon-leaderboard::before,#sidebar.emrw-shared-sidebar .emrw-icon-leaderboard::after{animation:none!important}}
/* EMRW EXCHANGE NAV ICON V2 — shared desktop/mobile */
#sidebar.emrw-shared-sidebar a.nav-link[data-emrw-nav-key="exchange"]>.nav-icon::before{
  content:"⇄"!important;display:grid!important;place-items:center!important;
  position:absolute!important;inset:0!important;top:0!important;left:0!important;
  width:auto!important;height:auto!important;background:transparent;border:0!important;
  color:#b6ffe0;font-size:21px;font-weight:800;line-height:1;
  clip-path:none!important;translate:0!important;transform:none;
  animation:emrwExchangeMenuSwap 3s ease-in-out infinite!important;
}
#sidebar.emrw-shared-sidebar a.nav-link[data-emrw-nav-key="exchange"]>.nav-icon::after{content:none!important;display:none!important}
@keyframes emrwExchangeMenuSwap{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}
@media(prefers-reduced-motion:reduce){#sidebar.emrw-shared-sidebar a.nav-link[data-emrw-nav-key="exchange"]>.nav-icon::before{animation:none!important}}

/* EMRW YOUTUBE VIDEO NAV — shared menu icon */
#sidebar.emrw-shared-sidebar a.nav-link[data-emrw-nav-key="video"]>.nav-icon.emrw-menu-icon::before{
  content:"▶"!important;display:grid!important;place-items:center!important;
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  color:#b2ffe1;font-size:15px;font-weight:900;
  translate:0!important;transform:none!important;background:transparent;
  clip-path:none!important;animation:emrwVideoIcon 3.4s ease-in-out infinite!important;
}
#sidebar.emrw-shared-sidebar a.nav-link[data-emrw-nav-key="video"]>.nav-icon.emrw-menu-icon::after{display:none!important;content:none!important}
@keyframes emrwVideoIcon{0%,100%{filter:drop-shadow(0 0 1px #55d6a5)}50%{filter:drop-shadow(0 0 5px #93ffda)}}
@media(prefers-reduced-motion:reduce){#sidebar.emrw-shared-sidebar a.nav-link[data-emrw-nav-key="video"]>.nav-icon.emrw-menu-icon::before{animation:none!important}}
/* EMRW video/PTC count bubble: same shared menu on desktop and mobile, v20261017. */
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .emrw-video-nav-badge,
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .emrw-ptc-nav-badge {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 25px !important;
  max-width: 42px !important;
  height: 23px !important;
  padding: 0 5px;
  border: 1px solid rgba(123, 246, 192, .42) !important;
  border-radius: 999px;
  color: #0b2d26;
  background: linear-gradient(135deg, #73e1b1, #35ba95);
  box-shadow: 0 0 0 3px rgba(91,213,163,.10);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap !important;
  overflow: hidden;
  flex-shrink: 0 !important;
  margin-left: auto;
  position: static !important;
  transform: none !important;
}
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .emrw-video-nav-badge.is-zero,
#sidebar.emrw-shared-sidebar .main-nav a.nav-link > .emrw-ptc-nav-badge.is-zero {
  border-color: rgba(159,178,189,.22);
  color: #9cb5b8;
  background: rgba(117,145,153,.14);
  box-shadow: none;
}
@media (max-width: 900px) {
  #sidebar.emrw-shared-sidebar .main-nav a.nav-link[data-emrw-nav-key="video"],
  #sidebar.emrw-shared-sidebar .main-nav a.nav-link[data-emrw-nav-key="ptc"] {
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding-right: 9px;
  }
  #sidebar.emrw-shared-sidebar .main-nav a.nav-link[data-emrw-nav-key="video"] > .emrw-shared-link-title,
  #sidebar.emrw-shared-sidebar .main-nav a.nav-link[data-emrw-nav-key="ptc"] > .emrw-shared-link-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* EMRW GREEN CHAT BRAND V1 START
 * Shared sidebar branding, using chat's green mark, stable from first paint.
 * Scoped to sidebar brand only. Does not affect nav badges, icons, ads or footer. */
html.emrw-nav-enhanced body #sidebar a.brand,
body #sidebar.emrw-shared-sidebar a.brand {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px;
  width:calc(100% - 4px)!important;
  min-width:0!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  flex:0 0 64px!important;
  margin:1px 2px 14px;
  padding:0 4px;
  font-family:'Space Grotesk','DM Sans',system-ui,sans-serif;
  line-height:1.08;
  letter-spacing:-.45px;
  color:#f1fcfa;
  text-decoration:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
html.emrw-nav-enhanced body #sidebar a.brand > .brand-mark,
body #sidebar.emrw-shared-sidebar a.brand > .brand-mark {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  flex:0 0 37px!important;
  width:37px!important;
  min-width:37px!important;
  max-width:37px!important;
  height:37px!important;
  min-height:37px!important;
  max-height:37px!important;
  padding:0;
  margin:0;
  border-radius:12px;
  background:linear-gradient(135deg,#2bb987,#335a91);
  color:#e3fff5;
  box-shadow:0 7px 17px rgba(27,167,127,.24);
  font:700 24px/1 'Space Grotesk','DM Sans',system-ui,sans-serif!important;
  text-align:center;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
html.emrw-nav-enhanced body #sidebar a.brand > .brand-name,
body #sidebar.emrw-shared-sidebar a.brand > .brand-name,
html.emrw-nav-enhanced body #sidebar a.brand > span:nth-child(2) {
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row wrap!important;
  align-content:center!important;
  align-items:baseline!important;
  column-gap:4px;
  row-gap:2px;
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  max-width:calc(100% - 47px)!important;
  max-height:52px!important;
  overflow:hidden!important;
  font-size:16px;
  line-height:1.08;
  letter-spacing:-.45px;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
html.emrw-nav-enhanced body #sidebar a.brand .brand-name-main,
html.emrw-nav-enhanced body #sidebar a.brand .brand-world,
body #sidebar.emrw-shared-sidebar a.brand .brand-name-main,
body #sidebar.emrw-shared-sidebar a.brand .brand-world {
  display:inline-block!important;
  flex:0 0 auto;
  white-space:nowrap!important;
  font-size:inherit;
  line-height:1.08;
  margin:0;
}
html.emrw-nav-enhanced body #sidebar a.brand .brand-world,
body #sidebar.emrw-shared-sidebar a.brand .brand-world {
  color:#8ef1c8;
  font-weight:800;
}
html.emrw-nav-enhanced body #sidebar a.brand small,
body #sidebar.emrw-shared-sidebar a.brand small {
  box-sizing:border-box!important;
  display:block!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:4px 0 0;
  color:#91aaa9;
  font:700 8px/1.25 'DM Sans',system-ui,sans-serif!important;
  letter-spacing:.55px;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
@media (max-width:900px){
  html.emrw-nav-enhanced body #sidebar a.brand,
  body #sidebar.emrw-shared-sidebar a.brand {height:64px!important;min-height:64px!important;max-height:64px!important;flex-basis:64px!important;}
}
/* EMRW GREEN CHAT BRAND V1 END */


/* ---- emrw-overview-frame-v3.css ---- */
/* EM REWARDS WORLD — Overview first-block and shared-frame consistency.
   Intentional scope: app shell, authenticated sidebar/topbar, page gutters,
   and ONLY the first introduction/hero on menu pages. No adverts, widgets,
   finance, modal, grid cards or advertiser components are styled here. */
:root { --emrw-frame-sidebar: 246px; --emrw-frame-page-max: 1550px; --emrw-frame-gutter: 28px; --emrw-frame-topbar: 72px; }
html { scrollbar-gutter: stable; }
html.emrw-nav-enhanced body.app-body { min-width:0; }
html.emrw-nav-enhanced body.app-body .app-shell { min-width:0; }
@media(min-width:901px) {
  html.emrw-nav-enhanced body.app-body #sidebar.emrw-shared-sidebar {
    box-sizing:border-box!important; width:var(--emrw-frame-sidebar)!important;
    min-width:var(--emrw-frame-sidebar)!important; max-width:var(--emrw-frame-sidebar)!important;
    left:0!important;top:0!important;bottom:0!important;transform:none;
    background:#101c29;border-right:1px solid rgba(120,207,192,.18)!important;
  }
  html.emrw-nav-enhanced body.app-body .app-shell > .main-area {
    box-sizing:border-box!important;width:calc(100% - var(--emrw-frame-sidebar))!important;
    max-width:calc(100% - var(--emrw-frame-sidebar))!important;
    margin-left:var(--emrw-frame-sidebar);min-width:0!important;
  }
}
/* Identical navigation row geometry; keeps live video/PTC/daily badges functional. */
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .brand { margin:1px 2px 14px; }
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .sidebar-label { margin:5px 0 5px; }
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .main-nav { gap:2px; margin-bottom:8px; }
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .main-nav > a.nav-link {
  box-sizing:border-box!important;min-height:37px!important;gap:9px;
  padding:3px 8px;line-height:1.35;
}
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .main-nav > a.nav-link > .nav-icon.emrw-menu-icon {
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;
}
html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .main-nav > a.nav-link > .emrw-shared-link-title {
  flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
}
/* Shared header dimensions: Overview topbar is the reference. */
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar {
  box-sizing:border-box!important;min-height:var(--emrw-frame-topbar)!important;
  height:var(--emrw-frame-topbar)!important;padding:0 var(--emrw-frame-gutter);
  display:flex;align-items:center;gap:12px;flex-shrink:0;
  background:rgba(34,41,55,.96);border-bottom:1px solid #394457!important;
}
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar .breadcrumbs {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar .topbar-right {margin-left:auto;flex:0 0 auto;}
/* One content viewport width across Overview and standalone menu pages. */
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .page-content,
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > main.page-content,
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > div.page-content {
  box-sizing:border-box!important;display:block;min-width:0!important;
  width:100%!important;max-width:var(--emrw-frame-page-max)!important;
  margin-right:auto;margin-left:auto;
  padding:32px var(--emrw-frame-gutter) 42px;
}
/* Ranks, leaderboard and chat have different wrappers; match the content viewport only. */
html.emrw-nav-enhanced body.emrw-shared-chat .app-shell .main-area .chat-shell {
  box-sizing:border-box!important;width:100%!important;max-width:var(--emrw-frame-page-max)!important;
  margin-left:auto;margin-right:auto;
  padding:32px var(--emrw-frame-gutter) 42px;
}
/* ONLY the topmost information block of each menu page, not subsequent cards or adverts. */
html.emrw-nav-enhanced body.app-body .page-content > .page-intro,
html.emrw-nav-enhanced body.app-body .page-content > .rp > .page-intro,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-video-hero,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-exchange-hero,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-ranks > .emrw-ranks-hero,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-leaderboard-hero,
html.emrw-nav-enhanced body.emrw-shared-chat .chat-shell > .chat-intro {
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
  max-width:100%!important;margin:0 0 20px;
  position:relative;overflow:hidden;
  padding:26px 29px;gap:18px;
  border:1px solid rgba(113,221,190,.23)!important;border-radius:23px;
  background:radial-gradient(ellipse at 92% 0%,rgba(38,171,143,.19),transparent 44%),linear-gradient(115deg,#172b40,#172538 60%,#18363f);
  box-shadow:0 14px 35px rgba(5,12,22,.14);
}
/* Consistent title typography; preserve each block's own labels, balances and actions. */
html.emrw-nav-enhanced body.app-body .page-content > .page-intro h1,
html.emrw-nav-enhanced body.app-body .page-content > .rp > .page-intro h1,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-video-hero h1,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-exchange-hero h1,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-ranks > .emrw-ranks-hero h1,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-leaderboard-hero h1,
html.emrw-nav-enhanced body.emrw-shared-chat .chat-shell > .chat-intro h1 {
  color:#f5fcff;font-weight:800;letter-spacing:-.035em;
  font-size:clamp(25px,2.8vw,38px);line-height:1.14;
}
html.emrw-nav-enhanced body.app-body .page-content > .page-intro p,
html.emrw-nav-enhanced body.app-body .page-content > .rp > .page-intro p,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-video-hero p,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-exchange-hero p,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-ranks > .emrw-ranks-hero p,
html.emrw-nav-enhanced body.app-body .page-content > .emrw-leaderboard-hero p,
html.emrw-nav-enhanced body.emrw-shared-chat .chat-shell > .chat-intro p {
  color:#b5cbd4;line-height:1.65;
}
/* Ensure oversized first-block text/balance stays inside on narrow screens. */
html.emrw-nav-enhanced body.app-body .page-content > :is(.page-intro,.emrw-video-hero,.emrw-exchange-hero) > *,
html.emrw-nav-enhanced body.app-body .page-content > .rp > .page-intro > *,
html.emrw-nav-enhanced body.emrw-shared-chat .chat-intro > * { min-width:0;max-width:100%;overflow-wrap:anywhere; }
@media(max-width:900px) {
  :root { --emrw-frame-gutter: 16px; --emrw-frame-topbar: 62px; }
  html.emrw-nav-enhanced body.app-body #sidebar.emrw-shared-sidebar {
    width:min(88vw,320px)!important;min-width:0!important;max-width:320px!important;
  }
  html.emrw-nav-enhanced body.app-body .app-shell > .main-area {
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0;
  }
  html.emrw-nav-enhanced #sidebar.emrw-shared-sidebar .main-nav > a.nav-link {min-height:43px!important;padding:4px 9px;gap:10px;}
  html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar {padding:0 13px;gap:8px;}
  html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .page-content,
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell .main-area .chat-shell {padding:18px var(--emrw-frame-gutter) 28px;}
  html.emrw-nav-enhanced body.app-body .page-content > .page-intro,
  html.emrw-nav-enhanced body.app-body .page-content > .rp > .page-intro,
  html.emrw-nav-enhanced body.app-body .page-content > .emrw-video-hero,
  html.emrw-nav-enhanced body.app-body .page-content > .emrw-exchange-hero,
  html.emrw-nav-enhanced body.app-body .page-content > .emrw-ranks > .emrw-ranks-hero,
  html.emrw-nav-enhanced body.app-body .page-content > .emrw-leaderboard-hero,
  html.emrw-nav-enhanced body.emrw-shared-chat .chat-shell > .chat-intro {
    padding:21px 17px;border-radius:19px;flex-wrap:wrap!important;
  }
}
@media(max-width:520px) {
  :root { --emrw-frame-gutter: 12px; --emrw-frame-topbar: 60px; }
  html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar .breadcrumbs {font-size:11px;}
  html.emrw-nav-enhanced body.app-body .page-content > .page-intro,
  html.emrw-nav-enhanced body.app-body .page-content > .rp > .page-intro {flex-direction:column;align-items:flex-start;}
}
/* Chat has a dedicated header element; match Overview without replacing its controls. */
html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-topbar {
  box-sizing:border-box!important;min-height:var(--emrw-frame-topbar)!important;
  height:var(--emrw-frame-topbar)!important;padding:0 var(--emrw-frame-gutter);
  background:rgba(34,41,55,.96);border-bottom:1px solid #394457!important;
  position:sticky;top:0;z-index:10;
}
@media(max-width:900px){html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-topbar{padding:0 13px;}}
/* Reserve the language-switcher slot before its progressive enhancement.
   Prevents the topbar breadcrumb from moving when 3 flags appear. */
html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar .topbar-right > .language-picker.language-flags {
  box-sizing:border-box;min-width:158px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;
}
html.emrw-nav-enhanced body.emrw-shared-chat .chat-topbar .chat-lang-field {box-sizing:border-box;min-width:155px;}
@media(max-width:620px) {
 html.emrw-nav-enhanced body.app-body .app-shell > .main-area > .topbar .topbar-right > .language-picker.language-flags {min-width:100px;}
 html.emrw-nav-enhanced body.emrw-shared-chat .chat-topbar .chat-lang-field {min-width:100px;}
}


/* ---- emrw-menu-unify-v2.css ---- */
/* EM REWARDS WORLD — navigation V2. Scoped: no content, ads, counters or payment selectors. */
#sidebar .main-nav a.nav-link,
#sidebar .main-nav a.emrw-menu-unify-link {
  box-sizing:border-box!important; display:flex!important; align-items:center!important;
  gap:9px; min-height:46px!important; border-radius:12px;
  min-width:0!important;
}
#sidebar .main-nav a.nav-link > .nav-icon {
  position:relative!important;box-sizing:border-box!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  flex:0 0 30px!important;width:30px!important;min-width:30px!important;
  max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;
  padding:0;overflow:hidden!important;
}
#sidebar .main-nav a.nav-link > .emrw-menu-text-v2 {
  display:block;flex:1 1 auto!important;min-width:0!important;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#sidebar .main-nav a.nav-link > :is(.emrw-nav-pill,.emrw-nav-chat-count,.emrw-chat-online-badge,.emrw-community-count,.emrw-ptc-nav-badge,.emrw-video-nav-badge,[data-emrw-nav-count]) {
  flex:0 0 auto!important;position:static!important;inset:auto!important;
  margin-left:auto;max-width:none!important;overflow:visible!important;
}
/* Override legacy circular pseudo-icons only for Cloud Mining. The icon also appears
   as a real SVG background before JS runs or if an older navigation script rewrites HTML. */
#sidebar .main-nav a[data-emrw-nav-key="mining"] > .nav-icon,
#sidebar .main-nav a[href*="page=mining"] > .nav-icon,
#sidebar .main-nav a.emrw-cloud-mining-link > .nav-icon {
  border-radius:9px;
  background-color:#153346;
  background-image:url("icons/emrw-miner-menu.svg");
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:26px 26px!important;
  border:1px solid rgba(102,218,201,.45)!important;
  box-shadow:0 0 8px rgba(48,194,174,.16),inset 0 1px 0 rgba(238,255,252,.14);
  color:transparent;text-indent:0!important;
  font-size:0;
  animation:emrwMinerCaseGlowV2 2.7s ease-in-out infinite!important;
}
#sidebar .main-nav a[data-emrw-nav-key="mining"] > .nav-icon::before,
#sidebar .main-nav a[href*="page=mining"] > .nav-icon::before,
#sidebar .main-nav a.emrw-cloud-mining-link > .nav-icon::before {
  content:none!important;display:none!important;
}
#sidebar .main-nav a[data-emrw-nav-key="mining"] > .nav-icon::after,
#sidebar .main-nav a[href*="page=mining"] > .nav-icon::after,
#sidebar .main-nav a.emrw-cloud-mining-link > .nav-icon::after {
  content:""!important;display:block!important;position:absolute!important;
  right:1px!important;bottom:3px!important;left:auto!important;top:auto!important;
  width:3px!important;height:3px!important;border-radius:50%;
  background:#9bffcd;box-shadow:0 0 5px #6dffd2;
  transform:none!important;clip-path:none!important;
  animation:emrwMinerLedV2 1.5s ease-in-out infinite!important;
}
#sidebar .main-nav a[data-emrw-nav-key="mining"] > .nav-icon .emrw-menu-core,
#sidebar .main-nav a[href*="page=mining"] > .nav-icon .emrw-menu-core,
#sidebar .main-nav a.emrw-cloud-mining-link > .nav-icon .emrw-menu-core {display:none!important;}
/* The real, inline SVG sits on top of the permanent fallback (never just an empty ring). */
#sidebar .main-nav a .nav-icon > svg.emrw-miner-svg-v2 {
  display:block!important;width:26px!important;height:26px!important;flex:0 0 26px!important;
  position:relative!important;z-index:1!important;pointer-events:none;
  filter:drop-shadow(0 0 3px rgba(92,224,197,.25));
}
#sidebar .emrw-miner-svg-v2 .emrw-miner-fan {
  transform-box:fill-box;transform-origin:center center;
  animation:emrwMinerSpinV2 2.2s linear infinite;
}
#sidebar .emrw-miner-svg-v2 .emrw-miner-fan:last-of-type {animation-direction:reverse;animation-duration:2.7s;}
#sidebar .emrw-miner-svg-v2 .emrw-miner-led {animation:emrwMinerLedV2 1.5s ease-in-out infinite;}
@keyframes emrwMinerSpinV2 {to{transform:rotate(360deg)}}
@keyframes emrwMinerCaseGlowV2 {0%,100%{box-shadow:0 0 5px rgba(48,194,174,.14),inset 0 1px 0 rgba(238,255,252,.14)}50%{box-shadow:0 0 11px rgba(48,194,174,.4),inset 0 1px 0 rgba(238,255,252,.2)}}
@keyframes emrwMinerLedV2 {0%,100%{opacity:.35}45%{opacity:1}}
@media(max-width:760px){#sidebar .main-nav a.nav-link{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){
 #sidebar .main-nav a[href*="page=mining"] > .nav-icon,
 #sidebar .main-nav a.emrw-cloud-mining-link > .nav-icon,
 #sidebar .emrw-miner-svg-v2 .emrw-miner-fan,
 #sidebar .emrw-miner-svg-v2 .emrw-miner-led,
 #sidebar .main-nav a.emrw-cloud-mining-link > .nav-icon::after{animation:none!important}
}


/* ---- emrw-chat-overview-menu-v4.css ---- */
/* EM REWARDS WORLD / CHAT: sidebar and viewport alignment with Overview.
   Only the common shell/sidebar and its header are touched here.
   All chat messages, cards, advertisements and widgets stay unchanged. */
@media (min-width:901px) {
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > #sidebar.emrw-shared-sidebar {
    box-sizing:border-box!important;
    position:fixed!important;inset:0 auto 0 0!important;
    width:246px!important;min-width:246px!important;max-width:246px!important;
    padding:15px 12px 12px;
    background:#101c29;border-right:1px solid rgba(120,207,192,.18)!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    overflow-y:auto!important;overflow-x:hidden!important;z-index:40!important;
  }
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area {
    box-sizing:border-box!important;min-width:0!important;
    width:calc(100% - 246px)!important;max-width:calc(100% - 246px)!important;
    margin-left:246px;
  }
}
/* Identical first-paint sizing as Overview; works without replacing the PHP menu. */
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .brand {
  display:inline-flex;align-items:center;gap:10px;
  margin:1px 2px 14px;flex-shrink:0;min-width:0;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .brand-mark {
  width:37px;height:37px;flex:0 0 37px;display:inline-flex;align-items:center;justify-content:center;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .brand-name {
  display:flex!important;align-items:baseline;flex-wrap:wrap;
  max-width:calc(100% - 48px);min-width:0;
  column-gap:4px;row-gap:2px;font-size:16px;
  line-height:1.02;letter-spacing:-.45px;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .brand-name small {
  display:block!important;flex:0 0 100%;font-size:8px;letter-spacing:1px;
  line-height:1.25;margin-top:5px;white-space:normal;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .sidebar-label {
  display:block!important;margin:5px 0;padding:0 11px;
  font-size:9px;line-height:1.35;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .main-nav {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;gap:2px;margin:0 0 8px;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .main-nav > a.nav-link {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  box-sizing:border-box!important;position:relative!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:37px!important;
  padding:3px 8px;gap:9px;line-height:1.35;
  border-radius:10px;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .main-nav > a.nav-link > .nav-icon.emrw-menu-icon {
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .main-nav > a.nav-link > .emrw-shared-link-title {
  display:block!important;flex:1 1 auto!important;min-width:0!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .sidebar-user {
  box-sizing:border-box;display:flex;align-items:center;gap:9px;
  min-width:0;margin-top:auto;padding:10px 3px 2px;
  border-top:1px solid #364154;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .sidebar-user-info {
  display:block!important;min-width:0;flex:1 1 auto;overflow:hidden;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .sidebar-user-info > * {
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .logout-form {
  display:block!important;flex:0 0 auto;
}
/* Chat's original header differs from Overview, but shares the same vertical slot. */
html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-topbar {
  box-sizing:border-box!important;height:72px!important;min-height:72px!important;
  padding:0 28px;flex-shrink:0;
}
/* The main content has the same outer width and gutters as Overview V3. */
html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-shell {
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
  max-width:1550px!important;margin-left:auto;margin-right:auto;
  padding-left:28px;padding-right:28px;
}
@media (max-width:900px) {
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > #sidebar.emrw-shared-sidebar {
    box-sizing:border-box!important;position:fixed!important;
    left:0!important;top:0!important;bottom:0!important;
    z-index:1201!important;width:min(88vw,320px)!important;min-width:0!important;max-width:320px!important;
    padding:18px 14px max(12px,env(safe-area-inset-bottom));
    overflow-y:auto!important;overflow-x:hidden!important;
  }
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area {
    margin-left:0;width:100%!important;max-width:100%!important;
  }
  html.emrw-nav-enhanced body.emrw-shared-chat #sidebar.emrw-shared-sidebar .main-nav > a.nav-link {
    min-height:43px!important;padding:4px 9px;gap:10px;
  }
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-topbar {
    height:62px!important;min-height:62px!important;padding:0 13px;
  }
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-shell {
    padding-left:16px;padding-right:16px;
  }
}
@media (max-width:520px) {
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-topbar {
    height:60px!important;min-height:60px!important;
  }
  html.emrw-nav-enhanced body.emrw-shared-chat .app-shell > .main-area > .chat-shell {
    padding-left:12px;padding-right:12px;
  }
}


/* ---- emrw-standalone-layout-v1.css ---- */
/* EM REWARDS WORLD — standalone page layout unification, 2026-10-18.
 * Applies only to Ranks, Leaderboard, ACP Exchange and Video Ads.
 * Load LAST in the document HEAD: layout and branding are correct on first paint.
 * No changes to ad placements, payments, forms, server-side components or badges. */
:root{--emrw-standalone-side:246px;--emrw-standalone-max:1550px;--emrw-standalone-gutter:28px;--emrw-standalone-topbar:72px}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body){
  background:#0b1420;color:#e9f5fa;overflow-x:clip;
  font-family:'DM Sans',system-ui,sans-serif;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell{min-width:0;}
/* Shared sidebar exactly aligned with Overview/Chat, without resizing as JS arrives. */
@media(min-width:901px){
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>#sidebar.emrw-shared-sidebar{
  box-sizing:border-box!important;position:fixed!important;inset:0 auto 0 0!important;
  width:var(--emrw-standalone-side)!important;min-width:var(--emrw-standalone-side)!important;
  max-width:var(--emrw-standalone-side)!important;z-index:40;
 }
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area{
  box-sizing:border-box!important;margin-left:var(--emrw-standalone-side);
  width:calc(100% - var(--emrw-standalone-side))!important;
  max-width:calc(100% - var(--emrw-standalone-side))!important;min-width:0!important;
 }
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar{
  background:#101c29;border-right:1px solid rgba(120,207,192,.18)!important;
  overflow-x:hidden!important;
}
/* Exact green Chat brand, with a reserved 64px row, no jumping. */
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 box-sizing:border-box!important;position:relative!important;gap:10px;
 height:64px!important;min-height:64px!important;max-height:64px!important;flex:0 0 64px!important;
 width:calc(100% - 4px)!important;margin:1px 2px 14px;padding:0 4px;
 font-family:'Space Grotesk','DM Sans',system-ui,sans-serif;font-size:16px;
 line-height:1.08;letter-spacing:-.45px;color:#f1fcfa;
 text-decoration:none!important;transform:none!important;animation:none!important;transition:none!important;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand>.brand-mark{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;flex:0 0 37px!important;width:37px!important;min-width:37px!important;max-width:37px!important;
 height:37px!important;min-height:37px!important;max-height:37px!important;margin:0;padding:0;
 border-radius:12px;background:linear-gradient(135deg,#2bb987,#335a91);
 color:#e3fff5;box-shadow:0 7px 17px rgba(27,167,127,.24);
 font:700 24px/1 'Space Grotesk','DM Sans',system-ui,sans-serif!important;
 transform:none!important;animation:none!important;transition:none!important;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand>.brand-name{
 box-sizing:border-box!important;display:flex!important;flex-flow:row wrap!important;align-content:center!important;align-items:baseline!important;
 flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:calc(100% - 47px)!important;
 max-height:52px!important;overflow:hidden!important;column-gap:4px;row-gap:2px;
 font-size:16px;line-height:1.08;letter-spacing:-.45px;
 transform:none!important;animation:none!important;transition:none!important;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand .brand-name-main,
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand .brand-world{
 display:inline-block!important;flex:0 0 auto!important;white-space:nowrap!important;font-size:16px;
 line-height:1.08;margin:0;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand .brand-world{color:#8ef1c8;font-weight:800}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) #sidebar.emrw-shared-sidebar>a.brand small{
 display:block!important;box-sizing:border-box!important;flex:0 0 100%!important;width:100%!important;
 margin:4px 0 0;color:#91aaa9;font:700 8px/1.25 'DM Sans',system-ui,sans-serif!important;
 letter-spacing:.55px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
/* All four standalone headers use Overview dimensions and reserved controls. */
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area>.topbar{
 box-sizing:border-box!important;height:var(--emrw-standalone-topbar)!important;
 min-height:var(--emrw-standalone-topbar)!important;max-height:var(--emrw-standalone-topbar)!important;
 padding:0 var(--emrw-standalone-gutter);display:flex!important;align-items:center!important;gap:12px;
 background:rgba(34,41,55,.96);border-bottom:1px solid #394457!important;
 color:#e5f4f7;position:sticky!important;top:0!important;z-index:10!important;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .topbar>.breadcrumbs{
 flex:1 1 auto;min-width:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:#d5e2e9;font-size:12px;letter-spacing:0;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .topbar>.breadcrumbs strong{color:#f2fbff;font-weight:750}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-toolbar,.emrw-leaderboard-lang,.topbar-right){
 margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-width:150px;justify-content:flex-end;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-toolbar,.emrw-leaderboard-lang) label:not(.sr-only){font-size:11px;color:#a9c7c7}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-toolbar,.emrw-leaderboard-lang,.topbar-right) select#languagePicker{
 box-sizing:border-box;min-height:37px;background:#1a3341;border:1px solid #426771!important;
 color:#e5fcf0;border-radius:11px;padding:8px 10px;font-size:12px;
}
/* Flag picker is created by existing theme.js; reserve its space while loading. */
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .topbar :is(.emrw-language-uniform,.language-picker.language-flags){
 display:flex;align-items:center;justify-content:flex-end;min-width:145px;min-height:37px;box-sizing:border-box;
}
/* Overview-like content width and spacing, not a second nested page padding. */
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area>.page-content,
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area>main.page-content{
 box-sizing:border-box!important;width:100%!important;max-width:var(--emrw-standalone-max)!important;min-width:0!important;
 padding:32px var(--emrw-standalone-gutter) 42px;margin-inline:auto!important;overflow:visible;
}
html.emrw-nav-enhanced body.emrw-exchange-body .page-content>.emrw-exchange{max-width:100%!important;padding:0;margin:0}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body) .page-content>:is(.emrw-ranks,.emrw-leaderboard){max-width:100%!important;width:100%!important;margin-inline:auto!important;min-width:0!important}
html.emrw-nav-enhanced body.emrw-video-body .page-content.emrw-video{max-width:var(--emrw-standalone-max)!important}
/* Shared hero and informational cards: dark steel/navy with restrained mint. */
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-hero,.emrw-leaderboard-hero,.emrw-exchange-hero,.emrw-video-hero){
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0 0 20px;padding:26px 29px;gap:18px;
 border:1px solid rgba(113,221,190,.23)!important;border-radius:23px;
 background:radial-gradient(ellipse at 92% 0%,rgba(38,171,143,.19),transparent 44%),linear-gradient(115deg,#172b40,#172538 60%,#18363f);
 box-shadow:0 14px 35px rgba(5,12,22,.14);overflow:hidden;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-hero,.emrw-leaderboard-hero,.emrw-exchange-hero,.emrw-video-hero) h1{
 font-family:'Space Grotesk','DM Sans',system-ui,sans-serif;
 font-size:clamp(25px,2.8vw,38px);font-weight:800;letter-spacing:-.035em;
 line-height:1.14;color:#f5fcff;margin:8px 0 10px;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-hero,.emrw-leaderboard-hero,.emrw-exchange-hero,.emrw-video-hero) p{
 font-size:13px;line-height:1.65;color:#b7cbd4;margin:0;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-stat,.emrw-ranks-progress,.emrw-ranks-panel,.emrw-leaderboard-stat,.emrw-leaderboard-panel,.emrw-exchange-card,.emrw-exchange-balances>div,.emrw-video-card,.emrw-video-balances){
 box-sizing:border-box!important;border:1px solid rgba(135,190,207,.20)!important;border-radius:18px;
 background:linear-gradient(150deg,#17293d,#142335 80%);
 box-shadow:0 11px 29px rgba(0,0,0,.13);min-width:0;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-tabs a,.emrw-leaderboard-tabs a,.emrw-video-tabs a){
 border-color:rgba(135,190,207,.22);border-radius:12px;
 background:#17283a;color:#c5d5e2;text-decoration:none;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-tabs a.selected,.emrw-leaderboard-tabs a.selected,.emrw-video-tabs a.active){
 border-color:rgba(106,224,174,.55);background:linear-gradient(130deg,#21564f,#17413d);
 color:#e7fff4;
}
html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-table-wrap,.emrw-leaderboard-tablewrap,.emrw-exchange-table-wrap,.emrw-exchange-history-scroll,.emrw-video-rates-scroll){
 overflow-x:auto;max-width:100%;scrollbar-width:thin;
}
/* Preserve the user's existing animated navigation icons and notification badges. */
@media(max-width:900px){
 :root{--emrw-standalone-gutter:16px;--emrw-standalone-topbar:62px}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area{margin-left:0;width:100%!important;max-width:100%!important;min-width:0!important}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area>.topbar{padding:0 13px;gap:8px}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-hero,.emrw-leaderboard-hero,.emrw-exchange-hero,.emrw-video-hero){padding:21px 17px;border-radius:19px;flex-wrap:wrap!important}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-toolbar,.emrw-leaderboard-lang,.topbar-right){min-width:110px}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .topbar :is(.emrw-language-uniform,.language-picker.language-flags){min-width:100px}
}
@media(max-width:520px){
 :root{--emrw-standalone-gutter:12px;--emrw-standalone-topbar:60px}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area>.page-content,
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell>.main-area>main.page-content{padding:18px 12px 28px}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .topbar>.breadcrumbs{font-size:11px;max-width:170px}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .topbar :is(.emrw-ranks-toolbar,.emrw-leaderboard-lang){gap:0}
 html.emrw-nav-enhanced body.emrw-ranks-body .emrw-ranks-toolbar>label{display:none!important}
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) :is(.emrw-ranks-hero,.emrw-leaderboard-hero,.emrw-exchange-hero,.emrw-video-hero){padding:20px 16px;}
 html.emrw-nav-enhanced body.emrw-video-body .emrw-video-form-pair,
 html.emrw-nav-enhanced body.emrw-exchange-body .emrw-exchange-grid{grid-template-columns:1fr}
 html.emrw-nav-enhanced body.emrw-leaderboard-body .emrw-leaderboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 html.emrw-nav-enhanced body:is(.emrw-ranks-body,.emrw-leaderboard-body,.emrw-exchange-body,.emrw-video-body) .app-shell #sidebar a.brand{animation:none!important;transition:none!important}
}


/* ---- Earn ACP / Chat shared chrome: stable first frame across all member modules ---- */
:root {
  --emrw-ui-font: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --emrw-ui-display: 'Space Grotesk', 'DM Sans', system-ui, sans-serif;
  --emrw-ui-sidebar-width: 246px;
  --emrw-ui-brand-size: 37px;
  --emrw-ui-brand-gap: 10px;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand {
  box-sizing:border-box!important; display:flex!important;align-items:center!important;
  flex:0 0 auto!important;gap:var(--emrw-ui-brand-gap);
  min-height:49px!important;height:49px!important;max-height:49px!important;
  padding:0;margin:0 2px 12px;min-width:0!important;
  text-decoration:none!important;transform:none!important;transition:none!important;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand > .brand-mark {
  width:var(--emrw-ui-brand-size)!important;height:var(--emrw-ui-brand-size)!important;
  min-width:var(--emrw-ui-brand-size)!important;min-height:var(--emrw-ui-brand-size)!important;
  max-width:var(--emrw-ui-brand-size)!important;max-height:var(--emrw-ui-brand-size)!important;
  flex:0 0 var(--emrw-ui-brand-size)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;border-radius:12px;
  background:linear-gradient(135deg,#2bb987,#335a91);color:#e3fff5;
  box-shadow:0 7px 17px rgba(27,167,127,.24);
  font:700 24px/1 var(--emrw-ui-display)!important;
  transform:none!important;transition:none!important;animation:none!important;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand > .brand-name {
  box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;
  flex:1 1 auto!important;align-items:baseline!important;align-content:center!important;
  min-width:0!important;max-width:calc(100% - 47px)!important;
  gap:2px 4px;font:700 16px/1.08 var(--emrw-ui-display)!important;
  letter-spacing:-.45px;transform:none!important;transition:none!important;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand .brand-world {color:#8ef1c8}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand small {
  display:block!important;flex:0 0 100%!important;min-width:0!important;
  margin:4px 0 0;color:#91aaa9;
  font:700 8px/1.25 var(--emrw-ui-font)!important;letter-spacing:.55px;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar .main-nav > a.nav-link,
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar .main-nav > a.nav-link > .emrw-shared-link-title {
  font-family:var(--emrw-ui-font);font-size:12px;
  font-weight:600;line-height:1.35;letter-spacing:0;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar .main-nav > a.nav-link > .nav-icon.emrw-menu-icon {
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;
}
html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) .topbar {font-family:var(--emrw-ui-font);}
@media(max-width:900px) {
  html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand {min-height:49px!important;}
}
@media(prefers-reduced-motion:reduce){
  html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand,
  html.emrw-nav-enhanced body:is(.app-body,.emrw-shared-chat) #sidebar.emrw-shared-sidebar > a.brand * {transition:none!important;animation:none!important;}
}

/* END ORIGINAL emrw-app-shell-v2.css */


/* BEGIN ORIGINAL emrw-global-footer-v1.css */
/* Scoped unified footer and two navigation additions. */
body.emrw-has-global-footer :is(footer.app-footer,footer.public-footer,footer.emrw-hub-footer){display:none!important}
.emrw-global-footer{--emrw-ft-border:rgba(116,169,202,.18);display:block!important;position:relative!important;z-index:1!important;width:100%!important;height:auto!important;min-height:0!important;margin:34px 0 0;padding:0;background:linear-gradient(140deg,#101f30,#0d1826 60%,#102334);border-top:1px solid var(--emrw-ft-border)!important;color:#a6bbd0;font:400 13px/1.6 'DM Sans',system-ui,sans-serif!important;clear:both!important;box-sizing:border-box!important}
.emrw-global-footer *{box-sizing:border-box!important}
.emrw-footer-container{max-width:1300px;margin:0 auto;padding:39px clamp(18px,3vw,48px) 16px}
.emrw-footer-top{display:grid;grid-template-columns:minmax(210px,2.2fr) repeat(3,minmax(125px,1fr));gap:24px;align-items:start}
.emrw-footer-brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:#e9f7ff;font:800 17px/1.3 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.035em}
.emrw-footer-brand b{color:#7de5cf}
.emrw-footer-star{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#3c8c90,#244763);color:#afffe4;box-shadow:0 5px 20px #50b0b128}
.emrw-footer-brand-col p{font-size:13px;margin:15px 0 4px;color:#d0e3ee}.emrw-footer-brand-col small{color:#8faaba;font-size:11px}
.emrw-global-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.emrw-global-footer nav h3{font-size:12px;margin:2px 0 6px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#e7f6fd}
.emrw-global-footer nav a{display:block;color:#a8bfd2;max-width:100%;font-weight:500;text-decoration:none!important;font-size:12px;line-height:1.45;transition:color .18s}
.emrw-global-footer nav a:hover,.emrw-global-footer nav a:focus-visible{color:#7df4cc;text-decoration:underline!important}
.emrw-footer-bottom{border-top:1px solid var(--emrw-ft-border);margin-top:34px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#7797af;font-size:11px}
#sidebar .main-nav .emrw-help-nav-link{min-height:43px;display:flex;align-items:center;gap:10px}
#sidebar .emrw-help-nav-link .emrw-help-nav-symbol{font-weight:850;color:#9cebd7;border-radius:8px;background:linear-gradient(145deg,#1d3b51,#224c54);border:1px solid rgba(143,247,216,.2);display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px}
#sidebar .emrw-help-nav-link .emrw-help-nav-text{white-space:normal;overflow-wrap:anywhere}
header.public-nav a.emrw-public-help-link{font-size:12px;color:#b6cfde;text-decoration:none!important}
header.public-nav a.emrw-public-help-link:hover{color:#7eecd0}
@media(max-width:800px){.emrw-footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.emrw-footer-brand-col{grid-column:1/-1}.emrw-footer-brand-col p{margin-top:8px}.emrw-footer-container{padding:30px 20px 18px}.emrw-footer-bottom{margin-top:26px}}
@media(max-width:440px){.emrw-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.emrw-footer-brand-col{grid-column:1/-1}.emrw-global-footer nav{gap:8px}.emrw-global-footer nav h3{margin:0 0 5px}.emrw-footer-bottom{display:block}.emrw-footer-bottom span{display:block;margin-bottom:7px}.emrw-global-footer nav:last-of-type{grid-column:auto}}

/* END ORIGINAL emrw-global-footer-v1.css */

}

/* V39: compact verification status in existing topbar; no new notification rows. */
html body .emrw-v5-topbar .emrw-email-topstatus{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;flex:0 0 auto;font-size:12px;line-height:1.2}
html body .emrw-v5-topbar .emrw-email-topstatus .online-label{display:inline;color:#54ddbe}
html body .emrw-v5-topbar .emrw-email-topstatus.is-unverified .online-label{color:#f6c577}
html body .emrw-v5-topbar .emrw-email-topstatus.is-unverified .status-dot{background:#f6b85f;box-shadow:0 0 0 3px rgba(246,184,95,.13)}
html body .emrw-v5-topbar a.emrw-email-topstatus.is-unverified:hover .online-label{text-decoration:underline}
.emrw-email-auth-note{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#a8c4ba;font-weight:400}
.emrw-turnstile{display:flex;min-height:66px;align-items:center;justify-content:flex-start;overflow:hidden}
.emrw-email-panel{max-width:740px;padding:clamp(20px,3vw,36px);display:flex;align-items:flex-start;gap:20px}
.emrw-email-panel-icon{flex:0 0 54px;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:28px;color:#69e0b7;background:rgba(87,205,163,.12);border:1px solid rgba(87,205,163,.24)}
.emrw-email-panel-body{flex:1;min-width:0}
.emrw-email-panel h2{margin:0 0 10px;font-size:clamp(20px,3vw,27px)}
.emrw-email-panel p{margin:0 0 14px;line-height:1.65;color:#b8c9d8}
.emrw-email-panel .emrw-email-panel-address{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:8px 12px;border-radius:9px;background:rgba(255,255,255,.055);color:#e3f5f5}
.emrw-email-panel-actions{margin:6px 0 12px}
.emrw-email-panel-subtle{font-size:12px;color:#aebdc9}
.emrw-email-panel-back{display:inline-block;margin-top:12px;font-size:13px;color:#74dfbf}
.emrw-email-withdraw-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:11px 14px;border:1px solid rgba(246,184,95,.23);border-radius:12px;background:rgba(246,184,95,.07);color:#f5d6aa;font-size:13px}
.emrw-email-withdraw-note a{color:#7ce5c5;text-decoration:underline}
@media(max-width:1150px){html body .emrw-v5-topbar .emrw-email-topstatus:not(.is-unverified){display:none}}
@media(max-width:620px){html body .emrw-v5-topbar .emrw-email-topstatus.is-unverified .online-label{font-size:0}html body .emrw-v5-topbar .emrw-email-topstatus.is-unverified .online-label:after{content:'✉';font-size:17px}html body .emrw-v5-topbar .emrw-email-topstatus.is-unverified .status-dot{display:none}.emrw-email-panel{padding:20px 16px;gap:12px}.emrw-email-panel-icon{width:42px;height:42px;flex-basis:42px;font-size:22px}}

/* V41 email deliverability hint: subtle inline content; no layout shifts in header. */
.emrw-email-panel .emrw-email-delivery-tip{display:flex;align-items:flex-start;gap:9px;max-width:570px;margin:12px 0 8px;padding:10px 12px;border:1px solid rgba(114,201,186,.2);border-radius:11px;background:rgba(114,201,186,.065);font-size:12px;line-height:1.55;color:#bfd5de}
.emrw-email-delivery-tip>span:first-child{flex:0 0 auto;color:#71dfbd;font-size:15px;line-height:1.2;margin-top:1px}