.spread{margin-top:20px;scroll-margin-top:12px}.spread .question{margin-bottom:18px;display:block}.spread .question span{color:var(--muted);margin-bottom:6px;font-size:15px;display:block}.spread .question input{width:100%;font:inherit;color:var(--ink);background:var(--night-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.spread .question input::placeholder{color:#7f889c}.spread .hint{color:var(--muted)}.spread .asking{border-left:3px solid var(--sun);background:var(--night-2);border-radius:0 8px 8px 0;min-height:118px;margin-top:4px;padding:12px 14px;display:block}.spread .asking.swap{animation:.35s both ask-in}.spread .ask-step{color:var(--sun);letter-spacing:.04em;text-transform:uppercase;font-size:14px;display:block}.spread .ask-name{font-family:var(--display);margin:2px 0 4px;font-size:24px;font-weight:400;line-height:1.2;display:block}.spread .ask-about{color:var(--muted);font-size:16px;line-height:1.4;display:block}@keyframes ask-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.spread[data-state=pick] .slot.current .slot-card{border:1px solid var(--sun);box-shadow:0 0 0 3px #e8c5472e}.spread .deck{overscroll-behavior-x:contain;scrollbar-width:none;margin:10px -16px 0;padding:22px 16px 10px;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.spread .deck::-webkit-scrollbar{display:none}.spread .back{aspect-ratio:120/208;cursor:pointer;background:url(/back.svg) 50%/cover no-repeat;border:0;border-radius:5px;flex:0 0 70px;margin-left:-24px;padding:0;transition:transform .2s,opacity .3s;box-shadow:-3px 0 6px #0a0e1880}.spread .back:first-child{margin-left:0}.spread .back{-webkit-tap-highlight-color:transparent}.spread .back:focus{outline:none}.spread .back:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.spread .back:hover:not(:disabled){transform:translateY(-10px)}.spread .back.taken{opacity:0;transform:translateY(-22px)}.spread .back:disabled{cursor:default}.spread .deck-tip{color:var(--muted);text-align:center;margin:2px 0 14px;font-size:15px}.spread .slots{grid-template-columns:repeat(var(--cols), 1fr);gap:14px;max-width:360px;margin:4px 0 0;padding:0;list-style:none;display:grid}.spread .slot{text-align:center;position:relative}.spread .slots.scheme{max-width:calc(var(--cols) * 86px);gap:10px;margin-inline:auto}.spread .slot.cross{z-index:1}.spread .slot.cross .slot-card{transform:rotate(90deg)scale(.72)}.spread .slot-num{z-index:2;min-width:22px;height:22px;color:var(--night);background:var(--sun);border-radius:11px;font-size:13px;font-weight:600;line-height:22px;position:absolute;top:-6px;left:-6px}.spread .slot.cross .slot-num{top:50%;left:auto;right:-10px;transform:translateY(-50%)}.spread .slot-card{aspect-ratio:120/208;border:1px dashed var(--line);perspective:800px;border-radius:6px;position:relative}.spread .slot.filled .slot-card{background:url(/back.svg) 50%/cover no-repeat;border-color:#0000}.spread .face{position:absolute;inset:0}.spread .face img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.spread .slot.open .slot-card{background:0 0}.spread .slot.open .face{animation:.5s both flip}.spread .slot.rev .face img{transform:rotate(180deg)}.spread .slot-name{color:var(--muted);margin-top:6px;font-size:15px;line-height:1.3;display:block}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.spread[data-state=done] .pick,.spread[data-state=done] .question{display:none}.spread .result{margin-top:26px}.spread .your-q{color:var(--muted);font-style:italic}.spread .reading{border-top:1px solid var(--line);padding:18px 0}.spread .pos-name{color:var(--ink)}.spread .card-name{color:var(--muted);margin:4px 0 8px;font-size:16px}.spread .rev-mark,.spread .hard-mark{border-radius:10px;margin-left:10px;padding:0 8px;font-size:14px;display:inline-block}.spread .rev-mark{color:var(--red);border:1px solid var(--red)}.spread .hard-mark{color:var(--night);background:var(--muted)}.spread .card-link{font-size:16px}.spread .outcome{border-left:3px solid var(--sun);background:var(--night-2);border-radius:0 8px 8px 0;margin-top:8px;padding:18px 18px 8px}.spread .outcome-title{color:var(--sun);margin-bottom:8px;font-size:24px}.spread .actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.spread .btn{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:8px;padding:10px 16px;font-size:16px}.spread .btn.primary{background:var(--sun);color:var(--night);border-color:var(--sun);font-weight:600}.spread .next{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.spread .next h3{margin-bottom:6px;font-size:20px}.spread .next ul{margin:0;padding:0;list-style:none}.spread .next li{padding:6px 0}.spread .daily-note{color:var(--muted);margin-top:18px;font-size:16px}.spread .load-error{color:var(--red)}.spread .load-error .btn{margin-left:6px}.spread .toast{min-height:1.6em;color:var(--muted);margin-top:10px;font-size:15px}