@import url("palette.css?v=graphite-green-1");
/* AI GLOBAL visual integration: retains the original module controls and API contracts. */
:root{--brand:var(--ag-accent);--ink:var(--ag-ink);--amber:var(--ag-accent);--muted:var(--ag-muted);--line:var(--ag-line);--dark:var(--ag-bg);--body:'Plus Jakarta Sans','PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:var(--body);color-scheme:dark}
body{background:var(--ag-deep);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.scene-aura{background:radial-gradient(ellipse at 64% 38%,color-mix(in srgb,var(--ag-accent-pale) 30.2%,transparent),transparent 54%),radial-gradient(ellipse at 24% 28%,color-mix(in srgb,var(--ag-accent-pale) 25.1%,transparent),transparent 40%)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 12% 22%,color-mix(in srgb,var(--ag-accent) 60%,transparent) 50%,transparent),radial-gradient(1px 1px at 64% 42%,color-mix(in srgb,var(--ag-accent) 66.67%,transparent) 50%,transparent),radial-gradient(1px 1px at 33% 69%,color-mix(in srgb,var(--ag-accent) 40%,transparent) 50%,transparent);background-size:193px 173px,281px 251px,317px 283px;opacity:.6}
.app-header{background:linear-gradient(color-mix(in srgb,var(--ag-bg) 90.98%,transparent),color-mix(in srgb,var(--ag-bg) 25.1%,transparent));border-color:color-mix(in srgb,var(--ag-accent) 9.41%,transparent);left:3.2vw;right:3.2vw;height:80px}
.brand{gap:20px;color:var(--ag-text)}.brand-divider{background:color-mix(in srgb,var(--ag-accent) 20%,transparent)}.brand small{color:var(--ag-muted)}.ai-brand{display:flex;gap:10px;align-items:center;color:var(--ag-ink);text-decoration:none;flex:none}.ai-brand>svg{width:31px;height:31px;flex:none}.ai-brand b{font-size:20px;font-weight:700;letter-spacing:-.8px;display:block;line-height:1.1;color:var(--ag-ink)}.ai-brand b>span{font-weight:300;color:var(--ag-accent);margin-left:2px}.ai-brand small{font-size:8px;letter-spacing:1.5px;font-weight:400;color:var(--ag-muted);display:block;margin-top:5px}.module-label{font-size:12px;letter-spacing:1px}.module-label small{font-size:8px;letter-spacing:1.2px}
.header-tools{gap:12px}.operations-link,.native-tiktok-link{font-size:11px;font-weight:400;border:1px solid color-mix(in srgb,var(--ag-accent) 14.9%,transparent);background:color-mix(in srgb,var(--ag-ink) 2.35%,transparent);color:var(--ag-ink);border-radius:99px;padding:9px 13px}.operations-link:hover,.native-tiktok-link:hover{background:color-mix(in srgb,var(--ag-ink) 4.71%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 40%,transparent)}.mode-switch{border-radius:99px;border-color:color-mix(in srgb,var(--ag-accent) 14.9%,transparent);background:var(--ag-bg);padding:4px}.mode-switch span{border-radius:99px;color:var(--ag-muted);padding:6px 12px}.mode-switch input:checked+span{background:var(--ag-panel);color:var(--ag-on-accent)}.connection-status{color:var(--ag-accent)}.connection-status i,.network-status i,.live-dot{background:var(--ag-panel);box-shadow:0 0 9px color-mix(in srgb,var(--ag-accent) 40%,transparent)}.app-menu summary,.app-menu nav{background:var(--ag-panel);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent);color:var(--ag-ink)}.app-menu nav a{color:var(--ag-ink)}.app-menu nav a:hover{background:color-mix(in srgb,var(--ag-accent) 10.2%,transparent)}.icon-button{color:var(--ag-accent)}.icon-button:hover{background:color-mix(in srgb,var(--ag-accent) 8.63%,transparent)}
.hero-copy .eyebrow,.eyebrow{color:var(--ag-text);font-weight:400}.hero-copy h1{color:var(--ag-ink);font-weight:400;font-size:clamp(30px,3.6vw,54px);line-height:1.28;letter-spacing:-1.5px}.hero-copy h1 span{color:var(--ag-accent)}.hero-copy p{color:var(--ag-muted);font-size:12px}.hero-status{color:var(--ag-muted)}.network-status{color:var(--ag-text)}.hero-mode{color:var(--ag-text)}.enter-control{border-color:color-mix(in srgb,var(--ag-accent) 33.33%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--ag-accent) 14.51%,transparent),color-mix(in srgb,var(--ag-raised) 40%,transparent));color:var(--ag-ink);border-radius:99px;box-shadow:0 0 38px color-mix(in srgb,var(--ag-accent) 6.27%,transparent);padding:15px 30px}.enter-control:hover{background:color-mix(in srgb,var(--ag-accent) 14.9%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 54.9%,transparent)}.enter-control small{color:var(--ag-text)}.map-coordinate{color:var(--ag-muted)}.map-caption>span:first-child{color:var(--ag-text)}.map-caption>span:last-child{color:var(--ag-muted)}.map-footer,.map-info{color:var(--ag-text)}.market-strip-title,.empty-markets{color:var(--ag-muted)}.market-strip-title>span:first-child{color:var(--ag-accent)}.market-chip,.hero-account-chip{background:color-mix(in srgb,var(--ag-raised) 85.1%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent);color:var(--ag-ink);backdrop-filter:blur(12px)}
.country{fill:var(--ag-on-accent);stroke:var(--ag-line);stroke-width:.8}.country.has-accounts{fill:var(--ag-accent)}.country:hover,.country.focused{fill:var(--ag-muted);stroke:var(--ag-line-strong)}.country.selected{fill:var(--ag-muted);stroke:var(--ag-line-strong)}.country.processing{fill:var(--ag-warning);stroke:var(--ag-warning)}.country.success{fill:var(--ag-accent);stroke:var(--ag-line-strong)}.country.partial{fill:var(--ag-warning);stroke:var(--ag-danger)}.country[data-country=CN]{fill:var(--ag-accent);stroke:var(--ag-line-strong);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--ag-accent) 20%,transparent))}.route{stroke:var(--ag-line-strong);opacity:.6}.route.processing{stroke:var(--ag-warning)}.route-packet{stroke:var(--ag-line-strong);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ag-accent) 53.33%,transparent))}.china-source text{stroke:var(--ag-line);fill:var(--ag-accent)}.china-source .origin-sub{fill:var(--ag-accent)}.origin-dot{fill:var(--ag-accent);stroke:var(--ag-line-strong)}.origin-ring{fill:color-mix(in srgb,var(--ag-accent) 5.1%,transparent);stroke:color-mix(in srgb,var(--ag-accent) 46.67%,transparent)}.marker-halo{fill:color-mix(in srgb,var(--ag-accent) 3.92%,transparent);stroke:color-mix(in srgb,var(--ag-accent) 33.33%,transparent)}.marker-core{fill:var(--ag-ink);stroke:var(--ag-line)}.market-marker text{stroke:var(--ag-line);fill:var(--ag-ink)}.map-tooltip{background:color-mix(in srgb,var(--ag-panel) 94.12%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 26.67%,transparent);color:var(--ag-ink)}
.control-scene{border-color:color-mix(in srgb,var(--ag-accent) 18.04%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--ag-raised) 87.84%,transparent),color-mix(in srgb,var(--ag-bg) 85.1%,transparent));box-shadow:0 24px 100px #0008,inset 0 1px 0 color-mix(in srgb,var(--ag-accent) 7.06%,transparent);backdrop-filter:blur(18px);border-radius:20px}.control-heading .eyebrow{color:var(--ag-muted)}.control-heading h2{font-weight:400}.source-panel{border-color:color-mix(in srgb,var(--ag-accent) 13.33%,transparent)}.source-media{background:var(--ag-bg);border-color:color-mix(in srgb,var(--ag-accent) 33.33%,transparent)}.source-poster{background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--ag-accent) 18.82%,transparent),transparent 85%)}.source-poster>span,.file-meta>span{color:var(--ag-muted)}.file-meta strong{color:var(--ag-text)}.upload-symbol{background:color-mix(in srgb,var(--ag-accent) 10.2%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent);color:var(--ag-accent)}.video-toolbar{background:color-mix(in srgb,var(--ag-panel) 90.98%,transparent)}#source-video{background:var(--ag-deep)}.country-picker{background:var(--ag-panel);border-color:color-mix(in srgb,var(--ag-accent) 26.67%,transparent)}.country-picker .icon{color:var(--ag-accent)}.map-reset,.back-map,.text-button,.quiet-button{color:var(--ag-accent)}.text-button:hover,.quiet-button:hover{color:var(--ag-accent)}.button.primary,.publish-button{color:var(--ag-on-accent);background:var(--ag-panel);border:1px solid var(--ag-line-strong);box-shadow:0 0 28px color-mix(in srgb,var(--ag-accent) 4.71%,transparent)}.button.primary:hover,.publish-button:hover{background:var(--ag-panel)}.button.secondary{background:color-mix(in srgb,var(--ag-ink) 3.14%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent);color:var(--ag-accent)}.button.secondary:hover{background:color-mix(in srgb,var(--ag-ink) 7.06%,transparent)}.ai-button{color:var(--ag-accent);background:color-mix(in srgb,var(--ag-accent) 7.06%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 26.67%,transparent)}.ai-tools strong{color:var(--ag-accent)}.ai-tools .eyebrow{color:var(--ag-muted)}.account-card{border:1px solid color-mix(in srgb,var(--ag-accent) 15.69%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--ag-raised) 70.2%,transparent),color-mix(in srgb,var(--ag-bg) 80%,transparent));border-radius:12px;transition:border-color .2s,background .2s}.account-card.selected{border-color:color-mix(in srgb,var(--ag-accent) 53.33%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--ag-accent-pale) 60%,transparent),color-mix(in srgb,var(--ag-panel) 80%,transparent))}.account-card:hover{border-color:color-mix(in srgb,var(--ag-accent) 40%,transparent)}.account-country,.account-identity strong{color:var(--ag-ink)}.account-identity small{color:var(--ag-text)}.account-progress{background:var(--ag-accent-pale)}.account-card.success{border-color:color-mix(in srgb,var(--ag-accent) 40%,transparent)}.account-card.failed{border-color:color-mix(in srgb,var(--ag-danger) 40%,transparent)}.source-location,.target-footer,.target-selection,.target-pagination{color:var(--ag-muted)}.launch-icon{color:var(--ag-accent);background:color-mix(in srgb,var(--ag-accent) 10.2%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent)}.launch-summary strong{color:var(--ag-ink);font-weight:400}.launch-summary>div>span{color:var(--ag-muted)}.launch-metrics{color:var(--ag-muted)}.launch-metrics strong{color:var(--ag-ink)}.app-footer{color:var(--ag-muted);border-color:color-mix(in srgb,var(--ag-accent) 12.55%,transparent);background:linear-gradient(transparent,var(--ag-deep))}
input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--ag-bg);border-color:color-mix(in srgb,var(--ag-accent) 23.92%,transparent);color:var(--ag-ink);border-radius:8px}input::placeholder,textarea::placeholder{color:var(--ag-muted)}input:focus,select:focus,textarea:focus{border-color:var(--ag-line-strong)}input[type=checkbox],input[type=radio]{accent-color:var(--ag-accent)}option{background:var(--ag-panel);color:var(--ag-ink)}#source-copy-preview{color:var(--ag-accent);background:color-mix(in srgb,var(--ag-bg) 43.92%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 15.69%,transparent)}
dialog{background:linear-gradient(145deg,color-mix(in srgb,var(--ag-raised) 96.08%,transparent),color-mix(in srgb,var(--ag-bg) 96.08%,transparent));color:var(--ag-ink);border-color:color-mix(in srgb,var(--ag-accent) 22.75%,transparent);border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 32px 100px #0009}dialog::backdrop{background:color-mix(in srgb,var(--ag-deep) 60%,transparent);backdrop-filter:blur(7px)}.dialog-heading h2{font-weight:400;color:var(--ag-ink)}.dialog-heading p,.dialog-footer,.field label,.library-bulk,.library-row small,.region-row small,.group-member small{color:var(--ag-text)}.library-row,.region-row,.receipt-row,.history-card,.group-member{border-color:color-mix(in srgb,var(--ag-accent) 14.9%,transparent)}.library-row:has(input:checked),.region-row:has(input:checked),.group-member:has(input:checked){background:color-mix(in srgb,var(--ag-accent) 9.41%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 33.33%,transparent)}.detail-identity strong,.history-card strong{color:var(--ag-ink)}.country-tag,.badge{background:color-mix(in srgb,var(--ag-accent) 10.2%,transparent);color:var(--ag-accent);border-color:color-mix(in srgb,var(--ag-accent) 23.92%,transparent)}.toast{background:color-mix(in srgb,var(--ag-raised) 93.73%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 26.67%,transparent);color:var(--ag-ink)}.connection-return main{background:var(--ag-panel);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent)}.connection-return .ai-brand{justify-content:center}
/* Native TikTok account, scheduling, and result screens use the same dark surfaces. */
html:has(.native-page){background:var(--ag-deep);color:var(--ag-ink)}.native-page{--pine:var(--ag-accent);--pine-dark:var(--ag-accent-hover);--line:var(--ag-line);--muted:var(--ag-muted);--serif:var(--body);--champagne:var(--ag-accent);background:var(--ag-deep);color:var(--ag-ink)}.native-page .top{background:color-mix(in srgb,var(--ag-bg) 90.98%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ag-accent) 14.9%,transparent)}.native-page .back{color:var(--ag-accent)}.native-page .mark{width:34px;height:34px;background:none;border:0;padding:0;color:var(--ag-accent)}.native-page .mark svg{width:32px;height:32px}.native-page .brand strong{color:var(--ag-ink)}.native-page .badge{background:color-mix(in srgb,var(--ag-accent) 7.84%,transparent);color:var(--ag-accent)}.native-page .hero{background:radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--ag-accent) 25.1%,transparent),transparent 65%),linear-gradient(120deg,var(--ag-raised),var(--ag-panel));border:1px solid color-mix(in srgb,var(--ag-accent) 20%,transparent);border-radius:18px}.native-page .hero h1{font-family:var(--body);font-weight:400;color:var(--ag-ink)}.native-page .hero p,.native-page .hero-stats span{color:var(--ag-text)}.native-page .hero-stats b{color:var(--ag-accent);font-family:var(--body);font-weight:300}.native-page .hero-stats div{border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent)}.native-page .heading h2,.native-page .field>label:first-child,.native-page .account-card h3,.native-page dialog h2{color:var(--ag-ink);font-family:var(--body);font-weight:400}.native-page .panel,.native-page .account-card,.native-page .table-wrap{background:linear-gradient(130deg,color-mix(in srgb,var(--ag-panel) 86.67%,transparent),color-mix(in srgb,var(--ag-bg) 86.67%,transparent));border-color:color-mix(in srgb,var(--ag-accent) 16.86%,transparent);border-radius:14px}.native-page .primary{color:var(--ag-on-accent);background:var(--ag-panel);border:1px solid var(--ag-line-strong);border-radius:99px}.native-page .primary:hover{background:var(--ag-panel)}.native-page .secondary{background:color-mix(in srgb,var(--ag-ink) 3.14%,transparent);border-color:color-mix(in srgb,var(--ag-accent) 20%,transparent);color:var(--ag-accent);border-radius:99px}.native-page .field input:not([type=checkbox]),.native-page .field select,.native-page .field textarea,.native-page .caption-field textarea{background:var(--ag-bg);color:var(--ag-ink);border-color:color-mix(in srgb,var(--ag-accent) 23.92%,transparent)}.native-page .field input:focus,.native-page .field select:focus,.native-page .field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ag-accent) 13.33%,transparent)}.native-page th{background:var(--ag-panel);color:var(--ag-text)}.native-page td{border-color:color-mix(in srgb,var(--ag-accent) 12.55%,transparent)}.native-page .choices label,.native-page .form-bottom{border-color:color-mix(in srgb,var(--ag-accent) 12.55%,transparent)}.native-page .notice,.native-page .pill{background:var(--ag-raised);color:var(--ag-accent);border-color:color-mix(in srgb,var(--ag-accent) 26.67%,transparent)}.native-page .notice.error,.native-page .pill.error{background:color-mix(in srgb,var(--ag-danger) 13%,transparent);color:var(--ag-danger);border-color:color-mix(in srgb,var(--ag-danger) 26.67%,transparent)}.native-page dialog{background:var(--ag-panel);color:var(--ag-ink)}.native-page a{color:var(--ag-accent)}
@media(max-width:1100px){.brand{gap:10px}.module-label{display:none}.brand-divider{display:none}.app-header{height:72px}.header-tools{gap:9px}.ai-brand b{font-size:18px}.ai-brand>svg{width:27px;height:27px}.control-scene{left:3%;right:3%}}
@media(max-width:600px){.app-header{height:68px;left:16px;right:16px;gap:8px}.ai-brand b{font-size:14px}.ai-brand>svg{width:23px;height:23px}.ai-brand{gap:6px}.ai-brand small{font-size:6px;letter-spacing:.8px}.header-tools{gap:6px}.mode-switch span{font-size:8px;padding:5px 7px}.app-header #fullscreen{display:none}.app-header .connection-status{font-size:8px}.app-menu summary{font-size:8px;padding:6px}.hero-copy h1{font-size:32px;line-height:1.25}.hero-copy p{font-size:10px}.hero-copy .eyebrow{font-size:7px}.hero-status{top:35%;font-size:9px}.enter-control{padding:12px 22px}.control-scene{border-radius:14px;backdrop-filter:blur(12px)}.native-page .top{flex-wrap:wrap;height:auto;min-height:70px;padding:12px 16px;gap:10px}.native-page .brand{flex:1}.native-page .back{font-size:10px}.native-page .badge{font-size:9px}}
.return-map{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 18px;border:1px solid color-mix(in srgb,var(--ag-accent) 33.33%,transparent);border-radius:99px;background:linear-gradient(120deg,color-mix(in srgb,var(--ag-accent-pale) 96.08%,transparent),color-mix(in srgb,var(--ag-panel) 96.08%,transparent));color:var(--ag-ink);font:11px var(--body);white-space:nowrap;box-shadow:0 0 28px color-mix(in srgb,var(--ag-accent) 4.71%,transparent);cursor:pointer;z-index:2;transition:background .2s,border-color .2s}.return-map:hover{background:var(--ag-accent-pale);border-color:color-mix(in srgb,var(--ag-accent) 54.9%,transparent)}.return-map:focus-visible{outline:2px solid var(--ag-line-strong);outline-offset:4px}.return-map .icon{height:13px;width:13px;animation:scroll-cue 2.5s ease-in-out infinite}
@media(max-width:600px){.return-map{height:26px;padding:0 12px;font-size:9px;gap:5px}.return-map .icon{width:11px;height:11px}}
@media(max-width:600px) and (max-height:720px){.control-scene{top:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Shared graphite / electric-green palette: map, publishing, dialogs and TikTok. */
body,html:has(.native-page),.native-page { background:var(--ag-bg); color:var(--ag-ink); }
.scene-aura { background:var(--ag-brand-gradient); }
.ai-brand>svg,.ai-brand b>span,.hero-copy .eyebrow,.eyebrow,.hero-copy h1 span { color:var(--ag-accent); }
.app-header { background:linear-gradient(color-mix(in srgb,var(--ag-bg) 94%,transparent),color-mix(in srgb,var(--ag-bg) 40%,transparent)); }
.country { fill:var(--ag-soft); stroke:var(--ag-bg); }
.country.has-accounts { fill:var(--ag-line-strong); }
.country:hover,.country.focused,.country.selected { fill:var(--ag-accent-pale); stroke:var(--ag-accent); }
.country[data-country=CN] { fill:var(--ag-accent); stroke:var(--ag-accent-hover); }
.country.processing { fill:var(--ag-accent-pale); stroke:var(--ag-warning); }
.country.success { fill:var(--ag-line-strong); stroke:var(--ag-success); }
.country.partial { fill:var(--ag-raised); stroke:var(--ag-warning); }
.route,.route-packet { stroke:var(--ag-accent); }
.china-source text { fill:var(--ag-highlight); stroke:var(--ag-bg); }
.china-source .origin-sub { fill:var(--ag-text); }
.origin-dot,.marker-core { fill:var(--ag-accent); stroke:var(--ag-bg); }
.market-marker text { fill:var(--ag-text); stroke:var(--ag-bg); }
.control-scene,.connection-return main,dialog,.native-page dialog { background:var(--ag-panel); border-color:var(--ag-line); }
.account-card,.native-page .account-card,.native-page .panel,.native-page .table-wrap { background:var(--ag-panel); border-color:var(--ag-line); }
.account-card.selected { background:var(--ag-accent-mist); border-color:var(--ag-accent); }
.button.primary,.publish-button,.native-page .primary,.mode-switch input:checked+span {
  background:var(--ag-accent); color:var(--ag-on-accent); border-color:var(--ag-accent);
}
.button.primary:hover,.publish-button:hover,.native-page .primary:hover { background:var(--ag-accent-hover); color:var(--ag-on-accent); }
.enter-control { background:var(--ag-accent); color:var(--ag-on-accent); border-color:var(--ag-accent); }
.enter-control small { color:var(--ag-on-accent); }
.enter-control:hover { background:var(--ag-accent-hover); }
.return-map { background:var(--ag-raised); color:var(--ag-accent); border-color:var(--ag-line-strong); }
.return-map:hover { background:var(--ag-accent-pale); border-color:var(--ag-accent); }
.ai-button,.launch-icon { color:var(--ag-accent); background:var(--ag-accent-mist); border-color:var(--ag-line-strong); }
input:not([type=checkbox]):not([type=radio]),select,textarea,
.native-page .field input:not([type=checkbox]),.native-page .field select,
.native-page .field textarea,.native-page .caption-field textarea { background:var(--ag-bg); color:var(--ag-ink); border-color:var(--ag-line-strong); }
input:focus,textarea:focus,select:focus { border-color:var(--ag-accent); }
input[type=checkbox],input[type=radio] { accent-color:var(--ag-accent); }
.native-page .top { background:var(--ag-panel); }
.native-page .hero { background:var(--ag-brand-gradient); border-color:var(--ag-line); }
.native-page .hero-stats b { color:var(--ag-accent); }
.native-page th { background:var(--ag-raised); color:var(--ag-muted); }
.native-page .notice,.native-page .pill { background:var(--ag-accent-mist); color:var(--ag-accent); }
.native-page .notice.error,.native-page .pill.error { background:color-mix(in srgb,var(--ag-danger) 12%,var(--ag-panel)); color:var(--ag-danger); border-color:color-mix(in srgb,var(--ag-danger) 40%,transparent); }
.native-page .pill.warn { color:var(--ag-warning); background:color-mix(in srgb,var(--ag-warning) 12%,var(--ag-panel)); }
:focus-visible { outline-color:var(--ag-accent); }