.shanga-finder{--paper:#ece8df;--cream:#f9f7f1;--ink:#3f3a31;--muted:#777268;--olive:#676746;--gold:#ac9b78;--line:#d8d1c3;--focus:#9b6c39}.shanga-finder *{box-sizing:border-box}.shanga-finder html{scroll-behavior:smooth}.shanga-finder body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.shanga-finder button,.shanga-finder a{font:inherit}.shanga-finder button{cursor:pointer}.shanga-finder button:disabled{cursor:not-allowed;opacity:.45}.shanga-finder a{color:inherit}.shanga-finder a:hover{text-decoration-thickness:1px}.shanga-finder button:focus-visible,.shanga-finder a:focus-visible,.shanga-finder input:focus-visible+span{outline:3px solid var(--focus);outline-offset:4px}.shanga-finder .shell{max-width:1600px;margin:auto;display:flex;flex-direction:column}.shanga-finder .masthead{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.6vw,72px);border-bottom:1px solid #d2cbbb}.shanga-finder .brand{font-family:Georgia,serif;letter-spacing:.29em;font-size:25px;text-decoration:none;line-height:.9}.shanga-finder .brand span{display:block;letter-spacing:.43em;font:600 8px DM Sans,sans-serif;margin-top:11px;text-align:center}.shanga-finder .masthead-label,.shanga-finder .eyebrow,.shanga-finder .progress-top,.shanga-finder .intro-foot,.shanga-finder .below-note,.shanga-finder footer,.shanga-finder .step-index,.shanga-finder .micro{font-size:12px;letter-spacing:.15em;font-weight:700}.shanga-finder .masthead-label{color:#716b5c}.shanga-finder .finder{display:grid;grid-template-columns:minmax(350px,43%) minmax(0,57%);flex:1;min-height:700px}.shanga-finder .intro{background:#e4dfd2;position:relative;padding:clamp(36px,4.7vw,76px) clamp(32px,5vw,86px) 36px;display:flex;flex-direction:column;overflow:hidden}.shanga-finder .eyebrow{color:var(--olive);margin:0 0 29px}.shanga-finder .intro h1,.shanga-finder .result-title{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:.98}.shanga-finder .intro h1{font-size:clamp(52px,5.8vw,92px);margin:0;white-space:nowrap}.shanga-finder .intro h1 em{font-weight:400;color:#716b4c}.shanga-finder .intro-text{max-width:330px;font-size:17px;line-height:1.65;color:#665f53;margin:30px 0}.shanga-finder .still-life{position:relative;width:100%;max-width:420px;align-self:center;aspect-ratio:1.6;overflow:hidden;margin:auto 0 28px;opacity:.95}.shanga-finder .still-life img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}.shanga-finder .intro-foot{margin:0;color:#847a68}.shanga-finder .experience{background:var(--cream);display:flex;align-items:center;justify-content:center;padding:clamp(28px,5.6vw,90px)}.shanga-finder .question-panel,.shanga-finder .result-panel{width:min(100%,640px)}.shanga-finder .progress-top{display:flex;justify-content:space-between;gap:16px;color:#8a806e}.shanga-finder .progress-top span:first-child{color:var(--olive)}.shanga-finder .progress-track{height:2px;background:#e1d9c9;margin:15px 0 clamp(40px,5vw,78px)}.shanga-finder #progress-fill{height:100%;background:var(--olive);width:33.33%;transition:width .3s ease}.shanga-finder .step-index{color:var(--gold);margin:0 0 12px}.shanga-finder .question-title{font-family:Georgia,serif;font-size:clamp(38px,4vw,61px);letter-spacing:-.035em;font-weight:400;line-height:1.07;margin:0 0 14px}.shanga-finder .question-help{max-width:510px;color:var(--muted);margin:0 0 30px;font-size:16px}.shanga-finder .choices{display:grid;gap:10px}.shanga-finder .choice{display:block;position:relative}.shanga-finder .choice input{position:absolute;opacity:0;width:1px;height:1px}.shanga-finder .choice>span{border:1px solid #ded7c9;min-height:65px;padding:14px 18px;display:flex;align-items:center;gap:16px;background:#fbfaf6;transition:background .15s,border-color .15s}.shanga-finder .choice>span:before{content:"";width:19px;height:19px;flex:none;border:1px solid #aaa18e;border-radius:50%;background:#fbfaf6;box-shadow:inset 0 0 0 4px #fbfaf6}.shanga-finder .choice:hover>span{border-color:#9f947f;background:#f3f0e8}.shanga-finder .choice input:checked+span{border-color:var(--olive);background:#efede3}.shanga-finder .choice input:checked+span:before{background:var(--olive);box-shadow:inset 0 0 0 4px #efede3;border-color:var(--olive)}.shanga-finder .choice-name{font-weight:600;font-size:16px}.shanga-finder .choice-detail{display:block;font-weight:400;color:#736d62;font-size:14px;line-height:1.4;margin-top:2px}.shanga-finder .quiz-actions{border-top:1px solid var(--line);margin-top:34px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.shanga-finder .text-button{border:0;background:transparent;color:#67614f;text-decoration:underline;text-underline-offset:4px;padding:12px 0}.shanga-finder .primary-button{border:1px solid var(--olive);color:#fff;background:var(--olive);padding:15px 21px;min-width:164px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:14px;font-weight:600;letter-spacing:.02em;transition:background .15s}.shanga-finder .primary-button:not(:disabled):hover{background:#4d5037}.shanga-finder .primary-button span{font-size:20px;font-weight:400;line-height:.7}.shanga-finder .below-note{padding:24px clamp(22px,4.6vw,72px);letter-spacing:0;font-size:13px;font-weight:400;color:#746e62;border-top:1px solid var(--line)}.shanga-finder footer{padding:30px clamp(22px,4.6vw,72px) 38px;display:flex;justify-content:space-between;gap:20px;color:#6e685a}.shanga-finder footer a{text-underline-offset:4px}.shanga-finder .result-panel{padding:0 0 10px}.shanga-finder .result-overline{color:var(--olive);font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 18px}.shanga-finder .result-title{font-size:clamp(46px,5.2vw,78px);margin:0 0 20px}.shanga-finder .result-lead{font-size:17px;line-height:1.7;color:#5d584e;margin:0 0 20px}.shanga-finder .personal-note{padding:18px 21px;background:#eae6da;color:#514c40;border-left:2px solid var(--olive);margin:22px 0 36px;font-size:15px;line-height:1.55}.shanga-finder .section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cfc7b8;padding:0 0 11px;margin:0 0 6px}.shanga-finder .section-heading h3{font-size:12px;letter-spacing:.16em;font-weight:700;margin:0}.shanga-finder .section-heading span{font-size:12px;color:#777165}.shanga-finder .step{display:grid;grid-template-columns:37px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid #e3dccd}.shanga-finder .step-index{padding-top:3px;color:#8d8269}.shanga-finder .step-main{display:flex;justify-content:space-between;gap:15px}.shanga-finder .step h4{font-size:16px;font-weight:600;margin:0 0 3px}.shanga-finder .step p{font-size:14px;color:#696358;margin:0;line-height:1.5}.shanga-finder .step-tag{font-size:11px;letter-spacing:.11em;color:#756f61;white-space:nowrap;text-transform:uppercase;padding-top:3px}.shanga-finder .tonic-box{padding:20px 22px;margin:28px 0;background:#eae6dc}.shanga-finder .tonic-box h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 10px}.shanga-finder .tonic-box p{margin:0 0 12px;color:#5f5a4f;font-size:15px;line-height:1.6}.shanga-finder .tonic-box p:last-child{margin-bottom:0}.shanga-finder .tonic-box strong{color:#444338}.shanga-finder .result-actions{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:26px;flex-wrap:wrap}.shanga-finder .result-actions .primary-button{text-decoration:none;min-width:192px}.shanga-finder .result-actions .text-button{font-size:14px}.shanga-finder .result-foot{font-size:13px;color:#797366;margin:24px 0 0}.shanga-finder .micro{color:#80766b;font-size:11px}.shanga-finder .result-panel[hidden],.shanga-finder .question-panel[hidden]{display:none}@media(max-width:1000px){.shanga-finder .finder{grid-template-columns:1fr}.shanga-finder .intro{min-height:0;padding:34px 26px 27px}.shanga-finder .intro h1{font-size:clamp(51px,10vw,82px)}.shanga-finder .intro-text{margin:18px 0 0}.shanga-finder .intro-foot{display:none}.shanga-finder .still-life{width:100%;max-width:320px;height:112px;aspect-ratio:auto;align-self:flex-start;margin:22px 0 0}.shanga-finder .experience{padding:36px 26px 52px;align-items:flex-start}.shanga-finder .progress-track{margin-bottom:35px}}@media(max-width:520px){.shanga-finder .masthead{height:69px;padding:0 20px}.shanga-finder .brand{font-size:20px}.shanga-finder .brand span{font-size:7px;margin-top:8px}.shanga-finder .masthead-label{font-size:10px;letter-spacing:.1em}.shanga-finder .intro{padding:28px 22px 20px}.shanga-finder .eyebrow{margin-bottom:14px;font-size:11px}.shanga-finder .intro h1{font-size:53px}.shanga-finder .intro-text{font-size:15px;margin:12px 0 0;line-height:1.5}.shanga-finder .experience{padding:28px 22px 44px}.shanga-finder .progress-track{margin:12px 0 30px}.shanga-finder .progress-top{font-size:10px}.shanga-finder .question-title{font-size:40px}.shanga-finder .question-help{font-size:15px;margin-bottom:24px}.shanga-finder .choice>span{min-height:61px;padding:12px 14px}.shanga-finder .choice-name{font-size:15px}.shanga-finder .result-title{font-size:54px}.shanga-finder .result-lead{font-size:16px}.shanga-finder .step-main{display:block}.shanga-finder .step-tag{display:block;margin:2px 0 4px}.shanga-finder .below-note{font-size:12px}.shanga-finder footer{font-size:10px;letter-spacing:.08em;padding:24px 22px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.shanga-finder *{transition:none!important}}.shanga-finder .enhancements{margin-top:38px}.shanga-finder .enhancements-intro{font-size:15px;line-height:1.6;color:#6d675c;margin:16px 0 18px}.shanga-finder .extra-list{border-top:1px solid var(--line)}.shanga-finder .extra{border-bottom:1px solid var(--line);background:#f9f7f1}.shanga-finder .extra summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:110px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:72px;padding:16px 5px}.shanga-finder .extra summary::-webkit-details-marker{display:none}.shanga-finder .extra summary:hover .extra-title{text-decoration:underline;text-decoration-color:#a9a08c;text-underline-offset:4px}.shanga-finder .extra summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shanga-finder .extra-category{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#7b725d;font-weight:700}.shanga-finder .extra-title{font-family:Georgia,serif;font-size:25px;line-height:1.2}.shanga-finder .extra-toggle{justify-self:end;color:var(--olive);font-size:23px;font-weight:400;line-height:1}.shanga-finder .extra[open] .extra-toggle{transform:rotate(45deg)}.shanga-finder .extra-body{padding:0 33px 22px 124px}.shanga-finder .extra-body p{font-size:14px;line-height:1.65;color:#625c51;margin:0 0 12px}.shanga-finder .extra-body .extra-timing{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--olive);font-weight:700}.shanga-finder .extra-products{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.shanga-finder .extra-products a{font-size:14px;color:#555a3c;text-decoration:underline;text-underline-offset:4px}.shanga-finder .extra-products span{font-size:16px}@media(max-width:520px){.shanga-finder .extra summary{grid-template-columns:minmax(0,1fr) 22px;gap:2px 8px;padding:15px 2px}.shanga-finder .extra-category{grid-column:1}.shanga-finder .extra-title{grid-column:1;font-size:24px}.shanga-finder .extra-toggle{grid-column:2;grid-row:1/3}.shanga-finder .extra-body{padding:0 22px 22px 2px}.shanga-finder .enhancements-intro{font-size:14px}}.shanga-finder .intro-copy,.shanga-finder .experience{min-width:0}.shanga-finder [hidden]{display:none!important}.shanga-finder .still-life-art{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 35% 22%,#ede9df,#d4ccb9 56%,#b8ad96);color:#685f4e;font-family:Georgia,serif;font-size:clamp(50px,6vw,90px);letter-spacing:.12em}.shanga-finder .still-life-art span{border:1px solid #a99f8c;padding:.75em .7em .6em}.shanga-finder .still-life img{width:100%;height:100%;object-fit:cover}.shanga-finder .intro{min-height:620px}@media(max-width:1000px){.shanga-finder .intro{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/31/compiled_assets/styles.css.map */