:root{--discovery-paper:#f8f3e9;--discovery-ink:#302b23;--discovery-line:#d8cebd;--discovery-brass:#a9854c;--discovery-dark:#3c3c34}
html,body.portraitist-writing-discovery-page{margin:0;min-height:100%;background:var(--discovery-paper);color:var(--discovery-ink);font-family:"Shippori Mincho","Yu Mincho",serif;font-weight:400}
body.portraitist-writing-discovery-page{background-image:radial-gradient(circle at 70% 20%,rgba(255,255,255,.7),transparent 45%),linear-gradient(90deg,rgba(128,104,67,.025) 1px,transparent 1px);background-size:auto,4px 4px}
.portraitist-discovery,.portraitist-discovery *{box-sizing:border-box}.portraitist-discovery button,.portraitist-discovery input{font:inherit}.portraitist-discovery{min-height:100svh;max-width:760px;margin:auto;padding:clamp(28px,5vh,62px) clamp(24px,7vw,72px)}
.portraitist-discovery__screen{min-height:calc(100svh - clamp(56px,10vh,124px));opacity:0;transition:opacity .32s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.portraitist-discovery__screen.is-active{opacity:1}.portraitist-discovery__screen.is-leaving{opacity:0}.portraitist-discovery h1,.portraitist-discovery h2,.portraitist-discovery h3{font-weight:400;letter-spacing:.08em;line-height:1.85;margin:0;text-align:center}.portraitist-discovery h1,.portraitist-discovery h2{font-size:clamp(23px,2.7vw,32px)}
.portraitist-discovery__screen[hidden]{display:none}
.portraitist-discovery button,.portraitist-discovery__modal a{border:1px solid var(--discovery-dark);background:transparent;color:inherit;text-decoration:none;cursor:pointer}.portraitist-discovery [data-discovery-start],.portraitist-discovery [data-discovery-next],.portraitist-discovery [data-discovery-open],.portraitist-discovery--completion form button{margin-top:clamp(36px,6vh,58px);min-width:min(250px,76vw);padding:13px 28px;border:0;border-radius:999px;background:var(--discovery-dark);color:#fff;letter-spacing:.12em}
.portraitist-discovery__dots{display:flex;gap:9px;margin-bottom:clamp(28px,4.5vh,48px)}.portraitist-discovery__dots i{width:6px;height:6px;border:1px solid #a89d8b;border-radius:50%}.portraitist-discovery__dots i.is-current{background:var(--discovery-brass);border-color:var(--discovery-brass)}
.portraitist-discovery [data-discovery-prompt]{clip-path:inset(0 100% 0 0);opacity:.18;transition:clip-path .72s cubic-bezier(.22,.61,.36,1),opacity .45s ease}.portraitist-discovery .is-prompt-visible [data-discovery-prompt]{clip-path:inset(0);opacity:1}.portraitist-discovery [data-discovery-options],.portraitist-discovery [data-discovery-next],.portraitist-discovery [data-discovery-back]{opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .34s ease,transform .34s ease}.portraitist-discovery .is-options-visible [data-discovery-options]{opacity:1;transform:none;pointer-events:auto}.portraitist-discovery .is-action-visible [data-discovery-next],.portraitist-discovery .is-action-visible [data-discovery-back]{opacity:1;transform:none;pointer-events:auto}
.portraitist-discovery__choices{width:min(100%,520px);display:grid;gap:7px;margin-top:clamp(28px,4.5vh,46px)}.portraitist-discovery__choices label{cursor:pointer}.portraitist-discovery__choices input{position:absolute;opacity:0}.portraitist-discovery__choices label>span{min-height:45px;border:1px solid var(--discovery-line);border-radius:3px;padding:10px 17px;display:flex;align-items:center;position:relative;background:rgba(255,255,255,.2)}.portraitist-discovery__choices small{display:block;margin-left:auto;color:#746b5d}.portraitist-discovery__choices input:checked+span{border-color:#8f6c35;box-shadow:inset 0 0 0 1px #8f6c35;background:rgba(169,133,76,.035)}.portraitist-discovery__choices input:focus-visible+span,.portraitist-discovery button:focus-visible,.portraitist-discovery a:focus-visible,.portraitist-discovery input:focus-visible{outline:2px solid #725b35;outline-offset:4px}.portraitist-discovery__choices label.is-unknown{margin-top:16px}.portraitist-discovery__choices.is-style{grid-template-columns:repeat(2,1fr);gap:9px}.portraitist-discovery__choices.is-style label>span{min-height:76px;flex-direction:column;justify-content:center;padding:10px;text-align:center}.portraitist-discovery__choices.is-style small{margin:3px 0 0}.portraitist-discovery button.portraitist-discovery__back{border:0;background:transparent;margin-top:12px;padding:5px 14px;font-size:12px;letter-spacing:.08em;color:#776f64}
.portraitist-discovery__result{padding-bottom:90px}.portraitist-discovery__result h3{font-size:clamp(20px,2.3vw,28px)}.portraitist-discovery__result p{max-width:470px;white-space:pre-line;text-align:center;line-height:2.05;letter-spacing:.045em}.portraitist-discovery__rule{width:58px;height:1px;background:var(--discovery-line);margin:34px}.portraitist-discovery__result [data-discovery-open]{position:fixed;z-index:5;bottom:max(22px,env(safe-area-inset-bottom));margin:0;box-shadow:0 8px 30px rgba(55,45,30,.15)}
.portraitist-discovery__modal{position:fixed;z-index:100;inset:0;padding:22px;background:rgba(43,38,31,.38);backdrop-filter:blur(9px);display:grid;place-items:center}.portraitist-discovery__modal[hidden]{display:none}.portraitist-discovery__modal>div{width:min(520px,100%);max-height:calc(100svh - 44px);overflow:auto;background:#fbf7ef;border:1px solid var(--discovery-line);border-radius:8px;padding:62px 50px 42px;position:relative;box-shadow:0 20px 70px rgba(34,28,20,.18);display:grid;gap:18px;text-align:center}.portraitist-discovery__modal h2{margin:0;font-size:clamp(22px,4vw,27px);font-weight:400;line-height:1.6;letter-spacing:.08em;padding-bottom:22px;border-bottom:1px solid var(--discovery-line)}.portraitist-discovery__modal a{padding:14px;border-radius:5px}.portraitist-discovery__modal a.is-primary{background:var(--discovery-dark);color:#fff}.portraitist-discovery__modal span{font-size:12px}.portraitist-discovery__modal [data-discovery-close]{position:absolute;width:44px;height:44px;right:8px;top:8px;padding:0;border:0;font-size:26px;font-weight:400}.has-discovery-modal{overflow:hidden}
.portraitist-discovery--completion{display:grid;place-items:center}.portraitist-discovery--completion>section,.portraitist-discovery--completion>form{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.portraitist-discovery--completion [hidden]{display:none}.portraitist-discovery--completion img{width:150px;height:150px;object-fit:contain;margin-bottom:38px}.portraitist-discovery--completion form>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px;width:min(500px,100%)}.portraitist-discovery--completion label{display:grid;gap:9px}.portraitist-discovery--completion input{width:100%;border:1px solid var(--discovery-line);background:rgba(255,255,255,.45);padding:15px;color:inherit}.portraitist-discovery--completion form button{margin-top:36px}
@media(max-width:600px){.portraitist-discovery{padding:24px 20px}.portraitist-discovery__screen{justify-content:flex-start;padding-top:11vh;min-height:calc(100svh - 48px)}.portraitist-discovery__choices{margin-top:27px}.portraitist-discovery__choices.is-style{grid-template-columns:1fr 1fr}.portraitist-discovery__choices label>span{font-size:13px}.portraitist-discovery__result{padding-top:8vh;padding-bottom:110px}.portraitist-discovery__modal>div{padding:52px 24px 30px}.portraitist-discovery--completion form>div,.portraitist-discovery__modal [data-discovery-name]>div{grid-template-columns:1fr}.portraitist-discovery--completion>section,.portraitist-discovery--completion>form{padding-top:0;justify-content:center}}
.portraitist-discovery .portraitist-discovery__login-link{position:fixed;z-index:2;top:clamp(18px,3vw,34px);right:clamp(20px,4vw,52px);padding:5px 0;border:0;background:transparent;color:#5f5649;font:inherit;font-size:12px;font-weight:400;letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px}.portraitist-discovery__intro-image{display:block;width:min(390px,86vw);max-height:250px;object-fit:contain;margin:30px auto -2px;opacity:1}.portraitist-discovery__choice-title{font-weight:400}.portraitist-discovery__modal section{display:grid;gap:18px}.portraitist-discovery__modal section[hidden]{display:none}.portraitist-discovery__modal [data-discovery-email],.portraitist-discovery__modal [data-discovery-login-email]{padding:14px;border-radius:5px}.portraitist-discovery__modal label{display:grid;gap:8px;text-align:left;font-size:14px;letter-spacing:.05em}.portraitist-discovery__modal input{width:100%;padding:14px;border:1px solid var(--discovery-line);border-radius:4px;background:rgba(255,255,255,.48);color:inherit;font:inherit;font-weight:400}.portraitist-discovery__modal [data-discovery-register]{justify-self:center;min-width:min(260px,80vw);margin-top:12px;padding:14px 28px;border:0;border-radius:999px;background:var(--discovery-dark);color:#fff;letter-spacing:.1em}.portraitist-discovery__modal .portraitist-discovery__existing-login{justify-self:center;border:0;padding:4px 0;border-radius:0;background:transparent;color:#5f5649;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.portraitist-discovery__modal-note{margin:-2px 0 10px;color:#71685c;font-size:13px;line-height:1.9;letter-spacing:.05em}.portraitist-discovery__modal .is-primary{display:block;width:100%;padding:15px 20px;border:1px solid var(--discovery-dark);border-radius:5px;background:var(--discovery-dark);color:#fff;text-decoration:none;letter-spacing:.08em}.portraitist-discovery__modal-or{font-size:11px;color:#83796c}.portraitist-discovery__modal .portraitist-discovery__modal-text-link{justify-self:center;padding:3px 0;border:0;border-radius:0;color:#5f5649;font-size:12px;text-decoration:underline;text-underline-offset:5px}.portraitist-discovery__modal-register{display:grid;gap:8px;margin-top:12px;padding-top:22px;border-top:1px solid var(--discovery-line)}.portraitist-discovery__modal-register p{margin:0;color:#71685c;font-size:12px}.portraitist-discovery__modal-register button,.portraitist-discovery__modal-back{justify-self:center;padding:4px 0;border:0;background:transparent;color:#5f5649;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:5px}.portraitist-discovery__modal-back{justify-self:start}.portraitist-discovery__login-form .is-primary{margin-top:8px}
.portraitist-discovery__modal .portraitist-discovery__modal-back{justify-self:start;min-width:82px;padding:7px 16px;border:1px solid rgba(95,86,73,.34);border-radius:999px;background:rgba(255,255,255,.28);color:#5f5649;font-size:12px;letter-spacing:.06em;text-decoration:none}.portraitist-discovery__modal .portraitist-discovery__modal-back:hover{background:rgba(169,133,76,.08)}
@media(max-width:600px){.portraitist-discovery__modal{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.portraitist-discovery__modal>div{padding:58px 25px 32px}.portraitist-discovery__modal h2{font-size:22px}.portraitist-discovery__modal .is-primary,.portraitist-discovery__modal [data-discovery-login-email]{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.portraitist-discovery__screen,.portraitist-discovery [data-discovery-prompt],.portraitist-discovery [data-discovery-options],.portraitist-discovery [data-discovery-next],.portraitist-discovery [data-discovery-back]{transition:none}.portraitist-discovery [data-discovery-prompt]{clip-path:none;opacity:1}}
.portraitist-discovery [data-discovery-prompt]{clip-path:none;opacity:1;transition:none}.portraitist-discovery [data-discovery-prompt-line]{display:block;clip-path:inset(0 100% 0 0);opacity:.18;transition:clip-path .72s cubic-bezier(.22,.61,.36,1),opacity .45s ease}.portraitist-discovery [data-discovery-prompt-line].is-visible{clip-path:inset(0);opacity:1}@media(prefers-reduced-motion:reduce){.portraitist-discovery [data-discovery-prompt-line]{clip-path:none;opacity:1;transition:none}}