@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{color:#f5ead4;font-synthesis:none;background:#152c35;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:hover,a:hover{text-shadow:0 0 18px #fff4c6}:is(button:focus-visible,a:focus-visible){outline-offset:7px;outline:1px solid}:is(input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:4px;outline:2px solid #b39a58}main{height:100dvh;position:relative;overflow:hidden}.hero-film,.hero-shade,.water-world{width:100%;height:100%;position:absolute;inset:0}.hero-film{object-fit:cover}.hero-shade{background:linear-gradient(90deg,#121913d9,#1219139e 37%,#1219130a 75%),linear-gradient(#0000 70%,#121e2399)}header{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:30px;left:4vw;right:4vw}header>*{pointer-events:auto}.brand{letter-spacing:5px;text-align:left;padding:0;font-size:25px;line-height:1.2}.brand span{letter-spacing:2.7px;margin-top:12px;font-size:9px;display:block}nav{align-items:center;gap:30px;min-height:34px;display:flex}.nav-note{letter-spacing:2px;font-size:10px}h1,h2,h3{font-family:Libre Caslon Display,Georgia,serif;font-weight:400}h1{letter-spacing:-2px;margin:18px 0 24px;font-size:clamp(56px,6.8vw,104px);line-height:.97}em{font-weight:400}h1 em{color:#ead2a5}h2{letter-spacing:-.6px;margin:18px 0 25px;font-size:clamp(34px,3.3vw,54px);line-height:1.12}.welcome{scrollbar-width:thin;width:45vw;max-width:600px;position:absolute;top:17vh;bottom:65px;left:8vw;overflow:auto}.eyebrow{letter-spacing:2.3px;font-size:11px;font-weight:600;line-height:1.7}.intro{margin:0 0 14px;font-size:20px}.welcome-copy{max-width:500px;font-size:16px;line-height:1.65}.instructions{color:#e0dccb;max-width:510px;font-size:12px;line-height:1.65}.instructions p{margin:8px 0}.enter{border-bottom:1px solid #ddcf9b70;align-items:center;gap:70px;min-width:260px;margin-top:22px;padding-bottom:12px;font-size:20px;display:flex}.enter span{font-size:26px}.small{opacity:.75;font-size:11px;line-height:1.7}footer{z-index:5;letter-spacing:1.4px;pointer-events:none;justify-content:space-between;gap:20px;font-size:10px;display:flex;position:absolute;bottom:24px;left:4vw;right:4vw}footer a{pointer-events:auto}.survey{color:#183343;transition:color .8s}.survey.deep{color:#fff5df}.water-world{pointer-events:none;background:#18374b;overflow:hidden}.water-texture{filter:blur(12px);background-image:url(/media/water.png);background-repeat:no-repeat;background-size:100%;transition:background-position .2s linear;animation:11s ease-in-out infinite alternate drift;position:absolute;inset:-4%;transform:scale(1.08)}.water-light{opacity:.13;filter:blur(24px);mix-blend-mode:soft-light;background:repeating-radial-gradient(at 30% 60%,#0000 0 50px,#fff3c0 75px,#0000 100px);animation:13s ease-in-out infinite alternate shimmer;position:absolute;inset:-15%}.water-veil{background:#e4efe861;transition:background 1s;position:absolute;inset:0}.question-scroll{scroll-snap-type:y proximity;scrollbar-width:none;overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.question-scroll::-webkit-scrollbar{display:none}.question-section{scroll-snap-align:start;justify-content:center;align-items:center;min-height:100dvh;padding:125px 8vw 95px;display:flex}.question-inner{width:100%;max-width:850px;position:relative}.number{float:right;letter-spacing:1px;font-weight:400}.help{opacity:.85;max-width:730px;font-size:14px;line-height:1.7}.options{gap:3px;margin:24px 0;display:grid}.option{cursor:pointer;align-items:center;gap:20px;padding:12px 5px;font-size:17px;transition:transform .25s,text-shadow .3s;display:flex;position:relative}.option:hover{text-shadow:0 0 18px #fff0b1;transform:translate(5px)}.option input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.option:has(input:focus-visible){outline-offset:2px;outline:1px solid}.option-mark{opacity:.7;min-width:20px;font-size:17px}.option.selected{text-shadow:0 0 20px #ffdfa66b;font-weight:600}.option.selected .option-mark{color:#9f7135}.deep .option.selected .option-mark{color:#f1d08f}.question-actions{border-top:1px solid #48708440;justify-content:space-between;align-items:center;margin-top:25px;padding-top:16px;display:flex}.deep .question-actions{border-color:#e5d7b438}.question-actions>button:first-child{opacity:.7;font-size:12px}.next{gap:30px;font-size:16px;display:inline-flex}.context-grid{grid-template-columns:1fr 1fr;gap:20px 30px;margin:30px 0;display:grid}.context-grid label{flex-direction:column;gap:10px;font-size:12px;display:flex}input:not([type]),input[type=text],select,textarea{color:inherit;background:0 0;border:0;border-bottom:1px solid #41647566;border-radius:0;width:100%;padding:10px 0;font-size:16px}select option{color:#173144;background:#e9eee6}.deep textarea{border-color:#fff5df66}textarea{resize:vertical;min-height:180px;line-height:1.7}::placeholder{color:inherit;opacity:.5}.scroll-progress{z-index:5;background:#aaafac55;width:1px;height:44%;position:absolute;top:28%;right:3vw}.scroll-progress i{background:currentColor;width:2px;transition:height .2s;display:block}.non-user{margin-top:24px;font-size:14px}.reason-options{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.reason-options label,.consent{cursor:pointer;align-items:flex-start;gap:12px;line-height:1.6;display:flex}.consent{margin:30px 0;font-size:14px}input[type=checkbox]{accent-color:#b38a4a;flex-shrink:0;width:17px;height:17px;margin-top:5px}.still .water-texture,.still .water-light{animation-play-state:paused}.research{color:#1f3d4b;background:#f3f1e8;height:auto;min-height:100vh;padding:55px max(5vw,24px);overflow:visible}.research h1{font-size:62px}.research h2{margin-top:50px;font-size:36px}.research h3{font-size:24px}.research nav{flex-wrap:wrap;margin:30px 0}.research button,.research a{border-bottom:1px solid #8c9b9f;padding:10px 0}.research table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5}.research td,.research th{text-align:left;vertical-align:top;border-bottom:1px solid #bec8c8;padding:12px 10px}.research .table-wrap{overflow:auto}.research .stat-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0;display:grid}.stat-grid strong{font:48px Libre Caslon Display,Georgia,serif;display:block}.research .note{max-width:1000px;font-size:13px;line-height:1.7}.research details{border-bottom:1px solid #bec8c8;padding:20px 0}.research summary{cursor:pointer}.research pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 DM Sans,sans-serif}.research .notice{border-left:2px solid #b39056;padding-left:20px;line-height:1.7}.research .row-actions{gap:25px;display:flex}@keyframes drift{0%{transform:scale(1.08)translate(-.5%,.2%)skew(-.25deg)}to{transform:scale(1.1)translate(.5%,-.2%)skew(.25deg)}}@keyframes shimmer{0%{transform:translate(-2%,1%)scaleY(1)}to{transform:translate(2%,-1%)scaleY(1.08)}}@media (max-height:850px) and (min-width:750px){.welcome{width:52vw;max-width:660px;top:14vh}h1{font-size:68px;line-height:1}h1 br:nth-of-type(2){display:none}.welcome-copy{font-size:14px}.instructions{font-size:11px}.intro{font-size:18px}.enter{margin-top:12px}.question-section{padding-top:100px;padding-bottom:80px}h2{font-size:40px}.option{padding:9px 5px}}@media (max-width:700px){header{top:24px;left:6vw;right:6vw}.brand{letter-spacing:4px;font-size:19px}.brand span{letter-spacing:2px;font-size:7px}.nav-note{display:none}nav{gap:15px;font-size:12px}.welcome{width:auto;max-width:none;inset:18vh 7vw 60px}h1{font-size:66px}.intro{font-size:17px}.welcome-copy{font-size:14px}.instructions{font-size:11px}.hero-shade{background:linear-gradient(90deg,#122322db,#18232170),linear-gradient(#0000,#122322cc)}.question-section{padding:120px 8vw 90px}h2{font-size:36px}.help{font-size:13px}.option{gap:14px;padding:12px 0;font-size:15px}.water-texture{filter:blur(9px);background-size:auto 300%}.context-grid{grid-template-columns:1fr;gap:17px}.context-grid input,.context-grid select{font-size:15px}.context{min-height:115dvh}.reason-options{grid-template-columns:1fr}.eyebrow{letter-spacing:1.8px;font-size:9px}footer{letter-spacing:.7px;font-size:8px;left:6vw;right:6vw}.research .stat-grid{grid-template-columns:1fr 1fr}.research h1{font-size:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.research{color:#000;background:#fff;padding:0}.research nav,.research .row-actions{display:none}.research table{font-size:9px}.research h2{break-after:avoid}.research tr{break-inside:avoid}.research details{display:block}.research summary{font-weight:700}}.landing .welcome{scrollbar-width:none;width:43vw;max-width:610px;inset:16vh 6vw 58px auto}.landing .welcome::-webkit-scrollbar{display:none}.landing .hero-shade{background:linear-gradient(90deg,#0000 24%,#0d1f2233 43%,#0d1f22cc 70%,#0d1f22db),linear-gradient(#0000 78%,#121e2370)}.landing h1{font-size:clamp(54px,5.5vw,84px);line-height:1.02}.landing h1 br:nth-of-type(2){display:none}.landing .welcome-copy{font-size:15px;line-height:1.55}.landing .intro{font-size:18px}.landing .enter{margin-top:14px}@media (max-height:760px) and (min-width:701px){.landing .welcome{top:14vh}.landing h1{margin:12px 0 18px;font-size:58px}.landing .instructions{font-size:11px}.landing .welcome-copy{font-size:14px}}@media (max-width:700px){.landing{background:#173440;overflow-y:auto}.landing .hero-film{object-position:25% center;height:42vh;display:block;position:relative}.landing .hero-shade{background:linear-gradient(#0000 65%,#173440);height:42vh;inset:0 0 auto}.landing .welcome{width:auto;max-width:none;margin:-5px 7vw 85px;position:relative;inset:auto;overflow:visible}.landing h1{font-size:58px}.landing footer{position:relative;bottom:25px}.landing header{position:absolute}.landing .nav-note{display:none}}.water-texture{filter:blur(7px);will-change:transform;animation:7s ease-in-out infinite alternate water-swell;inset:-8%}.water-light{opacity:.32;filter:blur(7px);mix-blend-mode:soft-light;will-change:transform;background:repeating-radial-gradient(at 35% 30%,#0000 0 35px,#fff2c1cc 48px,#0000 65px,#0a426373 90px,#0000 120px) 0 0/145% 52%;animation:6s ease-in-out infinite alternate water-reflections;inset:-18%}.water-light:after{content:"";background:repeating-radial-gradient(at 65% 65%,#0000 0 55px,#fff3cab3 65px,#0000 83px) 0 0/120% 40%;animation:8s ease-in-out infinite alternate water-cross-ripples;position:absolute;inset:0}.water-veil{background:#e4efe845}.deep .water-veil{background:#07172973}@keyframes water-swell{0%{transform:translate(-2%,-1.2%)scale(1.04)skew(-1.4deg)}50%{transform:translateY(1%)scale(1.08,1.03)skew(.4deg)}to{transform:translate(2%,-.5%)scale(1.04,1.07)skew(1.4deg)}}@keyframes water-reflections{0%{opacity:.24;transform:translate(-4%,-5%)scaleY(.91)}to{opacity:.44;transform:translate(4%,5%)scaleY(1.12)}}@keyframes water-cross-ripples{0%{transform:translate(3%,-3%)skew(3deg)}to{transform:translate(-3%,3%)skew(-3deg)}}.still .water-texture,.still .water-light,.still .water-light:after{animation-play-state:paused!important}.survey .water-texture{animation:7s ease-in-out infinite alternate water-swell!important}.survey .water-light{animation:6s ease-in-out infinite alternate water-reflections!important}.survey .water-light:after{animation:8s ease-in-out infinite alternate water-cross-ripples!important}.survey.still .water-texture,.survey.still .water-light,.survey.still .water-light:after{animation-play-state:paused!important}.success-dialog{color:#f5ead4;background:#173848;border:1px solid #e1cf9a55;width:calc(100% - 40px);max-width:540px;padding:42px;box-shadow:0 20px 100px #0005}.success-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061b2bb8}.success-dialog p{line-height:1.7}.success-dialog button{border-bottom:1px solid #dbc899;padding:12px 30px;font-size:18px}.report-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:35px 0;display:grid}.research .report-card{text-align:left;background:#fff6;border:1px solid #9fada95c;padding:28px;transition:background .2s}.research .report-card:hover{background:#fff}.research .report-card h2{margin:18px 0;font-size:32px}.report-card p{font-size:13px;line-height:1.8}@media (max-width:700px){.survey nav{gap:12px}.success-dialog{padding:28px}}.research h1 em{color:#68858b}.media-loading{z-index:8;pointer-events:none;color:#f5ead4;place-items:center;display:grid;position:absolute;inset:0}.media-loading:before{content:"";background:#06121d;animation:2.4s ease-in-out infinite alternate loading-breathe;position:absolute;inset:0}.loading-content{text-shadow:0 2px 18px #000;flex-direction:column;align-items:center;gap:16px;font-size:clamp(17px,1.4vw,22px);display:flex;position:relative}.loading-content button{pointer-events:auto}.loading-spinner{border:2px solid #f5ead43b;border-top-color:#f5ead4;border-radius:50%;width:34px;height:34px;animation:1s linear infinite loading-spin;display:block}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-breathe{0%{opacity:.18}to{opacity:.38}}[data-sound-toggle]{place-items:center;min-width:44px;min-height:44px;display:grid}[data-sound-toggle] svg{stroke-linecap:round;stroke-linejoin:round}@media (max-width:700px){.landing .media-loading{height:42vh}.survey header{gap:12px}.survey nav{gap:8px}.survey header .brand{max-width:40vw}.question-section{scroll-margin-top:0}.research .report-list{grid-template-columns:1fr}.research .report-card{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.media-loading:before{opacity:.28}.loading-spinner{animation:1.6s linear infinite loading-spin!important}}.sound-control{align-items:center;gap:8px;display:flex}.sound-hint{opacity:.8;max-width:145px;font-size:12px;line-height:1.4}@media (max-width:600px){.sound-control{gap:4px}.sound-hint{max-width:105px;font-size:11px}}@font-face{font-family:AftertoneCNSerif;src:url(/fonts/aftertone-cn-serif.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:AftertoneCNSans;src:url(/fonts/aftertone-cn-sans.woff2)format("woff2");font-weight:400;font-display:swap}html[lang=zh-CN] body{font-family:AftertoneCNSans,PingFang SC,Microsoft YaHei,sans-serif}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3,html[lang=zh-CN] #moon,html[lang=zh-CN] .guest text,html[lang=zh-CN] .artwork text{letter-spacing:.025em;font-family:AftertoneCNSerif,Songti SC,SimSun,serif;font-style:normal}html[lang=zh-CN] h1 em,html[lang=zh-CN] h2 em{font-style:normal}.research-language{justify-content:flex-end;margin-bottom:20px;display:flex}@media (max-width:600px){.language-control{gap:4px;font-size:11px}header nav{flex-wrap:wrap;justify-content:flex-end}.sound-hint{max-width:105px}}.language-control{font:inherit;white-space:nowrap;pointer-events:auto;align-items:center;gap:9px;display:inline-flex}.language-control .language-label{opacity:.65;margin-right:3px;font-size:.85em}.language-control .language-divider{opacity:.35;font-size:.85em}.language-control button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;box-shadow:none;cursor:pointer;opacity:.6;text-underline-offset:6px;background:0 0;border:0;border-radius:0;width:auto;min-height:36px;padding:7px 0;text-decoration:none;transition:opacity .2s,text-shadow .2s}.language-control button[aria-pressed=true]{opacity:1;text-decoration:underline;text-decoration-thickness:1px}.language-control button:hover{opacity:1;text-shadow:0 0 12px;background:0 0}.language-control button:focus-visible{outline-offset:4px;outline:1px solid}