@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(../media/559f546cfccbab84-s.p.33-w7pmbsrt9w.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d4ff7b33f00ae8ec-s.2ua4gu3_tud6w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7c21a7f96a7db4c0-s.2nrj611840f7_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-weight:600;font-display:swap;src:url(../media/3cb1655e5403e45b-s.p.0_qygrku3sbtb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr Fallback;src:local(Arial);ascent-override:100.52%;descent-override:36.71%;line-gap-override:0.0%;size-adjust:114.4%}.FL-YYq_className{font-family:Mitr,Mitr Fallback;font-style:normal;font-weight:600}.FL-YYq_variable{--font-display:"Mitr", "Mitr Fallback"}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b4b14f44d63d21f2-s.09q3flbxo0w4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/81b01dcd824434dd-s.p.3u0t_c_yzgtgw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f34bcfed31234774-s.3fcxnszjbtksy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/098adb8bb3c21377-s.p.09e83-4vqkr8v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3b79255d0fc0c0d8-s.2taqxaqrv3ssw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7a3b98edb52b34e8-s.p.3_xwflgq9fbqb.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6464db7ff35a62d3-s.1x31jf7v-_3a0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a86bc8e8711b62bb-s.p.2t1pwrt0o-zp3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/caa157f60f748efa-s.20mrlfyovr0p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7c31128e26fc9cb0-s.p.2wx1mw4dt7_s5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1c119465040ff5bb-s.10770ssbdafq9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b317410534a54bf-s.p.0xwse1x-bzy3s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}._DJmBa_className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}._DJmBa_variable{--font-body:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/134ac877b8cb9fad-s.p.3tph9x_0y5pd3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/791b4b7ca04914a9-s.002kjx62pj6a3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8afb07ac8bcbbcf5-s.40uuyvzjapuzo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/038dd39d17477351-s.p.2bve6knowi8om.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sriracha Fallback;src:local(Arial);ascent-override:121.4%;descent-override:54.73%;line-gap-override:0.0%;size-adjust:100.49%}.wjCNBG_className{font-family:Sriracha,Sriracha Fallback;font-style:normal;font-weight:400}.wjCNBG_variable{--font-editorial:"Sriracha", "Sriracha Fallback"}
:root{--canvas:#fffdf5;--ink:#24324b;--muted:#626879;--cherry:#d93360;--blue:#2860d8;--blush:#ffe2ec;--line:#e9e0da;--scroll-thumb:#cf8b9e;--scroll-track:#fff3f6;--scroll-hover:#b94768;--scroll-active:#a42e50;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body),"Noto Sans Thai",system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}::selection{background:var(--blush);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}h1,h2{font-family:var(--font-display),sans-serif;font-weight:600}h3{font-weight:600}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}img{max-width:100%;height:auto;display:block}a,button,select,input{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:active:not(:disabled),.button:active{transform:translateY(1px)}.wrap{width:min(1240px,100% - 64px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:100;border-radius:12px;padding:12px 20px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:var(--canvas);z-index:10;position:relative}.header-inner{align-items:center;gap:40px;height:88px;display:flex}.brand{color:var(--cherry);font-family:Arial Rounded MT Bold,var(--font-display),sans-serif;letter-spacing:-3px;align-items:center;font-size:58px;font-weight:900;line-height:1;display:inline-flex}.brand svg{width:27px;height:27px;color:var(--blue);stroke-width:3px;margin:0 12px 0 3px;transform:rotate(12deg)}.brand-th{font-family:var(--font-body),sans-serif;letter-spacing:0;color:var(--ink);margin-top:13px;font-size:14px;font-weight:600}.header-inner nav{gap:30px;margin-left:auto;font-size:15px;font-weight:500;display:flex}.header-inner nav a:hover{color:var(--cherry)}.header-actions{align-items:center;gap:22px;display:flex}.language-control select{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:999px;max-width:95px;min-height:42px;padding:7px 12px;font-size:14px}.button{text-align:center;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:13px 25px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s,border-color .18s;display:inline-flex}.button-primary{background:var(--cherry);color:#fff}.button-primary:hover:not(:disabled){background:#bc244d}.button-outline{border-color:var(--cherry);color:var(--cherry);background:0 0}.button-outline:hover:not(:disabled){background:var(--blush)}.button-quiet{border-color:var(--line);background:0 0}.button-quiet:hover{background:#f7f1ea}.header-start{min-height:44px;padding:9px 23px;font-size:14px}.hero{grid-template-columns:43% 57%;align-items:center;gap:0;min-height:610px;padding:30px 0 38px;display:grid}.hero-copy{padding:15px 26px 20px 0}.hero-copy h1{letter-spacing:0;white-space:nowrap;font-size:clamp(42px,6vw,84px);line-height:1.35}.hero-copy h1 span{color:var(--cherry)}.hero-copy>p{white-space:pre-line;margin:24px 0 28px;font-size:20px;font-weight:500;line-height:1.8}.hero-button{min-width:240px;padding:16px 31px;font-size:20px}.hero-meta{color:var(--muted);margin-top:22px;font-size:14px}.hero-art{height:530px;position:relative}.hero-art>img{object-fit:cover;object-position:62% center;border-radius:42% 5% 6%/6% 6% 5% 5%;width:100%;height:100%}.art-label{background:var(--canvas);border-radius:6px;align-items:center;gap:15px;padding:13px 19px;font-size:16px;font-weight:600;display:flex;position:absolute;bottom:45px;right:-13px;transform:rotate(-5deg);box-shadow:0 5px 20px #24324b12}.art-label svg{color:var(--blue)}.color-ribbon{background:#ffeaf0;justify-content:center;align-items:center;gap:28px;min-height:78px;padding:15px 22px;display:flex}.color-ribbon p{font-size:20px;font-weight:500}.color-ribbon>span{background:#e77998;width:100px;height:1px}.gallery{padding-block:66px 76px;scroll-margin-top:24px}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{font-size:34px}.section-heading p{color:var(--muted);margin-top:8px}.quiz-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.quiz-card{border:1px solid var(--line);background:var(--canvas);border-radius:23px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.quiz-card:hover{border-color:#df8ca4;transform:translateY(-5px)}.quiz-card-art{aspect-ratio:3/2;border-radius:22px;overflow:hidden}.quiz-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.quiz-card:hover img{transform:scale(1.035)}.quiz-card-copy{flex-direction:column;flex:1;padding:21px 24px 19px;display:flex}.quiz-category{color:var(--cherry);font-size:14px;font-weight:600}.quiz-card h3{margin:8px 0 9px;font-size:23px;line-height:1.5}.quiz-card-copy>p{color:var(--muted);font-size:15px}.quiz-card-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:23px;font-size:13px;display:flex}.quiz-card-bottom>span:first-child{border-top:1px solid var(--line);flex:1;padding-top:12px}.circle-arrow{background:var(--cherry);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.share-band{background:#ffeaf0;overflow:hidden}.share-inner{grid-template-columns:48% 52%;align-items:center;gap:20px;padding-block:54px 52px;display:grid}.share-copy{padding-left:22px}.share-copy h2{font-size:42px;line-height:1.5}.share-copy h2 span{color:var(--cherry)}.share-copy>p{white-space:pre-line;color:var(--muted);margin:18px 0 25px;font-size:18px}.share-steps{gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.share-steps li{flex:1;align-items:center;gap:9px;font-size:13px;display:flex}.share-steps b{background:#f9c5d6;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.share-steps li+li:before{content:"→";color:#a87686;margin-right:3px;font-size:20px}.sample-cards{justify-content:center;align-items:center;height:405px;padding-right:30px;display:flex;position:relative}.sample-cards>.story-card{border:5px solid #fff9f8;flex-shrink:0;width:216px;transform:rotate(-7deg);box-shadow:0 12px 25px #862f4b16}.sample-cards>.story-card+.story-card{z-index:1;margin-left:-24px;transform:rotate(6deg)}.story-card{aspect-ratio:9/16;border:1px solid #24324b12;border-radius:17px;flex-direction:column;width:360px;max-width:100%;height:auto;padding:4.4%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.story-brand{letter-spacing:.12em;justify-content:space-between;align-items:center;padding-bottom:4%;font-size:4.5cqw;font-weight:600;line-height:1.2;display:flex}.story-art{border-radius:9px;flex-shrink:0;height:49%;overflow:hidden}.story-art img{object-fit:cover;width:100%;height:100%}.story-copy{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-top:3%;display:flex}.story-roman{letter-spacing:.16em;font-size:2.6cqw;font-weight:600}.story-copy h2{margin:1% 0;font-size:7.7cqw;line-height:1.5}.story-trait{color:var(--ink);font-size:3.8cqw;line-height:1.5}.story-tags{border-top:1px solid #24324b18;justify-content:center;gap:2cqw;width:100%;margin-top:4%;padding-top:3.5%;display:flex}.story-tags span{font-size:3cqw;line-height:1.5}.story-tags span+span{border-left:1px solid #24324b30;padding-left:2cqw}.story-quote{max-width:95%;color:var(--ink);margin-top:5%;font-size:3.6cqw;line-height:1.6}.story-foot{border-top:1px solid #24324b15;justify-content:space-between;align-items:center;gap:5px;padding-top:3.5%;font-size:2.5cqw;line-height:1.4;display:flex}.about-section{text-align:center;max-width:660px;padding-block:60px;scroll-margin-top:30px}.about-section>svg{color:var(--blue);margin:0 auto 13px}.about-section h2{margin-bottom:14px;font-size:25px}.about-section p{color:var(--muted);font-size:16px}.site-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:25px;padding-block:25px 32px;font-size:12px;display:flex}.footer-brand{font-family:var(--font-display),sans-serif;color:var(--ink);font-size:34px;font-weight:600;line-height:1}.footer-brand span{color:var(--cherry)}.site-footer>div{text-align:right;margin-left:auto;font-size:11px}.text-link{color:var(--cherry);background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:500;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.quiz-player{max-width:760px;min-height:75vh;padding-block:34px 64px}.quiz-topline{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.quiz-progress{background:#f5dfe5;border-radius:10px;height:5px;margin:17px 0 34px;overflow:hidden}.quiz-progress span{background:var(--cherry);border-radius:inherit;height:100%;transition:width .3s;display:block}.question-heading{text-align:center;margin-bottom:28px}.question-heading h1{outline:none;margin:10px 0;font-size:30px}.question-heading>p:last-child{color:var(--muted);font-size:15px}fieldset{border:0;min-width:0;margin:0;padding:0}.image-answers{grid-template-columns:1fr 1fr;gap:18px;display:grid}.answer-option{cursor:pointer;background:var(--canvas);border:2px solid var(--line);border-radius:17px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.answer-option:hover{background:#fff6f7;border-color:#de91a7}.answer-option.selected{border-color:var(--cherry);background:#fff2f6}.answer-option input{opacity:0;width:1px;height:1px;position:absolute}.answer-option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:4px}.image-answers .answer-option{flex-direction:column}.image-answers .answer-option img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.answer-label{text-align:center;padding:14px 17px;font-size:16px;font-weight:500}.answer-check{background:var(--canvas);border:1px solid #24324b38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.image-answers .answer-check{position:absolute;top:12px;right:12px}.answer-option.selected .answer-check{background:var(--cherry);color:#fff;border-color:var(--cherry)}.text-answers{gap:13px;max-width:650px;margin-inline:auto;display:grid}.text-answers .answer-option{align-items:center;gap:14px;min-height:83px;padding:14px 20px}.text-answers .answer-label{text-align:left;flex:1;padding:0}.answer-letter{width:36px;height:36px;color:var(--cherry);background:#f9e8ed;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.answer-hint{text-align:center;color:var(--muted);margin:20px 0 15px;font-size:12px}.question-actions{gap:14px;max-width:650px;margin:auto;display:flex}.next-button{flex:1}.question-actions .button{min-height:54px}.loading-page{min-height:70vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.loading-flower{color:var(--cherry);font-size:42px;animation:3s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.result-page{max-width:1040px;padding-top:38px;padding-bottom:60px}.result-title{text-align:center;margin-bottom:34px}.result-title h1{margin-top:8px;font-size:32px}.result-layout{grid-template-columns:390px 1fr;align-items:center;gap:65px;display:grid}.result-visual{flex-direction:column;align-items:center;display:flex}.result-visual>.story-card{padding:16px;box-shadow:0 8px 30px #24324b0a}.download-hint{color:var(--muted);margin-top:13px;font-size:12px}.result-color-dot{border-radius:50%;width:17px;height:17px;margin-bottom:12px;display:block}.result-details h2{font-size:36px}.result-trait{margin:8px 0 22px;font-size:20px}.result-summary{color:var(--muted);font-size:16px;line-height:1.9}.result-tip{background:#f5f0e9;border-radius:17px;gap:13px;margin:25px 0;padding:20px;display:flex}.result-tip>svg{color:var(--cherry);flex-shrink:0;margin-top:3px}.result-tip h3{margin-bottom:6px;font-size:15px}.result-tip p{color:var(--muted);font-size:14px}.result-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-actions .button{white-space:nowrap;padding:12px 14px;font-size:14px}.result-secondary{justify-content:center;gap:30px;margin-top:15px;display:flex}.action-status{text-align:center;min-height:48px;color:var(--cherry);padding-top:9px;font-size:13px}.result-note{color:var(--muted);text-align:center;font-size:11px}.manual-share{margin:0 0 16px;font-size:13px;display:block}.manual-share input{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:6px;padding:10px;display:block}.friend-invite{background:#ffeaf0;border-radius:16px;justify-content:center;align-items:center;gap:25px;margin:48px 0;padding:22px;font-size:16px;display:flex}.more-quizzes h2{margin-bottom:23px;font-size:23px}.more-quizzes>div{grid-template-columns:1fr 1fr;gap:22px;display:grid}.more-quiz{border:1px solid var(--line);border-radius:17px;align-items:center;gap:16px;padding:12px;display:flex}.more-quiz:hover{border-color:var(--cherry)}.more-quiz>img{object-fit:cover;border-radius:11px;width:90px;height:90px}.more-quiz>span{flex:1}.more-quiz small{color:var(--cherry);font-size:12px}.more-quiz strong{font-size:16px;font-weight:500;line-height:1.5;display:block}.more-quiz>svg{color:var(--cherry);flex-shrink:0}.export-stage{pointer-events:none;width:360px;position:fixed;top:0;left:-10000px}.export-stage .story-card{width:360px;max-width:none;height:640px;box-shadow:none;padding:16px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:70vh;padding-block:60px;display:flex}.not-found svg{color:var(--cherry)}.not-found>span{color:var(--muted)}.not-found h1{font-size:34px}.not-found p{max-width:450px}@media (min-width:1500px){.hero{min-height:655px}.hero-art{height:565px}}@media (max-width:1050px){.header-inner{gap:25px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:17px}.hero{min-height:530px}.hero-art{height:450px}.quiz-card-copy{padding:18px}.quiz-card h3{font-size:21px}.share-copy h2{font-size:34px}.share-inner{grid-template-columns:45% 55%;gap:10px}.sample-cards>.story-card{width:180px}.sample-cards{height:345px;padding-right:0}.share-steps{gap:8px}.share-steps li+li:before{display:none}.result-layout{grid-template-columns:360px 1fr;gap:32px}}@media (max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{gap:16px;height:74px}.brand{font-size:44px}.brand svg{width:22px;height:22px;margin-right:0}.brand-th,.header-inner nav{display:none}.header-actions{gap:10px;margin-left:auto}.header-start{min-height:40px;padding:8px 15px;font-size:13px}.header-start svg{width:15px}.language-control select{max-width:83px;min-height:40px;padding:5px 8px;font-size:13px}.hero{flex-direction:column;gap:27px;min-height:0;padding-top:31px;padding-bottom:30px;display:flex}.hero-copy{text-align:center;width:100%;padding:0}.hero-copy h1{font-size:clamp(35px,7.4vw,53px);line-height:1.45}.hero-copy>p{margin:17px 0 21px;font-size:16px;line-height:1.7}.hero-button{min-width:210px;min-height:52px;padding:13px 25px;font-size:17px}.hero-meta{margin-top:13px;font-size:12px}.hero-art{aspect-ratio:1.24;width:100%;height:auto}.hero-art>img{object-position:62% center}.art-label{padding:9px 13px;font-size:12px;bottom:22px;right:-7px}.art-label svg{width:15px}.color-ribbon{gap:14px;min-height:67px}.color-ribbon p{text-align:center;font-size:14px}.color-ribbon>span{width:25px}.gallery{padding-block:43px 46px}.section-heading h2{font-size:25px}.section-heading p{max-width:290px;margin:8px auto 0;font-size:14px}.quiz-gallery{grid-template-columns:1fr;gap:25px}.quiz-card-copy{padding:18px 21px}.quiz-card h3{font-size:23px}.quiz-card-art{aspect-ratio:1.65}.quiz-card-bottom{padding-top:18px}.quiz-card-copy>p{font-size:15px}.share-inner{flex-direction:column;gap:20px;padding-block:30px 42px;display:flex}.sample-cards{order:1;width:100%;height:340px}.sample-cards>.story-card{width:180px}.share-copy{text-align:center;order:2;padding:0}.share-copy h2{font-size:33px}.share-copy>p{margin:15px 0 22px;font-size:15px}.share-steps{text-align:left;gap:11px;max-width:390px;margin:0 auto 24px}.share-steps li{text-align:center;flex-direction:column;gap:8px;font-size:12px}.share-steps b{width:29px;height:29px}.about-section{padding-block:40px}.about-section h2{font-size:23px}.about-section p{font-size:14px}.site-footer{text-align:center;flex-direction:column;gap:12px;padding-block:25px}.site-footer>div{text-align:center;margin:0;font-size:10px}.quiz-player{padding-block:23px 40px}.quiz-topline,.quiz-topline .text-link{font-size:13px}.quiz-progress{margin:15px 0 24px}.question-heading{margin-bottom:24px}.question-heading h1{font-size:24px}.question-heading>p:last-child{font-size:14px}.image-answers{gap:12px}.answer-label{padding:12px 10px;font-size:14px;line-height:1.6}.image-answers .answer-option img{aspect-ratio:1}.answer-check{width:24px;height:24px}.image-answers .answer-check{top:8px;right:8px}.text-answers .answer-option{gap:12px;min-height:80px;padding:14px}.text-answers .answer-label{font-size:15px}.answer-letter{width:30px;height:30px;font-size:13px}.question-actions{gap:10px}.question-actions .button{padding:12px 18px;font-size:14px}.answer-hint{font-size:11px}.result-page{padding-top:26px}.result-title{margin-bottom:25px}.result-title h1{font-size:27px}.result-layout{flex-direction:column;gap:30px;display:flex}.result-visual{width:100%;max-width:360px}.result-details{width:100%;max-width:470px}.result-details h2{font-size:30px}.result-color-dot{display:none}.result-trait{margin:8px 0 14px;font-size:18px}.result-summary{font-size:15px}.result-tip{margin-block:20px;padding:17px}.result-actions{gap:10px}.result-actions .button{padding:12px 10px;font-size:13px}.result-actions svg{width:17px}.result-secondary{gap:25px}.result-secondary .text-link{font-size:13px}.friend-invite{flex-direction:column;gap:4px;margin:27px 0 35px;padding:17px;font-size:14px}.more-quizzes h2{font-size:23px}.more-quizzes>div{grid-template-columns:1fr;gap:14px}.more-quiz strong{font-size:15px}.more-quiz>img{width:75px;height:75px}.not-found h1{font-size:27px}}@media (max-width:370px){.wrap{width:calc(100% - 30px)}.brand{font-size:40px}.brand svg{width:19px}.header-start{padding:8px 12px}.header-actions{gap:7px}.hero-copy h1{font-size:34px}.sample-cards>.story-card{width:160px}.sample-cards{height:305px}.share-copy h2{font-size:29px}.result-actions{grid-template-columns:1fr}.result-actions .button{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.quiz-card:hover,.quiz-card:hover img{transform:none}}@media (forced-colors:active){*{scrollbar-color:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:highlight}.answer-option.selected{outline:2px solid highlight}.button{border:1px solid buttontext}}.story-sample .story-art{height:64%}.story-sample .story-copy h2{font-size:10cqw}.story-sample .story-trait{font-size:4.7cqw}.story-sample .story-tags,.story-sample .story-quote,.story-sample .story-foot{display:none}.story-sample .story-roman{font-size:3cqw}
:root{--red-field:#a30e15;--red-deep:#80090f;--cream:#fff3dc;--gold:#ffdc96;--navy:#1f2d40;--scroll-thumb:#e8a857;--scroll-track:#790a10;--scroll-hover:#ffda91;--scroll-active:#fff1c9}body{background:var(--red-field);color:var(--cream)}::selection{background:var(--gold);color:var(--red-deep)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#ffe3a2}.header-inner{height:80px}.brand,.brand-th,.header-inner nav a{color:var(--cream)}.brand svg,.header-inner nav a:hover{color:var(--gold)}.language-control select{color:var(--cream);background:0 0;border-color:#f8d89a90}.language-control option{color:#24324b;background:#fff9ec}.button-primary{background:var(--cream);color:#8e0c15}.button-primary:hover:not(:disabled){background:var(--gold);color:#6e080e}.button-outline{border-color:var(--cream);color:var(--cream)}.button-outline:hover:not(:disabled){background:var(--cream);color:#8e0c15}.button-quiet{color:var(--cream);border-color:#ffe4b2}.button-quiet:hover{background:#780a12}.hero{background:#a1080e;align-items:center;min-height:620px;padding:0;display:flex;position:relative;overflow:hidden}.hero-art{width:100%;height:100%;position:absolute;inset:0}.hero-art>img{object-fit:cover;object-position:center;border-radius:0}.image-sticker{color:#8d171c;background:#fff4dc;border:1px solid #d6985b;border-radius:12px;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:9px 14px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex;box-shadow:0 4px 12px #42140d30}.image-sticker>svg{stroke-width:2px;flex:none;width:17px;height:17px}.image-sticker>span{overflow-wrap:anywhere;min-width:0}.hero-sticker{position:absolute;bottom:8%;right:7%;transform:rotate(-3deg)}.hero-inner{z-index:1;pointer-events:none;position:relative}.hero-copy{pointer-events:auto;width:48%;padding:58px 0 68px}.hero-copy h1{color:var(--cream);font-family:var(--font-editorial), serif;white-space:normal;font-size:clamp(54px,6vw,86px);line-height:1.4}.hero-copy h1 span{color:var(--cream)}.hero-copy>p{color:#ffedcf;margin:22px 0 28px;font-size:20px}.color-ribbon{color:#8a1018;background:#f6d296}.color-ribbon>span{background:#a30e15}.section-heading h2,.share-copy h2,.about-section h2{font-family:var(--font-editorial), serif}.quiz-card{color:var(--ink);background:#fff8e9;border:2px solid #edbd78;border-radius:16px}.quiz-card:hover{border-color:#fff0c8}.quiz-card-art{border-radius:13px 13px 0 0;position:relative}.quiz-card-sticker{padding:7px 11px;font-size:13px;position:absolute;top:14px;left:14px}.share-band{color:var(--cream);background:#202e42}.share-copy>p{color:#ffead1}.share-steps b{color:#84202a;background:#ffe0a3}.sample-cards>.story-card{border-color:#ffefd5}.story-art{position:relative}.story-art-sticker{border-radius:2cqw;gap:1.5cqw;max-width:82%;padding:1.9cqw 2.7cqw;font-size:3.2cqw;position:absolute;bottom:4%;left:4%;box-shadow:0 2px 7px #42140d30}.story-art-sticker>svg{width:3.7cqw;height:3.7cqw}.about-section>svg{color:var(--gold)}.site-footer{color:#ffe5c2;border-color:#f8d89a80}.footer-brand{color:var(--cream)}.footer-brand span{color:var(--gold)}.text-link{color:var(--cream)}.quiz-progress{background:#f4d3ac80}.question-heading .quiz-category{color:#ffe0a2!important}.question-heading>p:last-child,.answer-hint,.loading-page{color:#ffe9cd}.loading-flower{color:#ffdf98}.answer-option{color:#233044;background:#fff8e9;border-color:#f3d29d}.answer-option:hover{background:#fff2d3;border-color:#e9a93e}.answer-option.selected{background:#ffedc8;border-color:#6b2f1d}.answer-option:has(input:focus-visible){outline-color:#ffe3a2}.answer-check{background:#fff8e9}.answer-option.selected .answer-check{background:#a61622;border-color:#a61622}.answer-letter{color:#8f1720;background:#f7e4cf}.result-title .quiz-category{color:#ffe0a2}.result-details h2{color:#ffe0a2!important}.result-summary,.download-hint,.result-note{color:#ffebd0}.result-tip{color:#24324b;background:#fff2d7}.result-tip p{color:#545d6c}.result-tip>svg{color:#aa1d28}.action-status{color:#fff3dc}.manual-share input{color:#24324b;background:#fff8e9}.friend-invite{color:#24324b;background:#f7dfb8}.friend-invite .text-link{color:#a2121c}.more-quizzes{margin-top:52px}.more-quiz{color:#24324b;background:#fff8e9;border-color:#edbd78}.more-quiz:hover{border-color:#fff8e9}.more-quiz small,.more-quiz>svg{color:#a2121c}.not-found svg{color:#ffe0a2}.not-found>span{color:#ffe9cd}@media (min-width:1500px){.hero{min-height:650px}.hero-art{height:100%}}@media (max-width:1050px) and (min-width:761px){.hero{min-height:500px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:17px}}@media (max-width:760px){.header-inner{height:74px}.hero{flex-direction:column;gap:0;min-height:0;padding:0;display:flex}.hero-inner{order:0}.hero-copy{text-align:center;width:100%;padding:35px 0 25px}.hero-copy h1{font-size:clamp(36px,8vw,52px);line-height:1.45}.hero-copy>p{margin:15px 0 20px;font-size:16px}.hero-art{aspect-ratio:1.45;order:1;width:100%;height:auto;position:relative}.hero-art>img{object-position:73% center}.hero-sticker{padding:7px 11px;font-size:12px;bottom:16px;right:16px}.gallery{padding-block:43px 48px}}@media (max-width:370px){.hero-copy h1{font-size:34px}}@media (forced-colors:active){a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:highlight}}.image-sticker{isolation:isolate;box-shadow:none;color:#98131e;text-align:center;background:0 0;border:0;border-radius:0;place-items:center;max-width:230px;padding:22px 26px;font-size:17px;font-weight:700;line-height:1.45;display:inline-grid}.image-sticker>.sticker-cloud{z-index:-1;filter:drop-shadow(2px 4px #3a111338);width:100%;height:100%;position:absolute;inset:0}.image-sticker>.sticker-label{overflow-wrap:anywhere}.image-sticker>.sticker-arrow{width:76px;height:60px;position:absolute;top:92%;right:20%;transform:rotate(110deg)}.image-sticker>.sticker-heart{width:30px;height:30px;position:absolute;top:-9px;right:-13px;transform:rotate(15deg)}.image-sticker>.sticker-star{width:30px;height:30px;position:absolute;bottom:2px;left:-18px;transform:rotate(-12deg)}.hero-sticker{max-width:220px;bottom:22%;right:5%;transform:rotate(-7deg)}.hero-whisper{max-width:190px;position:absolute;top:12%;right:29%;transform:rotate(6deg)}.hero-whisper>.sticker-arrow{right:12%;transform:rotate(-12deg)}.quiz-card-sticker{max-width:65%;padding:17px 24px;font-size:14px;top:19px;left:23px;transform:rotate(-6deg)}.quiz-card-sticker>.sticker-arrow{width:55px;height:44px;right:5%;transform:rotate(-12deg)}.story-art-sticker{max-width:67%;padding:4cqw 5cqw;font-size:3.5cqw;bottom:17%;left:7%;transform:rotate(-5deg)}.story-art-sticker>.sticker-arrow{width:12cqw;height:9cqw;transform:rotate(105deg)}.story-art-sticker>.sticker-heart,.story-art-sticker>.sticker-star{width:6cqw;height:6cqw}@media (max-width:760px){.hero-sticker{max-width:42%;padding:16px 20px;font-size:13px;bottom:20%;right:6%}.hero-whisper{max-width:40%;padding:16px 20px;font-size:13px;top:8%;left:6%;right:auto}.hero-sticker>.sticker-arrow,.hero-whisper>.sticker-arrow{width:51px;height:41px}.hero-whisper>.sticker-arrow{transform:rotate(-25deg)}}.color-guide{padding-block:64px;scroll-margin-top:25px}.color-guide h2{font-family:var(--font-editorial),serif;font-size:clamp(26px,4vw,40px)}.color-guide>p{max-width:780px;margin:18px 0 28px;line-height:1.8}.color-table-scroll{border:1px solid #efc58b;border-radius:16px;overflow-x:auto}.color-table-scroll:focus-visible{outline-offset:4px;outline:3px solid #ffdc96}.color-guide table{border-collapse:collapse;color:#24324b;text-align:left;background:#fff8e9;width:100%;min-width:650px}.color-guide th,.color-guide td{vertical-align:top;border-bottom:1px solid #ddcdb4;padding:20px;line-height:1.7}.color-guide thead{background:#f6d296}.color-guide tbody th{min-width:190px}.color-guide small{margin-top:5px;font-weight:400;display:block}.color-guide a{text-underline-offset:4px;text-decoration:underline}.color-swatch{vertical-align:middle;border:1px solid #ffffff90;border-radius:50%;flex-shrink:0;width:19px;height:19px;margin-right:9px;display:inline-block}.score-method{border-bottom:1px solid #edbd7880;margin-top:25px;padding:18px 0;line-height:1.8}.score-method summary{cursor:pointer;font-size:19px;font-weight:600}.score-method p,.score-method ul{margin-block:16px}.personality-scores{background:#790c15;border:1px solid #edbd78;border-radius:16px;margin:28px 0;padding:24px}.personality-scores h2{font-size:24px}.personality-scores p{margin:14px 0;font-size:14px;line-height:1.8}.dimension-score{margin:24px 0}.dimension-score>div{justify-content:space-between;gap:16px;display:flex}.dimension-score meter{width:100%;height:16px;margin:9px 0;display:block}.dimension-score meter::-webkit-meter-bar{background:#f0d2a5;border:0}.dimension-score meter::-webkit-meter-optimum-value{background:#345d70}.score-poles{font-size:12px;line-height:1.5}.score-poles span{max-width:48%}.score-poles span:last-child{text-align:right}.color-matches{margin:16px 0;padding:0;list-style:none}.color-matches li{border-bottom:1px solid #f6d29640;flex-wrap:wrap;align-items:center;gap:5px;padding:10px 0;font-size:14px;display:flex}.color-matches b{margin-left:auto}.score-tie{border:1px dashed #ffdc96;padding:12px}@media (max-width:760px){.personality-scores{padding:18px}.color-guide{padding-block:40px}}:root{--red-field:#750e17;--red-deep:#370911;--cream:#fff0d4;--gold:#dfba79;--navy:#111e2c;--scroll-track:#370911}body{background-color:#650c14;background-image:radial-gradient(at 45% 0,#a11b1c55,#0000 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23dcb77b' opacity='.09' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}h1,h2{font-family:var(--font-editorial),serif;font-weight:700}.site-header{background:#450c13;border-color:#d7b67c55}body:has(.hero) .site-header{background:linear-gradient(#20090c66,#20090c12);position:absolute;top:0;left:0;right:0}.header-inner nav{margin-left:5px}.header-actions{margin-left:auto}.brand-th{display:none}.hero{background:#540910;min-height:740px;padding-top:80px}.hero-art>img{filter:brightness(.79)saturate(.96)}.hero-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#3d071c42,#0000 56%),linear-gradient(#0000 70%,#30091870);position:absolute;inset:0}.hero-copy{width:51%;padding:50px 0 75px}.hero-copy h1{text-shadow:0 3px 20px #2c050c55;font-size:clamp(64px,7.5vw,110px);font-weight:700;line-height:1.35}.hero-copy>p{color:#f4dcb6;font-size:21px;font-weight:400}.hero-meta{color:#e4c597}.hero-sticker,.hero-whisper{z-index:1}.image-sticker{font-family:var(--font-editorial),serif;font-size:20px;font-weight:700}.hero-whisper{top:18%;right:28%}.hero-sticker{bottom:17%}.hero-sticker .sticker-heart,.hero-whisper .sticker-heart{opacity:.8}.color-ribbon{color:#65121b;background-color:#e4bf7e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.1' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath opacity='.23' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E");border-block:1px solid #ffdf9a;min-height:66px;position:relative}.color-ribbon p{font-family:var(--font-editorial),serif;font-size:26px;font-weight:700}.gallery{padding-block:50px 72px}.section-heading h2,.share-copy h2,.about-section h2,.color-guide h2{font-size:clamp(32px,4vw,46px)}.section-heading p{color:#e5caa4}.quiz-card{color:#fff0d4;background:#2a121b;border:1px solid #c4a16b;border-radius:23px 23px 12px 12px;box-shadow:0 12px 25px #24070b40}.quiz-card-art{border-radius:22px 22px 0 0}.quiz-card-art>img{filter:brightness(.88)saturate(.9)}.quiz-card-copy h3{font-family:var(--font-editorial),serif;font-size:28px;font-weight:700}.quiz-card-copy>p,.quiz-card-bottom{color:#dec6a7}.quiz-card-sticker{font-size:18px}.circle-arrow{color:#4e0e17;background:#dfba79}.share-band{background:#111c29;border-block:1px solid #bd995b70}.personality-scores{background:#380e18}.question-heading h1{font-family:var(--font-body),sans-serif;font-weight:600}.result-title h1{font-size:40px}.story-copy h2{font-family:var(--font-editorial),serif;font-weight:700}.story-art-sticker{font-size:3.7cqw}.about-section{padding-block:65px}@media (min-width:1500px){.hero{min-height:780px}}@media (max-width:1050px) and (min-width:761px){.hero{min-height:650px}.hero-copy h1{font-size:68px}.hero-copy>p{font-size:18px}}@media (max-width:760px){body:has(.hero) .site-header{background:#450c13;position:relative}.hero{background:0 0;min-height:0;padding-top:0}.hero-copy{width:100%;padding:30px 0}.hero-copy h1{font-size:clamp(49px,11.5vw,76px);line-height:1.4}.hero-copy>p{font-size:16px}.hero-art{aspect-ratio:1.2}.hero-art>img{object-position:73% center}.hero-whisper{top:9%;right:auto}.hero-sticker{bottom:22%}.hero-whisper,.hero-sticker{font-size:16px}.color-ribbon p{font-size:22px}.quiz-card-copy h3{font-size:27px}.color-guide h2{font-size:32px}}@media (min-width:761px){.hero-copy{padding-top:85px;padding-bottom:55px}.hero-copy h1{font-size:clamp(64px,7vw,102px);line-height:1.45}}@media (max-width:760px){.hero-copy{padding-top:45px}}.iro-wordmark{white-space:nowrap;letter-spacing:-.035em;align-items:baseline;font-style:normal;display:inline-flex}.iro-wordmark .brand-red{color:#ed3b36}.brand{letter-spacing:-.035em;font-size:48px}.brand .brand-red{-webkit-text-stroke:0;text-shadow:none}.footer-brand>.iro-wordmark{color:var(--cream)}.story-brand .iro-wordmark,.story-foot .iro-wordmark{letter-spacing:.01em}@media (max-width:760px){.brand{font-size:30px}.header-inner{gap:10px}}@media (max-width:370px){.brand{font-size:26px}.header-inner{gap:8px}.header-actions{gap:6px}.header-start{padding-inline:10px}}.hero-copy h1,.section-heading h2,.share-copy h2,.about-section h2,.color-guide h2,.quiz-card-copy h3,.result-title h1,.story-copy h2,.image-sticker,.color-ribbon p{font-family:var(--font-editorial),sans-serif;font-synthesis:none;font-weight:400}.hero-copy h1{font-size:clamp(58px,6.5vw,92px);line-height:1.4}.hero-copy{padding-top:60px;padding-bottom:65px}@media (max-width:1050px) and (min-width:761px){.hero-copy h1{font-size:64px}}@media (max-width:760px){.hero-copy{padding-top:35px}.hero-copy h1{font-size:clamp(43px,10.6vw,65px);line-height:1.45}}.color-ribbon{isolation:isolate;gap:clamp(12px,2vw,28px);overflow:hidden}.color-ribbon:before,.color-ribbon:after{content:"";pointer-events:none;z-index:0;background:url(/images/ornaments/clouds-indigo-clean.svg) 50%/100% 100% no-repeat;width:clamp(100px,23vw,350px);height:112px;position:absolute;top:50%;transform:translateY(-50%)}.color-ribbon:before{left:-15px}.color-ribbon:after{right:-15px;transform:translateY(-50%)scaleX(-1)}.color-ribbon>p{z-index:1;text-align:center;max-width:56%;position:relative}.color-ribbon>span{z-index:1;flex-shrink:0;width:clamp(24px,6vw,100px);position:relative}@media (max-width:760px){.color-ribbon{padding:16px 55px}.color-ribbon:before,.color-ribbon:after{width:95px;height:85px}.color-ribbon:before{left:-38px}.color-ribbon:after{right:-38px}.color-ribbon>p{max-width:100%;font-size:20px;line-height:1.6}.color-ribbon>span{display:none}}.gallery{position:relative}.section-heading:after{content:"";background:linear-gradient(90deg,#e44a51 0 25%,#e5bb65 25% 50%,#458eaa 50% 75%,#51a58e 75%);border-radius:9px;width:92px;height:5px;margin:22px auto 0;display:block}.quiz-card{--chapter-color:#df7880;background:#38101c;border-color:#cf7880}.quiz-card:nth-child(2){--chapter-color:#67c6d5;background:#102e3d;border-color:#65aebe}.quiz-card:nth-child(3){--chapter-color:#f1c968;background:#42301a;border-color:#dbb25e}.quiz-card-copy{position:relative}.quiz-card-copy:before{content:"";background:var(--chapter-color);width:46px;height:3px;margin-bottom:8px}.quiz-card-bottom>span:first-child{border-top-color:color-mix(in srgb,var(--chapter-color) 45%,transparent)}.quiz-card .circle-arrow{background:var(--chapter-color);color:#25131c}.share-band{isolation:isolate;background:#102535;border-block:1px solid #d3aa6a;position:relative}.share-band:before{content:"";z-index:-1;pointer-events:none;background:url(/images/ornaments/share-garden.webp) 50%/cover no-repeat;position:absolute;inset:0}.share-inner{grid-template-columns:minmax(0,48fr) minmax(0,52fr);padding-block:86px 94px;position:relative}.share-copy{padding:24px 0 24px 25px}.share-copy h2{text-shadow:0 2px 16px #071927}.share-copy h2 span{color:#f6c86e}.share-copy>p{color:#fff1d6;text-shadow:0 2px 8px #071927}.sample-cards>.story-card{border-color:#f0c882;box-shadow:0 18px 45px #030c1980}.sample-cards>.story-card+.story-card{border-color:#78bda4}.share-steps b{color:#fff6e5;background:#bb293e;border:1px solid #e3918a;width:34px;height:34px;box-shadow:0 3px #07192740}.share-steps li:nth-child(2) b{color:#38271a;background:#e6bd6e;border-color:#f4d99c}.share-steps li:nth-child(3) b{color:#fff6e5;background:#2b7d76;border-color:#75baaa}.share-steps li{color:#fff1d6}.share-steps li+li:before{color:#dfb96f}.share-copy .button-primary{color:#711b29;background:#f1c876;border-color:#ffe8ad;box-shadow:0 5px 15px #07192740}.color-table-scroll{border-color:#dcb770}.color-guide tbody tr:first-child{background:#fff0e9}.color-guide tbody tr:nth-child(2){background:#fff5da}.color-guide tbody tr:nth-child(3){background:#eaf3f8}.color-guide tbody tr:nth-child(4){background:#edf5e9}.color-guide tbody tr:first-child th{box-shadow:inset 4px 0 #bd2333}.color-guide tbody tr:nth-child(2) th{box-shadow:inset 4px 0 #b77913}.color-guide tbody tr:nth-child(3) th{box-shadow:inset 4px 0 #354a81}.color-guide tbody tr:nth-child(4) th{box-shadow:inset 4px 0 #29735e}.about-section{isolation:isolate;max-width:1000px;margin-block:10px 20px;padding:68px 150px;position:relative}.about-section:before,.about-section:after{content:"";z-index:-1;pointer-events:none;background:url(/images/ornaments/clouds-indigo-clean.svg) bottom/contain no-repeat;width:220px;height:130px;position:absolute;bottom:12px}.about-section:before{left:-45px}.about-section:after{right:-45px;transform:scaleX(-1)}.about-section>svg{color:#ffd174;stroke-width:1.5px}.about-section p{color:#ffe5c6}.site-footer{border-top-color:#e1ba77;padding-top:36px;position:relative}.site-footer:before{content:"";opacity:.65;pointer-events:none;background:url(/images/ornaments/seigaiha-gold.svg) top/48px 24px repeat-x;height:12px;position:absolute;inset:-13px 0 auto}.quiz-progress span{background:linear-gradient(90deg,#ed7881,#edc677,#6bc1d0,#70b994)}.answer-option{background-color:#fff7e8}.answer-option.selected{border-color:#d19e42;box-shadow:0 0 0 2px #ffe4a240}.personality-scores{border-top:4px solid #e0b56c}.dimension-score:first-of-type meter::-webkit-meter-optimum-value{background:#bd3a51}.dimension-score:nth-of-type(2) meter::-webkit-meter-optimum-value{background:#aa7b22}.dimension-score:nth-of-type(3) meter::-webkit-meter-optimum-value{background:#385f8f}.dimension-score:nth-of-type(4) meter::-webkit-meter-optimum-value{background:#328073}.result-title:after{content:"";background:linear-gradient(90deg,#e44a51 0 25%,#e5bb65 25% 50%,#458eaa 50% 75%,#51a58e 75%);width:90px;height:4px;margin:20px auto 0;display:block}.more-quiz{border-left:4px solid #ddad5b}@media (max-width:1050px){.share-copy{padding-left:10px}.about-section{padding-inline:120px}}@media (max-width:760px){.share-band:before{opacity:.9;background-position:38%}.share-inner{gap:28px;padding-block:55px 68px}.share-copy{padding:12px 0 5px}.share-copy>p{max-width:310px;margin-inline:auto}.share-steps{padding:12px 0}.about-section{padding:52px 30px 85px}.about-section:before,.about-section:after{width:125px;height:80px}.about-section:before{left:-15px}.about-section:after{right:-15px}}.about-section{overflow:hidden}.gallery:before{content:"";opacity:.32;pointer-events:none;background:url(/images/ornaments/seigaiha-gold.svg) 50%/70px 35px;width:145px;height:76px;position:absolute;top:25px;right:0;-webkit-mask-image:linear-gradient(135deg,#0000,#000);mask-image:linear-gradient(135deg,#0000,#000)}.share-steps li{text-shadow:0 1px 5px #071927}.share-steps b{text-shadow:none}@media (max-width:760px){.share-band:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 52%,#0a2134d9 69%,#0a213466 83%,#0000 96%);position:absolute;inset:0}.gallery:before{opacity:.22;width:70px;height:55px;top:15px}}@media (min-width:761px) and (max-width:900px){.share-inner{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:65px}.sample-cards{height:360px}.share-copy{text-align:center;max-width:610px;margin:auto;padding:0}.share-steps{text-align:left}}@media (max-width:370px){.sample-cards>.story-card{width:146px}.sample-cards{height:285px}}
@media (max-width:760px){.header-inner.wrap{gap:10px;width:calc(100% - 32px);height:66px}.header-inner .brand{flex-shrink:0;font-size:clamp(26px,7.7vw,30px)}.header-actions{gap:8px}.language-control select{max-width:78px;min-height:44px;padding:6px 10px;font-size:13px}.header-start{white-space:nowrap;gap:8px;min-height:44px;padding:9px 13px;font-size:13px}.header-start svg{width:16px;height:16px}.hero{min-height:0}.hero-inner{width:calc(100% - 40px)}.hero-copy{width:100%;padding:24px 0 23px}.hero-copy h1{font-size:clamp(38px,10.7vw,55px);line-height:1.3}.hero-copy>p{margin:13px 0 18px;font-size:15px;line-height:1.75}.hero-button{gap:12px;min-width:220px;min-height:52px;padding:12px 24px;font-size:18px}.hero-button svg{width:21px;height:21px}.hero-meta{max-width:280px;margin:12px auto 0;font-size:11.5px;line-height:1.65}.hero-art{aspect-ratio:1.24}.hero-art>img{object-position:74% center}.hero-whisper,.hero-sticker{max-width:40%;padding:14px 17px;font-size:clamp(12px,3.6vw,15px);line-height:1.4}.hero-whisper{top:9%;left:8%}.hero-sticker{bottom:19%;right:7%}.hero-whisper>.sticker-arrow,.hero-sticker>.sticker-arrow{width:43px;height:34px}.hero-whisper>.sticker-heart,.hero-whisper>.sticker-star,.hero-sticker>.sticker-heart,.hero-sticker>.sticker-star{width:23px;height:23px}.hero-whisper>.sticker-star,.hero-sticker>.sticker-star{left:-12px}.hero-whisper>.sticker-heart,.hero-sticker>.sticker-heart{top:-7px;right:-8px}.color-ribbon{min-height:62px;padding:12px 36px}.color-ribbon>p{text-wrap:balance;max-width:100%;font-size:18px;line-height:1.5}.ribbon-phrase{white-space:nowrap;display:inline-block}.color-ribbon:before,.color-ribbon:after{width:76px;height:65px}.color-ribbon:before{left:-35px}.color-ribbon:after{right:-35px}.gallery{padding-block:34px 42px}.section-heading{margin-bottom:24px}.section-heading h2{text-wrap:balance;font-size:30px;line-height:1.4}.section-heading p{max-width:280px;margin:9px auto 0;font-size:14px}.section-heading:after{margin-top:17px}.quiz-gallery{gap:22px}.quiz-card-sticker{max-width:60%;padding:15px 20px;font-size:15px;top:16px;left:22px}.quiz-card-sticker>.sticker-arrow{width:43px;height:34px}.quiz-card-sticker>.sticker-heart,.quiz-card-sticker>.sticker-star{width:25px;height:25px}.quiz-card-copy{padding:18px 20px}.quiz-card-copy h3{font-size:25px;line-height:1.5}.quiz-card-copy>p{font-size:14px}.share-inner{gap:18px;padding-block:40px 48px}.sample-cards{height:clamp(280px,80vw,330px);padding:0}.sample-cards>.story-card{width:clamp(138px,40vw,170px)}.share-copy h2{font-size:32px;line-height:1.45}.share-copy>p{max-width:290px;font-size:14px}.share-steps{gap:12px}.share-steps li{min-width:0;font-size:12px;line-height:1.6}.share-copy .button{min-height:48px}.color-guide{padding-block:34px}.color-guide h2{text-wrap:balance;font-size:29px;line-height:1.45}.color-guide>p{margin-block:13px 20px;font-size:14px}.color-guide th,.color-guide td{padding:16px;font-size:14px}.color-guide tbody th{background:inherit;z-index:1;min-width:155px;max-width:155px;position:sticky;left:0}.color-guide thead th:first-child{z-index:2;background:#f6d296;position:sticky;left:0}.score-method summary{font-size:17px}.score-method p,.score-method li{font-size:14px}.about-section{padding:40px 20px 78px}.about-section h2{font-size:30px}.about-section p{font-size:14px;line-height:1.85}.site-footer{gap:12px;padding-block:26px}.question-heading h1{font-size:23px;line-height:1.6}.text-answers .answer-option{min-height:68px;padding:12px 14px}.answer-label{line-height:1.65}.question-actions{gap:10px}.question-actions .button{min-height:48px}.result-title h1{font-size:30px}.result-layout{gap:24px}.personality-scores{padding:18px 16px}.result-actions .button{min-height:48px}}@media (max-width:370px){.header-inner.wrap{gap:8px}.header-actions{gap:6px}.header-start{padding-inline:10px}.language-control select{max-width:73px}.hero-inner{width:calc(100% - 32px)}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:14px}.hero-meta{font-size:10.5px}.hero-button{min-width:205px}.color-ribbon>p{font-size:17px}.section-heading h2{font-size:27px}}