@font-face{font-family:'Bricolage Grotesque';src:url('/assets/brand/fonts/BricolageGrotesque-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/assets/brand/fonts/BricolageGrotesque-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
body.official[data-product=today]{--paper:#FAF6EF;--ink:#233C34;--accent:#A9432D;--soft:#F4E4D3;--muted:#52635B;--line:#DCDDD0;--display:'Bricolage Grotesque',sans-serif;--serif:'Bricolage Grotesque',sans-serif;--body:system-ui,-apple-system,'Segoe UI',sans-serif;--highlight:#F0B46D}
body.official[data-product=story]{--paper:#F4F6F2;--ink:#182437;--accent:#284FD2;--soft:#E7EDFA;--muted:#536174;--line:#D6DFDF;--display:'Avenir Next',Avenir,system-ui,sans-serif;--serif:'Avenir Next',Avenir,system-ui,sans-serif;--body:'Avenir Next',Avenir,system-ui,sans-serif;--highlight:#E6F28C}
body.official{background:var(--paper);color:var(--ink);font-family:var(--body);--bg:var(--paper)}
.official h1,.official h2,.official h3{font-family:var(--display);font-weight:700}
.official .brand img{display:block;object-fit:contain;object-position:left center;max-width:100%;width:200px;height:48px}
.official .button{background:var(--accent);border-color:var(--accent);color:#fff}
.official .button:hover{filter:brightness(.92)}
.official .option{color:var(--ink)}
.official .preview,.official .result-card{border-radius:20px}
.official .preview{transform:none}
.official .top .brand{min-width:0;flex-shrink:1}
.official .top .top-right{flex-shrink:0}
.official .footer{flex-wrap:wrap}
.official .result-content h1{line-height:1.12}
.official input{font-size:16px}
@media(max-width:750px){.official .brand img{width:160px;height:40px}.official .top-right .test-tag{display:none}}
@media(prefers-reduced-motion:reduce){.official *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}