@font-face {
  font-family: 'Mahua Mini Noto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mini-yellow-ink-noto-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Mahua Mini Noto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/mini-yellow-ink-noto-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Mahua Mini Noto';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/mini-yellow-ink-noto-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Mahua Mini Noto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mini-yellow-ink-noto-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Mahua Mini Noto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/mini-yellow-ink-noto-4.ttf) format('truetype');
}

@font-face {
  font-family: 'Mahua Mini Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/mini-yellow-ink-sora-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Mahua Mini Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/mini-yellow-ink-sora-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Mahua Mini Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mini-yellow-ink-sora-2.ttf) format('truetype');
}

html.mini-yellow-ink #accountPhone,html.mini-yellow-ink #accountLevelBadge,html.mini-yellow-ink #inviteCodeLabel,html.mini-yellow-ink #balanceLabel b{font-family:Mahua Mini Sora,"Mahua Mini Noto",sans-serif!important;}

/* Mini-program yellow/ink visual theme; no APK or H5 selectors. */
html.mini-yellow-ink,html.mini-yellow-ink body,html.mini-yellow-ink .phone-app{background:#F5F2EA!important;color:#1C160B!important;font-family:"Mahua Mini Noto","PingFang SC","Microsoft YaHei",sans-serif!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel button,
html.mini-yellow-ink #appPanel#appPanel#appPanel input,
html.mini-yellow-ink #appPanel#appPanel#appPanel textarea{font-family:inherit !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .screen-body{background:#F5F2EA !important; padding:0 0 90px !important; color:#1C160B !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView,
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView{background:#F5F2EA !important; color:#1C160B !important; width:100% !important; max-width:100% !important; margin:0 !important; box-sizing:border-box !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView{padding:0 0 20px !important; --works-bg:#F5F2EA !important; --works-ink:#1C160B !important; --works-ink-dim:#6B6353 !important; --works-acid:#FFC53D !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView,
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView{padding:14px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar{background:#fff !important; border-top:1px solid #E7E1D3 !important; box-shadow:none !important; backdrop-filter:none !important; padding:6px 14px calc(8px + env(safe-area-inset-bottom)) !important; gap:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item{color:#6B6353 !important; -webkit-text-fill-color:currentColor !important; background:transparent !important; border:0 !important; box-shadow:none !important; gap:3px !important; min-height:50px !important; font-size:11px !important; font-weight:500 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item > span{color:inherit !important; -webkit-text-fill-color:currentColor !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active{color:#1C160B !important; background:transparent !important; font-weight:700 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-icon{background:transparent !important; color:inherit !important; width:32px !important; height:32px !important; border:0 !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-logo-icon{width:46px !important; height:32px !important; border-radius:11px !important; background:#FFC53D !important; color:#1C160B !important; display:grid !important; place-items:center !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .active .tab-logo-icon{background:#1C160B !important; color:#FFC53D !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-logo-icon img{display:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-logo-icon svg{width:20px !important; height:20px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-icon:before,
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-icon:after{filter:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-graphic-icon:before,
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-graphic-icon:after{display:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-graphic-icon{display:grid !important; place-items:center !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-graphic-icon svg{width:24px !important; height:24px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksBrowseTabs{padding:14px 14px 12px !important; background:#F5F2EA !important; border:0 !important; gap:3px !important; box-shadow:none !important; backdrop-filter:none !important; top:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksBrowseTabs button{min-height:34px !important; height:34px !important; padding:0 12px !important; border:0 !important; border-radius:17px !important; background:transparent !important; color:#6B6353 !important; font-size:14px !important; font-weight:500 !important; box-shadow:none !important; flex-shrink:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksBrowseTabs button.active{background:#1C160B !important; color:#FFC53D !important; font-weight:700 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksBrowseTabs .works-tab-new{background:#FFC53D !important; color:#1C160B !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksBrowseTabs #workUploadBtn{background:#fff !important; border:1px solid #D9D1BF !important; color:#1C160B !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #publicWorksPanel,
html.mini-yellow-ink #appPanel#appPanel#appPanel #myWorksPanel{background:transparent !important; padding:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView.public-grid-mode #publicWorks,
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView.my-grid-mode #myWorks{display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-auto-rows:1px !important; align-items:start !important; gap:0 12px !important; padding:0 14px !important; width:100% !important; box-sizing:border-box !important; background:transparent !important; contain:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result{background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important; border-radius:0 !important; display:flex !important; flex-direction:column !important; min-width:0 !important; overflow:visible !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .work-title{position:static !important; inset:auto !important; order:10 !important; background:transparent !important; border:0 !important; margin:8px 0 0 !important; padding:0 2px !important; min-height:0 !important; display:flex !important; flex-direction:column !important; gap:6px !important; pointer-events:auto !important; color:#1C160B !important; text-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .work-title .work-grid-description{order:0 !important; color:#1C160B !important; font-size:13px !important; font-weight:500 !important; line-height:1.5 !important; text-shadow:none !important; margin:0 !important; padding:0 !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .work-title .work-author{order:1 !important; color:#6B6353 !important; display:flex !important; gap:6px !important; margin:0 !important; max-width:100% !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .work-author strong{color:#6B6353 !important; font-size:12px !important; font-weight:500 !important; max-width:130px !important; text-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .work-author img,
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .work-author > span{width:20px !important; height:20px !important; min-width:20px !important; min-height:20px !important; flex:0 0 20px !important; border:0 !important; background:#1C160B !important; color:#FFC53D !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .video-frame{width:100% !important; height:auto !important; aspect-ratio:174 / 230 !important; border-radius:18px !important; overflow:hidden !important; background:#E7E1D3 !important; margin:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result:nth-child(4n+2) .video-frame,
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result:nth-child(4n+3) .video-frame{aspect-ratio:174 / 196 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .video-frame video,
html.mini-yellow-ink #appPanel#appPanel#appPanel #worksView:is(.public-grid-mode,.my-grid-mode) .work-card-has-result .video-frame > img{width:100% !important; height:100% !important; object-fit:cover !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView{gap:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch{position:relative !important; margin:0 !important; padding:22px 22px 16px !important; background:#1C160B !important; border:0 !important; border-radius:24px 24px 0 0 !important; gap:4px !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch button{height:40px !important; min-height:40px !important; margin:0 !important; padding:0 12px !important; border:0 !important; border-radius:12px !important; color:#B8AE98 !important; background:#2C261A !important; font-size:15px !important; font-weight:700 !important; box-shadow:none !important; flex:1 1 0 !important; width:auto !important; max-width:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch button.active{color:#1C160B !important; background:#FFC53D !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .ai-generation-disclosure{margin:0 !important; padding:0 18px 16px !important; background:#1C160B !important; border:0 !important; border-radius:0 !important; color:#B8AE98 !important; font-size:11px !important; line-height:1.5 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .ai-generation-disclosure-dot{background:#FFC53D !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #personForm,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #imageCreatePanel{margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; gap:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .prompt-block{background:#fff !important; border:0 !important; border-radius:0 0 24px 24px !important; padding:0 18px 18px !important; margin:0 !important; box-shadow:0 12px 32px #1c160b0f !important; overflow:visible !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .prompt-block > .section-title{position:relative !important; display:flex !important; align-items:flex-end !important; flex-wrap:nowrap !important; gap:12px !important; background:#1C160B !important; padding:0 18px 20px !important; margin:0 -18px 16px !important; border:0 !important; border-radius:0 0 24px 24px !important; width:auto !important; min-height:64px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .prompt-block > .section-title h3{font-size:26px !important; font-weight:900 !important; line-height:1.25 !important; letter-spacing:.5px !important; color:#fff !important; margin:0 !important; max-width:190px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .prompt-block > .section-title h3:before,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .prompt-block > .section-title h3:after{display:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #studioModelTrigger{background:transparent !important; border:1px solid #ffc53d73 !important; color:#FFC53D !important; border-radius:17px !important; padding:3px 4px 3px 9px !important; min-height:34px !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #studioModelName{color:#FFC53D !important; font-size:12px !important; max-width:70px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #durationHint{background:#FFC53D !important; color:#1C160B !important; border:0 !important; border-radius:13px !important; padding:5px 8px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #studioToolsToggle{background:transparent !important; color:#1C160B !important; border:0 !important; border-radius:0 !important; padding:0 !important; margin:0 0 14px !important; min-height:30px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #studioToolsToggleLabel{font-size:16px !important; font-weight:700 !important; color:#1C160B !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #studioToolsSummary{border:1px solid #E7E1D3 !important; border-radius:15px !important; padding:5px 9px !important; background:#FAF8F3 !important; color:#4A4335 !important; font-size:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .prompt-field{background:transparent !important; border:0 !important; box-shadow:none !important; margin:0 !important; padding:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .manual-prompt-editor{background:#FAF8F3 !important; border:1px solid #E7E1D3 !important; border-radius:18px !important; box-shadow:none !important; padding:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .manual-prompt-editor textarea{min-height:176px !important; height:176px !important; background:transparent !important; color:#1C160B !important; border:0 !important; padding:14px 16px 54px !important; font-size:15px !important; line-height:1.6 !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView textarea::placeholder{color:#8A8170 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #aiPromptBtn{background:#1C160B !important; color:#fff !important; border:0 !important; border-radius:19px !important; min-height:38px !important; padding:0 14px !important; font-size:13px !important; box-shadow:none !important; right:10px !important; bottom:10px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #aiPromptBtn .ai-icon{color:#FFC53D !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .video-create-reference,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference{background:transparent !important; margin:14px 0 0 !important; padding:0 !important; border:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .video-create-reference-action,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference-action{background:#fff !important; border:1px dashed #D9D1BF !important; border-radius:18px !important; padding:12px !important; gap:12px !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .video-create-reference-upload-label{background:transparent !important; border:0 !important; padding:0 !important; gap:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .video-create-reference-icon,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference-icon{background:#FFC53D !important; color:#1C160B !important; width:48px !important; height:48px !important; border-radius:14px !important; border:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .video-create-reference-copy strong,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference-copy strong{color:#1C160B !important; font-size:14px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .video-create-reference-copy small,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference-copy small,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-hint{color:#6B6353 !important; font-size:11px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #toggleAssetLibraryBtn{color:#1C160B !important; -webkit-text-fill-color:#1C160B !important; background:#fff !important; border:1px solid #1C160B !important; border-radius:17px !important; min-height:34px !important; padding:0 12px !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .main-create-wrap{background:transparent !important; margin:12px 0 0 !important; padding:0 !important; border:0 !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .main-create-button{height:58px !important; min-height:58px !important; border:0 !important; border-radius:20px !important; background:#FFC53D !important; color:#1C160B !important; -webkit-text-fill-color:#1C160B !important; font-size:17px !important; font-weight:900 !important; letter-spacing:1px !important; box-shadow:0 10px 24px #ffc53d59,inset 0 -2px 0 #1c160b1f !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .main-create-button .btn-icon{color:#1C160B !important; -webkit-text-fill-color:#1C160B !important; font-family:sans-serif !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-resolution button{background:#2C261A !important; color:#B8AE98 !important; border-color:#6B6353 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-resolution button.active,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-price{background:#FFC53D !important; color:#1C160B !important; border-color:#FFC53D !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView #imageCreatePrompt{height:176px !important; min-height:176px !important; color:#1C160B !important; -webkit-text-fill-color:currentColor !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference-action-text,
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .image-create-reference-remove{background:#F5F2EA !important; color:#1C160B !important; border:1px solid #D9D1BF !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-card{position:relative !important; background:#1C160B !important; padding:20px !important; border:0 !important; border-radius:26px !important; box-shadow:0 18px 40px #1c160b38 !important; margin:0 0 20px !important; overflow:hidden !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-card-bg{background:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-user{display:grid !important; grid-template-columns:68px minmax(0,1fr) !important; align-items:center !important; gap:6px 14px !important; width:100% !important; padding:0 !important; position:relative !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-user-main{display:contents !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-user .avatar{grid-column:1 !important; grid-row:1 / 3 !important; width:68px !important; height:68px !important; border:3px solid #FFC53D !important; background:#2C261A !important; color:#FFC53D !important; box-shadow:none !important; box-sizing:border-box !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-name-row{grid-column:2 !important; grid-row:1 !important; align-self:end !important; display:flex !important; gap:8px !important; padding-right:28px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #accountUser{color:#fff !important; font-size:22px !important; font-weight:900 !important; margin:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #editProfileBtn{color:#D6CCB6 !important; background:transparent !important; border:1px solid #ffffff33 !important; border-radius:11px !important; font-size:11px !important; padding:0 8px !important; min-height:22px !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #accountPhone{grid-column:2 !important; grid-row:2 !important; align-self:start !important; color:#B8AE98 !important; font-size:13px !important; letter-spacing:.5px !important; margin:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #accountSettingsBtn{top:20px !important; right:20px !important; width:36px !important; height:36px !important; border-radius:14px !important; background:#ffffff14 !important; color:#fff !important; border:0 !important; box-shadow:none !important; z-index:4 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-level-summary{grid-column:1 / -1 !important; display:flex !important; gap:10px !important; margin:12px 0 0 !important; padding:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #accountLevelBadge{color:#1C160B !important; background:#FFC53D !important; border:0 !important; border-radius:12px !important; padding:4px 10px !important; font-size:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #accountLevelHint{color:#D6CCB6 !important; font-size:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-invite-code{grid-column:1 / -1 !important; display:flex !important; align-items:center !important; gap:10px !important; margin:12px 0 0 !important; padding:6px 6px 6px 14px !important; background:#ffffff0f !important; border:1px solid #ffffff14 !important; border-radius:16px !important; width:100% !important; box-sizing:border-box !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-invite-code > span{color:#B8AE98 !important; font-size:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #inviteCodeLabel{flex:1 !important; color:#fff !important; font-size:16px !important; letter-spacing:1px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #copyInviteCodeBtn{background:#FFC53D !important; color:#1C160B !important; border:0 !important; border-radius:12px !important; height:40px !important; padding:0 14px !important; font-size:13px !important; font-weight:700 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-recharge-zone{border-top:1px solid #ffffff1a !important; margin-top:18px !important; padding:18px 0 0 !important; background:transparent !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #balanceLabel{display:flex !important; align-items:baseline !important; align-content:flex-start !important; flex-wrap:wrap !important; column-gap:8px !important; row-gap:8px !important; width:100% !important; max-width:100% !important; height:auto !important; text-align:left !important; color:#fff !important; margin:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #balanceLabel > span{position:static !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; width:100% !important; flex:0 0 100% !important; color:#B8AE98 !important; font-size:13px !important; line-height:1.5 !important; font-weight:400 !important; margin-bottom:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #balanceLabel b{color:#fff !important; font-size:28px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:0 !important; max-width:100% !important; overflow-wrap:anywhere !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #balanceLabel em{color:#FFC53D !important; font-size:15px !important; font-style:normal !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView #accountRechargeShortcut{background:#FFC53D !important; color:#1C160B !important; border:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub{background:transparent !important; border:0 !important; padding:0 !important; margin:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-title{color:#1C160B !important; margin:0 4px 14px !important; font-size:18px !important; font-weight:900 !important; display:flex !important; justify-content:space-between !important; align-items:center !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-title:after{content:'SERVICES' !important; color:#8A8170 !important; font-size:11px !important; font-weight:600 !important; letter-spacing:2px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-primary{display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card{background:#fff !important; color:#1C160B !important; border:0 !important; border-radius:22px !important; box-shadow:0 1px 0 #E7E1D3,0 10px 26px #1c160b0d !important; padding:16px !important; min-height:132px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card strong{color:#1C160B !important; font-size:17px !important; font-weight:900 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card small{color:#6B6353 !important; font-size:12px !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-icon{background:#FFC53D !important; color:#1C160B !important; border-radius:14px !important; width:44px !important; height:44px !important; border:0 !important; box-shadow:none !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-icon svg{color:inherit !important; stroke:currentColor !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .task-center-entry{background:#1C160B !important; color:#fff !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .task-center-entry strong{color:#fff !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .task-center-entry small{color:#D6CCB6 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .task-center-entry .account-hub-icon{background:#ffc53d24 !important; color:#FFC53D !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card:nth-child(n+3){grid-column:1 / -1 !important; min-height:72px !important; flex-direction:row !important; align-items:center !important; gap:14px !important; margin-top:-12px !important; border-radius:0 !important; padding:14px 16px !important; box-shadow:none !important; border-bottom:1px solid #EFEAE0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card:nth-child(3){margin-top:0 !important; border-radius:22px 22px 0 0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card:last-child{border-radius:0 0 22px 22px !important; border-bottom:0 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card:nth-child(n+3) .account-hub-icon{width:42px !important; height:42px !important; background:#F5F2EA !important; color:#1C160B !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-card:nth-child(n+3) strong{font-size:16px !important; font-weight:700 !important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountView .account-hub-secondary button{background:#fff !important; color:#1C160B !important; border:1px solid #E7E1D3 !important;}

html.mini-yellow-ink #appPanel#appPanel#appPanel .account-card:before,html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch:before,html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch:after{display:none!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .account-card:after{content:""!important;position:absolute!important;pointer-events:none!important;right:-70px!important;bottom:-60px!important;top:auto!important;left:auto!important;width:260px!important;height:260px!important;opacity:.07!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC53D' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V8.4c0-1.6 2-2.3 3-1.1L12 12l4-4.7c1-1.2 3-.5 3 1.1V19'/%3E%3C/svg%3E") center/contain no-repeat!important;transform:none!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .account-card>*{position:relative;z-index:1;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch{overflow:hidden!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #studioView .studio-mode-switch:after{content:""!important;display:block!important;position:absolute!important;pointer-events:none;right:-54px!important;top:-40px!important;width:220px!important;height:220px!important;opacity:.07!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC53D' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V8.4c0-1.6 2-2.3 3-1.1L12 12l4-4.7c1-1.2 3-.5 3 1.1V19'/%3E%3C/svg%3E") center/contain no-repeat!important;transform:none!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel #accountSettingsBtn{position:absolute!important;}
html.mini-yellow-ink{--mini-selected-bg:#FFC53D;--mini-selected-ink:#1C160B;--mini-inactive-bg:#2C261A;--mini-inactive-ink:#B8AE98;}

/* Clear ink-filled active states for Works and My tabs. */
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item:not(.active) .tab-graphic-icon{color:#9B9588!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active .tab-graphic-icon{color:#1C160B!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active .tab-graphic-icon svg{stroke-width:2.2!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active .tab-work-icon rect{fill:#1C160B!important;stroke:#1C160B!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active .tab-work-icon path{fill:#FFC53D!important;stroke:#FFC53D!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active .tab-account-icon circle{fill:#1C160B!important;stroke:#1C160B!important;}
html.mini-yellow-ink #appPanel#appPanel#appPanel .tabbar .tab-item.active .tab-account-icon path{fill:#1C160B!important;stroke:#1C160B!important;}

/* Geometric chevron avoids font-dependent glyph baselines on iOS. */
html.mini-yellow-ink .video-fullscreen-overlay .fullscreen-close {padding:0!important;place-items:center!important;}
html.mini-yellow-ink .video-fullscreen-overlay .fullscreen-close > span {position:relative!important;display:block!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;transform:none!important;}
html.mini-yellow-ink .video-fullscreen-overlay .fullscreen-close > span::before {content:"";position:absolute;box-sizing:border-box;width:10px;height:10px;left:50%;top:50%;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:translate(-30%,-50%) rotate(45deg);}