:root{color-scheme:dark;font-family:Georgia,"Noto Serif KR",serif;color:#f4ecdf;background:#171326}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#49315750,transparent 55%);min-height:100vh}header{max-width:1160px;margin:auto;padding:28px 26px;display:flex;justify-content:space-between;font-family:system-ui,sans-serif}a{color:inherit;text-decoration:none}header a:first-child{font-weight:800;letter-spacing:1px}header span{color:#d5b77c}header a:last-child{color:#c2b6cd;font-size:14px}main{max-width:960px;margin:auto;padding:0 24px}.intro{text-align:center;padding:45px 0 35px}.eyebrow{font:11px system-ui,sans-serif;letter-spacing:3px;color:#d5b77c}.moon{font-size:66px;color:#e6c98d;margin:20px auto 8px;line-height:1}h1{font-size:clamp(30px,5vw,48px);line-height:1.5;letter-spacing:-2px;margin:8px 0 20px;font-weight:500}em{font-style:normal;color:#e5c68b}.intro>p:last-child{color:#c4b9d0;font:15px/1.9 system-ui,sans-serif}.reading{padding:28px;border:1px solid #d5b77c33;background:#211b30bb;border-radius:24px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}button,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #efd39e;outline-offset:4px}.modes button{background:#2c243c;color:#cbbfd8;border:1px solid #ffffff15;border-radius:13px;padding:18px 8px;font-size:17px}.modes button[aria-pressed=true]{background:#4a3a50;border-color:#d5b77c;color:#f6dfb0}.modes small{display:block;font:12px system-ui,sans-serif;margin-top:8px;opacity:.8}label{display:block;margin:18px 0 10px;font:15px system-ui,sans-serif}label span{color:#b4a6c0}select,textarea{width:100%;background:#171326;color:#f4ecdf;border:1px solid #726080;border-radius:10px;padding:13px;font:15px/1.5 system-ui,sans-serif}textarea{resize:vertical}.deck-note{color:#b5a8c1;text-align:center;font:12px system-ui,sans-serif;margin:24px 0 17px}.primary{display:block;border:1px solid #edd3a3;background:#e5c68b;color:#302338;border-radius:12px;padding:16px 24px;margin:20px auto 0;min-width:210px;font-weight:bold}.primary:hover{background:#f3dba9}.primary:disabled{opacity:.5;cursor:wait}.secondary{border:1px solid #8e779e;background:transparent;color:#dbcce6;padding:11px 18px;border-radius:10px;margin:18px 8px 0 0}#draw{text-align:center}#draw-status{min-height:48px;font:16px/1.7 system-ui,sans-serif}.deck{display:grid;grid-template-columns:repeat(11,1fr);gap:9px;margin:24px 0}.card-back{aspect-ratio:2/3.4;border:1px solid #c4a56d;border-radius:8px;color:#e3c58d;background:repeating-linear-gradient(45deg,#3c2b53 0 7px,#30223f 7px 8px);box-shadow:inset 0 0 0 5px #282035;font-size:25px;transition:transform .25s,opacity .25s}.card-back:hover:not(:disabled){transform:translateY(-8px)}.card-back:disabled{opacity:.25;cursor:default}.shuffling .card-back{animation:shuffle .45s ease-in-out alternate infinite}.shuffling .card-back:nth-child(even){animation-delay:.16s}@keyframes shuffle{to{transform:translateY(-12px) rotate(5deg)}}#result{text-align:center;padding-top:14px}h2{font-size:28px;font-weight:500}#asked{white-space:pre-wrap;overflow-wrap:anywhere;color:#cbbfd8;font:14px/1.7 system-ui,sans-serif}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin:25px 0}.result-card{text-align:left;min-width:0;animation:reveal .65s ease both}.card-face{height:230px;max-width:155px;margin:0 auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border:1px solid #d5b77c;border-radius:12px;background:radial-gradient(ellipse,#665079,#292038);box-shadow:inset 0 0 0 7px #211b30;color:#f4dca9}.card-face .symbol{font-size:64px}.card-face.reversed .symbol{transform:rotate(180deg)}.card-face small{font:10px system-ui,sans-serif;letter-spacing:1px}.result-card h3{font-size:19px;line-height:1.5}.result-card p,.summary{font:15px/1.9 system-ui,sans-serif;color:#d7ccdf}.position{color:#e6c98d;font:12px system-ui,sans-serif}.summary{text-align:left;background:#ffffff06;border:1px solid #d5b77c33;border-radius:12px;padding:20px}.summary h3{margin-top:0;color:#e5c68b}.notice,footer{font:12px/1.8 system-ui,sans-serif;color:#b1a3bc}.notice{margin:26px 0}footer{text-align:center;padding:30px 0 20px}#result:focus{outline:none}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@media(max-width:650px){header{padding:22px 18px}main{padding:0 14px}.intro{padding-top:22px}.reading{padding:18px 14px}.modes{gap:6px}.modes button{font-size:15px;padding:14px 4px}.modes small{font-size:10px}.deck{grid-template-columns:repeat(6,1fr);gap:8px}.card-back{font-size:23px}.result-cards{grid-template-columns:1fr}.result-card{border-bottom:1px solid #ffffff15;padding-bottom:18px}.card-face{height:220px;width:145px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}