:root{--paper:#f8f6f2;--ink:#393732;--muted:#807e79;--line:#e4dedf;--accent:#73716c;--soft:#eceae5;--serif:"Noto Serif CJK SC","Songti SC","STSong",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}::selection{background:#dddbd6}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand svg{width:30px;height:35px}.brand-cn{font:22px var(--serif);letter-spacing:.16em}.brand-en{font:9px var(--sans);letter-spacing:.27em;margin-top:4px;color:var(--muted)}.nav{display:flex;gap:30px;align-items:center;font-size:12px}.nav a:hover{color:var(--accent)}.nav .nav-action{padding:8px 18px;border:1px solid #b2b0ab;border-radius:3px}.edition{font-size:10px;letter-spacing:.15em;color:var(--muted)}.hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:650px;gap:48px;align-items:center;padding:54px 0 56px}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hero h1{font:clamp(35px,4vw,52px)/1.55 var(--serif);letter-spacing:.03em;margin:27px 0 22px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:14px;color:var(--muted);line-height:2;max-width:380px}.hero-meta{font-size:11px;letter-spacing:.04em;color:#82807b;display:flex;gap:17px;margin:26px 0}.hero-meta span+span{border-left:1px solid #d5d3ce;padding-left:17px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:50px;padding:12px 25px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:3px;font-size:13px;letter-spacing:.08em;transition:background .2s,transform .2s}.button:hover{filter:brightness(.94);transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.light{background:var(--paper);color:var(--accent);border-color:var(--line)}.button.small{min-height:40px;padding:7px 17px;font-size:12px}.button svg{width:18px}.text-link{font-size:12px;display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid #c6c4bf;padding:2px 0;color:var(--accent)}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.micro{font-size:11px;color:var(--muted);line-height:1.7}.hero-note{margin-top:17px}.hero-visual{position:relative;align-self:stretch;min-height:480px}.hero-photo{width:100%;height:100%;object-fit:cover;position:absolute;border-radius:45% 45% 2px 2px;object-position:50% 50%}.art-top{position:absolute;right:0;top:6px;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl;color:#84827d;padding:15px 0}.image-caption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;color:#55534e;font-size:10px;letter-spacing:.14em;background:#fff8edb3;padding:12px 15px;backdrop-filter:blur(9px);border:1px solid #ffffff80}.float-seal{position:absolute;left:-26px;top:40px;background:#f4f2edeb;border:1px solid #c9c7c2;width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;transform:rotate(-12deg);color:#7c7a75;line-height:1.6}.float-seal b{font:26px var(--serif);font-weight:400}.float-seal small{font-size:9px;letter-spacing:.12em}.chapter-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.chapter{display:flex;gap:22px;align-items:center;justify-content:center}.chapter+.chapter{border-left:1px solid var(--line)}.chapter .num{font:28px Georgia;color:#adaba6}.chapter h3{font:15px var(--serif);letter-spacing:.12em}.chapter p{font-size:11px;color:var(--muted);margin-top:4px}.section{padding:76px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-heading h2{font:28px/1.55 var(--serif);margin-top:12px;letter-spacing:.05em}.section-heading p{color:var(--muted);font-size:12px;max-width:310px}.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.scent-tile{background:#f0ecea;text-align:left;min-width:0;border:1px solid transparent;padding:0;transition:transform .25s,border-color .25s;border-radius:3px;overflow:hidden}.scent-tile:hover{transform:translateY(-5px);border-color:#c0beb9}.tile-art{height:245px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#fff9,transparent 75%)}.tile-art svg{height:226px;width:auto;transition:transform .35s}.scent-tile:hover .tile-art svg{transform:rotate(-3deg)}.tile-no{position:absolute;top:17px;left:18px;font:10px Georgia;letter-spacing:.13em;color:#8a8883}.tile-info{padding:18px 20px 20px;border-top:1px solid #ffffff70;background:#ffffff2b}.tile-info h3{font:18px/1.5 var(--serif)}.tile-info .english{font:9px Georgia;letter-spacing:.12em;margin:4px 0 12px;color:#86847f;text-transform:uppercase}.tile-notes{font-size:10px;color:#7f7d78}.tile-arrow{float:right;margin-top:2px;color:#979590}.manifesto{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding:52px 0 76px}.manifesto-art{border:1px solid var(--line);height:270px;padding:35px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1efea,#f6f0e9);overflow:hidden}.paper-slip{width:63%;background:#fffdf8;box-shadow:0 12px 25px #403e3910;padding:32px 24px;transform:rotate(-7deg);border:1px solid #e4e2dd;font:22px/1.9 var(--serif);text-align:center}.paper-slip small{display:block;font:9px var(--sans);letter-spacing:.18em;margin-top:15px;color:var(--muted)}.manifesto h2{font:27px/1.65 var(--serif);letter-spacing:.04em}.manifesto p{margin-top:20px;color:var(--muted);font-size:13px;line-height:2;max-width:430px}.footer{border-top:1px solid var(--line);padding:24px 0 28px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.footer-links{display:flex;gap:17px;flex-shrink:0}.footer button{font-size:10px;padding:0}.page-intro{text-align:center;padding:65px 0 40px}.page-intro .eyebrow{justify-content:center}.page-intro h1{font:36px/1.6 var(--serif);margin:16px 0}.page-intro p{font-size:13px;color:var(--muted)}.collection-grid{padding-bottom:70px}.collection-grid .shelf{row-gap:26px}.filter-bar{display:flex;gap:9px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;border-radius:30px;padding:7px 17px;font-size:12px;color:var(--muted)}.chip.active{border-color:var(--accent);color:var(--accent);background:var(--soft)}.quiz-shell{width:min(690px,calc(100% - 40px));margin:36px auto 65px}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:12px}.progress-track{height:3px;background:#e8e6e1;margin:16px 0 34px}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.quiz-panel{padding:35px 43px 30px;background:#fffdfa;border:1px solid var(--line);box-shadow:0 18px 65px #42403b04}.q-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.q-number{font:39px Georgia;color:#acaaa5}.q-number small{font:11px var(--sans);color:#8c8a85}.q-tag{font-size:10px;letter-spacing:.13em;color:#989691}.quiz-panel h1{font:23px/1.75 var(--serif);min-height:80px;margin-bottom:24px}.answer-list{display:grid;gap:10px;border:0;padding:0;margin:0}.answer{position:relative;display:flex;align-items:center;gap:15px;padding:12px 17px;min-height:49px;border:1px solid #e7e5e0;border-radius:3px;background:#fffefd;cursor:pointer;transition:border-color .15s,background .15s}.answer:hover{border-color:#b3b1ac}.answer input{position:absolute;opacity:0;width:1px;height:1px}.answer:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.answer.selected{background:#f0eee9;border-color:#999792}.radio-dot{width:19px;height:19px;border:1px solid #c3c1bc;border-radius:50%;position:relative;flex-shrink:0}.selected .radio-dot{border-color:var(--accent)}.selected .radio-dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);position:absolute;left:4px;top:4px}.answer-text{font-size:13px}.answer-score{margin-left:auto;font:10px Georgia;color:#b6b4af}.skip-answer{font-size:12px;color:var(--muted);padding:13px 0 4px;text-align:center;width:100%;text-decoration:underline;text-underline-offset:4px}.skip-answer.selected{color:var(--accent);font-weight:600}.quiz-controls{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.quiz-controls .button{min-width:146px}.back-button{font-size:12px;padding:10px 0;color:var(--muted)}.quiz-foot{text-align:center;font-size:11px;color:var(--muted);margin-top:21px}.quiz-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:24px}.q-dot{width:20px;height:20px;border-radius:50%;border:1px solid #dad8d3;font-size:8px;color:#a3a19c;display:flex;align-items:center;justify-content:center;padding:0}.q-dot.done{background:#e6e4df;border-color:#d3d1cc;color:var(--accent)}.q-dot.current{background:var(--accent);color:white}.quiz-error{background:#fff0e9;border:1px solid #e8c7b7;color:#8b5345;padding:15px;margin-bottom:20px;font-size:12px}.quiz-error button{border-bottom:1px solid currentColor;margin:4px 8px 0 0}.bottling{text-align:center;padding:90px 20px}.bottling svg{height:200px;margin:auto}.bottling h1{font:28px var(--serif);margin:24px 0}.sample-banner{padding:11px 15px;text-align:center;font-size:11px;background:#eeece7;color:#716f6a;border-bottom:1px solid #dcdad5}.sample-banner button{padding:0 6px;text-decoration:underline;color:#64625d}.result-topline{display:flex;justify-content:space-between;align-items:center;padding:30px 0 0;font-size:11px;color:var(--muted)}.result-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:28px 0 42px}.result-art{min-height:425px;background:radial-gradient(ellipse at 50% 50%,var(--result-soft),transparent 70%);position:relative;display:flex;justify-content:center;align-items:center}.result-art:before{content:"";position:absolute;width:310px;height:350px;border:1px solid color-mix(in srgb,var(--result-color) 28%,transparent);border-radius:48% 48% 2px 2px;top:18px;transform:rotate(-10deg)}.result-art>svg{height:420px;position:relative;z-index:1}.result-stamp{position:absolute;right:24px;bottom:35px;transform:rotate(10deg);padding:9px 15px;border:1px solid var(--result-color);color:var(--result-color);font-size:10px;letter-spacing:.15em;z-index:2;background:var(--paper)}.result-copy h1{font:42px/1.5 var(--serif);margin:16px 0 3px;letter-spacing:.04em}.result-english{font:12px Georgia;letter-spacing:.2em;text-transform:uppercase;color:var(--result-color);margin-bottom:20px}.result-quote{font:18px/1.9 var(--serif);color:#66645f;border-left:2px solid var(--result-color);padding-left:18px;margin-bottom:24px}.result-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.result-tags span{font-size:10px;border:1px solid #d7d5d0;border-radius:20px;padding:4px 12px;color:#817f7a}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-section{padding:42px 0;border-top:1px solid var(--line)}.result-section-header{display:flex;gap:20px;align-items:baseline;margin-bottom:24px}.section-num{font:13px Georgia;color:#a4a29d}.result-section-header h2{font:25px var(--serif);letter-spacing:.04em}.result-body{color:#716f6a;font-size:14px;line-height:2.1}.result-summary{max-width:780px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.note-item{padding:22px 0;border-top:1px solid #c3c1bc}.note-stage{font-size:10px;color:#94928d;letter-spacing:.15em}.note-item h3{font:22px var(--serif);margin:13px 0}.note-item p{font-size:12px;line-height:2;color:var(--muted)}.axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 52px}.axis-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:11px}.axis-top b{font-weight:500}.axis-top span{color:var(--result-color);font-size:11px}.axis-track{height:5px;background:#e7e5e0;position:relative;margin:18px 0 13px}.axis-track:before{content:"";position:absolute;height:13px;width:1px;left:50%;top:-4px;background:#b3b1ac}.axis-marker{position:absolute;top:-3px;width:11px;height:11px;border-radius:50%;background:var(--result-color);box-shadow:0 0 0 4px var(--paper);transform:translateX(-50%)}.axis-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.axis-note{font-size:11px;color:#888681;margin-top:10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.soft-panel{background:var(--result-soft);padding:26px 29px;border-radius:3px}.soft-panel h3{font:19px var(--serif);margin-bottom:13px}.soft-panel p{font-size:13px;line-height:2;color:#72706b}.scene-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.scene-label{font:11px Georgia;color:#a2a09b;letter-spacing:.12em}.scene-list h3{font:20px var(--serif);margin:10px 0}.scene-list p{font-size:13px;line-height:2;color:var(--muted)}.ritual{padding:34px;background:linear-gradient(120deg,var(--result-soft),#f1ece6);display:flex;gap:25px;align-items:start}.ritual svg{flex-shrink:0;width:30px;color:var(--result-color)}.ritual h3{font:23px var(--serif);margin-bottom:10px}.ritual p{font-size:13px;color:#76746f;line-height:2}.share-section{text-align:center;padding:50px 0 55px}.share-section h2{font:28px var(--serif);margin-bottom:12px}.share-section>p{color:var(--muted);font-size:12px}.nickname-form{display:flex;gap:10px;justify-content:center;align-items:center;margin:24px 0}.nickname-form input{border:0;border-bottom:1px solid #b7b5b0;background:transparent;padding:9px 4px;width:220px;text-align:center;border-radius:0;font-size:13px;color:var(--ink)}.share-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.method{border-top:1px solid var(--line);padding:23px 0;font-size:12px;color:var(--muted)}.method summary{cursor:pointer;color:#706e69}.method-content{padding-top:20px;line-height:2}.method-content p+p{margin-top:12px}.evidence{border-left:2px solid var(--line);padding-left:15px;margin:15px 0;font-size:12px}.end-controls{display:flex;justify-content:center;gap:25px;margin:20px 0 35px;font-size:11px;color:var(--muted)}.end-controls button{text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);padding:12px 23px;background:#494742;color:white;border-radius:5px;font-size:12px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:7px;padding:26px;width:min(600px,calc(100% - 28px));max-height:90vh;background:#fffdfa;color:var(--ink);box-shadow:0 30px 100px #2c2a2533}dialog::backdrop{background:#2e2c2766;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.modal-header h2{font:22px var(--serif)}.close-modal{font-size:25px;line-height:1;padding:6px}.modal-copy{font-size:13px;color:var(--muted);line-height:2}.modal-copy p+p{margin-top:15px}.modal-copy h3{font-size:14px;color:var(--ink);margin:18px 0 6px}.share-tabs{display:flex;gap:8px;margin:14px 0}.share-tabs .chip{font-size:11px;flex:1;padding:7px 9px}.share-preview{background:#eeece7;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:3px;margin:15px 0}.share-preview img{width:100%;height:auto}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:17px;flex-wrap:wrap}.loading-art{padding:45px;text-align:center;font-size:13px;color:var(--muted)}.empty-page{padding:80px 20px;text-align:center}.empty-page h1{font:30px var(--serif);margin-bottom:20px}.empty-page p{margin-bottom:25px;color:var(--muted)}.storage-warning{font-size:11px;padding:10px 18px;background:#f3e5d8;color:#825f45;text-align:center}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reveal{animation:appear .45s both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{gap:75px;min-height:700px}.hero-visual{min-height:550px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;min-height:570px}.hero-visual{min-height:440px}.hero h1{font-size:37px}.hero-actions{gap:15px}.hero-meta{gap:10px;font-size:10px}.hero-meta span+span{padding-left:10px}.shelf{gap:13px}.tile-art{height:210px}.tile-art svg{height:196px}.tile-info{padding:16px 14px}.tile-info h3{font-size:16px}.manifesto{gap:40px}.result-hero{gap:25px}.result-copy h1{font-size:35px}.result-art:before{width:270px}.result-art>svg{height:380px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:77px}.brand-cn{font-size:19px}.brand-en{font-size:8px}.brand svg{width:25px}.nav{gap:15px}.nav .nav-action{padding:6px 11px;font-size:11px}.nav .nav-about{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:37px 0 30px;min-height:0}.hero h1{font-size:35px;margin:20px 0 15px;line-height:1.55}.hero-copy{font-size:13px;max-width:340px}.hero-meta{font-size:11px;margin:22px 0}.hero-actions .button{padding:12px 20px;gap:20px}.hero-note{margin-top:12px}.hero-visual{min-height:340px;margin:0 8px 0 18px}.hero-photo{border-radius:42% 42% 2px 2px;object-position:center 55%}.float-seal{width:66px;height:66px;left:-17px;top:30px}.float-seal b{font-size:22px}.float-seal small{font-size:8px}.image-caption{left:15px;right:15px;bottom:15px;padding:9px 12px;font-size:8px}.art-top{font-size:8px;right:-15px}.chapter-strip{padding:21px 0}.chapter{gap:8px}.chapter .num{font-size:20px}.chapter h3{font-size:12px;letter-spacing:0}.chapter p{font-size:9px}.section{padding:44px 0}.section-heading{gap:10px;align-items:end;margin-bottom:24px}.section-heading h2{font-size:24px}.section-heading p{max-width:145px;font-size:11px}.shelf{grid-template-columns:repeat(2,1fr);gap:14px}.tile-art{height:200px}.tile-art svg{height:187px}.tile-no{font-size:9px;top:12px;left:12px}.tile-info{padding:14px 12px 16px}.tile-info h3{font-size:16px}.tile-info .english{font-size:8px;letter-spacing:.04em}.tile-notes{font-size:9px;line-height:1.9}.manifesto{grid-template-columns:1fr;gap:27px;padding:15px 0 45px}.manifesto-art{height:240px}.manifesto h2{font-size:24px}.manifesto p{margin-top:14px;font-size:12px}.footer{display:block;padding:20px 0;font-size:9px}.footer-links{margin-top:12px;gap:20px}.page-intro{padding:37px 0 28px}.page-intro h1{font-size:28px}.page-intro p{font-size:12px}.collection-grid{padding-bottom:45px}.filter-bar{margin-bottom:25px}.chip{font-size:11px;padding:6px 13px}.quiz-shell{margin-top:27px}.progress-track{margin:13px 0 23px}.quiz-panel{padding:24px 22px}.quiz-panel h1{font-size:21px;min-height:100px;margin-bottom:18px}.q-number{font-size:34px}.answer{min-height:49px;padding:11px 14px}.quiz-controls .button{min-width:140px}.quiz-jumps{gap:4px}.q-dot{width:18px;height:18px;font-size:7px}.result-topline{padding-top:22px}.result-hero{grid-template-columns:1fr;gap:0;padding-top:12px}.result-art{min-height:330px}.result-art>svg{height:335px}.result-art:before{width:230px;height:280px;top:14px}.result-stamp{right:14px;bottom:25px;font-size:9px}.result-copy{text-align:center;margin-top:10px}.result-copy .eyebrow{justify-content:center}.result-copy h1{font-size:34px;margin:14px 0 5px}.result-quote{font-size:16px;border:0;padding:0;margin-bottom:20px}.result-tags,.result-actions{justify-content:center}.result-english{font-size:11px;margin-bottom:16px}.result-section{padding:32px 0}.result-section-header{gap:12px;margin-bottom:20px}.result-section-header h2{font-size:22px}.result-body{font-size:13px}.notes-grid{grid-template-columns:1fr;gap:4px;margin-top:23px}.note-item{padding:18px 0 14px;display:grid;grid-template-columns:64px 1fr;gap:0 12px}.note-item .note-stage{padding-top:5px;grid-row:1/3}.note-item h3{margin:0 0 8px;font-size:20px}.note-item p{grid-column:2;font-size:12px}.axis-grid{grid-template-columns:1fr;gap:24px}.two-columns{grid-template-columns:1fr;gap:14px}.soft-panel{padding:22px}.scene-list{grid-template-columns:1fr;gap:24px}.scene-list h3{font-size:19px;margin:7px 0}.scene-list p{font-size:12px}.ritual{padding:24px 20px;gap:15px}.ritual h3{font-size:21px}.ritual p{font-size:12px}.ritual svg{width:23px}.share-section{padding:35px 0 40px}.share-section h2{font-size:25px}.share-buttons{gap:9px}.share-buttons .button{font-size:11px;padding:12px 14px;gap:12px}.end-controls{gap:18px;font-size:10px}dialog{padding:20px}.modal-header h2{font-size:21px}.modal-actions .button{font-size:11px;padding:10px 14px}.quiz-foot{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Independent luxury art direction: ivory paper, ink and restrained brass. */
:root{--paper:#f8f7f3;--ink:#24231f;--muted:#77746d;--line:#ddd9d0;--accent:#25241f;--soft:#ece8df}::selection{background:#dcd1b9}.wrap{width:min(1240px,calc(100% - 112px))}.site-header{height:100px}.brand-cn{font-size:25px;letter-spacing:.23em}.brand-en{font-size:8px;letter-spacing:.28em;margin-top:7px}.nav{gap:35px;letter-spacing:.04em}.nav .nav-action{border-color:#aaa397;border-radius:0;padding:10px 22px}.eyebrow{color:#8f7b59;font-size:9px;letter-spacing:.21em}.eyebrow:before{display:none}.hero{gap:70px;grid-template-columns:.92fr 1.08fr;padding:50px 0 52px;min-height:700px}.hero-content{padding:4px 0 10px}.hero-display{font:italic 96px/.91 Georgia,serif;letter-spacing:-.045em;margin:29px 0 29px;color:#292722}.hero h1{font:28px/1.65 var(--serif);letter-spacing:.045em;margin:0 0 19px}.hero-copy{font-size:12px;line-height:2;color:#77746d}.hero-actions{margin-top:28px;gap:18px}.button{border-radius:0;min-height:51px;font-size:12px;letter-spacing:.1em;padding:13px 23px}.button.secondary{border-color:#cbc5ba}.text-link{font-size:11px;color:#706852;border-color:#bcb19a}.hero-meta{font-size:10px;gap:14px;margin:22px 0 0;color:#8a857a}.hero-meta span+span{padding-left:14px;border-color:#d5cfc3}.hero-visual{min-height:600px;background:#e9e3d7}.hero-photo{border-radius:0;object-position:center 55%}.image-caption{bottom:16px;left:18px;right:18px;padding:8px 0;background:none;border:0;backdrop-filter:none;color:#766b56;font-size:8px;letter-spacing:.17em}.chapter-strip{padding:30px 0}.chapter .num{font:italic 29px Georgia;color:#b4a68b}.chapter h3{font-size:14px;letter-spacing:.1em}.chapter p{font-size:10px;margin-top:6px}.section{padding:88px 0 66px}.section-heading{margin-bottom:37px}.section-heading h2{font-size:31px;line-height:1.65;margin-top:15px}.shelf{gap:22px}.scent-tile{border-radius:0;background:#eeebe4!important;border:1px solid #e7e2d8}.scent-tile:hover{border-color:#b5a88e}.tile-art{height:270px;background:radial-gradient(ellipse at 50% 35%,#fff9,transparent 70%)}.tile-art svg{height:245px}.tile-no{font-size:9px;letter-spacing:.15em;color:#8d816c}.tile-info{background:var(--paper);border-top:1px solid var(--line);padding:21px 18px 22px}.tile-info h3{font-size:18px}.tile-info .english{color:#9b8969;font-size:8px;letter-spacing:.12em}.tile-arrow{color:#9e9075}.manifesto{grid-template-columns:1fr 1fr;gap:90px;padding:55px 0 95px;border-top:1px solid var(--line);margin-top:24px}.manifesto .manifesto-mark{font:italic 91px/1.03 Georgia,serif;letter-spacing:-.05em;color:#b4a78f;margin:0}.manifesto h2{font-size:30px;line-height:1.65;margin-top:21px}.manifesto p{font-size:12px;color:#837e73}.footer{font-size:9px;padding-top:25px}.chip{border-radius:0;background:none}.chip.active{background:#e9e3d8;border-color:#b5a78b}.quiz-shell{width:min(760px,calc(100% - 48px));margin:38px auto 60px}.quiz-panel{background:none;border:0;padding:0 28px 22px;box-shadow:none}.progress-track{height:2px;background:#e4dfd5;margin-bottom:32px}.progress-fill{background:#958465}.q-number{font:42px Georgia;color:#aaa087}.q-number small{font-size:10px;margin-left:4px}.q-tag{color:#94866b;font-size:9px}.q-heading{margin-bottom:22px}.scene-chapter{font-size:10px;letter-spacing:.13em;color:#8c806a;margin-bottom:12px}.quiz-panel h1{font-size:25px;line-height:1.7;min-height:85px;margin-bottom:23px}.answer-list{gap:0;border-top:1px solid #d9d2c5}.answer{background:none;border:0;border-bottom:1px solid #d9d2c5;border-radius:0;padding:19px 17px;min-height:67px;gap:19px}.answer:hover{background:#eeebe4}.answer.selected{background:#e8e2d6;border-color:#c4b79e}.answer-letter{font:14px Georgia;color:#a2947a;width:15px;flex-shrink:0}.answer-text{font-size:14px;line-height:1.8}.answer-tick{margin-left:auto;color:#a39476;opacity:0}.selected .answer-tick{opacity:1}.skip-answer{font-size:10px;padding:18px 0 0;color:#928b7f}.quiz-controls{margin-top:30px}.back-button{font-size:11px}.quiz-foot{font-size:10px}.q-dot{border-radius:0;width:21px;height:4px;font-size:0;line-height:0;border:0;background:#ddd7ca;color:transparent}.q-dot.done{background:#b4a78e;border:0;color:transparent}.q-dot.current{background:#28251e;color:transparent}.quiz-jumps{gap:7px;margin-top:22px}.sample-banner{background:#eae4d8;color:#77684c;border-color:#d8cfbd}.sample-banner button{color:#5c513c}.result-hero{gap:75px;padding-top:35px;padding-bottom:58px}.result-art{background:radial-gradient(ellipse at 50% 50%,#e7dfce,transparent 70%)}.result-art:before{border-radius:0;transform:none;width:320px;height:375px;border-color:#d6ccba;top:15px}.result-stamp{transform:none;border:0;background:none;bottom:5px;right:auto;font-size:8px;letter-spacing:.25em;color:#9b8b6b}.result-art>svg{height:430px}.result-copy h1{font-size:43px;letter-spacing:.04em}.result-quote{color:#736b5d;border:0;padding:0;font-size:17px}.result-tags span{border-radius:0;border-color:#cfc5b3;color:#86785f;padding:4px 10px}.result-english{font-size:10px;letter-spacing:.2em;margin-bottom:26px}.result-section{padding:48px 0}.result-section-header h2{font-size:25px}.section-num{color:#ad9a78}.note-stage{color:#95815c}.note-item{border-color:#c8bda6}.axis-track{background:#e6e0d5}.axis-track:before{background:#ac9e82}.axis-note{color:#8a7e68}.soft-panel{border-radius:0;background:#eee9df}.soft-panel p{color:#736d62}.scene-label{color:#9f8d6c}.ritual{background:#eee9df}.ritual p{color:#797062}.share-section{padding:60px 0}.nickname-form input{border-color:#b9ac91}.toast{background:#302c24;border-radius:0}dialog{background:var(--paper);border-radius:0;box-shadow:0 30px 100px #211d1533}dialog::backdrop{background:#211d1566}.share-preview{border-radius:0;background:#e7e1d5}.reveal{animation:appear .25s both}.page-intro h1{font-size:35px}.page-intro{padding-top:63px}
@media(min-width:1500px){.hero{min-height:760px;gap:85px}.hero-visual{min-height:650px}.hero-display{font-size:106px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;min-height:620px}.hero-display{font-size:78px}.hero h1{font-size:25px}.hero-visual{min-height:555px}.hero-actions{gap:16px}.hero-meta{font-size:9px;gap:10px}.hero-meta span+span{padding-left:10px}.shelf{gap:15px}.tile-art{height:230px}.tile-art svg{height:210px}.tile-info h3{font-size:17px}.manifesto{gap:50px}.manifesto .manifesto-mark{font-size:76px}.result-copy h1{font-size:36px}.result-hero{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:81px}.brand-cn{font-size:21px}.brand-en{font-size:7px;letter-spacing:.22em}.nav{gap:17px;font-size:10px}.nav .nav-action{padding:7px 12px;font-size:10px}.hero{grid-template-columns:1fr;padding:33px 0 29px;gap:31px;min-height:0}.hero-display{font-size:67px;line-height:.93;margin:24px 0 25px}.hero h1{font-size:27px;line-height:1.6;margin-bottom:16px}.hero-copy{font-size:12px}.hero-actions{margin-top:24px;gap:17px;align-items:center}.hero-actions .button{font-size:11px;padding:12px 17px;gap:17px}.hero-actions .text-link{font-size:10px}.hero-meta{font-size:9px;margin-top:21px;gap:12px}.hero-meta span+span{padding-left:12px}.hero-visual{min-height:430px;margin:0}.hero-photo{border-radius:0;object-position:center 57%}.image-caption{font-size:7px;bottom:10px;left:13px;right:13px}.chapter-strip{padding:21px 0}.chapter{gap:8px}.chapter .num{font-size:20px}.chapter h3{font-size:11px;letter-spacing:.02em}.chapter p{font-size:8px}.section{padding:45px 0 35px}.section-heading{margin-bottom:25px;align-items:end}.section-heading h2{font-size:24px;margin-top:14px}.section-heading .text-link{font-size:9px;white-space:nowrap}.shelf{gap:13px}.tile-art{height:215px}.tile-art svg{height:198px}.tile-info{padding:15px 11px 16px}.tile-info h3{font-size:15px}.tile-info .english{font-size:7px;letter-spacing:.06em}.tile-notes{font-size:9px}.manifesto{grid-template-columns:1fr;padding:35px 0 48px;gap:33px;margin-top:15px}.manifesto .manifesto-mark{font-size:64px}.manifesto h2{font-size:27px;margin-top:16px}.manifesto p{font-size:12px}.quiz-shell{width:calc(100% - 40px);margin-top:27px}.quiz-top{font-size:10px}.progress-track{margin:15px 0 27px}.quiz-panel{padding:0 0 15px}.q-number{font-size:34px}.q-heading{margin-bottom:20px}.q-tag{font-size:8px;letter-spacing:.08em}.scene-chapter{font-size:9px}.quiz-panel h1{font-size:23px;line-height:1.7;min-height:100px;margin-bottom:23px}.answer{padding:15px 13px;min-height:72px;gap:12px}.answer-text{font-size:13px;line-height:1.85}.answer-letter{font-size:13px}.answer-tick{font-size:12px}.skip-answer{font-size:10px}.quiz-controls{margin-top:24px}.quiz-controls .button{min-width:135px;font-size:11px}.quiz-foot{margin-top:14px;font-size:9px}.quiz-jumps{gap:5px}.q-dot{width:12px;height:3px}.result-hero{grid-template-columns:1fr;gap:10px;padding:20px 0 38px}.result-art{min-height:345px}.result-art>svg{height:345px}.result-art:before{width:250px;height:285px;top:14px}.result-stamp{bottom:0;font-size:7px}.result-copy h1{font-size:33px}.result-copy .eyebrow{margin-top:18px}.result-quote{font-size:16px;line-height:1.85}.result-english{font-size:9px;margin-bottom:21px}.result-tags span{font-size:9px}.result-section{padding:32px 0}.result-section-header h2{font-size:22px}.result-actions .button{font-size:11px;padding:12px 18px;gap:18px}.share-section{padding:39px 0}.share-section h2{font-size:25px}.page-intro h1{font-size:26px}.page-intro{padding-top:35px}.nickname-form{gap:8px}.nickname-form input{width:200px;font-size:12px}.nickname-form .text-link{font-size:10px}}

[hidden]{display:none!important}.q-dot{height:20px;position:relative;background:transparent!important;overflow:visible}.q-dot:after{content:"";position:absolute;left:0;right:0;height:3px;top:8px;background:#ddd7ca}.q-dot.done:after{background:#b4a78e}.q-dot.current:after{background:#28251e}

/* Selected 16-bottle artwork; preserve original pixels and proportions. */
.tile-art{background:#f1ece3;padding:28px 10px 10px}.tile-art .bottle-portrait{width:100%;height:100%;max-width:270px;transform:none;transition:none;overflow:hidden}.scent-tile:hover .bottle-portrait{transform:none}.tile-no{z-index:1;top:10px;font-size:8px}
.result-art{background:#f2eee6;padding:22px 24px;min-height:425px;display:flex;flex-direction:column;align-items:center;gap:12px}.result-art:before{display:none}.result-art .bottle-portrait{height:350px;width:100%;max-width:330px;overflow:hidden;flex-shrink:0}.art-zoom{position:static;align-self:flex-end;order:-1;font-size:10px;z-index:auto}.result-stamp{position:static;inset:auto;transform:none}
.atlas-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:55px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;margin:0 0 42px}.atlas-cover{display:block;border:0;padding:0;background:#eee7db;cursor:zoom-in;width:100%}.atlas-cover img{display:block;width:100%;height:auto}.atlas-panel-copy h2{font:32px/1.6 var(--serif);margin:22px 0}.atlas-panel-copy p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted);margin-bottom:26px}.atlas-panel-copy .text-link{display:block;width:max-content;margin-top:20px}.atlas-dialog{width:min(1100px,calc(100% - 28px))}.atlas-tools{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.atlas-viewer{max-height:66vh;overflow:auto;overscroll-behavior:contain;margin-top:14px;background:#eee7db;-webkit-overflow-scrolling:touch}.atlas-viewer img{display:block;width:100%;height:auto;max-width:none}.atlas-viewer.is-zoomed img{width:3840px;max-width:none}.atlas-cover:focus-visible,.atlas-viewer:focus-visible{outline:2px solid #917b54;outline-offset:4px}
@media(max-width:700px){.atlas-panel{grid-template-columns:1fr;gap:24px;padding:23px 0 29px;margin-bottom:30px}.atlas-panel-copy h2{font-size:25px;margin:12px 0}.atlas-panel-copy p:not(.eyebrow){font-size:12px;margin-bottom:17px}.atlas-panel-copy .text-link{margin-top:15px}.tile-art{height:205px;padding:28px 8px 8px}.result-art{min-height:0;padding:16px;gap:12px}.result-art .bottle-portrait{height:280px;max-width:280px}.atlas-dialog{padding:16px}.atlas-tools{gap:18px}.atlas-tools .chip{font-size:11px}.atlas-viewer{max-height:65vh}}

/* Full bottle artwork is fitted, never filled/cropped. Controls occupy their own row. */
.bottle-portrait{object-fit:contain;object-position:center}.result-art .bottle-portrait{display:block;max-height:none}.tile-art{display:flex;align-items:center;justify-content:center}.tile-art .bottle-portrait{object-fit:contain}

.atlas-sheet{container-type:inline-size;background:#f5f0e7;padding:4% 2.2% 3%;width:100%;color:#30291f;text-align:center}.atlas-sheet-title{font:5.2cqw/1.4 var(--serif);letter-spacing:.14em}.atlas-sheet-subtitle{font:1.25cqw/2.4 Georgia,serif;letter-spacing:.25em;margin:0 0 2%}.atlas-sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.atlas-cell{margin:0;padding:2% 3% 5%;min-width:0;border-right:1px solid #cfbea0;border-bottom:1px solid #cfbea0}.atlas-cell:nth-child(4n){border-right:0}.atlas-cell:nth-last-child(-n+4){border-bottom:0}.atlas-sheet .atlas-cell .bottle-portrait{width:100%;height:auto;aspect-ratio:4/5;max-width:none;object-fit:contain}.atlas-cell figcaption{font:1.65cqw/2 var(--serif);white-space:nowrap}.atlas-viewer.is-zoomed .atlas-sheet{width:3840px;max-width:none}.atlas-cover{font:inherit}.atlas-panel-copy .text-link{cursor:pointer}

/* Product-code entry, in the same quiet ivory / champagne palette. */
.unlock-brand{text-align:center;padding:42px 20px 28px}.unlock-brand .brand-cn{font-size:26px}.unlock-brand .brand-en{font-size:8px}.unlock-shell{width:min(440px,calc(100% - 44px));margin:0 auto;padding:22px 30px 28px;text-align:center}.unlock-emblem{margin:0 auto 23px;color:#ae9873;width:46px}.unlock-emblem svg{width:46px;height:46px}.unlock-shell>.eyebrow{justify-content:center;font-size:9px;letter-spacing:.24em}.unlock-shell h1{font:40px/1.55 var(--serif);letter-spacing:.07em;margin:21px 0 17px}.unlock-description{font-size:13px;color:var(--muted);line-height:2}.unlock-form{margin-top:31px;text-align:left}.unlock-form label{display:block;font-size:11px;color:#877a64;letter-spacing:.12em;margin-bottom:10px}.unlock-form input{display:block;width:100%;height:59px;border:1px solid #c9c0b1;background:#fff8;text-align:center;font:25px Georgia,serif;letter-spacing:.55em;color:var(--ink);border-radius:0;padding:10px 15px 10px 29px;outline-offset:3px}.unlock-form input::placeholder{font:12px var(--sans);letter-spacing:.15em;color:#a29a8c}.unlock-form input[aria-invalid="true"]{border-color:#ac7260}.unlock-error{min-height:28px;color:#a36551;font-size:11px;line-height:1.6;margin-top:7px;letter-spacing:0}.unlock-form .button{width:100%;justify-content:space-between;min-height:53px}.unlock-help{font-size:11px;line-height:1.9;color:#8e8678;margin-top:20px}.unlock-note{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.06em;color:#968972}.unlock-footer{padding:12px 20px 28px;text-align:center;font-size:9px;color:#aaa08f}@media(max-width:700px){.unlock-brand{padding-top:31px;padding-bottom:22px}.unlock-shell{padding:15px 10px 24px}.unlock-shell h1{font-size:36px;margin-top:18px}.unlock-emblem{width:38px;margin-bottom:19px}.unlock-emblem svg{width:38px;height:38px}.unlock-form{margin-top:25px}.unlock-note{font-size:9px}.unlock-footer{font-size:9px}}