:root{--background:#f0ebe0;--background-deep:#e4ddd0;--surface:#fffcf5e0;--surface-strong:#f4efe5e6;--ink:#2c2416;--muted:#6b5e4a;--soft:#9c8e7a;--sage:#7a9478;--sage-deep:#3d5c42;--gold:#c49a4a;--gold-soft:#eedfa8;--coral:#b97060;--border:#b4a58c73;--shadow:0 8px 40px #2c24161a, 0 2px 8px #2c24160f;--radius:12px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;background-color:#ede7d9;background-image:url(/bg-cozy.png);background-position:50%;background-size:cover;background-attachment:fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;padding:28px}.reading-workspace{width:100%;max-width:1180px;margin:0 auto}.brand-rail{align-items:center;gap:14px;margin-bottom:22px;display:flex}.brand-mark{border-radius:var(--radius);width:46px;height:46px;color:var(--sage-deep);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf4b8;border:1px solid #7a94784d;place-items:center;display:grid;box-shadow:0 4px 16px #2c24161a}h1,h2,h3,p{margin:0}.brand-rail h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4vw,4rem);font-weight:500;line-height:.95}.brand-rail p{color:var(--muted);margin-top:8px;font-size:.98rem}.workspace-grid{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);align-items:stretch;gap:18px;min-width:0;display:grid}.input-panel,.result-panel{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);background:#fffcf4c7}.input-panel{flex-direction:column;gap:24px;min-height:690px;padding:22px;display:flex}.field-group{gap:10px;display:grid}.field-group.compact{min-width:190px}.field-group>label{color:var(--sage-deep);text-transform:uppercase;font-size:.78rem;font-weight:750}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.topic-button,.segment{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;color:var(--ink);background:#fffcf4a6;transition:border-color .2s,background .2s,color .2s,transform .2s,box-shadow .2s}.topic-button{align-items:center;gap:9px;padding:0 12px;font-size:.92rem;font-weight:700;display:flex}.topic-button svg{color:var(--sage);flex:none}.topic-button[data-selected=true],.segment[data-selected=true]{color:var(--sage-deep);background:#eaf0e5;border-color:#395b496b}.topic-button:hover,.segment:hover{border-color:#7a947880;transform:translateY(-1px);box-shadow:0 4px 12px #2c241612}textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:100%;min-height:184px;color:var(--ink);background:#fffdf8b8;outline:none;padding:14px;font-size:1rem;line-height:1.55}textarea:focus{border-color:var(--sage);box-shadow:0 0 0 4px #6f8a7426}textarea::placeholder{color:#8c958d}.input-meta{color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.78rem;display:flex}.input-meta span{min-width:0}.input-meta span:last-child{text-align:right}.field-row{grid-template-columns:1fr auto;align-items:end;gap:14px;margin-top:auto;display:grid}.segmented-control{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong);grid-template-columns:repeat(2,minmax(86px,1fr));gap:6px;max-width:100%;padding:5px;display:grid}.segment{border-color:#0000;min-height:38px;font-size:.88rem;font-weight:800}.draw-button{border-radius:var(--radius);color:#f5f0e6;letter-spacing:.01em;background:linear-gradient(135deg,#3d5c42 0%,#2c4430 100%);border:0;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:.94rem;font-weight:750;transition:box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 4px 20px #2c241633,0 1px 4px #2c24161a}.draw-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 28px #2c24163d,0 2px 6px #2c24161a}.draw-button:disabled{opacity:.48}.error-panel{border-radius:var(--radius);color:#6f3328;background:#fff1eb;border:1px solid #b96f5b61;gap:8px;padding:13px;display:grid}.error-panel strong{font-size:.9rem}.error-panel span{font-size:.88rem;line-height:1.45}.error-panel button{border-radius:var(--radius);color:#6f3328;background:#fffaf6;border:1px solid #6f332840;justify-self:start;padding:8px 12px;font-size:.82rem;font-weight:800}.result-panel{min-height:690px;padding:18px}.empty-result,.reading-result{flex-direction:column;min-height:100%;display:flex}.empty-result{justify-content:center;gap:28px}.empty-card-row,.card-spread{gap:12px;display:grid}.empty-card-row{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes card-float{0%{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}to{transform:translateY(0)rotate(-1deg)}}@keyframes card-glow{0%{box-shadow:0 4px 20px #c49a4a33}50%{box-shadow:0 16px 48px #c49a4a73,0 0 24px #c49a4a33}to{box-shadow:0 4px 20px #c49a4a33}}.preview-card{aspect-ratio:3/4;border-radius:var(--radius);will-change:transform;background:#081320;border:1px solid #bf934859;min-height:260px;animation:4s ease-in-out infinite card-float,4s ease-in-out infinite card-glow;position:relative;overflow:hidden}.preview-card:first-child{animation-delay:0s}.preview-card:nth-child(2){animation-delay:-1.33s}.preview-card:nth-child(3){animation-delay:-2.66s}.preview-card img,.card-image-wrap img{object-fit:cover;width:100%;height:100%}.preview-card span{color:var(--sage-deep);background:#fffdf8d6;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:850;position:absolute;bottom:10px;right:10px}.result-copy{max-width:540px}.result-copy h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1}.result-copy p{color:var(--muted);margin-top:12px;font-size:1rem;line-height:1.55}.reading-result{gap:14px}.card-spread{grid-template-columns:repeat(3,minmax(0,1fr))}.card-spread[data-count="1"]{grid-template-columns:minmax(0,.72fr)}.oracle-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.card-image-wrap{aspect-ratio:3/4;border-bottom:1px solid var(--border);background:#081320;overflow:hidden}.card-body{gap:8px;padding:13px;display:grid}.position-label{color:var(--gold);text-transform:uppercase;font-size:.7rem;font-weight:900}.card-body h2{font-family:Georgia,Times New Roman,serif;font-size:1.28rem;font-weight:500;line-height:1.1}.card-body p,.card-body dd{color:var(--muted);font-size:.82rem;line-height:1.4}.card-body .suit-label{color:var(--gold);text-transform:uppercase;font-size:.74rem;font-weight:850}.card-body dl{gap:7px;margin:4px 0 0;display:grid}.card-body dt{color:var(--sage-deep);text-transform:uppercase;font-size:.68rem;font-weight:900}.card-body dd{margin:2px 0 0}.guidance-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.guidance-block{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf4b3;padding:14px}.guidance-block h3{color:var(--sage-deep);text-transform:uppercase;font-size:.8rem;font-weight:900}.guidance-block p{color:var(--ink);margin-top:8px;font-size:.92rem;line-height:1.48}.disclaimer{color:var(--soft);margin-top:auto;font-size:.78rem;line-height:1.45}@keyframes arc-left{0%,to{transform:rotate(-14deg)translate(-52px,8px)}45%{transform:rotate(-22deg)translate(-70px,-14px)}70%{transform:rotate(-5deg)translate(-28px,-22px)}}@keyframes arc-center{0%,to{transform:rotate(0)translateY(0)}40%{transform:rotate(-8deg)translate(-18px,-20px)}70%{transform:rotate(8deg)translate(18px,-20px)}}@keyframes arc-right{0%,to{transform:rotate(14deg)translate(52px,8px)}45%{transform:rotate(22deg)translate(70px,-14px)}70%{transform:rotate(5deg)translate(28px,-22px)}}@keyframes shuffle-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes card-flip-in{0%{opacity:0;transform:rotateY(90deg)scale(.88)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes fade-up-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shuffle-scene{border-radius:var(--radius);background:#07111e;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;display:flex}.shuffle-spread{width:180px;height:110px;position:relative}.shuffle-card{background:#081320;border:1.5px solid #c49a4a80;border-radius:8px;width:52px;height:76px;margin-top:-38px;margin-left:-26px;position:absolute;top:50%;left:50%}.shuffle-card--left{z-index:1;animation:2.4s ease-in-out infinite arc-left}.shuffle-card--center{z-index:3;animation:2.4s ease-in-out infinite arc-center}.shuffle-card--right{z-index:2;animation:2.4s ease-in-out infinite arc-right}.shuffle-message{color:#b8976a;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-style:italic;animation:2.4s ease-in-out infinite shuffle-pulse}.card-flip-in{animation:.5s ease-out both card-flip-in}.guidance-fade-in{animation:.5s ease-out both fade-up-in}.fortune-reveal{align-items:center;gap:28px;display:flex}.fortune-reveal .card-spread{flex:none;width:clamp(140px,28%,200px)}.fortune-heading{color:var(--ink);opacity:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;line-height:1.15;animation:.6s ease-out .5s both fade-up-in}@media (max-width:980px){.app-shell{padding:18px}.workspace-grid{grid-template-columns:1fr}.input-panel,.result-panel{min-height:auto}}@media (max-width:640px){.app-shell{padding:12px}.reading-workspace{width:calc(100vw - 24px)}.brand-rail{align-items:flex-start}.topic-grid,.field-row,.empty-card-row,.card-spread,.card-spread[data-count="1"],.guidance-stack{grid-template-columns:1fr}.field-row{align-items:stretch}.draw-button{width:100%}.input-meta{gap:4px;display:grid}.input-meta span:last-child{text-align:left}.preview-card{min-height:170px}}