:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7efe2;font-synthesis:none;text-rendering:optimizelegibility;background:#111116;font-family:Inter,Microsoft YaHei,PingFang SC,Hiragino Sans GB,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#11111685,#111116 72%),url(/assets/tarot-table.png) top/cover fixed;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:56px 0 44px}.reader{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:end;gap:32px;min-height:55vh;display:grid}.reader__copy{max-width:680px;padding-bottom:28px}.eyebrow{color:#e8bf70;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#fff8eb;letter-spacing:0;text-shadow:0 18px 46px #0000007a;max-width:8em;margin-bottom:18px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.96}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(1.45rem,3vw,2.1rem)}.lede{color:#e7dccb;max-width:560px;margin-bottom:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.panel,.result{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141218c7;border:1px solid #f7efe22e;border-radius:8px;box-shadow:0 24px 70px #00000057}.panel{padding:22px}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}label,legend{color:#d6c9b6;font-size:.82rem;font-weight:700}label span{margin-bottom:8px;display:block}input,select{color:#fff8eb;background:#07080b94;border:1px solid #e8bf7047;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px}input:focus,select:focus{border-color:#e8bf70;box-shadow:0 0 0 3px #e8bf702e}.segmented{border:0;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;padding:0;display:grid}.segmented legend{grid-column:1/-1;margin-bottom:2px}.segmented label{color:#eaf7f4;cursor:pointer;background:#22363a66;border:1px solid #6db8b347;border-radius:8px;place-items:center;min-height:42px;display:grid}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented label:has(input:checked){color:#fff;background:#6db8b338;border-color:#6db8b3}.draw-button{color:#17100c;cursor:pointer;background:linear-gradient(135deg,#b9444c,#e8bf70);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;font-weight:900;transition:transform .16s,filter .16s;display:inline-flex}.draw-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.result{margin-top:26px;padding:24px}.result__header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.score{aspect-ratio:1;color:#ffd98d;background:#e8bf701f;border:1px solid #e8bf706b;border-radius:50%;flex:none;place-items:center;width:76px;font-size:2rem;font-weight:900;display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tarot-card{background:radial-gradient(circle at 50% 18%,#e8bf7038,#0000 38%),linear-gradient(160deg,#352a41eb,#12131cf2);border:1px solid #fff8eb26;border-radius:8px;min-height:260px;padding:12px}.tarot-card__face{text-align:center;border:1px solid #e8bf705c;border-radius:6px;place-items:center;min-height:152px;padding:16px;display:grid}.tarot-card__face span,.tarot-card__face small{color:#cebfa8;font-size:.78rem}.tarot-card__face strong{color:#fff8eb;font-size:1.55rem}.tarot-card p{color:#e9dfcf;margin:14px 0 0;font-size:.95rem;line-height:1.72}.oracle{color:#f3e6d2;gap:8px;margin:20px 0;line-height:1.8;display:grid}.oracle p{margin:0}.lucky-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.lucky-strip div{background:#6db8b31f;border-radius:8px;padding:14px}dt{color:#9fd8d4;font-size:.78rem;font-weight:800}dd{color:#fff8eb;margin:6px 0 0;font-weight:800}@media (width<=820px){body{background-attachment:scroll}.shell{width:min(100% - 24px,680px);padding-top:24px}.reader{grid-template-columns:1fr;gap:18px;min-height:auto}.reader__copy{padding-bottom:0}h1{max-width:7em}.field-grid,.cards,.lucky-strip{grid-template-columns:1fr}.segmented{grid-template-columns:1fr 1fr}.tarot-card{min-height:auto}}@media (width<=420px){.panel,.result{padding:16px}.result__header{align-items:flex-start}.score{width:62px;font-size:1.55rem}}