/* A continuous dark exhibition space across every page. */
:root{--paper:#080f13;--bg:#080f13;--panel:#101d23;--text:#efe8d6;--muted:#9ab1a8;--gold:#eabf72;--line:#82aa9b2b;color-scheme:dark}
body{background:#080f13;color:#efe8d6;isolation:isolate}.showcase-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}.showcase-atmosphere>i{position:absolute;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(ellipse,#398f8017,transparent 65%);top:-45vw;left:20vw;transform-origin:center}.showcase-atmosphere>i:nth-child(2){background:radial-gradient(ellipse,#ba8e3910,transparent 65%);top:20vh;left:-45vw;width:90vw;height:90vw}.showcase-atmosphere>i:nth-child(3){background:radial-gradient(ellipse,#398f8015,transparent 65%);top:60vh;left:45vw;width:70vw;height:70vw}.showcase-atmosphere::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#eabf7259 .6px,transparent 1px),radial-gradient(#7bcbb831 .7px,transparent 1px);background-size:173px 217px,277px 189px;background-position:23px 37px,90px 70px;opacity:.25}
.qn-site-header{background:#080f13d9;border-bottom-color:#92b6a51c;backdrop-filter:blur(18px)}.qn-primary-nav>a{color:#a5bdb3}.qn-primary-nav>a[aria-current],.qn-primary-nav>a:hover{color:#edcb90}.qn-header-actions button{color:#afc8bd;border-color:#93b9a333}.qn-header-actions .motion-toggle{color:#edcb90}.qn-site-footer{background:#071115;border-top-width:1px;border-color:#7fb6a139}.qn-footer-brand>p,.qn-footer-links a{color:#9bb8ab}.qn-footer-links h2{color:#decaa4}.qn-footer-bottom{color:#7e9c8e}.qn-footer-brand>span{color:#eabf72}.brand-current{background:#0b1e22}.brand-subnav a{color:#9ab2a6}.brand-subnav a[aria-current]{color:#eabf72}.brand-subnav>span{color:#6b8a7c}.search-dialog{background:#101f25;color:#efe8d6;box-shadow:0 35px 110px #000a}.search-input-wrap input{color:#efe8d6}.search-result{color:#d8e0d1}.search-result small,.search-empty{color:#91aca0}.search-hint{color:#718d7e}.dialog-close{color:#abc0ad}.toast{background:#183a38;color:#f5e9ce;border-color:#eabf72}.button-gold,.download-primary,.art-label,.skip-link{background:#eabf72;color:#122820;border-color:#eabf72}.button-gold:hover,.download-primary:hover{background:#c65c48;color:#fff2d2;border-color:#c65c48}.button-outline{color:#b1cebb;border-color:#86ac9159}.button-outline:hover{color:#eabf72;border-color:#eabf72}.text-link{color:#e2bf83}.text-link:hover{color:#fff2d2}
.home-hero{min-height:calc(100svh - 100px);padding-block:55px 60px;position:relative}.hero-copy h1{color:#f4eddc;text-shadow:0 4px 35px #0003}.hero-copy h1 em{color:#eabf72;text-shadow:0 0 35px #eabf721a}.hero-eyebrow{color:#9abeb0}.hero-eyebrow small{color:#628c7d}.hero-eyebrow>span{color:#fff2d2;background:#a74739}.hero-description{color:#9ab2a7}.hero-story-link{color:#dac398}.hero-search{border-color:#8cb6a638}.hero-search input{color:#e0e6d8}.hero-search input::placeholder{color:#668b7e}.hero-search>.icon{color:#7fbaaa}.hero-keywords{color:#91b6a5}.hero-keywords>span{color:#54786b}.hero-emblem{background:radial-gradient(ellipse at 50% 37%,#20494280,transparent 65%),linear-gradient(140deg,#10272b90,#0b171d30);border:1px solid #80b69a2f;clip-path:polygon(0 0,93% 0,100% 7%,100% 100%,7% 100%,0 93%);min-height:640px;box-shadow:inset 0 0 90px #0002}.hero-emblem>img{height:510px;filter:drop-shadow(0 18px 22px #0005)}.emblem-topline,.emblem-bottomline{color:#739b8a}.emblem-topline{border-color:#83b29b26}.emblem-bottomline{border-color:#83b29b26}.emblem-topline>span:last-child,.emblem-bottomline a{color:#d6b782}.emblem-fold{opacity:.6}.emblem-ribbon{opacity:.8}.brand-credo{border-color:#84b29c26}.credo-title{color:#d7d9be;border-color:#84b29c26}.credo-title em{color:#d2af76}.brand-credo h2{color:#dce0c9}.brand-credo p{color:#769c86}.brand-credo>div>span{color:#c78365}.overline,.eyebrow{color:#81ab97}.section-heading h2,.page-heading h1,.article h1{color:#efe8d6}.section-heading p,.page-heading>p{color:#91aa9a}.section-heading .overline{color:#79ab95}.resource-card,.tutorial-card{background:linear-gradient(145deg,#14252a,#0d1b21);border-color:#86b29a2b;box-shadow:0 15px 40px #0002}.resource-card:hover,.tutorial-card:hover{border-color:#c6a46766;box-shadow:0 20px 50px #0004}.resource-card::after{background:linear-gradient(90deg,#398f80,#eabf72)}.card-body h3,.tutorial-card h2{color:#e3e5d2}.card-body>p,.tutorial-card p{color:#8faa98}.card-body .eyebrow>span{color:#607f70}.card-bottom{border-color:#80aa9426}.card-bottom>span{color:#729780}.favorite{color:#779a82}.favorite[aria-pressed=true]{color:#eabf72}.art-label{font-size:10px}.card-art{border-bottom-color:#37695e}.art-arrow{color:#eabf72;background:#0e2b2c}.category-strip{background:#85aa952b}.category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child{background:#10272a}.category-strip>a:hover{background:#193933}.category-title h2{color:#e0e3c9}.category-title>.icon{color:#7fbda2}.category-strip p{color:#8aa48e}.category-strip small{color:#627f68}.category-number{color:#c18e67}.brand-manifesto{background:linear-gradient(125deg,#102a2e,#07171e);border-block:1px solid #7ca98b26}.brand-manifesto::before{background:linear-gradient(145deg,transparent 45%,#398f8015 45%,#398f8015 70%,transparent 70%)}.manifesto-copy h2{color:#f0e9d6}.manifesto-copy em{color:#eabf72}.manifesto-copy p{color:#9cb39a}.manifesto-art>span{color:#d8ba83}.value-line h3{color:#d9c39a}.value-line p{color:#8eaa91}.guide-feature{background:linear-gradient(140deg,#17373a,#102127);border:1px solid #8ab09633}.guide-feature h3{color:#e3dfc5}.guide-feature p{color:#85a28b}.guide-feature>.overline{color:#8ab09a}.guide-feature>.text-link{color:#eabf72}.guide-feature-mark{color:#88bba414}.guide-row h3{color:#dce2c8}.guide-row p{color:#8da68f}.guide-meta{color:#61826a}.guide-tag{color:#8bbfa2}.guide-number{color:#bb9662}.guide-row>.icon{color:#cba36b}.journey-cta,.brand-download{background:linear-gradient(120deg,#173337,#102227);border:1px solid #d3af6555;box-shadow:inset 0 0 60px #eabf7205}.journey-cta h2,.brand-download h2{color:#efd5a3}.journey-cta p,.brand-download p{color:#96b29d}.journey-cta .overline,.brand-download .eyebrow{color:#bd9d6b}.journey-cta>.button,.brand-download .download-primary{background:#eabf72;border-color:#eabf72;color:#122820}.journey-cta>.button:hover,.brand-download .download-primary:hover{background:#c65c48;border-color:#c65c48;color:#fff2d2}.journey-cta::after{background:#eabf7208}
.breadcrumb{color:#648573}.breadcrumb a{color:#9bb29d}.library-search{background:#102227;border-color:#83aa8b39}.library-search input{color:#dee4cf}.library-search input::placeholder{color:#65816e}.library-search>.icon{color:#8fbda0}.library-sidebar h2{color:#8cab8d}.filter-list button,.saved-filter{color:#a2b99b}.filter-list button.active{background:#205348;color:#fff2d2;border-color:#398f80}.filter-list button>span{color:#7a9a74}.filter-list button.active>span{color:#eabf72}.saved-filter[aria-pressed=true]{color:#eabf72}.sidebar-note{background:#102529;border-color:#83aa8b2c;color:#85a180}.sidebar-note strong{color:#b2c7a3}.sidebar-note a{color:#d2b27b}.sidebar-note>.icon{color:#cda974}.results-toolbar{color:#8eaa87}.results-toolbar b{color:#eabf72}.results-toolbar select{color:#abc0a2;background:#102329;border-color:#83aa8b39}.empty-state{background:#102329;color:#b6c8a8;border-color:#83aa8b39}.empty-state h3{color:#dce5c8}.empty-state p{color:#8ea786}.empty-state button{color:#eabf72;border-color:#b4945c66}.listing-end{color:#567a5d}.learning-banner{background:linear-gradient(115deg,#193c37,#10252a);border-color:#398f80}.learning-banner h2{color:#e3e4c7}.learning-banner p{color:#94ae88}.learning-banner .overline{color:#c5a16d}.learning-icon{color:#eabf72}.library-toolbar>.muted{color:#7b9b7a}.tutorial-read{color:#dbbb83;border-color:#83aa8b26}.tutorial-read>span{color:#77966f}.download-panel{background:linear-gradient(145deg,#18342f,#102329);border-color:#83aa8b36;border-top-color:#398f80}.download-panel h1{color:#e9e6cc}.download-panel>p{color:#94ad89}.download-panel dt{color:#71926a}.download-panel dd{color:#adc29d}.download-panel .green{color:#7ac59a}.detail-tags .tag{color:#a0bd93;border-color:#83aa8b3a}.download-panel .download-note{color:#72956d}.detail-tabs a{color:#91ac86}.detail-tabs a.active{color:#eabf72;border-color:#eabf72}.prose{color:#a3b59a}.prose h2,.prose h3{color:#e2e3c8}.spec-grid{background:#83aa8b2b;border-color:#83aa8b2b}.spec-grid>div{background:#11272a}.spec-grid span{color:#7b9b73}.spec-grid strong{color:#b3c5a3}.file-list li{border-color:#83aa8b26}.hash-code{color:#8daf84;background:#0b1c22;border-color:#83aa8b26}.related-guide{background:#17362f;color:#d0c896;border-color:#83aa8b36}.article-summary{color:#9cb28f}.article-meta,.article-end{color:#75946d;border-color:#83aa8b26}.copy-page,.article-end>a{color:#d5b17a}.article-sidebar h2{color:#d6dfbf}.article-sidebar nav a{color:#94ac85}.article-sidebar nav a>span{color:#c4a076}.article-sidebar nav a[aria-current]{color:#eabf72}.step-label{color:#c79a6c}.community-intro h2{color:#e1e5c9}.community-intro p{color:#99b18e}.community-values{color:#b0c69f}.community-emblem{background:#0d2429}.community-emblem>span{color:#eabf72}.community-form-section h2{color:#e0e6c8}.community-form-section p{color:#8da780}.community-form-section form>label,.form-row label{color:#b9cca6}.community-form-section input,.community-form-section select,.community-form-section textarea{background:#102429;color:#dbe4ca;border-color:#83aa8b3a}.community-form-section ::placeholder{color:#688563}.community-form-section .form-privacy{color:#719269}.text-button{color:#9ab68b}.faq-list details{color:#c7d4b5}.faq-list details p{color:#94ae86}.not-found h1{color:#e2e6cc}.not-found>p{color:#9ab38c}
body:is([data-page=symbol],[data-page=combination],[data-page=wordmark],[data-page=story]){background:#080f13;color:#efe8d6}.intro h1,.story-hero-copy h1{color:#f0e8d4}.intro h1 em,.story-hero-copy h1 em{color:#eabf72}.intro-description,.story-hero-copy>p:not(.eyebrow){color:#9bb1a0}.collection-label{color:#d6b17a}.collection-label small,.hero-edition{color:#789c85}.studio,.wordmark-workbench{border-color:#87b69b38}.studio-toolbar,.inspector,.download-bar{background:#10262b}.preview-surface,.preview-meta,.preview-footer,.wordmark-canvas,.story-hero-art{background-color:#0b1e25}.variant-choice{background:#153139}.variant-choice[aria-pressed=true]{background:#23443d;border-color:#d3b379}.variant-choice strong,.inspector-heading h2{color:#efe5cc}.variant-choice small{color:#91ac97}.download-bar strong{color:#eee2c7}.composition-card,.details-row>article,.edition{background:#102127;border-color:#87b69b2b}.composition-card header{color:#c7cfb6}.composition-card header small{color:#85a08a}.composition-card>a{color:#a5baa3}.composition-card>a span{color:#eabf72}.composition-art,.edition-art:not(.paper),.vis-variant-grid article,.system-lockups>div{background:#0b2229}.section-heading h2,.compositions .section-heading h2,.details-row h2,.brand-section .section-heading h2{color:#eee5cf}.details-row p,.asset-card dd{color:#92ad94}.signature{color:#8fad90}.signature-rule{background:#83aa8b3d}.vis-index{background:#10272b;border-color:#87b69b2b}.vis-index a{color:#95b298}.vis-index a[aria-current=location]{color:#eabf72}.brand-section p{color:#9cb19b}.brand-section .eyebrow{color:#89aa8e}.story-statement{color:#eee2c5!important}.story-statement em{color:#eabf72}.principle-grid{background:#10262b;border-color:#87b69b2b}.principle-grid h3{color:#dedcc0}.principle-grid p{color:#92ab8d}.principle-grid article>span{color:#dab078}.color-card{background:#102329;color:#dfdfc4;border-color:#87b69b2b}.color-card>span,.color-card>small{color:#8da58a}.type-grid>article{background:#0d242a}.rule-grid>article,.misuse-grid>article{background:#10252a;border-color:#87b69b2b}.rule-grid h3,.misuse-grid h3{color:#dce0c1}.rule-grid p,.misuse-grid p{color:#95ad8e}.wordmark-bottom h2,.wordmark-bottom h3,.edition-caption h2{color:#e6e3c8}.edition-caption p{color:#95ad8d}.edition-caption a{color:#eabf72}.combo-choreography{background:#112a2e;border-color:#87b69b2b}.combo-choreography h2,.combo-choreography li span{color:#e5dfc1}.combo-choreography p,.combo-choreography small{color:#8eac8e}.combo-choreography b{color:#d3ab75}.motion-notes{background:#10262b}.motion-notes article p{color:#a8bca0}.app-web .web-frame{background:#0a1b22}.app-web .mock-web-hero h3{color:#efe2c1}.app-web .mock-web-hero small{color:#9db699}.app-web .mock-resource-lines>span{background:#244139;border-color:#92b18b26}.brand-section .vis-note{color:#829f85}.paper{background:#ece9df!important;color:#515d51!important}
.showcase-dock{position:fixed;left:24px;bottom:22px;z-index:35;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#0b1c22eb;border:1px solid #92b69a39;box-shadow:0 10px 35px #0006;backdrop-filter:blur(16px);font:11px/1.5 Arial,'Microsoft YaHei',sans-serif;color:#aec3aa;max-width:calc(100% - 32px)}.showcase-dock>span{display:flex;align-items:center;gap:8px;padding:0 10px 0 4px;color:#d2bd92;font-size:10px;white-space:nowrap}.showcase-dock>span::before{content:'';width:4px;height:4px;border-radius:50%;background:#eabf72;box-shadow:0 0 12px #eabf7270}.showcase-dock button{border:1px solid #86ad8b33;background:#102d2e;color:#c4d3b6;font:11px/1.5 Arial,'Microsoft YaHei',sans-serif;padding:7px 10px;cursor:pointer;white-space:nowrap}.showcase-dock button:hover{border-color:#eabf72;color:#eabf72}.showcase-dock button[aria-pressed=true]{background:#eabf72;color:#14251b;border-color:#eabf72}.showcase-dock button:disabled{opacity:.45;cursor:default}.tour-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#eabf72;transform:scaleX(0);transform-origin:left;pointer-events:none}.showcase-dock:focus-within{border-color:#d6b783}.fx-heading-wind{opacity:.4}
body[data-page-motion=on] .showcase-atmosphere>i{animation:showcase-aurora 20s ease-in-out infinite alternate}body[data-page-motion=on] .showcase-atmosphere>i:nth-child(2){animation-duration:27s;animation-delay:-10s}body[data-page-motion=on] .showcase-atmosphere>i:nth-child(3){animation-duration:23s;animation-delay:-16s}body[data-page-motion=on] .showcase-atmosphere::after{animation:showcase-starlight 9s ease-in-out infinite alternate}body[data-page-motion=on] .page-heading::after{background-size:250% 100%;animation:showcase-edge-light 7s linear infinite}body[data-page-motion=on] .card-art{border-image:linear-gradient(90deg,#398f80,#eabf72,#398f80) 1}body[data-page-motion=on] .hero-emblem>img{animation:showcase-logo-aura 10s ease-in-out infinite}
@keyframes showcase-aurora{from{transform:translate3d(-3%,0,0) scale(.95);opacity:.55}to{transform:translate3d(9%,5%,0) scale(1.15);opacity:1}}@keyframes showcase-starlight{from{opacity:.12}to{opacity:.4}}@keyframes showcase-edge-light{to{background-position:250% 0}}@keyframes showcase-logo-aura{0%,100%{filter:drop-shadow(0 18px 22px #0005)}50%{filter:drop-shadow(0 10px 30px #72c6ac20)}}
@media(max-width:1200px){.hero-emblem{min-height:560px}.hero-emblem>img{height:440px}}
@media(max-width:1000px){.qn-primary-nav{background:#0d2027}.hero-emblem{min-height:510px}.hero-emblem>img{height:390px}.home-hero{min-height:620px}}
@media(max-width:800px){.hero-emblem{min-height:450px}.hero-emblem>img{height:340px}.showcase-dock{left:20px;bottom:18px}.showcase-atmosphere>i{width:120vw;height:120vw}.showcase-atmosphere>i:nth-child(2){width:120vw;height:120vw}}
@media(max-width:600px){.home-hero{min-height:0;padding-block:32px}.hero-emblem{min-height:450px}.hero-emblem>img{height:355px}.showcase-dock{left:16px;bottom:14px;padding:7px;gap:6px}.showcase-dock>span{font-size:9px;padding-right:6px}.showcase-dock button{font-size:10px;padding:7px 9px}.qn-footer-bottom{padding-bottom:75px}.showcase-atmosphere::after{background-size:193px 257px,317px 209px}.showcase-atmosphere>i{width:150vw;height:150vw;left:0;top:-45vw}}
@media(max-width:520px){.hero-emblem{min-height:425px}.hero-emblem>img{height:330px}}
@media(max-width:360px){.hero-emblem{min-height:375px}.hero-emblem>img{height:285px}.showcase-dock>span{font-size:8px;padding-right:4px;gap:5px}.showcase-dock button{font-size:9px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.showcase-atmosphere>i,.showcase-atmosphere::after{animation:none!important}}
@media print{.showcase-atmosphere,.showcase-dock{display:none}body{background:white;color:#111}}