@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#ece4d6;color:#211d1b;font-family:Gabarito,system-ui,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible+*{outline:3px solid #1c7780;outline-offset:3px}::selection{background:#f4ab44;color:#211d1b}.study-app{min-height:100vh;overflow:hidden;background:#ece4d6}.study-header{min-height:76px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;gap:16px;border-bottom:1px solid #a79582;background:#f5eee1}.study-brand{color:#211d1b;font-family:Bricolage Grotesque,sans-serif;font-size:23px;font-weight:850;letter-spacing:-.035em;text-decoration:none}.study-brand-note{color:#745f50;font-size:11px;font-weight:750;letter-spacing:.11em}.study-language{display:flex;gap:2px;margin-left:auto;padding:3px;border:1px solid #9e8d7c;border-radius:999px}.study-language button,.study-preview-options button{min-height:38px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#5f5046;font-size:13px;font-weight:680}.study-language button[aria-pressed=true],.study-preview-options button[aria-pressed=true]{background:#211d1b;color:#fff7ed}main{width:min(100% - 48px,1350px);margin:0 auto}.study-intro{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:end;gap:40px;padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,72px)}.study-intro h1,.study-section-top h2,.study-vote-intro h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:650;letter-spacing:-.04em}.study-intro h1{max-width:13ch;font-size:clamp(52px,6.8vw,94px);line-height:.93;animation:study-ink-arrive .68s cubic-bezier(.16,1,.3,1) both}.study-intro>div>p{max-width:61ch;margin:26px 0 0;color:#5e4d41;font-size:clamp(16px,1.5vw,19px);line-height:1.5}.study-privacy{margin:0;padding:15px 0 0 19px;border-top:2px solid #d84930;color:#624f43;font-size:14px;line-height:1.35}.study-intro>div>p,.study-privacy{animation:study-copy-arrive .52s .12s cubic-bezier(.16,1,.3,1) both}.study-explorer{padding:34px 0 72px;border-top:1px solid #a79582}.study-section-top{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:26px}.study-section-top h2,.study-vote-intro h2{font-size:clamp(37px,4vw,60px);line-height:.95}.study-section-top p,.study-vote-intro p{max-width:54ch;margin:12px 0 0;color:#66564a;font-size:15px;line-height:1.5}.study-explored{display:flex;align-items:center;gap:10px;min-width:158px;padding:10px 0;color:#55443a;font-size:13px;white-space:nowrap}.study-explored span{width:56px;height:6px;overflow:hidden;border-radius:8px;background:#c5b3a0}.study-explored span:after{display:block;width:100%;height:100%;background:#d84930;content:"";transform:scaleX(var(--explored));transform-origin:left center;transition:transform .48s cubic-bezier(.16,1,.3,1)}.study-direction-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #9f8c78;border-radius:14px 14px 0 0;overflow:hidden;background:#f5eee1}.study-direction-picker button{position:relative;min-height:122px;padding:20px;border:0;border-right:1px solid #b2a08c;background:transparent;color:#241f1c;text-align:left;transition:background .2s ease}.study-direction-picker button:last-child{border-right:0}.study-direction-picker button:hover,.study-direction-picker button.is-active{background:#ded1c1}.study-direction-picker button:after{position:absolute;right:16px;bottom:17px;width:11px;height:11px;border-radius:50%;background:#342c27;content:"";opacity:0;transform:scale(.55);transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}.study-direction-picker button.is-active:after{opacity:1;transform:scale(1)}.study-direction-mark{display:block;width:32px;height:5px;margin-bottom:16px;transform-origin:left center;transition:transform .32s cubic-bezier(.16,1,.3,1)}.study-direction-picker button:hover .study-direction-mark,.study-direction-picker button.is-active .study-direction-mark{transform:scaleX(1.5)}.study-direction-picker strong{display:block;padding-right:28px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;line-height:1}.study-direction-picker small{display:block;max-width:25ch;margin-top:8px;color:#705e50;font-size:12px;line-height:1.25}.study-seen{display:inline-flex;align-items:center;gap:4px;margin-top:9px;color:#765040;font-size:11px;font-weight:730}.study-preview-wrap{border:1px solid #9f8c78;border-top:0;background:#211d1b}.study-preview-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:74px;padding:14px 20px;border-bottom:1px solid #5f534b;color:#fcf3e7}.study-preview-toolbar p{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0;animation:study-label-arrive .34s cubic-bezier(.16,1,.3,1) both}.study-preview-toolbar p b{font-family:Bricolage Grotesque,sans-serif;font-size:18px}.study-preview-toolbar p span{color:#c8b7a6;font-size:13px}.study-preview-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.study-preview-options>div{display:flex;gap:2px;padding:3px;border:1px solid #736457;border-radius:999px}.study-preview-options button{min-height:32px;color:#ded0c2;font-size:12px}.study-preview-options .study-replay,.study-preview-options .study-expand,.study-expanded .study-replay{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #85766a;border-radius:7px;background:transparent;color:#f4eadc;font-size:12px;font-weight:720;transition:background .16s ease,border-color .16s ease}.study-preview-options .study-replay:hover,.study-preview-options .study-expand:hover,.study-expanded .study-replay:hover{border-color:#e1c8b3;background:#473c35}.study-preview-options .study-expand{border-color:var(--direction-accent);color:#fff7ec}.study-preview-frame{display:grid;place-items:center;min-height:480px;padding:clamp(12px,2vw,30px)}.study-preview-frame.is-mobile{padding-block:34px}.study-preview{display:block;width:100%;max-width:1440px;height:auto;box-shadow:0 20px 54px #0009;animation:study-reveal .52s cubic-bezier(.16,1,.3,1) both}.study-preview-frame.is-mobile .study-preview{width:min(100%,390px)}.study-vote{padding:clamp(55px,7vw,100px) 0;border-top:1px solid #a79582}.study-vote-intro{display:grid;grid-template-columns:1fr minmax(240px,420px);align-items:end;gap:48px;padding-bottom:30px}.study-vote form{border-top:2px solid #211d1b}.study-vote fieldset{min-width:0;margin:0;padding:0;border:0}.study-vote legend{width:100%;padding:18px 0 13px;color:#4f3f35;font-size:14px;font-weight:740}.study-favorite>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #a39280;border-radius:10px;overflow:hidden;background:#f5eee1}.study-favorite label{position:relative;display:grid;align-content:center;min-height:82px;padding:17px 14px;border-right:1px solid #ae9c89;cursor:pointer;transition:background .17s ease,box-shadow .17s ease}.study-favorite label:last-child{border-right:0}.study-favorite label:hover{background:#e6d9c8}.study-favorite label.is-picked{z-index:1;background:#d8c9b8;box-shadow:inset 0 0 0 2px #211d1b}.study-favorite label:focus-within,.study-satisfaction label:focus-within{z-index:2;outline:3px solid #1c7780;outline-offset:-3px}.study-favorite input,.study-satisfaction input{position:absolute;opacity:0;pointer-events:none}.study-option-swatch{display:block;width:22px;height:5px;margin-bottom:13px}.study-favorite b{font-family:Bricolage Grotesque,sans-serif;font-size:16px}.study-favorite-check{position:absolute;top:14px;right:14px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#211d1b;color:#fff7ed;animation:study-choice-confirm .32s cubic-bezier(.16,1,.3,1) both}.study-vote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(25px,5vw,78px);margin-top:26px}.study-ranking legend small{display:block;margin-top:6px;color:#746253;font-size:12px;font-weight:500;line-height:1.35}.study-ranking ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.study-ranking li{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:56px;padding-left:8px;border-bottom:1px solid #ae9b88;background:#f5eee1;transition:background .16s ease,box-shadow .16s ease}.study-ranking li.is-first{padding-inline:8px;border-radius:5px;background:#e0d4c4}.study-ranking li.is-dragging{z-index:5;border-radius:7px;background:#fffaf1;box-shadow:0 16px 34px #2d211c30}.study-ranking li.is-drop-target:not(.is-dragging){background:#eee2d1}.study-ranking li>span{color:#a2422d;font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:700}.study-ranking li b{font-size:15px}.study-ranking .study-drag-handle{display:grid;width:48px;height:48px;place-items:center;margin-right:3px;border:1px solid transparent;border-radius:7px;background:transparent;color:#745d4d;cursor:grab;touch-action:none}.study-ranking .study-drag-handle:hover,.study-ranking .study-drag-handle:focus-visible{border-color:#a78b76;background:#e7d9c8;color:#211d1b}.study-ranking .study-drag-handle:active,.study-ranking li.is-dragging .study-drag-handle{cursor:grabbing;color:#b73825}.study-satisfaction>div{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #a39280;border-radius:10px;overflow:hidden;background:#f5eee1}.study-satisfaction label{display:grid;min-height:114px;place-items:center;align-content:center;gap:8px;padding:10px 6px;border-right:1px solid #ae9c89;cursor:pointer;text-align:center;transition:background .17s ease,color .17s ease}.study-satisfaction label:last-child{border-right:0}.study-satisfaction label:hover,.study-satisfaction label.is-picked{background:#1d737a;color:#fff8ec}.study-satisfaction label b{font-family:Fraunces,Georgia,serif;font-size:26px;line-height:1}.study-satisfaction label.is-picked b{animation:study-choice-confirm .32s cubic-bezier(.16,1,.3,1) both}.study-satisfaction label span{max-width:11ch;font-size:11px;line-height:1.1}.study-comment{display:block;margin-top:30px}.study-comment>span{display:block;margin-bottom:10px;color:#4f3f35;font-size:14px;font-weight:740}.study-comment i{color:#856f5f;font-style:normal;font-weight:500}.study-comment textarea{display:block;width:100%;min-height:120px;resize:vertical;padding:16px;border:1px solid #9d8977;border-radius:8px;background:#f8f2e7;color:#211d1b;line-height:1.45}.study-comment textarea::placeholder{color:#806f61}.study-comment textarea:focus{outline:3px solid #1c7780;outline-offset:2px}.study-submit{display:flex;align-items:center;gap:20px;margin-top:22px}.study-submit>button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:0 18px 0 24px;border:0;border-radius:8px;background:#b73825;color:#fff7ed;font-weight:780;box-shadow:0 9px 18px #6a322629;transition:background .16s ease,transform .16s ease}.study-submit>button:hover:not(:disabled){background:#b83725;transform:translateY(-1px)}.study-submit>button svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.study-submit>button:hover:not(:disabled) svg{transform:translate(4px)}.study-submit>button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.study-submit p{max-width:52ch;margin:0;color:#5f5046;font-size:13px;line-height:1.35}.study-submit p b{color:#1c6469}.study-result{display:flex;align-items:center;gap:17px;max-width:680px;margin-top:24px;padding:20px 24px;border:1px solid #7d9b84;border-radius:10px;background:#e2ecdf;color:#203a2c;animation:study-result-enter .42s cubic-bezier(.16,1,.3,1) both}.study-result-mark{display:grid;flex:none;width:46px;height:46px;place-items:center;border-radius:50%;background:#2d6d48;color:#f5f4e8}.study-result-mark svg{animation:study-choice-confirm .36s .12s cubic-bezier(.16,1,.3,1) both}.study-result b{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:20px}.study-result p{margin:5px 0 0;color:#315543;font-size:14px;line-height:1.4}.study-expanded{position:fixed;inset:0;display:none;flex-direction:column;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#211d1b;color:#fff4e5}.study-expanded[open]{display:flex;animation:study-dialog-arrive .38s cubic-bezier(.16,1,.3,1) both}.study-expanded::backdrop{background:#130e0c}.study-expanded[open]::backdrop{animation:study-backdrop-arrive .28s ease-out both}.study-expanded-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px clamp(16px,3vw,44px);border-bottom:1px solid #625247}.study-expanded-identity{display:flex;align-items:baseline;gap:16px}.study-expanded-identity>span{color:#cdbbad;font-size:12px;font-weight:700}.study-expanded-identity b{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(20px,2vw,27px)}.study-expanded-close{display:grid;flex:none;width:44px;height:44px;place-items:center;border:1px solid #77675c;border-radius:50%;background:transparent;color:#fff4e5}.study-expanded-close:hover{background:#493e37}.study-expanded-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px clamp(16px,3vw,44px)}.study-expanded-switches,.study-expanded-language,.study-expanded-switches>div{display:flex;align-items:center;gap:3px}.study-expanded-switches{flex-wrap:wrap;gap:7px}.study-expanded-switches>div,.study-expanded-language{padding:3px;border:1px solid #75675c;border-radius:999px}.study-expanded-switches button:not(.study-replay),.study-expanded-language button{min-height:32px;padding:5px 12px;border:0;border-radius:999px;background:transparent;color:#eee0d2;font-size:12px;font-weight:700}.study-expanded-switches button[aria-pressed=true],.study-expanded-language button[aria-pressed=true]{background:#f5eee1;color:#211d1b}.study-expanded-stage{display:flex;flex:1;min-height:0;justify-content:center;overflow:auto;padding:12px clamp(10px,2vw,28px);background:#171413}.study-expanded-stage.is-desktop{align-items:center}.study-expanded-stage.is-mobile{align-items:flex-start}.study-expanded-stage img{display:block;width:min(100%,1600px);max-height:100%;object-fit:contain;box-shadow:0 18px 50px #0009;animation:study-reveal .34s cubic-bezier(.16,1,.3,1) both}.study-expanded-stage.is-mobile img{width:min(100%,390px);max-height:none}.study-expanded-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:10px clamp(16px,3vw,44px);border-top:1px solid #625247}.study-expanded-footer>button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:7px 12px;border:1px solid #77675c;border-radius:7px;background:transparent;color:#f5ecdf;font-size:13px;font-weight:700}.study-expanded-footer>button:hover{background:#473c35}.study-expanded-footer .study-expanded-choose{margin-left:auto;border-color:var(--direction-accent);background:#f2e5d4;color:#211d1b}.study-expanded-footer .study-expanded-choose:hover{background:#fff7ec}.study-expanded-position{color:#c7b5a6;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes study-ink-arrive{0%{opacity:.72;clip-path:inset(0 0 23% 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes study-copy-arrive{0%{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes study-label-arrive{0%{opacity:.6;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes study-reveal{0%{opacity:.68;clip-path:inset(0 8% 0 0);filter:blur(3px)}to{opacity:1;clip-path:inset(0);filter:blur(0)}}@keyframes study-choice-confirm{0%{opacity:.5;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes study-dialog-arrive{0%{opacity:.7;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes study-backdrop-arrive{0%{opacity:0}to{opacity:1}}@keyframes study-result-enter{0%{opacity:.6;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.study-footer{display:flex;justify-content:space-between;align-items:baseline;gap:30px;width:min(100% - 48px,1350px);margin:0 auto;padding:23px 0 34px;border-top:1px solid #a79582;color:#705e50;font-size:13px;line-height:1.4}.study-footer p{max-width:67ch;margin:0}.study-footer a{color:#942f21;font-weight:700;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}@media(max-width:800px){.study-intro,.study-vote-intro{grid-template-columns:1fr;gap:23px}.study-privacy{max-width:36ch}.study-direction-picker{grid-template-columns:repeat(2,1fr)}.study-direction-picker button:nth-child(2){border-right:0}.study-direction-picker button:nth-child(-n+2){border-bottom:1px solid #b2a08c}.study-favorite>div{grid-template-columns:repeat(2,1fr)}.study-favorite label:nth-child(2){border-right:0}.study-favorite label:nth-child(-n+2){border-bottom:1px solid #ae9c89}.study-vote-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:580px){main,.study-footer{width:calc(100% - 32px)}.study-header{min-height:70px;flex-wrap:wrap;gap:3px 12px;padding-block:10px}.study-brand{font-size:20px}.study-brand-note{font-size:9px}.study-language{margin-left:auto}.study-language button{min-height:34px;padding:0 9px;font-size:11px}.study-intro{padding-top:48px}.study-intro h1{font-size:clamp(48px,14vw,68px)}.study-intro>div>p{margin-top:20px;font-size:16px}.study-section-top{display:block}.study-explored{margin-top:17px}.study-direction-picker button{min-height:110px;padding:15px}.study-direction-picker small{font-size:11px}.study-preview-toolbar{display:block;min-height:0;padding:15px}.study-preview-options{justify-content:flex-start;margin-top:13px}.study-preview-options button{padding:0 9px;font-size:11px}.study-preview-frame{min-height:265px;padding:8px}.study-preview-frame.is-mobile{padding-block:21px}.study-vote{padding-bottom:68px}.study-vote-intro h2{font-size:46px}.study-satisfaction label{min-height:92px}.study-satisfaction label span{font-size:9px}.study-satisfaction label b{font-size:22px}.study-submit{display:block}.study-submit>button{width:100%}.study-submit p{margin-top:12px}.study-footer{display:block}.study-footer a{display:inline-block;margin-top:16px}.study-expanded-identity{display:block}.study-expanded-identity>span{display:block;margin-bottom:2px}.study-expanded-bar{min-height:60px}.study-expanded-controls{flex-wrap:wrap;padding-block:8px}.study-expanded-switches{gap:5px}.study-expanded-switches button:not(.study-replay),.study-expanded-language button{padding-inline:8px}.study-expanded-switches .study-replay{min-height:34px;padding:5px 8px}.study-expanded-footer{flex-wrap:wrap;gap:6px;padding-block:8px}.study-expanded-footer>button{padding-inline:8px}.study-expanded-footer>button span{display:none}.study-expanded-footer .study-expanded-choose{flex:1;justify-content:center;min-width:150px;order:1}.study-expanded-position{order:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.study-submit>button:hover:not(:disabled),.study-submit>button:hover:not(:disabled) svg{transform:none}}