:root{--paper:#fff;--ink:#202329;--muted:#68717d;--green:#3455d9;--lime:#e5ebff;--orange:#e15c45;--line:#e1e5eb;--white:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f0f2f5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ba2ff;outline-offset:4px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}
.shell{width:100%;max-width:480px;min-height:100dvh;margin:auto;background:var(--paper);position:relative;padding-bottom:env(safe-area-inset-bottom)}header{height:86px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;font-size:29px;font-weight:850;letter-spacing:-3px}.brand>span{color:var(--orange);align-self:flex-start;font-size:29px;margin-top:-4px}.brand i{width:1px;height:18px;background:#c5c9d1;margin:0 11px 0 14px}.brand small{font-size:11px;font-weight:600;letter-spacing:2px}.header-tag{font-size:10px;letter-spacing:1px;color:#3455d9;padding:7px 9px;border:1px solid #d9e1ff;background:#f2f5ff;border-radius:4px}main{padding:0 24px;min-height:65vh}footer{margin:28px 24px 0;border-top:1px solid var(--line);text-align:left;font-size:10px;line-height:1.9;color:#6e7681;padding:19px 0 22px}footer span{font-size:9px}
h1{font-family:"Songti SC","STSong",serif;font-size:36px;line-height:1.3;font-weight:800;letter-spacing:.5px}h1 em{font-style:normal;color:#3455d9;position:relative}h1 em:after{content:"";position:absolute;left:0;bottom:-8px;width:38px;height:3px;background:var(--orange)}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px;font-weight:650;color:#3455d9;margin:18px 0 18px}.eyebrow:before{content:"";width:6px;height:6px;background:currentColor}.intro{font-size:13px;line-height:1.9;color:var(--muted);margin-top:22px}.hero{margin:24px 0 16px}.hero svg{display:block;width:100%}.hero.handdrawn{margin:25px 0 18px;padding:7px;border:1px solid var(--line);background:#fff;border-radius:6px}.hero.handdrawn img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:2px}.hero-caption{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:0 0 22px;font-size:10px;color:var(--muted);text-align:center}.stats span{display:flex;align-items:center;justify-content:center;gap:6px}.stats span+span{border-left:1px solid var(--line)}.stats b{font-family:ui-monospace,monospace;font-size:18px;color:var(--ink);font-weight:500}
.primary,.secondary{min-height:52px;width:100%;padding:13px 17px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .15s,transform .15s,border-color .15s}.primary{background:var(--ink);border:1px solid var(--ink);color:#fff}.primary:not(:disabled):active,.secondary:active{transform:translateY(1px)}.primary:not(:disabled):hover{background:#3455d9;border-color:#3455d9}.primary .arrow{margin-left:auto;width:27px;height:27px;display:grid;place-items:center;background:#ffffff19;border-radius:3px;font-size:19px;font-weight:400}.primary.with-arrow{justify-content:space-between;padding:12px 16px}.secondary{background:#fff;border:1px solid #c4cad4;color:var(--ink);margin-top:10px}.secondary:hover{border-color:#3455d9;color:#3455d9}.fine{font-size:10px;color:#6e7784;text-align:center;line-height:1.8;margin-top:11px}.home-share{display:block;margin:13px auto 0;padding:9px 0;border:0;border-bottom:1px solid #c6d0f6;background:none;font-size:11px;color:#3455d9}.resume{display:block;margin:13px auto 0;padding:8px;border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:4px}.mini-heading{font-size:11px;font-weight:600;letter-spacing:1px;margin:34px 0 17px;padding-top:21px;border-top:1px solid var(--line)}.types-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.type-chip{min-width:0;text-align:center;font-size:9px;white-space:nowrap}.type-chip svg{display:block;width:100%;background:#f4f6fa;border-radius:4px;margin-bottom:9px}
.quiz-top{display:flex;align-items:center;justify-content:space-between;margin:14px 0 16px}.text-btn{border:0;background:none;padding:9px 0;color:var(--muted);font-size:12px}.counter{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:1px;color:#89919d}.counter b{font-size:23px;font-weight:500;color:#3455d9}.progress{height:3px;background:#e9edf2;overflow:hidden}.progress>span{display:block;height:100%;background:#3455d9;transition:width .3s}.question-tag{margin:25px 0 12px;color:#3455d9;font-size:10px;font-weight:600;letter-spacing:2px}.question-title{font-size:25px;font-weight:700;line-height:1.5;letter-spacing:0}.question-note{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 18px}.scene{position:relative;margin-bottom:19px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.scene svg{display:block;width:100%;height:180px}.scene.handdrawn{background:#fff}.scene.handdrawn img{display:block;width:100%;height:200px;object-fit:contain;object-position:center}.scene.house-preview svg,.scene.interactive-scene svg{display:block;width:100%;height:200px;overflow:hidden}.scene-feedback,.palette-preview-label{position:relative;margin:0;border-top:1px solid #edf0f4;padding:9px 10px 10px;min-height:35px;text-align:center;font-size:10px;line-height:1.7;color:#586574;background:#f7f9fc}.house-paint{mix-blend-mode:multiply;transition:opacity .2s}.house-paint path{transition:fill .25s}.scene-response{pointer-events:none}.scene-response.is-changing{animation:ink-appear .35s ease-out;transform-origin:center}.scene-response .draw-route{stroke-dasharray:1800;stroke-dashoffset:0;animation:draw-route .8s ease-out}
.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{display:flex;align-items:flex-start;gap:9px;position:relative;min-height:101px;padding:13px 11px;border:1.5px solid #dce1e8;border-radius:7px;background:#fff;color:var(--ink);text-align:left;transition:background .15s,border-color .15s}.answer:active{background:#f4f6fb}.answer.selected{border-color:#3455d9;background:#f0f4ff;box-shadow:inset 0 0 0 .5px #3455d9}.answer .letter{flex-shrink:0;min-width:20px;height:20px;display:grid;place-items:center;border:1px solid #dce1e8;border-radius:4px;font-size:10px;color:#7b8593}.answer.selected .letter{color:#fff;background:#3455d9;border-color:#3455d9}.answer strong{display:block;font-size:13px;font-weight:600;line-height:1.6}.answer.selected strong{color:#2d49b9}.answer small{display:block;margin-top:4px;font-size:10px;line-height:1.7;color:#6e7784}.swatches{display:flex;gap:5px;margin-bottom:8px}.swatches i{display:block;width:17px;height:17px;border-radius:3px;border:1px solid #00000009}.quiz-action{margin-top:22px}.quiz-hint{margin-top:13px;text-align:center;font-size:10px;line-height:1.8;color:#78818d}
.result-intro{padding:18px 0 21px}.result-intro .eyebrow{margin:0 0 12px}.result-intro h2{font-size:25px;font-weight:650;line-height:1.4}.result-card{position:relative;overflow:hidden;border:1.5px solid #272c34;border-radius:3px;background:#fff;padding:18px 18px 24px;text-align:center}.result-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--result-accent,#3455d9)}.result-card .edition{display:flex;justify-content:space-between;align-items:center;color:#5c6674;font-size:9px;letter-spacing:1.5px}.edition b{font-size:18px;color:var(--result-accent);font-family:ui-monospace,monospace;font-weight:500}.result-art{margin:18px 0 13px;background:var(--result-wash,#f2f5fb);border-radius:2px}.result-card svg{width:100%;height:214px;display:block;padding:3px 0}.result-card .english{font-size:8px;letter-spacing:2px;color:#6c7582}.result-card h3{margin:10px 0 0;color:var(--result-accent,#3455d9);font-family:"Songti SC",serif;font-size:35px;letter-spacing:2px}.tag-row{display:flex;justify-content:center;gap:7px;margin:14px 0 17px}.tag-row span{padding:4px 8px;font-size:10px;color:#5c6674;border:1px solid #e1e5eb;border-radius:3px;background:#fff}.quote{font-size:12px;line-height:1.9;color:#596471}.result-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;margin-top:16px}.result-actions .primary,.result-actions .secondary{min-height:49px;margin:0;padding:10px;font-size:12px}.result-note{margin:16px 0 24px;color:#78818d;font-size:10px;line-height:1.9}.section-kicker{font-size:10px;letter-spacing:1px;color:#3455d9;font-weight:650}.result-story{padding-top:21px;border-top:1px solid var(--line)}.result-copy{font-size:13px;line-height:2;color:#5e6875;margin:11px 0 24px}.task{border:1px solid #e0e5ed;border-radius:5px;padding:18px;background:#f6f8fc;margin:0 0 20px}.task .label{font-size:10px;color:#3455d9;letter-spacing:1px;margin-bottom:10px}.task h3{font-size:17px;line-height:1.5;margin-bottom:9px}.task p{font-size:12px;line-height:1.9;color:#647080}.invite{position:relative;margin:27px 0 0;padding:24px 20px;border-radius:6px;background:#22272f;color:#fff}.invite .eyebrow{color:#afbfff}.invite h3{font-size:21px;line-height:1.6}.invite p{font-size:12px;line-height:1.9;color:#c0c8d4;margin:12px 0 20px}.invite .primary{background:#e6ecff;border-color:#e6ecff;color:#233a91;font-size:13px}.invite .primary .arrow{background:#cbd7ff;color:#233a91}.invite .primary:hover{background:#d3dfff;border-color:#d3dfff}.invite .fine{font-size:10px;color:#a4afbf;margin:12px 0 0}.result-screen>.resume{margin-top:18px}
.booking-head{margin:24px 0 22px}.booking-head h2{font-size:30px;line-height:1.5;font-weight:700}.booking-head p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}.demo-banner{border-left:3px solid #3455d9;background:#f1f5ff;border-radius:2px;padding:13px 14px;margin:18px 0 25px;font-size:11px;color:#556582;line-height:1.9}.field{margin-bottom:22px}.field label,.field-title{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.optional{font-size:10px;font-weight:400;color:#7b8593;margin-left:5px}.field input,.field select{height:51px;width:100%;padding:0 13px;background:#fff;border:1px solid #cbd2dd;border-radius:6px;font-size:14px;color:var(--ink)}.field input::placeholder{color:#8993a1}.field input[readonly]{background:#f6f8fc;color:#3455d9}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:11px 14px;border:1px solid #cbd2dd;border-radius:5px;background:#fff;color:#5d6877;font-size:12px}.pill[aria-pressed=true]{background:#eef3ff;border-color:#3455d9;color:#3455d9}.consent{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.9;color:#6e7784;margin:23px 0 14px}.consent input{width:17px;height:17px;flex-shrink:0;margin:2px 0;accent-color:#3455d9}.link-btn{padding:0;border:0;background:none;color:#3455d9;text-decoration:underline;font:inherit}.error{min-height:22px;margin-bottom:6px;color:#b54032;font-size:12px;line-height:1.8}.success{text-align:center;padding:37px 0 0}.success .check{height:64px;width:64px;margin:0 auto 24px;display:grid;place-items:center;background:#edf3ff;color:#3455d9;border:1px solid #dce5ff;border-radius:8px;font-size:32px}.success .eyebrow{justify-content:center}.success h2{font-size:27px;line-height:1.5;margin-bottom:13px}.success>p{color:var(--muted);font-size:12px;line-height:1.9}.receipt{padding:19px 17px;border-top:2px solid #3455d9;background:#f6f8fb;text-align:left;margin:27px 0 24px}.receipt h3{font-size:13px;margin-bottom:12px}.receipt dl{display:grid;grid-template-columns:85px 1fr;font-size:12px;line-height:2.6;margin:0}.receipt dt{color:#76818f}.receipt dd{margin:0;text-align:right;color:#39495c}.success .text-btn{display:block;margin:12px auto}
.modal-backdrop{position:fixed;inset:0;background:#171c2b99;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{position:relative;width:100%;max-width:480px;max-height:93dvh;overflow:auto;overscroll-behavior:contain;padding:27px 23px max(25px,env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0}.modal h2{font-size:24px;font-weight:650;line-height:1.5;letter-spacing:-.3px;padding-right:32px}.modal .close{position:absolute;right:20px;top:23px;height:32px;width:32px;padding:0;border:1px solid #dce1e8;border-radius:5px;color:#555f6e;background:#fff;font-size:23px;line-height:1}.modal p{font-size:12px;color:#687486;line-height:1.9;margin:12px 0}.modal .fine{font-size:10px;color:#68717d;margin:14px 0 0}.modal .primary,.modal .secondary{min-height:48px;font-size:13px}.sheet-eyebrow{margin:0 0 10px;color:#3455d9;font-size:9px;font-weight:650;letter-spacing:1.7px}.modal .modal-intro{margin:8px 0 20px}.privacy-content{font-size:12px;line-height:1.9;color:#5c6878}.privacy-content h3{font-size:13px;margin:18px 0 4px}.poster-formats{display:flex;gap:4px;background:#f0f3f7;padding:4px;border-radius:6px;margin:18px 0}.poster-formats button{flex:1;padding:9px 5px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#6c7788;background:none}.poster-formats button[aria-pressed=true]{background:#fff;border-color:#c9d1df;color:#283b69;box-shadow:0 1px 3px #2533480b}.modal .poster-image{display:block;width:100%;max-height:53dvh;object-fit:contain;margin:16px 0 20px;border:1px solid #e2e6ed;background:#f5f7fa;border-radius:2px}
.share-card-preview{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #dfe4ed;border-top:3px solid var(--share-accent,#3455d9);border-radius:3px;background:#fff;margin:18px 0 21px}.share-card-preview .share-thumb{width:101px;height:101px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;background:var(--share-wash,#f0f3fb);border-radius:2px}.share-thumb img,.share-thumb svg{display:block;width:100%;height:100%;object-fit:contain}.share-card-preview>div:last-child{min-width:0}.share-card-preview .share-overline{font-size:8px;letter-spacing:1.2px;color:#68717d;display:block;margin-bottom:7px}.share-card-preview h3{font-size:20px;line-height:1.5;color:var(--share-accent,#3455d9);font-family:"Songti SC",serif}.share-card-preview p{font-size:11px;line-height:1.8;margin:7px 0 0}.share-card-preview small{font-size:9px;color:#68717d}.share-copy-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#43526a;margin:22px 0 9px}.share-copy-label span{font-size:9px;font-weight:400;color:#68717d}.share-copy-field{display:block;width:100%;resize:none;padding:12px 13px;border:1px solid #dbe2ed;border-radius:5px;background:#f7f9fc;color:#4d5f7b;font-family:inherit;font-size:11px;line-height:1.9;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.share-cover-download{display:block;text-align:center;margin:13px 0 0;padding:7px;color:#6c7a91;font-size:10px;text-underline-offset:3px}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);max-width:86%;width:max-content;z-index:30;padding:12px 17px;border-radius:6px;background:#242b39f2;color:#fff;font-size:12px;line-height:1.8;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.desktop-note{display:none}.fade{animation:appear .25s ease}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ink-appear{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-route{from{stroke-dashoffset:1800}to{stroke-dashoffset:0}}
@media(min-width:600px){.modal-backdrop{align-items:center;padding:24px}.modal{max-width:430px;max-height:91dvh;border-radius:12px;padding:25px}.modal .poster-image{max-height:51dvh}}
@media(min-width:850px){.shell{margin:30px max(8vw,calc((100vw - 1100px)/2)) 30px auto;min-height:calc(100vh - 60px);border:1px solid #e1e5ec;border-radius:10px;overflow:hidden;box-shadow:0 20px 70px #1a24400a}.desktop-note{display:block;position:fixed;left:max(8vw,calc((100vw - 1080px)/2));top:23vh}.desktop-note>span{font-size:48px;font-weight:850;letter-spacing:-4px}.desktop-note .plus{color:var(--orange)}.desktop-note p{font-size:37px;font-weight:550;line-height:1.6;letter-spacing:-1px;color:#222936;margin:31px 0 24px}.desktop-note small{display:block;border-top:2px solid #3455d9;padding-top:14px;font-size:9px;letter-spacing:2px;color:#768299}}
@media(max-width:359px){main{padding:0 18px}header{padding:22px 18px}.header-tag{font-size:9px;letter-spacing:0}.brand small{font-size:10px}.brand i{margin:0 8px 0 10px}h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1.3px}.question-title{font-size:23px}.answer{padding:11px 9px;gap:7px}.answer strong{font-size:12px}.scene.house-preview svg,.scene.interactive-scene svg,.scene.handdrawn img{height:184px}.scene-feedback{font-size:9px}.type-chip{font-size:8px}.result-card{padding:17px 13px 22px}.result-card h3{font-size:31px}.result-card svg{height:193px}.result-actions .primary,.result-actions .secondary{font-size:11px}.modal{padding-left:18px;padding-right:18px}.share-card-preview{gap:11px;padding:14px}.share-card-preview .share-thumb{width:82px;height:82px}.share-card-preview h3{font-size:18px}.modal h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Collection 08: artist cards and supplied brand identity. */
.brand{display:block;width:204px;max-width:62%;line-height:0;letter-spacing:0;flex-shrink:0}.brand img{width:100%;height:auto;display:block}.desktop-brand{display:block;width:286px;height:auto}.header-tag{flex-shrink:0;font-size:9px;padding:7px;letter-spacing:0}.artist-gallery{margin-top:36px;border-top:1px solid var(--line);padding-top:25px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.gallery-heading p{font-size:8px;letter-spacing:1.5px;color:#6a7583;margin-bottom:12px}.gallery-heading h2{font-family:"Songti SC",serif;font-size:24px;line-height:1.5;font-weight:650}.gallery-count{font-family:ui-monospace,monospace;font-size:43px;line-height:1;color:#3455d9;font-weight:400;text-align:right}.gallery-count small{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;display:block;font-size:9px;line-height:2.4;color:#6e7784;letter-spacing:1px}.gallery-intro{font-size:11px;line-height:1.8;color:#6e7784;margin:13px 0 20px}.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.artist-tile{display:block;min-width:0;border:1px solid #e0e5eb;background:#fff;border-radius:5px;text-align:left;padding:12px 11px 14px;color:var(--ink);transition:border-color .2s,transform .2s}.artist-tile:hover{border-color:var(--tile-accent);transform:translateY(-2px)}.artist-no{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8a919c;font-family:ui-monospace,monospace}.artist-no>span{font-size:13px;color:var(--tile-accent)}.artist-illustration{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.artist-tile .artist-illustration{margin:5px 0 10px}.artist-tile strong{display:block;font-size:16px;color:var(--tile-accent);font-family:"Songti SC",serif;letter-spacing:.5px}.artist-traits{display:block;font-size:9px;margin-top:6px;line-height:1.7;color:#75808b}.more-artists summary{display:flex;list-style:none;align-items:center;justify-content:space-between;cursor:pointer;padding:17px 1px;margin-top:5px;font-size:11px;color:#536474;border-bottom:1px solid var(--line)}.more-artists summary::-webkit-details-marker{display:none}.expand-icon{font-size:19px;color:#3455d9}.more-artists[open] .expand-icon{transform:rotate(45deg)}.more-artists[open] summary{margin-bottom:15px}.artist-detail{text-align:center}.artist-detail>.artist-illustration{max-width:280px;margin:0 auto 8px}.artist-detail .english{font-size:8px;letter-spacing:1.6px;margin:0 0 7px;color:#84909f}.artist-detail h2{padding:0;font-size:30px;color:var(--tile-accent);font-family:"Songti SC",serif}.artist-detail .artist-quote{font-size:12px;color:#526072}.result-art{background:#fff;overflow:hidden}.result-art>.artist-illustration{width:100%;height:auto;max-height:330px;object-fit:contain}.result-card .quote{font-size:13px}.result-note{margin-bottom:22px}.share-thumb .artist-illustration{width:100%;height:100%;object-fit:contain}.share-card-preview .share-thumb{background:#fff}
@media(max-width:359px){.brand{width:176px}.artist-grid{gap:10px}.artist-tile{padding:10px 9px 13px}.artist-tile strong{font-size:14px}.gallery-heading h2{font-size:21px}.artist-detail h2{font-size:28px}}