@media screen {
body{font-family:"Assi Reading Sans",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;font-weight:550;letter-spacing:-.018em}
body h1,body h2,body h3,body .story-result h1,body .story-result h2,body .story-result h3,body .moon-message h1,body .welcome-copy h1{font-family:"Assi Reading Sans",sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.38}
body main p,body main li,body main label{font-weight:550;line-height:1.85}
body small,body .muted{font-weight:550}
body a.go,body button,body .moon-action{font-weight:700}
.element-panel{margin:38px 0;padding:0 0 22px;border:1px solid #537064;border-radius:18px;background:#102d2c;overflow:hidden}
.element-panel-head{min-height:185px;padding:26px 24px;background:linear-gradient(90deg,rgba(7,29,29,.96) 4%,rgba(7,29,29,.84) 55%,rgba(7,29,29,.3)),url('art/saju-elements-v1.jpg') center 53%/cover}
.element-panel-head>span{font-size:12px;letter-spacing:.12em;color:#e3c58f;font-weight:700}
.element-panel-head h2{font-size:25px;margin:13px 0 6px}.element-panel-head p{font-size:15px;margin:0;max-width:19em}
.element-bars{display:grid;gap:13px;padding:22px 24px 0}.element-row{display:grid;grid-template-columns:75px 1fr 38px;align-items:center;gap:10px;font-size:15px}.element-name{white-space:nowrap}.element-name small{color:#c4d2c4;font-size:13px}.element-track{height:9px;background:#345048;border-radius:20px;overflow:hidden}.element-fill{display:block;height:100%;border-radius:20px;background:#d3b17d}.element-목{background:#91bd89}.element-화{background:#dc967d}.element-토{background:#e2c383}.element-금{background:#d0d8ca}.element-수{background:#8db8bf}.element-row strong{text-align:right;color:#f3e4c9;font-variant-numeric:tabular-nums}.element-note{padding:0 24px;margin:18px 0 0!important;color:#c4d2c4!important;font-size:13px;line-height:1.65!important}
.preparing{background-image:linear-gradient(to bottom,transparent 22%,rgba(12,38,33,.25) 48%,#102f29 85%),url('art/assi-thinking-hd.jpg')}
.moon-portrait{background-image:url('art/assi-smile-hd.jpg');background-position:center 24%;background-size:cover}
.scene-face{background-image:url('art/assi-approved-hd.jpg');background-position:center 24%;background-size:cover}
body[data-surface=input] .sheet:before{background-image:url('art/assi-approved-hd.jpg');background-position:center 25%;background-size:cover}
.love-questionnaire{margin:26px 0;padding:22px;border:1px solid #647d6c;border-radius:14px;background:#173a35}.love-questionnaire h2{margin:0 0 8px;font-size:23px}.love-questionnaire label{display:block;margin:18px 0}.love-questionnaire select,.love-questionnaire textarea{display:block;width:100%;margin-top:8px;font:inherit}.love-questionnaire small{display:block;line-height:1.6}
@media(max-width:400px){.element-panel-head{padding:22px 18px;min-height:165px}.element-panel-head h2{font-size:22px}.element-bars{padding:20px 18px 0}.element-note{padding:0 18px}.element-row{grid-template-columns:65px 1fr 34px;gap:7px}}
}
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.music-toggle{appearance:none;border:1px solid rgba(216,195,148,.55);border-radius:999px;background:transparent;color:#ead8ad;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;padding:8px 10px;cursor:pointer;white-space:nowrap}
.music-toggle span{font-size:15px;margin-right:3px}
.music-toggle:focus-visible{outline:2px solid #f2dba8;outline-offset:3px}
.music-toggle[aria-pressed="true"]{background:#d5bf8b;color:#10282a}
@media(max-width:390px){.header-actions{gap:8px}.music-toggle{font-size:11px;padding:7px 8px}}
@media print{.music-toggle{display:none}}
.focus-choice>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:430px){.input-steps li{font-size:11px}}
.age-error:not([hidden]){color:#ffd3a8;background:#55332d;border:1px solid #c79075;border-radius:8px;padding:12px 14px;line-height:1.6}
/* A single, full-coverage Korean font keeps the reading voice consistent. */
body,body *{font-family:"Assi Reading Sans",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif!important}
body h1,body h2,body h3{font-weight:700;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere}
.preparing-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.preparing:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 22%,rgba(12,38,33,.25) 48%,#102f29 85%);pointer-events:none}
.preparing-copy{z-index:1}
.story-chapter .reading-illustration{display:block;width:100%;height:auto;margin:0 0 24px;border-radius:12px;object-fit:contain}
.reading-summary{margin:52px 0 38px;color:#33291e;word-break:keep-all;overflow-wrap:anywhere}
.scroll-roller{height:17px;margin:0 -7px;position:relative;z-index:1;border:1px solid #704422;border-radius:9px;background:linear-gradient(180deg,#563720 0%,#c39a61 22%,#f2d29a 47%,#896039 68%,#442c1c 100%);box-shadow:0 3px 8px #0007,inset 0 1px 2px #ffdfaa}
.scroll-roller:before,.scroll-roller:after{content:"";position:absolute;top:-4px;width:15px;height:23px;border-radius:5px;border:1px solid #b98c55;background:linear-gradient(90deg,#422b1f,#c39454,#44291c)}.scroll-roller:before{left:-5px}.scroll-roller:after{right:-5px}
.scroll-paper{padding:34px clamp(20px,7vw,48px) 30px;background:#f1dfb9 url('art/summary-hanji.jpg') center top/100% auto repeat-y;border-left:2px solid #ba9761;border-right:2px solid #ba9761;box-shadow:inset 0 0 35px #b3864b3d,0 10px 30px #0004;color:#33291e}
.scroll-heading{text-align:center;border-bottom:1px solid #a78151;padding-bottom:24px;margin-bottom:25px}.scroll-heading>span,.scroll-eyebrow{display:block;color:#75542e;font-size:13px;letter-spacing:.04em}.scroll-heading .scroll-eyebrow{margin:17px 0 9px}.story-result .scroll-heading h2{font-family:Georgia,'Batang',serif;color:#342419;font-size:clamp(27px,7vw,36px);line-height:1.35;margin:0;font-weight:800;letter-spacing:-.045em}
.scroll-story{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:23px 0;border-bottom:1px solid #bba27d}.scroll-story:first-of-type{padding-top:0}.scroll-icon{color:#8d6838;font-size:22px;line-height:1.4}.scroll-story h3{font-family:Georgia,'Batang',serif;color:#173d34;font-size:19px;line-height:1.5;margin:0 0 10px;font-weight:800}.story-result .scroll-story p{font-size:16px;line-height:1.85;margin:0 0 16px;color:#403529}.story-result .scroll-story p:last-child{margin-bottom:0}.scroll-story .scroll-lead{font-weight:800;color:#183d35!important}.scroll-elements{text-align:center;padding:27px 0 5px;color:#71512f;font-size:14px;font-weight:700}.scroll-elements>div{display:flex;justify-content:center;gap:10px;margin:12px 0}.scroll-element{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#174d40;color:#ffe3a7;box-shadow:0 0 0 2px #e5c68c,0 0 0 3px #8c683c;font-size:19px}.scroll-elements small,.scroll-note{display:block;font-size:12px;line-height:1.7;font-weight:400;color:#6f5c43}.scroll-note{margin:14px 0 0;text-align:center}.summary-next{margin:-1px 7px 0;padding:35px 24px 30px;text-align:center;background:linear-gradient(145deg,#3a3040,#201d2c);border:1px solid #957958;color:#f4ddb2}.summary-next>span{color:#d9bc83;font-size:13px}.story-result .summary-next h2{font-family:Georgia,'Batang',serif;font-size:clamp(23px,6vw,29px);line-height:1.4;color:#ffdfab;margin:15px 0}.summary-next p{font-size:15px;line-height:1.8;color:#eee0c8;margin:0 0 22px}.summary-next-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border:1px solid #e1bc7c;border-radius:5px;background:#143e35;color:#fff0cf;font-weight:800;text-decoration:none}.summary-next-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.summary-next button.summary-next-link{width:100%;font:inherit;font-weight:800;cursor:pointer}.story-themes{scroll-margin-top:86px}.story-themes:focus{outline:none}
.story-themes .theme-row{display:flex;position:relative;isolation:isolate;overflow:hidden;min-height:150px;padding:22px 55px 22px 19px;margin:15px 0;border:1px solid #c8a269;border-radius:8px;background:#102920;box-shadow:inset 0 0 0 3px #122923,inset 0 0 0 4px #b2915e;text-decoration:none}
.story-themes .theme-row:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,26,24,.98) 0%,rgba(4,26,24,.9) 37%,rgba(4,26,24,.32) 72%,rgba(4,26,24,.18) 100%)}
.story-themes .theme-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}
.story-themes .theme-copy{display:block;max-width:68%;color:#ffe6bb;font-family:Georgia,'Batang',serif;font-size:clamp(19px,5.4vw,25px);line-height:1.32;font-weight:800;text-shadow:0 2px 5px #001713}
.story-themes .theme-copy small{margin-top:12px;color:#f9e5c6;font-family:inherit;font-size:clamp(14px,3.9vw,16px);font-weight:600;line-height:1.5}
.story-themes .theme-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:1px solid #d2ab70;border-radius:50%;color:#ffdfa4;background:#102923d9;font-size:22px}
.story-themes .theme-row:hover{border-color:#ffda99;box-shadow:inset 0 0 0 3px #122923,inset 0 0 0 4px #e2c38b,0 5px 16px #0005}.story-themes .theme-row:focus-visible{outline:3px solid #ffe2a6;outline-offset:3px}
.love-locked{margin:42px 0 18px;border:1px solid #a88a5d;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1b3b36,#112d2b);color:#f4e3c4}.love-locked-intro{padding:30px 24px 12px;text-align:center}.love-locked-intro small{color:#d7b678}.story-result .love-locked-intro h2{font-family:Georgia,'Batang',serif;color:#ffe3ae;font-size:clamp(23px,6vw,30px);line-height:1.4;margin:16px 0}.love-locked-intro p,.love-locked-footer p{font-size:16px;line-height:1.8;word-break:keep-all;color:#e8decb}.love-topic-list{list-style:none;padding:0 24px;margin:8px 0}.love-topic-list li{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #557368;font-size:16px}.love-topic-number{color:#c9aa76;font-size:12px}.love-topic-list strong{flex:1;color:#f8e4c4}.love-topic-lock{display:flex;color:#d0b685}.love-locked-footer{padding:12px 24px 25px}.love-locked-footer a.go{width:100%;text-align:center}
.selection-page{max-width:680px;margin:0 auto 48px;word-break:keep-all}.selection-intro{text-align:center;padding:30px 0 20px;color:#f7dfb7}.selection-intro small{color:#d5b47d;letter-spacing:.08em}.selection-page .selection-intro h1{font-family:Georgia,'Batang',serif;font-size:clamp(27px,7vw,39px);line-height:1.35;margin:12px 0;color:#ffe9c6}.selection-intro p{font-size:16px;line-height:1.7;color:#e8ddc9}.selection-page .selection-list{display:block}.selection-page .selection-list .selection-card{display:block;padding:0;margin:0 0 30px;overflow:hidden;border:1px solid #caa470;border-radius:10px;box-shadow:0 0 0 3px #243e37,0 0 0 4px #ab8654,0 12px 26px #0004;background:#e9d5b1}
.selection-hero{position:relative;isolation:isolate;display:flex;align-items:end;min-height:220px;overflow:hidden;background:#15342e}.selection-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,24,22,.96),rgba(5,24,22,.5) 54%,rgba(5,24,22,.08)),linear-gradient(0deg,#081c1acc,transparent 75%)}.selection-page .selection-hero img{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}.selection-hero-copy{padding:28px 24px;color:#fff0d0;max-width:75%}.selection-hero-copy small{color:#e4c78f;font-size:13px}.selection-page .selection-hero h2{font-family:Georgia,'Batang',serif;font-size:clamp(28px,7vw,40px);line-height:1.25;color:#ffe9c1;margin:10px 0}.selection-hero-copy p{font-size:16px;line-height:1.6;color:#fff2d9;margin:0}.selection-paper{background:#efdfbd url('art/summary-hanji.jpg') center/100% auto repeat-y;color:#302b23;padding:24px clamp(18px,6vw,32px) 26px}.selection-page .selection-paper h3{font-family:Georgia,'Batang',serif;color:#4b3420;text-align:center;font-size:20px;line-height:1.4;margin:0 0 18px}.selection-paper ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:0;padding:0}.selection-paper li{display:flex;gap:7px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #b49a75;color:#3e3327;font-size:14px;line-height:1.5}.selection-paper li span{color:#916326;font-weight:900}.selection-price{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:21px 0 17px}.selection-price p{margin:0;color:#655139;font-size:13px;line-height:1.5}.selection-price strong{white-space:nowrap;color:#163b30;font-size:clamp(22px,5.5vw,29px)}.selection-apply{display:block;width:100%;padding:16px;border:1px solid #d1a875;border-radius:6px;background:#61323b;color:#fff0d2;text-align:center;text-decoration:none;font-weight:800;line-height:1.4;box-shadow:inset 0 0 0 2px #743f46}.selection-apply:focus-visible{outline:3px solid #194c40;outline-offset:3px}@media(max-width:350px){.selection-paper ul{grid-template-columns:1fr}.selection-price{align-items:start;flex-direction:column}}
body .love-checkout{background:#0d2928;border:1px solid #967b55;border-radius:10px;padding:clamp(16px,5vw,30px);color:#f5e7ce;box-shadow:0 12px 32px #0004}.love-checkout-heading{text-align:center;padding:8px 0 4px}.love-checkout-heading small{color:#d6b87f;letter-spacing:.08em}.love-checkout .love-checkout-heading h1{font-family:Georgia,'Batang',serif;color:#ffe9c5;font-size:clamp(27px,7vw,38px);margin:12px 0}.love-checkout-heading p{color:#e7dcc9;line-height:1.7}.love-checkout .checkout-love-product{display:block;margin:24px 0 30px;padding:0;overflow:hidden;border:1px solid #c3a071;border-radius:8px;background:#eee0c0;box-shadow:0 0 0 3px #173a34,0 0 0 4px #a38355}.checkout-love-hero{position:relative;isolation:isolate;overflow:hidden;min-height:210px;display:flex;align-items:end}.checkout-love-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061c19f2,#061c1977 55%,#061c1917),linear-gradient(0deg,#071c1abd,transparent 75%)}.love-checkout .checkout-love-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}.checkout-love-hero>div{padding:23px;color:#fff0d3;max-width:75%}.checkout-love-hero small{color:#e7c98e}.love-checkout .checkout-love-hero h2{font-family:Georgia,'Batang',serif;margin:10px 0;color:#ffebc5;font-size:32px}.checkout-love-hero p{margin:0;color:#fff0d3;font-size:15px;line-height:1.65}.checkout-love-paper{padding:23px clamp(17px,5vw,28px);background:#f0e0bf url('art/summary-hanji.jpg') center/100% auto repeat-y;color:#30281f}.love-checkout .checkout-love-paper h3{text-align:center;color:#49341f;margin:0 0 15px;font-family:Georgia,'Batang',serif;font-size:19px}.love-checkout .checkout-love-paper ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;list-style:none;margin:0;padding:0}.checkout-love-paper li{display:flex;gap:7px;padding:8px 0;border-bottom:1px solid #b8a180;color:#392d22;font-size:14px;line-height:1.5}.checkout-love-paper li span{color:#966d32;font-weight:900}.checkout-love-price{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:20px}.checkout-love-price p{color:#695640;font-size:13px;line-height:1.5;margin:0}.love-checkout .checkout-love-price strong{white-space:nowrap;color:#163b30;font-size:24px;margin:0}.checkout-love-paper>small{color:#745c43;margin-top:7px;font-size:12px}.love-checkout .checkout-info,.love-checkout .checkout-birth,.love-checkout .checkout-payment{margin-top:16px;padding:24px 0;border-top:1px solid #7a765d}.love-checkout .checkout-info h2,.love-checkout .checkout-birth h2,.love-checkout .checkout-payment h2{color:#ffe7be;font-size:20px}.love-checkout .checkout-info p,.love-checkout .checkout-birth p,.love-checkout .checkout-payment p{color:#f0e2ce;line-height:1.8}.love-checkout .ac-row{border-color:#58746b}.love-checkout .ac-row span{color:#d9c8a9}.love-checkout .ac-row strong{color:#fff0d5}.love-checkout .checkout-payment-box,.love-checkout .love-questionnaire{background:#173b35;border:1px solid #789081}.love-checkout .love-questionnaire h2{color:#ffe7be}.love-checkout .love-questionnaire label{line-height:1.6}.love-checkout .love-questionnaire select,.love-checkout .love-questionnaire textarea{min-height:48px;border-radius:6px;padding:10px}.love-checkout .ac-check{align-items:flex-start;line-height:1.7;margin:18px 0}.love-checkout .ac-check input{margin-top:4px}.love-checkout a.go,.love-checkout button.go{width:100%;text-align:center;background:#60323a;color:#fff0d2;border:1px solid #d1a875;border-radius:6px;padding:15px}.love-checkout a.quiet{color:#f0d6aa}.love-checkout a:focus-visible,.love-checkout button:focus-visible,.love-checkout input:focus-visible,.love-checkout select:focus-visible,.love-checkout textarea:focus-visible{outline:3px solid #ffe2a6;outline-offset:3px}@media(max-width:350px){.love-checkout .checkout-love-paper ul{grid-template-columns:1fr}.checkout-love-price{align-items:start;flex-direction:column}}
.assi-journey ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.assi-journey li{padding:15px 17px;border:1px solid #637f6c;background:#163a34;border-radius:8px}.assi-journey li strong{color:#f3d5a3}.assi-journey li p{margin:5px 0 0;font-size:15px}.assi-confirm{border-top:1px solid #7a765d;padding:24px 0}.assi-confirm h2{color:#ffe7be}.assi-confirm p{color:#f0e2ce}.assi-unavailable{padding:12px 14px;margin:15px 0;background:#243e37;border:1px solid #738576;border-radius:6px;color:#f0e2ce;font-size:14px}.assi-confirm button[disabled]{cursor:not-allowed}.assi-checkout~*{}.assi-checkout .checkout-love-price{align-items:center}.assi-checkout .checkout-love-price p{flex:1;min-width:0}body:has(.assi-checkout) #store-info{display:none}
body[data-surface=input] .sheet:before{display:none}body[data-surface=input] .sheet{padding-top:16px}.assi-dialogue .dialogue-portrait{position:relative;overflow:hidden;height:clamp(185px,42vw,270px);margin:12px 0 26px;border:1px solid #967e58;border-radius:8px;background:#183c34}.dialogue-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,25,23,.9),transparent 70%);pointer-events:none}.dialogue-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%;animation:assi-appear .65s ease-out both}.dialogue-portrait span{position:absolute;z-index:1;bottom:13px;left:18px;color:#f9e4bb;font-size:13px;font-weight:700}.assi-dialogue h1{font-size:clamp(25px,6vw,34px);line-height:1.45;word-break:keep-all}.assi-dialogue .dialogue-lead{color:#d7d8c5}.assi-dialogue .eyebrow{color:#dfc18f}.assi-dialogue .input-steps{overflow-x:auto;white-space:nowrap;gap:6px}.assi-dialogue .input-steps li{font-size:11px}.concern-choice{padding:0;border:0;margin:18px 0}.concern-choice label{display:block;margin:10px 0;cursor:pointer}.concern-choice input{position:absolute;opacity:0;width:1px;height:1px}.concern-choice span{display:flex;justify-content:space-between;gap:12px;padding:17px;border:1px solid #698779;border-radius:7px;background:#173d36;color:#faebce;line-height:1.6}.concern-choice input:checked+span{border-color:#edd09a;background:#28574a;box-shadow:inset 0 0 0 1px #edd09a}.concern-choice input:focus-visible+span{outline:3px solid #ffe4af;outline-offset:2px}.intake-privacy{font-size:12px;line-height:1.65!important;color:#c5cbbd!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes assi-appear{from{opacity:.35;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.dialogue-portrait img{animation:none}}
.assi-dialogue .input-steps{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Immersive, scrollable conversation scene */
body[data-surface=input] main{max-width:650px;padding:0}
body[data-surface=input] .sheet{padding:0;margin:0 auto;border:0;background:#071d1d;max-width:650px}
.assi-dialogue{position:relative;isolation:isolate;min-height:calc(100svh - 66px);overflow:hidden;background:#071d1d}
.assi-dialogue .back{position:relative;z-index:2;margin:10px 22px;color:#fff0d4;text-shadow:0 2px 8px #000;font-size:14px}
.assi-dialogue .dialogue-portrait{position:absolute;z-index:-1;top:0;left:0;right:0;height:min(76svh,680px);margin:0;border:0;border-radius:0;background:#102923}
.assi-dialogue .dialogue-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.assi-dialogue .dialogue-portrait:after{background:linear-gradient(180deg,rgba(3,18,18,.03) 0%,rgba(3,18,18,.02) 35%,rgba(5,24,23,.22) 58%,rgba(7,29,29,.78) 82%,#071d1d 100%)}
.assi-dialogue .dialogue-content{padding:clamp(300px,49svh,450px) clamp(22px,6vw,38px) 40px;color:#fff2dc}
.assi-dialogue .eyebrow{font-size:13px;color:#e9cca0;text-shadow:0 2px 7px #000}
.assi-dialogue h1{font-family:'Assi Reading Sans',sans-serif;font-size:clamp(26px,6.2vw,36px);line-height:1.32;margin:8px 0 10px;color:#fff2df;text-shadow:0 2px 10px #0009}
.assi-dialogue .dialogue-lead{font-size:15px;line-height:1.7;color:#e0dcd0;margin:0 0 15px;text-shadow:0 2px 6px #000}
.assi-dialogue .dialogue-progress{display:flex;gap:7px;margin:18px 0;align-items:center}
.assi-dialogue .dialogue-progress span{height:6px;width:7px;background:#9a8255;border-radius:8px;opacity:.5}
.assi-dialogue .dialogue-progress span.active{width:24px;opacity:1;background:#e9c177}
.assi-dialogue form label,.assi-dialogue form legend{color:#f4ead9}
.assi-dialogue .concern-choice span,.assi-dialogue .gender-choice span{background:#153933d9;border-color:#a38d69}
.assi-dialogue .concern-choice input:checked+span,.assi-dialogue .gender-choice input:checked+span{background:#285749;border-color:#e9c177}
.assi-dialogue .go{width:100%;min-height:52px;background:#dbc08a;color:#172e27;border:0;border-radius:8px;font-weight:800}
.assi-dialogue input[type=date],.assi-dialogue input[type=time],.assi-dialogue input[name=nick]{min-height:52px}
@media(max-width:600px){body[data-surface=input] footer{padding-left:20px;padding-right:20px}.assi-dialogue .dialogue-content{padding-top:clamp(280px,47svh,400px)}}
/* A gentle camera drift keeps the approved portrait intact. */
.assi-dialogue .dialogue-portrait img{animation:assi-appear .65s ease-out both,assi-drift 14s ease-in-out .65s infinite alternate;transform-origin:50% 38%}
@keyframes assi-drift{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.045) translateY(-.5%)}}
@media(prefers-reduced-motion:reduce){.assi-dialogue .dialogue-portrait img{animation:none;transform:none}}
@media(max-width:600px){.assi-dialogue .dialogue-content{padding-top:clamp(230px,35svh,310px)}.assi-dialogue .dialogue-portrait{height:min(64svh,570px)}}
.assi-dialogue .dialogue-portrait video.assi-blink{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;animation:assi-drift 14s ease-in-out infinite alternate;transform-origin:50% 38%}
@media(prefers-reduced-motion:reduce){.assi-dialogue .dialogue-portrait video.assi-blink{display:none;animation:none}}
/* Keep the approved HD portrait visible; blend motion only around her eyes. */
.assi-dialogue .dialogue-portrait img,.assi-dialogue .dialogue-portrait video.assi-blink{animation:assi-drift 14s ease-in-out infinite alternate;transform-origin:50% 38%}
.assi-dialogue .dialogue-portrait video.assi-blink{-webkit-mask-image:radial-gradient(ellipse 23% 8% at 52% 29%,#000 48%,transparent 100%);mask-image:radial-gradient(ellipse 23% 8% at 52% 29%,#000 48%,transparent 100%)}
@media(prefers-reduced-motion:reduce){.assi-dialogue .dialogue-portrait img{animation:none;transform:none}.assi-dialogue .dialogue-portrait video.assi-blink{display:none;animation:none}}
/* Outside a blink, show the unmodified high-resolution portrait. */
.assi-dialogue .dialogue-portrait video.assi-blink{opacity:0;-webkit-mask-image:radial-gradient(ellipse 22% 5% at 52% 29%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 22% 5% at 52% 29%,#000 55%,transparent 100%)}
/* Question CTA: one coordinated surface, with readable text in every state. */
body[data-surface=input] .assi-dialogue button.go{background:#1c4d40;color:#fff0ce;border:1px solid #d5b77f;border-radius:8px;clip-path:none;min-height:54px}
body[data-surface=input] .assi-dialogue button.go:before{content:none}
body[data-surface=input] .assi-dialogue button.go:hover{background:#285e4d}
body[data-surface=input] .assi-dialogue button.go:focus-visible{outline:3px solid #ffe5aa;outline-offset:3px;text-decoration:none}

body[data-surface=input] .assi-dialogue [hidden]{display:none!important}
/* 명식 공개 화면 */
body[data-surface=chart] main{max-width:680px;padding:0;margin:0 auto}body[data-surface=chart]{background:#071d1c}.chart-reveal{position:relative;overflow:hidden;background:#081e1c;color:#f9e9c8;min-height:100vh;padding-bottom:32px}.chart-portrait{height:clamp(300px,76vw,470px);background:linear-gradient(0deg,#081e1c 0%,rgba(8,30,28,.08) 43%),url('art/assi-approved-hd.jpg') center 28%/cover no-repeat}.chart-back{position:absolute;top:18px;left:20px;padding:8px 12px;background:#081e1cbf;border-radius:4px;color:#fff0d2;text-decoration:none;font-size:14px}.chart-content{position:relative;margin:-58px auto 0;padding:0 22px;max-width:560px}.chart-brand{color:#e8c790;text-align:center;letter-spacing:.13em;font-size:12px;font-weight:700;margin-bottom:12px}.chart-board{position:relative;padding:18px 13px 16px;background:linear-gradient(155deg,rgba(27,70,59,.98),rgba(5,31,29,.98));border:1px solid #c4a16a;border-radius:16px;box-shadow:0 8px 30px #00120f99,inset 0 0 0 3px #193d34}.chart-board-title{font-size:14px;color:#edcd91;font-weight:700;text-align:center;padding:0 0 15px;letter-spacing:.09em}.chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.chart-column{display:grid;gap:8px;min-width:0}.chart-label{font-size:clamp(11px,3.2vw,14px);text-align:center;color:#eddfc1;white-space:nowrap;font-weight:700}.chart-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;background:#071e1b;border:1px solid #967950;border-radius:8px}.chart-tile span{font-family:serif;font-size:clamp(28px,9vw,45px);line-height:1.1}.chart-tile small{font-size:12px;color:#ddd2b8;margin-top:3px}.chart-tile.element-목 span{color:#9bd9b1}.chart-tile.element-화 span{color:#f29681}.chart-tile.element-토 span{color:#efd090}.chart-tile.element-금 span{color:#e9e5d6}.chart-tile.element-수 span{color:#9ac4df}.chart-empty{border-style:dashed;border-color:#527061}.chart-empty span,.chart-empty small{color:#aab6a2}.chart-kicker{margin:25px 0 6px;color:#d0b88e;font-size:13px;font-weight:700}.chart-content h1{margin:0;color:#fff0d2;font-size:clamp(27px,7vw,38px);line-height:1.3;word-break:keep-all}.chart-explain{font-size:15px;line-height:1.8;color:#e6e3ce;word-break:keep-all}.chart-action{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px 20px;margin:22px 0 16px;border:1px solid #d9bc82;border-radius:8px;background:#245542;color:#fff1d1;text-decoration:none;font-weight:800;font-size:17px;text-align:center}.chart-action:hover{background:#326d55}.chart-action:focus-visible,.chart-back:focus-visible{outline:3px solid #ffe3a6;outline-offset:3px}.chart-progress{display:flex;justify-content:center;gap:7px;margin:23px 0}.chart-progress i{display:block;width:13px;height:5px;border-radius:5px;background:#536b5c}.chart-progress i.active{background:#e6c381;width:26px}.chart-missing{padding:48px 24px;color:#fff0d2}@media(max-width:360px){.chart-content{padding-inline:14px}.chart-grid{gap:4px}.chart-board{padding-inline:8px}.chart-tile span{font-size:28px}}
/* 시안의 구도와 장식을 살린 명식 화면 */
body[data-surface=chart]>header,body[data-surface=chart]>footer,body[data-surface=chart]>.mobile-nav{display:none}body[data-surface=chart] #app{padding:0;max-width:600px}.chart-reveal{min-height:100svh;background:#071b1a}.chart-portrait{height:clamp(350px,105vw,590px);background:linear-gradient(to bottom,rgba(8,20,20,.15) 0%,transparent 35%,rgba(7,27,26,.25) 75%,#071b1a 100%),url('art/assi-approved-hd.jpg') center 26%/cover no-repeat}.chart-logo{position:absolute;top:14px;left:0;right:0;text-align:center;color:#f1d29a;text-shadow:0 2px 8px #0a1211;pointer-events:none}.chart-logo small{display:block;font-size:10px;letter-spacing:.22em;font-weight:700}.chart-logo strong{display:block;font-family:var(--serif),serif;font-size:clamp(31px,8vw,48px);font-weight:700;line-height:1.2}.chart-logo span{font-size:.46em;vertical-align:top}.chart-back{z-index:2;top:18px;left:14px;background:#0a2420b8}.chart-content{margin:-54px auto 0;padding:0 26px}.chart-board{padding:34px 25px 19px;background:linear-gradient(150deg,#153c30f7,#071c1bf7);border:2px solid #c9a363;border-radius:14px;box-shadow:inset 0 0 0 3px #31503e,0 5px 22px #0008}.chart-board:before,.chart-board:after{content:'◈';position:absolute;color:#b8945c;font-size:15px;bottom:9px}.chart-board:before{left:11px}.chart-board:after{right:11px}.chart-board-title{position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:#102a24;border:1px solid #d0ad72;border-radius:8px;color:#f0cf8e;white-space:nowrap;padding:5px 18px;font-family:var(--serif),serif;font-size:14px;letter-spacing:.07em}.chart-flower{position:absolute;left:7px;top:10px;color:#d2b47c;font-size:23px;opacity:.9}.chart-tassel{position:absolute;right:6px;top:24px;text-align:center;color:#caaa70;font-size:17px;line-height:.8}.chart-grid{gap:8px}.chart-label{color:#eeddb9;font-family:var(--serif),serif;font-size:clamp(11px,3vw,15px);font-weight:600}.chart-tile{aspect-ratio:1/1.06;background:#081c19;border:1px solid #9f8051;border-radius:10px}.chart-tile span{font-size:clamp(30px,9vw,48px)}.chart-kicker{text-align:center;margin:24px 0 7px;font-family:var(--serif),serif;color:#d9c29a;font-size:13px}.chart-content h1{text-align:center;font-family:var(--serif),serif;font-size:clamp(25px,6.7vw,36px);line-height:1.36}.chart-explain{text-align:center;font-family:var(--serif),serif;margin:9px auto 0;color:#ecdfc4}.chart-action{position:relative;min-height:58px;border:2px solid #d2ae6c;border-radius:12px;background:linear-gradient(120deg,#1a4b38,#104631 60%,#1b5039);box-shadow:inset 0 0 0 3px #315e46,0 2px 9px #0008;color:#ffe7b4;font-family:var(--serif),serif;font-size:18px}.chart-action:before,.chart-action:after{position:absolute;color:#ddbc7b;font-size:16px}.chart-action:before{content:'✧';left:17px}.chart-action:after{content:'✧';right:17px}.chart-progress i{background:#536559}.chart-progress i.active{background:#edc67b}@media(max-width:360px){.chart-content{padding:0 16px}.chart-board{padding-inline:20px}}
/* Reference-inspired gold relief frame with live chart glyphs */
.chart-content{padding:0 24px;margin-top:-55px}.chart-board{border:0;border-radius:0;box-shadow:none;background: url('art/chart-ornament.png') center/100% 100% no-repeat;padding:38px 37px 29px}.chart-board:before,.chart-board:after,.chart-flower,.chart-tassel{display:none}.chart-board-title{top:-10px;padding:4px 21px;border:1px solid #d6b678;background:linear-gradient(#264236,#081c19);box-shadow:0 0 0 2px #775b37;font-size:14px}.chart-grid{gap:10px}.chart-column{gap:6px}.chart-label{padding-bottom:4px;font-size:clamp(11px,3vw,14px);color:#eedcb5;font-weight:500}.chart-tile{position:relative;aspect-ratio:1.06;background:#0a1b18db;border:1px solid #ad8d59;border-radius:9px;margin-bottom:19px}.chart-tile span{font-family:'Noto Serif CJK KR','Batang',serif;font-size:clamp(31px,8.7vw,48px);font-weight:500}.chart-tile small{position:absolute;top:100%;left:0;right:0;text-align:center;margin:2px 0 0;font-family:serif;font-size:12px;color:#e8d8bc}.chart-empty small{font-size:10px}.chart-kicker{margin-top:22px}.chart-action{border-radius:18px;background:radial-gradient(ellipse at 48% 15%,#307355,#0c382a 75%);border:2px solid #e3c687;box-shadow:inset 0 0 0 2px #997b47,0 4px 0 #735b34,0 10px 20px #0006;text-shadow:0 2px 3px #000}.chart-action:before,.chart-action:after{content:'❖';font-size:20px}.chart-logo small{letter-spacing:.25em}.chart-logo strong{font-family:'Batang',serif;letter-spacing:.05em}.chart-content h1{font-family:'Batang',serif;font-weight:700;color:#ffe5b5}.chart-explain{font-family:'Batang',serif}.chart-progress i.active{box-shadow:0 0 9px #e8c47a}@media(max-width:360px){.chart-content{padding-inline:15px}.chart-board{padding:34px 31px 25px}.chart-grid{gap:6px}}
.chart-board{isolation:isolate;background:transparent}.chart-board:before{content:'';display:block;position:absolute;inset:0;background:url('art/chart-ornament.png') center/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none;z-index:-1}.chart-grid{position:relative;z-index:1}
.chart-board:before{z-index:0}.chart-board-title{z-index:2}
.chart-board{isolation:auto}
.story-result .folio-cover{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;min-height:clamp(350px,55svh,570px);padding:clamp(24px,6vw,64px);background:#081819 url(art/reading-study.webp) center 53%/cover no-repeat;color:#ffe7c4;border-radius:3px 3px 0 0;text-align:left}
.story-result .folio-cover small,.story-result .folio-cover span,.story-result .folio-cover h1{font-family:Georgia,'Noto Serif KR',Batang,serif;color:#ffebcf}.folio-cover small{letter-spacing:.12em}.folio-cover span{margin-top:2.4rem;border-top:1px solid #b69b69;padding-top:.7rem}.story-result .folio-cover h1{font-size:clamp(32px,8vw,54px);line-height:1.28;max-width:8em;word-break:keep-all;margin:12px 0 20px;text-shadow:0 2px 8px #041011}.story-result .folio-cover button{background:#102321d9;color:#ffe2b4;padding:10px 16px;min-height:44px;border:1px solid #ac8d55;border-radius:3px;width:auto;cursor:pointer}.story-result .folio-page{scroll-margin-top:85px;background:#efddbb url(art/summary-hanji.jpg) center/cover;padding:24px clamp(20px,5vw,48px);color:#33291f;margin-bottom:28px}.story-result .folio-page p{color:#30271c;font-size:18px;line-height:1.85;margin:8px 0;word-break:keep-all}.story-result .folio-page small{color:#654327}.assi-library{margin:40px 0;padding:26px 20px;border-block:1px solid #8c7758;background:#122927}.assi-library details{padding:14px 0;border-top:1px solid #52605a}.assi-library summary{cursor:pointer;color:#f2d39c}.assi-library a{color:#fde4ad;text-decoration:underline}
.story-result .folio-cover h1{text-wrap:balance;font-family:Batang,"바탕",Georgia,serif!important;font-weight:600}
.story-result .element-percent{display:block;font:600 clamp(48px,13vw,80px)/1.1 Georgia,serif;color:#f6d599;margin:.18em 0;font-variant-numeric:tabular-nums}.story-result .element-row{grid-template-columns:auto minmax(24px,1fr) minmax(4em,auto)}.story-result .element-row strong{text-align:right;white-space:nowrap}
.story-result .assi-face-cover{min-height:clamp(430px,70svh,720px);justify-content:flex-end;background-image:linear-gradient(to top,#051819 0%,#071a19e6 10%,#081a1955 36%,transparent 65%),url(art/assi-approved-hd.jpg);background-position:center,center 24%;background-size:cover}.story-result .assi-face-cover span{margin-top:.6rem}.story-result .assi-face-cover h1{margin:.15em 0 .3em}.assi-brush-scene{background:#102421;border-bottom:1px solid #706342;margin:2rem 0}.assi-brush-scene img{display:block;width:100%;max-height:480px;object-fit:cover;object-position:center 32%}.assi-brush-scene p{padding:0 1.2rem 1.2rem}.reading-basis{margin:1rem 0 1.4rem;padding:14px 18px;background:#0d201f;border:1px solid #40544a;border-radius:8px}.reading-basis figcaption{color:#e6c994;font-size:.82rem;margin-bottom:10px}.reading-basis>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.reading-basis>div>div{display:grid;gap:4px;text-align:center}.reading-basis small{color:#d2d3c1;font-size:.72rem}.chart-tile{border-radius:4px;background:#1d302d;color:#abb7ae;font-size:1.05rem;padding:3px}.chart-tile.lit{background:#f2d9a8;color:#2e291f;font-weight:800;box-shadow:inset 0 0 0 1px #ccae72}.element-panel>.reading-basis{margin-inline:12px}.reading-dock{position:sticky;bottom:68px;z-index:3;text-align:right;pointer-events:none}.reading-dock button{pointer-events:auto;background:#183e38;color:#ffe2a9;border:1px solid #ae925c;border-radius:24px;padding:10px 17px;min-height:44px}.assi-library summary b{font-weight:500}.assi-library p{word-break:keep-all}
.life-question{margin:1.3rem 0;padding:15px;border:1px solid #43544c;border-radius:8px}.life-question>img{float:right;width:60px;height:65px;border-radius:3px;object-fit:cover;margin:0 0 8px 12px}.life-question .reading-basis{clear:both}.story-result .scroll-paper .reading-basis figcaption,.story-result .scroll-paper .reading-basis small{color:#e8d8b4}
.cycle-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;list-style-position:inside}.cycle-sequence li{border-bottom:1px solid #53645b;padding:.5rem 0}.reading-dock{position:fixed;right:max(12px,calc((100vw - 780px)/2));bottom:calc(64px + env(safe-area-inset-bottom));z-index:5}.story-result:has(.reading-dock){padding-bottom:60px}

.story-result .assi-face-cover h1{font-size:clamp(25px,6.7vw,42px);max-width:17em;line-height:1.36;text-wrap:balance;word-break:keep-all}

.story-result .element-panel-head{text-align:center;min-height:300px;padding:32px 20px;background:linear-gradient(145deg,#122d29,#091c1d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.story-result .element-panel-head p{max-width:25em;line-height:1.8}.story-result .element-panel-head h2{margin:0}.story-result .element-panel-head small{color:#c6b997;font-size:12px}

.story-result .folio-page.webtoon-scene{min-height:clamp(560px,85svh,800px);padding:0;margin:0;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 25%,rgba(4,20,20,.25) 48%,#071b1b 93%),url('art/assi-thinking-hd.jpg') center 20%/cover}
.story-result .webtoon-scene>div{padding:36px 28px 52px;color:#fff0d5}
.story-result .webtoon-scene small{color:#e7c584;font-size:13px;letter-spacing:.1em}
.story-result .webtoon-scene p{font-size:17px;line-height:1.8;color:#f8eedb;max-width:27em;margin:16px 0 0;text-shadow:0 2px 10px #001}
.story-result .webtoon-scene p:first-of-type{font-size:clamp(25px,7vw,38px);line-height:1.4;font-weight:700}
.story-result .assi-brush-scene{position:relative;margin:0;min-height:clamp(550px,80svh,800px);overflow:hidden;display:flex;align-items:flex-end}
.story-result .assi-brush-scene img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.story-result .assi-brush-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(5,23,22,.35) 55%,#071b1b 100%)}
.story-result .assi-brush-scene p{position:relative;z-index:1;padding:40px 28px 60px;color:#fff0d5;font-size:clamp(20px,5.2vw,28px);line-height:1.65;text-shadow:0 2px 8px #000}

.story-result .webtoon-opening,.story-result .webtoon-character{position:relative;overflow:hidden;background:#101719}
.story-result .webtoon-opening img,.story-result .webtoon-character img{display:block;width:100%;height:min(130vw,650px);object-fit:cover}
.story-result .webtoon-opening:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101719)}
.story-result .webtoon-opening-text{position:absolute;z-index:1;bottom:8%;left:7%;color:#fff7e9;font-size:clamp(23px,6vw,38px);line-height:1.45;text-shadow:0 2px 9px #000}
.story-result .webtoon-opening-text b,.story-result .webtoon-chapter em{color:#e9bd67;font-style:normal}
.story-result .element-panel{background:#101719;border:0;border-radius:0;padding:65px 22px 85px;margin:0}
.story-result .element-panel-head{background:#1c2324;border-radius:20px;min-height:320px;padding:30px 15px}
.story-result .element-panel-head>span{letter-spacing:.35em}
.story-result .element-panel-head p{margin-top:20px;font-family:Batang,serif;font-size:18px}
.story-result .element-panel-head small{margin-top:8px}
.story-result .webtoon-metrics-detail{display:none}
.story-result .webtoon-character h2{position:absolute;top:5%;left:0;right:0;text-align:center;color:white;font-family:Batang,serif;font-size:clamp(21px,5vw,30px);text-shadow:0 2px 8px #000}
.story-result .webtoon-bubble{position:absolute;right:7%;bottom:8%;border-radius:50%;background:#faf7f0;color:#211b18;padding:30px 35px;font-family:Batang,serif;font-weight:bold;text-align:center;line-height:1.7}
.story-result .webtoon-chapter{background:#101719;padding:110px 8% 100px;color:#eee}
.story-result .webtoon-chapter small{color:#d9ad57;letter-spacing:.16em}
.story-result .webtoon-chapter h2{color:#fff;font-size:clamp(25px,7vw,38px);line-height:1.45;margin:27px 0}
.story-result .webtoon-chapter ol{padding-left:24px;line-height:2.8;color:#c9c8bd}

/* 여백을 두어 장면마다 천천히 읽히도록 한다. */
.story-result .webtoon-opening{margin-bottom:clamp(80px,23vw,140px)}
.story-result .element-panel{padding-top:35px;padding-bottom:clamp(120px,32vw,200px)}
.story-result .webtoon-character{margin-bottom:clamp(90px,25vw,160px)}
.story-result .webtoon-chapter{padding-top:clamp(130px,35vw,190px);padding-bottom:clamp(130px,35vw,190px)}
.story-result .webtoon-chapter+ .story-chapter{padding-top:clamp(85px,22vw,130px)}

.story-result .webtoon-reading{background:#101719;padding:0 0 100px;margin:0}
.story-result .webtoon-reading-title{padding:110px 8% 75px}
.story-result .webtoon-reading-title small{color:#d9ad57;letter-spacing:.08em}
.story-result .webtoon-reading-title h2{color:#fff4dd;font-size:clamp(26px,6vw,39px);line-height:1.45;margin:22px 0 0;word-break:keep-all}
.story-result .webtoon-dialogue{position:relative;min-height:clamp(520px,125vw,750px)}
.story-result .webtoon-dialogue img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.story-result .webtoon-dialogue:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,17,17,.9))}
.story-result .webtoon-dialogue-bubble{position:absolute;z-index:1;bottom:5%;right:5%;max-width:70%;padding:22px 25px;border-radius:28px 28px 8px 28px;background:#f9f4e8;color:#26211e;font-size:16px;font-weight:700;line-height:1.8;box-shadow:0 8px 30px #0006;word-break:keep-all}
.story-result .webtoon-reading-note{padding:80px 8% 0;color:#f1e6d0}
.story-result .webtoon-reading-note p{line-height:1.9;margin:0 0 24px}

.story-result .assi-transition-cut,.story-result .assi-offer-cut{position:relative;background:#111819;overflow:hidden}
.story-result .assi-transition-cut img,.story-result .assi-offer-cut img{display:block;width:100%;height:auto}
.story-result .assi-transition-cut:after,.story-result .assi-offer-cut:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101719)}
.story-result .assi-transition-cut p,.story-result .assi-offer-cut p{position:absolute;z-index:1;bottom:7%;left:0;right:0;text-align:center;color:#fff5e6;font-family:Batang,serif;font-weight:700;font-size:clamp(23px,6vw,35px);line-height:1.7;text-shadow:0 2px 8px #000}
.story-result .assi-transition-cut strong,.story-result .assi-report-transition strong{color:#e9bd67}
.story-result .assi-transition-message{background:#101719;padding:100px 7%;display:flex;align-items:center;gap:12px;color:#f5dfba}
.story-result .assi-transition-message img{height:45px;width:45px;object-fit:cover;border-radius:50%}
.story-result .assi-transition-message span{background:#303d3a;padding:16px 20px;border-radius:20px}
.story-result .assi-offer-cut span{position:absolute;z-index:1;top:32%;left:7%;font-size:25px;color:white;text-shadow:0 2px 6px black}
.story-result .assi-report-transition{min-height:470px;background:#101719;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px;color:#d9cbae}
.story-result .assi-report-transition div{height:60px;width:1px;background:#b48a49}
.story-result .assi-report-transition h2{font-family:Batang,serif;color:#fff1da;font-size:clamp(24px,6vw,34px);line-height:1.5;margin:0}
.story-result .assi-report-transition span{color:#bd9656}

.story-result .assi-personal-report{background:#101719;padding:100px 7% 110px;color:#e5d7b7;text-align:center}
.story-result .assi-personal-report small{color:#d5ad66;letter-spacing:.15em}
.story-result .assi-personal-report h2{font-family:Batang,serif;color:#fff2df;font-size:clamp(28px,7vw,40px);line-height:1.5;margin:26px 0}
.story-result .assi-personal-report p{line-height:1.9;margin-bottom:38px}
.story-result .assi-guide-cut{position:relative;background:#101719}
.story-result .assi-guide-cut img{display:block;width:100%;height:min(125vw,650px);object-fit:cover;object-position:center 20%}
.story-result .assi-guide-cut:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101719)}
.story-result .assi-guide-cut p{position:absolute;z-index:1;bottom:5%;left:0;right:0;color:#fff4df;text-align:center;font-family:Batang,serif;font-size:clamp(21px,5vw,30px);font-weight:700;line-height:1.7;text-shadow:0 2px 10px #000}