.account-overlay{position:fixed;inset:0;z-index:10000;background:rgba(8,27,25,.68);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.account-overlay.hidden{display:none}
.account-panel{width:min(100%,465px);background:#fffcf7;box-shadow:0 30px 90px rgba(0,0,0,.2);border-radius:28px;border:2px solid #143b32;padding:24px;position:relative;color:#143b32;max-height:95vh;overflow:auto}
.account-close{position:absolute;top:10px;right:18px;font-size:30px;border:0;background:transparent;color:#143b32;cursor:pointer}
.account-logo{text-align:center;font-size:40px}.account-panel h2{font-size:28px;line-height:1.12;text-align:center;margin:8px 10px 8px;font-weight:900}.account-panel p{font-size:14px;line-height:1.5;text-align:center;color:#45665d;margin:0 8px 16px}
.account-tabs{display:flex;gap:4px;border-radius:18px;background:#e8eee7;padding:5px;margin:16px 0}.account-tabs button{min-width:0;flex:1;cursor:pointer;border:0;border-radius:12px;background:transparent;color:#22594b;padding:11px 7px;font-weight:800;font-size:12px}.account-tabs button.selected{background:white;box-shadow:0 2px 7px #c7d0ca}
#accountForm label:not(.checkline){display:block;font-size:12px;font-weight:800;margin:10px 0 5px}#accountForm label small{display:inline;font-size:10px;color:#547168}
#accountForm input:not([type=checkbox]){width:100%;padding:13px 15px;border-radius:13px;border:1.5px solid #ccd9d0;background:#f5f6f2;color:#163f35;font-size:15px}#accountForm input:focus{outline:2px solid #78bdb0}
.checkline{display:flex;align-items:flex-start;gap:9px;margin:13px 0;font-size:12.5px;line-height:1.45;color:#34554e;cursor:pointer}.checkline input{flex:0 0 auto;width:16px;height:16px;margin-top:1px;accent-color:#0a9471}.checkline a{color:#087a64}
.account-submit{display:block;width:100%;background:#1daf7d;border:0;color:white;border-radius:13px;padding:15px;font-size:15px;font-weight:900;cursor:pointer;margin-top:12px}.account-submit:disabled{opacity:.55;cursor:wait}.auth-helper{font-size:12px;color:#678078;margin-top:12px;line-height:1.4;text-align:center}.signout-btn{border:1px solid #b1c3b9;border-radius:12px;padding:8px 13px;background:white;color:#135345;cursor:pointer}.account-status{padding:8px 0;min-height:20px;font-size:12px;line-height:1.4}.account-status.error{color:#b12130}.account-status.success{color:#116743}
.ad-dialog-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.ad-slot-id{display:inline-flex;padding:8px 12px;background:#123d34;color:#d4f7ae;border-radius:12px;font-size:13px;font-weight:900}.ad-demo-pill{background:#f4e5c3;padding:7px 9px;border-radius:13px;font-size:11px;font-weight:800;color:#624822}
.ad-creative-demo{border:5px solid #213f38;border-radius:22px;min-height:175px;background:linear-gradient(135deg,#bdfa72,#ddffb3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;margin:16px 0}.ad-creative-demo strong{font-weight:1000;font-size:25px;color:#21463b}.ad-creative-demo span{font-size:11px;color:#3a5d54}.ad-preview-art{font-size:30px}
.ad-pricing{padding:13px 15px;background:#edf6ea;border-radius:15px;display:flex;justify-content:space-between;gap:8px;align-items:center}.ad-pricing small{font-size:10px;font-weight:800;display:block;color:#3c6a58}.ad-pricing strong{display:block;font-size:20px;font-weight:900}.ad-pricing span{font-size:10px;max-width:110px;color:#607766}
.sponsor-scroll-caption{font-size:12px;font-weight:800;margin:15px 0 8px}.sponsor-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 12px}.sponsor-slide{flex:0 0 160px;scroll-snap-align:start;text-align:left;padding:13px;border-radius:15px;background:#f8fcf1;border:2px solid #d5dfd0;cursor:pointer}.sponsor-slide.chosen{border-color:#17a978}.sponsor-slide b{display:block;color:#116046}.sponsor-slide small{display:block;min-height:36px;line-height:1.3;color:#39564c}.sponsor-slide span{font-size:12px;font-weight:800;color:#12694b}.ad-enquiry-link{display:block;text-align:center;text-decoration:none!important;margin:15px 0}
[hidden]{display:none!important}
@media(max-width:650px){.account-panel{padding:18px 15px;border-radius:22px}.account-panel h2{font-size:23px}.account-tabs button{font-size:11px}.ad-creative-demo{min-height:145px}}
@media(max-width:650px){.top-actions{gap:4px}.top-actions #btnAccount{display:inline-flex!important;align-items:center;max-width:96px;text-align:center;line-height:1.15;padding:7px 8px;font-size:9px}.top-actions #btnShare{font-size:9px;padding:8px}.account-tabs button{padding:9px 4px}.brand{gap:6px}.brand small{letter-spacing:.6px}.brand strong{font-size:14px}}