:root{font-family:'IBM Plex Sans Thai',Tahoma,system-ui,sans-serif;color:#463541;background:#fffaf9}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:34px 22px 70px}header{max-width:740px}h1{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:5px 0 8px;color:#563149}header p{line-height:1.65;color:#756a71}.eyebrow,.step{font-size:11px;letter-spacing:.12em;font-weight:700;color:#985f74}.status{margin:24px 0;padding:12px 16px;background:#f5e9ed;border-radius:9px;color:#684558}.status.error{background:#fff0e9;color:#963b2c}.modes{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.modes button{padding:10px 16px;background:#fff;border:1px solid #d8bbc6;border-radius:100px;color:#6d4659;font:inherit;font-size:13px;cursor:pointer}.modes button.active{background:#75445d;color:#fff;border-color:#75445d}.panel{border:1px solid #e4d2d8;background:#fff;border-radius:15px;padding:24px;margin-top:14px;box-shadow:0 10px 35px #75445d0a}label{display:block;margin:13px 0 5px;font-weight:700;font-size:14px}select,textarea{width:100%;padding:12px 14px;border:1px solid #dcc8d0;border-radius:9px;background:#fff;color:#433841;font:inherit;font-size:14px}textarea{resize:vertical}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.suggestions button{padding:8px 11px;border:1px solid #e6d6dd;background:#fdf8fa;color:#75445d;border-radius:8px;text-align:left;font:inherit;font-size:12px;cursor:pointer}.suggestions button:hover{background:#f4e7ed}.small,.footer{color:#887780;font-size:12px;line-height:1.7}.step{margin-top:22px}.cost{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px;margin:10px 0;background:#f8f0f3;border-radius:10px}.cost strong{color:#643c52}.cost span{font-size:12px;color:#6e6068}.spreads p{font-size:12px;color:#8c6677}#confirm-copy{font-size:13px;color:#685865}#draw,#followup-form button{border:0;border-radius:9px;background:#75445d;color:white;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}#draw:disabled,#followup-form button:disabled{opacity:.5;cursor:not-allowed}#form-status{display:inline-block;margin-left:12px;color:#9b4637;font-size:12px}.result-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.result-head h2{font-size:23px;margin:7px 0}.result-head button{padding:8px 11px;background:#fff;border:1px solid #dec4cd;border-radius:8px;color:#75445d;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:20px 0}.card{min-height:172px;border:1px solid #d6b7c5;border-radius:12px;padding:13px;background:linear-gradient(150deg,#7f546d,#513047);color:white}.card .position{display:block;font-size:11px;opacity:.85}.card .symbol{display:block;text-align:center;font-size:38px;margin:13px 0}.card strong,.card small{display:block;text-align:center}.card small{font-size:11px;opacity:.82}.source-state{padding:10px 12px;background:#f9edf0;color:#714d5e;font-size:12px}.interpretation{white-space:pre-line;line-height:1.8;color:#463b43;font-size:14px}details{margin:18px 0;border-top:1px solid #ebdfe4;padding-top:12px}summary{cursor:pointer;color:#72455c;font-weight:700}#reasoning p{line-height:1.7}#followup-form{border-top:1px solid #ebdfe4;padding-top:12px}#followup-form button{margin-top:10px}#followup-result{white-space:pre-line;line-height:1.7;padding-top:12px}.footer{margin-top:28px}@media(max-width:650px){main{padding:24px 14px 45px}.panel{padding:17px}.cost{display:block}.cost span{display:block;margin-top:4px}.result-head{display:block}.result-head button{margin-top:9px}}
.followup-item{border-left:3px solid #b57b92;background:#fbf6f8;padding:12px 15px;margin-top:10px;border-radius:0 9px 9px 0}.followup-item strong{display:block;color:#694459}.followup-item p{white-space:pre-line;margin:7px 0 0}#followup-status{display:inline-block;margin-left:10px;color:#8a566a;font-size:12px}
.cards.single{display:flex;justify-content:center}.cards.single .card{width:min(240px,100%);min-height:270px}.cards.single .card .symbol{font-size:52px;margin:40px 0 24px}
.access-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.access-modes button{border:1px solid #d8bbc6;border-radius:12px;background:#fff;color:#6d4659;padding:16px;text-align:left;font:inherit;font-weight:700;cursor:pointer}.access-modes button.active{background:#75445d;color:#fff;border-color:#75445d}.paid-area h2{font-size:24px;margin:4px 0 8px}.paid-area>p:not(.eyebrow){line-height:1.65;color:#756a71}.paid-area .account-link{display:inline-block;padding:11px 16px;background:#75445d;color:#fff;border-radius:9px;text-decoration:none;font-weight:700;margin:8px 0 4px}.paid-area>button{display:block;border:0;border-radius:9px;background:#ddd2d8;color:#695b63;padding:11px 16px;font:inherit;margin-top:15px}.result .interpretation{font-size:18px;font-weight:700;color:#623b51;background:#fbf1f4;border-radius:10px;padding:20px}.result .source-state{margin-top:18px}[hidden]{display:none!important}@media(max-width:650px){.access-modes{grid-template-columns:1fr}}
.pile-status{font-weight:700;color:#674457;margin:22px 0 8px}.card-fan{display:flex;overflow-x:auto;overflow-y:hidden;padding:22px 24px 32px 10px;scrollbar-color:#b78aa1 #f6edf1;min-height:200px;align-items:center;scroll-snap-type:x proximity}.card-back{position:relative;flex:0 0 93px;width:93px;height:150px;margin-left:-36px;border:3px solid #f4e4e8;border-radius:8px;background:radial-gradient(circle at 50% 50%,#fffaf6 0 28%,transparent 29%),repeating-linear-gradient(45deg,#582e47 0 8px,#6d4058 8px 16px);box-shadow:0 2px 10px #37223155;cursor:pointer;scroll-snap-align:center;transition:transform .2s,box-shadow .2s;display:block}.card-back:first-child{margin-left:0}.card-back:before{content:"";position:absolute;inset:7px;border:1px solid #dcbcc9;border-radius:3px}.card-back:after{content:"";position:absolute;inset:29px 15px;background:#fff url('../canva-logo-original.png') center/contain no-repeat;border:1px solid #d4b3bf;border-radius:50%;box-shadow:0 2px 8px #271a2340}.card-back:hover,.card-back:focus-visible,.card-back.is-chosen{transform:translateY(-14px) scale(1.06);z-index:2;box-shadow:0 10px 24px #37223155}.card-back:focus-visible{outline:3px solid #a85478;outline-offset:3px}.card-back.is-chosen{transform:translateY(-20px) rotate(-4deg) scale(1.08);border-color:#d49caf}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cards.single .card{width:min(300px,100%);background:#fff;color:#443240;padding:13px;border:1px solid #ddc8d2;box-shadow:0 8px 24px #75445d18}.card-art{display:block;width:100%;height:auto;aspect-ratio:320/550;object-fit:cover;border-radius:4px}.cards.single .card .position{color:#8c5b72;margin:12px 0 5px;opacity:1}.cards.single .card strong,.cards.single .card small{color:#493744}.cards.single .card strong{font-size:18px}.cards.single .card small{margin-top:3px}.footer a{color:#75445d}
.cards{display:flex;justify-content:center}.cards .card{width:min(270px,100%);min-height:0;background:#fff;color:#443240;padding:11px;border:1px solid #ddc8d2;box-shadow:0 8px 24px #75445d18}.cards .card .position{color:#8c5b72;margin:12px 0 5px;opacity:1}.cards .card strong,.cards .card small{color:#493744}.cards .card strong{font-size:18px}.cards .card small{margin-top:3px}