/* Owner reference: rose #AF0061, white background, black text.
   Neutral borders and secondary text derive only from black transparency. */
:root{
  --accent:#af0061;--paper:#fff;--white:#fff;--surface:#fff;--ink:#171717;
  --muted:rgb(23 23 23 / .72);--line:rgb(23 23 23 / .18);--control-line:rgb(23 23 23 / .5);--soft:rgb(23 23 23 / .035);
  --charcoal:var(--ink);--green:var(--accent);--rose:var(--accent);--mint:var(--soft);
  --voice:var(--accent);--voice-hover:var(--accent);--peach:var(--white);--blue:var(--accent);--sky:var(--white);--orange:var(--accent);
  accent-color:var(--accent);color-scheme:light;
}
body{background:var(--white);color:var(--ink)}
.site-header{background:var(--white);border-color:var(--line);box-shadow:none}
.account-plan-badge {
  flex: none;
  padding: 3px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}
.brand-icon,.brand-dot{color:var(--accent)}
.tool-tabs [data-tool]{color:var(--ink);border-color:transparent}
.tool-tabs [data-tool]:hover{background:var(--white);color:var(--accent);border-color:var(--accent)}
.tool-tabs [data-tool][aria-pressed=true],.tool-tabs [data-tool="symbols"][aria-pressed=true],.tool-tabs [data-tool="time"][aria-pressed=true],.tool-tabs [data-tool="currency"][aria-pressed=true]{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:none}
.hero h1,.hero-description{color:var(--ink)}
.hero h1 [data-i18n="headline2"],body.time-active .hero h1 [data-i18n="headline2"],body.currency-active .hero h1 [data-i18n="headline2"]{color:var(--accent)}
.hero .eyebrow{color:var(--ink)}.hero .status-dot{background:var(--accent)}
.voice-example{background:var(--accent);color:var(--white)}.voice-wave i{background:var(--white)}
.voice-art .art-r,.voice-art .art-infinity{background:var(--white);color:var(--ink);border:1px solid var(--line)}.voice-art-arrow{color:var(--accent)}
.search-panel{background:var(--white);border-color:var(--line);box-shadow:0 6px 24px rgb(23 23 23 / .04)}
.search-panel:focus-within,.search-panel[aria-busy=true]{border-color:var(--accent);box-shadow:0 0 0 2px rgb(175 0 97 / .12)}
.search-panel input,.search-panel textarea,.search-panel select,.input-heading label,.mode-row label{color:var(--ink)}
#query::placeholder{color:var(--muted)}.mode-row{border-color:var(--line)}
.mode-row select,.voice-controls select{background:var(--white);color:var(--ink);border-color:var(--control-line)}
.mic-button,.mic-button:hover{background:var(--white);color:var(--accent);border-color:var(--accent)}
.mic-button.recording{background:var(--accent);color:var(--white);border-color:var(--accent);outline-color:var(--accent)}
.search-button,.currency-active .search-button,.search-panel[aria-busy=true] .search-button,.copy-primary,.dialog-action,.download-button,.download-option.mac .download-button{background:var(--accent);color:var(--white);border-color:var(--accent)}
.search-button:hover,.copy-primary:hover,.download-button:hover,.dialog-action:hover{background:var(--accent);color:var(--white);box-shadow:0 0 0 3px rgb(175 0 97 / .15)}
.outline-button,.examples button,.voice-confirmation button,.favorite-action{background:var(--white);color:var(--ink);border-color:var(--control-line)}
.outline-button:hover,.examples button:hover,.voice-confirmation button:hover{background:var(--white);color:var(--accent);border-color:var(--accent)}
.examples button span,.note-mark,.footer-divider{color:var(--muted)}
.text-link,.signin-link,.document-page a:not(.brand):not(.download-button),.tool-guide a{color:var(--accent)}
.text-button:hover,.account-header-link:hover,.desktop-header-link:hover,footer a:hover{color:var(--accent)}
.ai-status,.voice-status,.voice-metrics,.fx-status,#time-status,#voice-total,#currency-board-status,#currency-workspace[aria-busy=true] .fx-status,#time-workspace[aria-busy=true] #time-status{color:var(--ink)}
.search-meta,.shelf-storage,.muted,.favorites-empty,.document-page .intro,.download-detail{color:var(--muted)}
main>.personal-shelf,main>.world-shelf,main>.currency-shelf,.time-form,.fx-desk,.best-card,.time-result-card,.support-card,.account-card{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.personal-shelf h2,.best-glyph,.best-content p,.best-label,.best-details code,.best-format .text-button{color:var(--ink)}
.shelf-symbol,.saved-shortcut,.city-clock,.currency-shortcut{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.shelf-symbol button,.shortcut-copy,.city-clock button,.currency-chip,.currency-remove{color:var(--ink)}
.shortcut-copy:hover{background:var(--soft)}.shelf-remove:hover,.currency-remove:hover{color:var(--accent)}
.favorite-toggle,.saved-shortcut .favorite-toggle,.symbol-tile>.favorite-toggle{color:var(--muted)}
.favorite-toggle[aria-pressed=true],.saved-shortcut .favorite-toggle[aria-pressed=true],.symbol-tile>.favorite-toggle[aria-pressed=true]{color:var(--accent);background:var(--white)}
.favorite-action[aria-pressed=true]{background:var(--accent);color:var(--white);border-color:var(--accent)}
.personal-shelf .recent-section,.best-details code,.best-format,.tool-guide{border-color:var(--line)}
.context-bar,.ai-explanation,.fx-interpretation,.time-warning,.voice-confirmation,.fx-warning,.beta-notice,.download-notice,.platform-availability{background:var(--white);color:var(--ink);border-color:var(--line)}
.ai-explanation,.fx-interpretation,.time-warning,.voice-confirmation,.fx-warning{border-left:3px solid var(--accent)}
.voice-confirmation button,.inline-error{color:var(--accent)}.fx-interpretation:empty{display:none}
.filter{color:var(--ink)}.filter:hover{background:var(--white);color:var(--accent);border-color:var(--accent)}.filter.active{background:var(--accent);color:var(--white);border-color:var(--accent)}
.symbol-card,.symbol-card:nth-child(n){background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:none}
.symbol-card:hover{background:var(--white);color:var(--ink);border-color:var(--accent);box-shadow:0 4px 16px rgb(23 23 23 / .04)}
.symbol-card .symbol-code{color:var(--muted)}
.city-clock :is(.city-date,.city-offset),.currency-chip :is(.currency-board-name,.currency-board-date){color:var(--muted)}
.currency-chip .currency-board-value,.fx-result-value,.fx-result-value>span,.time-result-card small,.time-origin,.fx-empty-mark{color:var(--ink)}
.currency-board-controls input,.currency-board-controls select,.world-shelf input,.time-fields input,.time-fields select,.reference-row input,.fx-form input,.fx-form select,.support-card input,.support-card select,.support-card textarea{background:var(--white);color:var(--ink);border-color:var(--control-line)}
.fx-form{background:var(--white)}.fx-form label{color:var(--ink)}
#currency-swap{background:var(--white);color:var(--accent);border-color:var(--line)}
.fx-output{background:var(--white);color:var(--ink);border-color:var(--line)}
.fx-output :is(.fx-currency-name,.fx-date,.fx-fetched),.fx-disclaimer{color:var(--muted)}.fx-rate{border-color:var(--line)}.fx-source{color:var(--accent)}.fx-output>button{background:var(--white)}.rate-unavailable{background:var(--white)}
.desktop-teaser{background:var(--white);color:var(--ink);border:1px solid var(--line)}
.desktop-teaser .eyebrow,.desktop-teaser :is(h2,p){color:var(--ink)}.desktop-teaser a{color:var(--accent)}
.companion-demo{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.demo-cat{color:var(--accent)}.demo-cat path[fill="currentColor"]{fill:var(--accent)}.demo-cat path[stroke]{stroke:var(--white)}.demo-caption{color:var(--muted)}
.demo-controls button{background:var(--white);color:var(--ink);border-color:var(--line)}.demo-controls button[aria-pressed=true]{background:var(--accent);color:var(--white);border-color:var(--accent)}
.platform-downloads{display:flex;flex-direction:column;align-items:start;gap:16px}.platform-downloads .download-option{width:100%}.download-option p{margin:8px 0 0}.download-option .download-button{min-width:248px;justify-content:space-between}
.toast{background:var(--accent);color:var(--white);box-shadow:0 6px 30px rgb(23 23 23 / .14)}dialog{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:0 24px 70px rgb(23 23 23 / .18)}dialog :is(p,li){color:var(--ink)}dialog::backdrop{background:rgb(23 23 23 / .5)}dialog h2,dialog h3{font-family:var(--font)}.dialog-copy{background:var(--white);color:var(--ink);border-color:var(--line)}
footer{color:var(--ink);border-color:var(--line)}.skip-link{background:var(--accent);color:var(--white)}
:is(button,a,input,textarea,select):focus-visible{outline-color:var(--accent)}.saved-shortcut:focus-within{outline-color:var(--accent)}

/* Existing task controls and responsive layout stay intact. */
#clear{display:none!important}.input-actions{gap:12px;flex-wrap:wrap}.input-actions .voice-controls{flex:1}.new-search{white-space:nowrap}.ai-status:empty,#input-help:empty,#voice-status:empty{display:none}.voice-details{font-size:12px;opacity:.75;margin:8px 0}.voice-details:not(:has(#voice-metrics:not(:empty))):not(:has(#voice-total:not([hidden]))){display:none}.voice-details summary{cursor:pointer}.account-header-link{color:inherit;text-decoration:none;font-size:14px}.account-card{border-radius:18px;padding:24px;margin:24px 0}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-card button{cursor:pointer;padding:10px 16px;border-radius:8px}.account-card button:disabled{opacity:.55;cursor:not-allowed}.account-card input{accent-color:var(--accent)}.account-price{font-size:38px}.account-status{min-height:1.5em}@media(max-width:600px){.input-actions .voice-controls{flex-basis:100%}.new-search{margin-left:auto}.header-right{gap:12px}.prototype-label{display:none}}
/* Account management stays compact; purchase and sync details expand in place. */
.account-dashboard .account-card{padding:24px;margin:16px 0;border-radius:16px}
.account-dashboard .account-card h2{margin:0;font-size:24px;line-height:32px}
.account-dashboard .account-card p{margin:8px 0;max-width:none}
.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.account-dashboard .balance-line{font-size:18px;line-height:28px;font-weight:500}
.account-dashboard .account-muted,.account-dashboard .account-fine-print{color:var(--muted);font-size:14px;line-height:20px}
.account-dashboard .account-text-button{background:transparent;border:0;color:var(--accent);padding:8px 0;min-height:40px}
.account-dashboard .account-checkbox{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;font-size:14px;line-height:24px;cursor:pointer}
.account-dashboard .account-checkbox input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:0;margin:4px 0 0;padding:0}
.account-dashboard .purchase-consent{margin:16px 0}
.account-checkbox>span{min-width:0}
.account-disclosure{margin:16px 0 0}
.account-disclosure summary{cursor:pointer;color:var(--accent);font-size:14px;line-height:24px}
.account-disclosure-body{padding:8px 0 0}
.account-disclosure-body .pack-history:empty{display:none}
.account-sync-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}
.account-upgrade{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.account-upgrade h3{margin:0;font-size:18px;line-height:28px}
.account-dashboard .search-button{margin-top:8px}
.account-dashboard #billing-topup{margin-bottom:0}
#account-status:empty,#cloud-status:empty{display:none}
.document-page:has(.account-dashboard){padding-top:16px;margin-top:24px}
.document-page:has(.account-dashboard) h1{margin:16px 0}
.document-page .account-support{font-size:14px;line-height:24px;margin-top:24px}
@media(max-width:600px){.account-dashboard .account-card{padding:16px}.account-sync-row{align-items:flex-start;flex-direction:column}.account-dashboard .search-button{width:100%}}
/* Decision-first pricing: aligned prices and actions, details below. */
.document-page .pricing-compact{gap:16px;margin-top:32px}
.document-page .pricing-compact .account-card{padding:24px;margin:0;border-radius:16px;border-width:1px;display:grid;grid-template-rows:auto auto auto auto 1fr auto;align-content:start}
.document-page .pricing-compact .featured-plan{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.document-page .pricing-compact h2{margin:0 0 16px}
.document-page .pricing-compact .account-price{font-size:36px;line-height:40px;font-weight:600;margin:0}
.document-page .pricing-compact .account-price small{font-size:14px;line-height:20px;font-weight:400}
.document-page .pricing-compact .pricing-cadence{font-size:14px;line-height:20px;color:var(--muted);margin:8px 0 24px}
.document-page .pricing-compact .pricing-link{margin:0;padding:12px;line-height:24px}
.document-page .pricing-compact .account-card ul{list-style:none;padding:0;margin:24px 0}
.document-page .pricing-compact li{font-size:16px;line-height:24px;margin:0 0 12px}
.document-page .pricing-compact li:last-child{margin-bottom:0}
.document-page .pricing-compact .pricing-small,.document-page .pricing-footnote{font-size:14px;line-height:20px;color:var(--muted);margin:0}
.document-page .pricing-footnote{margin:16px 0 32px;max-width:none}
.pricing-details{max-width:760px}
.pricing-details .account-disclosure{margin:0;border-bottom:1px solid var(--line);padding:16px 0}
.pricing-details summary{font-size:16px;line-height:24px;color:var(--ink)}
.pricing-details p{margin:12px 0 0}
.account-disclosure summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Pricing and purchased allowance keep the rose / white / black palette. */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-grid .account-card{margin:10px 0;display:flex;flex-direction:column;padding:24px 20px}.pricing-grid .account-card ul{padding-left:20px;flex:1}.pricing-grid h2{margin-top:4px}.pricing-kicker{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--accent);margin:0}.account-card.featured-plan{border:2px solid var(--accent)}.account-price{line-height:1.2;margin:16px 0}.account-price small{font-size:15px;font-weight:400}.pricing-link{display:inline-block;border:1px solid var(--accent);border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:600;text-align:center}.document-page .pricing-grid .featured-plan .pricing-link{background:var(--accent);color:var(--white)}.billing-notice{padding:14px 18px;border:1px solid var(--line);border-radius:12px}.purchase-consent{display:block;line-height:1.65;margin:20px 0}.purchase-consent input{margin-right:8px}.balance-line{font-size:20px;font-weight:600}.pack-history{padding-left:20px;overflow-wrap:anywhere}.pack-history li{padding:12px 0;border-bottom:1px solid var(--line)}.pack-history p{margin:4px 0}#billing-topup{margin-bottom:10px}.document-page:has(.pricing-grid){max-width:1120px}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.pricing-grid .account-card{padding:24px}.header-right .account-header-link{font-size:12px}}

/* Help stays available without competing with the current task. */
.compact-faq{max-width:760px;margin:24px 0 32px}
.compact-faq details{padding:16px 0;border-bottom:1px solid var(--line)}
.compact-faq summary,.time-settings summary{cursor:pointer;font-size:16px;line-height:24px;font-weight:500}
.compact-faq p{margin:12px 0 0}
.compact-faq summary:focus-visible,.time-settings summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.time-settings{margin:0 0 24px}
.time-settings .reference-row{margin:16px 0 0;max-width:640px}
.time-settings .reference-row p{margin:0;color:var(--muted);font-size:14px;line-height:20px}
.cancel-confirmation{padding:16px;margin:16px 0;border:1px solid var(--line);border-radius:8px}
.account-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#result-eyebrow:empty,#cancel-status:empty,#billing-availability:empty,.shelf-heading>span:empty,.search-meta p:empty{display:none}
.support-card .consent{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;line-height:24px}
.support-card .consent input[type=checkbox]{width:16px;height:16px;min-height:0;margin:4px 0 0;padding:0}
.document-page .support-line{margin-top:32px}

/* Tools first: a calm single-column workspace with optional controls. */
body[data-initial-tool] .site-header{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-left:24px;padding-right:24px}
body[data-initial-tool] main:not(.document-page){display:flex;flex-direction:column;max-width:1008px;padding:0 24px}
body[data-initial-tool] main>section{width:100%}
body[data-initial-tool] main>.tool-tabs{order:0;margin-top:24px;gap:24px;padding:0;border-bottom:1px solid var(--line);width:100%;justify-content:flex-start}
body[data-initial-tool] .tool-tabs [data-tool]{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 0;background:transparent;color:var(--muted);font-weight:500;box-shadow:none;flex:0 1 auto}
body[data-initial-tool] .tool-tabs [data-tool][aria-pressed=true]{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}
body[data-initial-tool] .tool-tabs [data-tool]:hover{color:var(--ink)}
body[data-initial-tool] .hero{order:1;padding:32px 0 24px!important;display:block}
body[data-initial-tool] .hero-copy{max-width:none}
body[data-initial-tool] .hero h1{font-size:44px;line-height:1.16;letter-spacing:-1.6px;margin:0 0 12px;max-width:none;text-wrap:balance}
body[data-initial-tool] .hero-description{font-size:16px;line-height:24px;color:var(--muted)}
body[data-initial-tool] main>.search-section{order:2;margin:0}
body[data-initial-tool] .search-panel{padding:24px;box-shadow:none;border-radius:12px}
body[data-initial-tool] .input-heading{min-height:0}
body[data-initial-tool] #query{min-height:96px;padding:8px 0 24px;line-height:28px}
body[data-initial-tool] .input-actions{flex-wrap:wrap;gap:12px}
body[data-initial-tool] .input-actions>.search-button{width:auto;justify-content:center;margin-left:auto}
body[data-initial-tool] .voice-controls{width:auto}
body[data-initial-tool] .search-meta{margin-top:0}
.search-meta:has(p:not(:empty)){margin-top:12px!important}
.search-options{margin:16px 0 0}
.search-options summary,.category-browser summary{font-size:13px;line-height:20px;color:var(--muted);cursor:pointer;list-style:none;display:inline-flex;gap:8px;align-items:center}
.search-options summary:after,.category-browser summary:after{content:'+';font-size:16px}
.search-options[open]>summary:after,.category-browser[open]>summary:after{content:'−'}
.search-options summary::-webkit-details-marker,.category-browser summary::-webkit-details-marker{display:none}
.search-options summary:focus-visible,.category-browser summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.search-option-fields{display:flex;align-items:start;flex-wrap:wrap;gap:16px 32px;padding-top:16px}
.search-options .mode-row,.voice-mode-option{display:flex;align-items:center;gap:8px;padding:0;margin:0;border:0;font-size:12px}
.voice-mode-option select{background:var(--white);border:1px solid var(--line);padding:8px;border-radius:8px;font-size:12px}
body[data-initial-tool] .examples{margin-top:12px;gap:8px 16px}
body[data-initial-tool] .examples>span{font-size:12px;color:var(--muted);display:inline;width:auto}
body[data-initial-tool] .examples button{border:0;padding:4px 0;background:none;border-radius:0;min-height:32px;color:var(--muted)}
body[data-initial-tool] .examples button:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
body[data-initial-tool] main>.personal-shelf{order:3;margin-top:24px;padding:20px 0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
body[data-initial-tool] .personal-shelf .shelf-heading h2{font-size:16px;line-height:24px}
body[data-initial-tool] .favorites-empty{margin:8px 0 0;font-size:13px;line-height:20px}
body[data-initial-tool] .results-section{order:5;margin-top:32px;padding-bottom:40px}
body[data-initial-tool] .section-heading{align-items:center;flex-direction:row;margin-bottom:12px}
body[data-initial-tool] .section-heading h2{font-size:22px;line-height:28px;margin:0}
.category-browser{margin-bottom:20px}
.category-browser .filters{margin:12px 0 0;max-height:none}
body[data-initial-tool] .symbol-card{min-height:128px;padding:12px 8px}
body[data-initial-tool] .symbol-glyph{min-height:48px;font-size:40px;line-height:48px}
body[data-initial-tool] .symbol-code{font-size:11px}
body[data-initial-tool] main>.world-shelf,body[data-initial-tool] main>.currency-shelf{order:2;margin-bottom:24px}
body.time-active main>.search-section,body.currency-active main>.search-section{order:3;margin-top:0}
body[data-initial-tool] #time-workspace,body[data-initial-tool] #currency-workspace{order:4;padding-bottom:40px}
@media(max-width:650px){
 body[data-initial-tool] .site-header{padding:8px 4px;gap:8px}
 body[data-initial-tool] .brand{font-size:18px;gap:4px}
 body[data-initial-tool] .brand-icon{font-size:22px}
 body[data-initial-tool] .header-right{gap:12px}
 body[data-initial-tool] main:not(.document-page){padding:0 16px}
 body[data-initial-tool] main>.tool-tabs{margin-top:12px;gap:24px}
 body[data-initial-tool] .hero{padding:24px 0 20px!important}
 body[data-initial-tool] .hero h1{font-size:32px;line-height:38px;letter-spacing:-1px}
 body[data-initial-tool] .hero-description{font-size:14px;line-height:22px}
 body[data-initial-tool] .search-panel{padding:16px}
 body[data-initial-tool] #query{font-size:18px;min-height:88px;padding:4px 0 16px}
 body[data-initial-tool] .input-actions>.search-button{font-size:14px;padding:8px 12px;gap:8px}
 body[data-initial-tool] .mic-button{padding:8px 10px}
 body[data-initial-tool] .voice-controls{gap:4px}
 body[data-initial-tool] .voice-controls select{max-width:104px!important}
 body[data-initial-tool] main>.personal-shelf{margin-top:20px;padding:16px 0}
 body[data-initial-tool] .symbol-card{min-height:120px;padding:12px 4px}
}