.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{--w:74px;--h:calc(var(--w) * 208 / 120);--r:420px;height:calc(var(--h) + 54px);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;margin:10px -16px 0;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 30px calc(100% - 30px),#0000)}.spread .deck:active{cursor:grabbing}.spread .wheel{width:0;height:0;transform-origin:0 var(--r);position:absolute;top:26px;left:50%}.spread .back{left:calc(var(--w) / -2);width:var(--w);height:var(--h);cursor:pointer;transform-origin:50% var(--r);transform:rotate(var(--a));-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform .45s cubic-bezier(.3,.7,.3,1),opacity .3s;position:absolute;top:0}.spread .back span{background:url(/back.svg) 50%/cover no-repeat;border-radius:6px;width:100%;height:100%;transition:transform .2s;display:block;box-shadow:-2px 2px 8px #0a0e188c}.spread .deck.gathered .back{transform:rotate(0)}.spread .back.taken{opacity:0;pointer-events:none}.spread .back:focus{outline:none}.spread .back:focus-visible span{outline:2px solid var(--sun);outline-offset:2px;transform:translateY(-14px)}@media (hover:hover){.spread .back:hover:not(:disabled) span{transform:translateY(-14px)}}.spread .back:disabled{cursor:default}.spread .deck-nav{justify-content:center;align-items:center;gap:14px;margin:4px 0 14px;display:flex}.spread .deck-nav .deck-tip{margin:0}.spread .turn{width:36px;height:36px;font:inherit;color:var(--ink);cursor:pointer;background:var(--night-2);border:1px solid var(--line);-webkit-tap-highlight-color:transparent;border-radius:18px;flex:none;padding:0;font-size:24px;line-height:1}.spread .turn:focus{outline:none}.spread .turn:active{background:var(--line)}@media (width>=700px){.spread .deck{--w:86px;--r:560px;margin-inline:0}}.flying{z-index:50;pointer-events:none;background:url(/back.svg) 50%/cover no-repeat;border-radius:6px;position:fixed;box-shadow:0 10px 24px #0a0e1899}.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 .saved{background:var(--night-2);border-radius:8px;margin:0 0 18px;padding:10px 14px}.spread .saved h3{margin:0 0 6px;font-size:18px}.spread .saved ul{margin:0;padding:0;list-style:none}.spread .saved li{align-items:center;gap:10px;padding:4px 0;font-size:16px;display:flex}.spread .saved a{flex:1;min-width:0}.spread .forget{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:14px;flex:none;line-height:1}.spread[data-state=done] .saved{display:none}.spread .toast{min-height:1.6em;color:var(--muted);margin-top:10px;font-size:15px}