:root{--paper:#f7f2e9;--ink:#282522;--muted:#817b71;--line:#e3ddd2;--gold:#b69762;--plum:#473b50;--serif:'Noto Serif TC',serif;--sans:'DM Sans','Noto Serif TC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.page-shell{max-width:1100px;margin:auto;padding:0 52px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:11px;letter-spacing:.16em;color:var(--ink);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px}.brand i{font-style:normal;color:#c7bba6}.brand-mark{font-size:19px;color:var(--gold)}.top-note{font-size:11px;color:var(--muted);letter-spacing:.08em}.hero{text-align:center;padding:65px 0 40px}.eyebrow,.content-overline{font-size:9px;letter-spacing:.2em;color:#94866f;font-weight:700}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}.eyebrow-line{width:24px;height:1px;background:#cdbd9d}h1,h2,p{margin-top:0}h1{font:500 35px/1.5 var(--serif);letter-spacing:.08em;margin:15px 0 8px}h1 em{font-style:normal;color:#98805a}.intro{font:13px/1.9 var(--serif);color:var(--muted);margin-bottom:18px}.mobile-break{display:none}.date-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:40px;padding:7px 12px;font-size:10px;letter-spacing:.06em;color:#766f65}.date-dot,.caption-dot{height:5px;width:5px;border-radius:50%;background:#b59866}.reading{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;max-width:820px;margin:4px auto 55px}.card-stage{text-align:center}.tarot-card{width:240px;height:360px;margin:0 auto;perspective:1000px;animation:float 5s ease-in-out infinite}.card-frame{height:100%;border-radius:124px 124px 12px 12px;padding:14px;background:linear-gradient(145deg,#62546d,#342a40 70%);box-shadow:0 18px 34px #3b304122,0 3px 9px #3b30411a;position:relative;color:#e9ddc6;display:flex;flex-direction:column;overflow:hidden;transition:transform .8s cubic-bezier(.2,.8,.2,1),background .4s}.card-frame:before{content:"";position:absolute;inset:7px;border:1px solid #ceb99080;border-radius:118px 118px 7px 7px;pointer-events:none}.tarot-card.revealed .card-frame{background:linear-gradient(155deg,#685c6d,#282436 72%);transform:rotateY(0)}.tarot-card.revealed .card-art{transform:scale(1.05)}.card-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;padding:9px 10px 0;opacity:.8}.card-art{position:relative;display:grid;place-items:center;flex:1;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.orbit{position:absolute;border:1px solid #d6c29a45;border-radius:50%;width:155px;height:155px}.orbit-one{transform:rotate(28deg) scaleX(.63)}.orbit-two{transform:rotate(-28deg) scaleX(.63)}.card-art:before{content:"";position:absolute;width:106px;height:106px;border-radius:50%;background:radial-gradient(circle,#cbb48624,transparent 70%)}.card-symbol{font:54px var(--serif);color:#e4d0a8;text-shadow:0 0 25px #d9bf8266;position:relative}.spark{position:absolute;color:#d6c29a}.spark-a{top:27%;left:25%;font-size:17px}.spark-b{right:23%;bottom:25%;font-size:13px}.card-bottom{display:grid;text-align:center;gap:5px;padding-bottom:7px}.card-bottom span{font-size:8px;letter-spacing:.18em;opacity:.68}.card-bottom strong{font:500 19px var(--serif);letter-spacing:.12em}.card-stage .draw-button{width:min(240px,100%);margin:14px auto 0}.card-stage .daily-note{max-width:240px;margin:9px auto 0;line-height:1.6}.stage-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:#999184;font:11px var(--serif)}.reading-content{padding-top:5px}.reading-content h2{font:500 25px/1.5 var(--serif);letter-spacing:.05em;margin:12px 0 10px}.reading-copy{font:13px/1.9 var(--serif);color:#716b63;max-width:370px;margin:0 0 15px}.keyword-row{display:flex;gap:7px;margin:15px 0 20px}.keyword{border:1px solid #e3dbcb;border-radius:20px;color:#887552;padding:5px 10px;font-size:10px}.meaning-box{background:#f1ebdf;border:1px solid #e8dfd0;border-radius:5px;padding:15px 16px;margin:15px 0 18px}.meaning-heading{font:12px var(--serif);display:flex;gap:8px;align-items:center;color:#685941}.meaning-icon{color:var(--gold)}.meaning-box>p{font:12px/1.85 var(--serif);color:#69635b;margin:8px 0 12px}.advice{padding-top:10px;border-top:1px solid #ded4c4}.advice span{font-size:9px;color:#9b896a;letter-spacing:.1em}.advice p{font:11px/1.7 var(--serif);margin:5px 0 0;color:#70695f}.draw-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:#45394d;border:0;color:#f9f5ed;padding:15px 17px;border-radius:3px;font:12px var(--serif);letter-spacing:.1em;cursor:pointer;transition:background .2s,transform .2s}.draw-button:hover{background:#594b62;transform:translateY(-1px)}.draw-button:disabled{cursor:default;background:#82778a;transform:none}.button-arrow{font-size:17px;color:#ddc99e}.daily-note{margin:9px 0 0;color:#9b958b;font-size:9px;letter-spacing:.04em}.draw-history{max-width:820px;margin:-20px auto 50px;border-top:1px solid var(--line);padding-top:15px}.history-head{display:flex;justify-content:space-between;align-items:center}.history-count{font-size:10px;color:var(--muted)}.history-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.history-card{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#faf7f1;color:var(--ink);padding:8px 11px;cursor:pointer;transition:.2s}.history-card:hover,.history-card.active{border-color:#b69c6d;background:#f1ebdf}.history-index{font:9px var(--sans);color:#a38d63}.history-symbol{font-size:13px;color:#8c7651}.history-name{font:11px var(--serif)}.reflection{max-width:820px;margin:0 auto 58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 22px;display:flex;gap:16px;align-items:center}.reflection-mark{font:32px Georgia;color:#bca77f}.reflection-label{font-size:9px;letter-spacing:.16em;color:#9b896a}.reflection p{font:12px var(--serif);color:#716b63;margin:5px 0 0}.library{border-top:1px solid var(--line);padding:31px 0 50px}.library-head{display:flex;justify-content:space-between;align-items:end}.library-head h2{font:500 22px var(--serif);letter-spacing:.1em;margin:9px 0 0}.library-toggle{background:none;border:1px solid var(--line);padding:9px 12px;color:#716b63;font:11px var(--serif);cursor:pointer}.library-toggle span{margin-left:13px;color:var(--gold)}.library-content{padding-top:22px}.search-box{height:42px;border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 12px;color:#9d927e}.search-box>span{font-size:20px}.search-box input{border:0;outline:0;background:transparent;flex:1;color:var(--ink);font:12px var(--serif)}.search-box kbd{font-size:9px;color:#a8a094;border:1px solid var(--line);padding:3px 5px}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.filter{border:1px solid var(--line);color:#837c72;background:transparent;padding:6px 10px;border-radius:20px;font-size:10px;cursor:pointer}.filter.active{background:#493d50;color:#fff;border-color:#493d50}.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.library-card{border:1px solid var(--line);padding:13px 14px;background:#faf7f1;cursor:pointer;transition:border .2s}.library-card:hover{border-color:#bba77f}.library-card .library-name{display:flex;justify-content:space-between;gap:8px;align-items:center;font:13px var(--serif);color:#403a34}.library-card .library-name small{font:9px var(--sans);color:#a28b60}.library-card p{font:10px/1.75 var(--serif);color:#80786d;margin:8px 0 0}.source-note{font:10px/1.7 var(--serif);color:#a09a8e;margin:17px 0 0}footer{border-top:1px solid var(--line);padding:17px 0 24px;display:flex;justify-content:space-between;color:#a29b8e;font-size:8px;letter-spacing:.12em}footer span:last-child{font-family:var(--serif);letter-spacing:.03em}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}[hidden]{display:none!important}@media(max-width:720px){.page-shell{padding:0 22px}.topbar{height:60px}.top-note{font-size:9px}.hero{padding:44px 0 30px}h1{font-size:28px}.intro{font-size:12px}.mobile-break{display:block}.reading{grid-template-columns:1fr;gap:28px;margin:0 auto 42px;max-width:430px}.tarot-card{width:204px;height:306px}.reading-content{padding:0 3px}.reading-content h2{font-size:22px}.reading-copy{max-width:none}.meaning-box{padding:13px}.reflection{margin-bottom:42px}.card-list{grid-template-columns:1fr 1fr}.library{padding-top:25px}footer{font-size:7px}}@media(max-width:390px){.page-shell{padding:0 16px}.brand{font-size:9px}.top-note{letter-spacing:0}.card-list{grid-template-columns:1fr}.filter{padding:6px 8px}}

/* Public-domain Rider–Waite–Smith artwork */
.tarot-card.revealed .card-frame{padding:0;background:#30283a}
.tarot-card.revealed .card-topline,.tarot-card.revealed .card-bottom{display:none}
.tarot-card.revealed .card-art{position:absolute;inset:8px;transform:none}
.card-image{display:none}
.tarot-card.revealed .card-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.tarot-card.revealed .card-art:before,.tarot-card.revealed .card-art .orbit,.tarot-card.revealed .card-art .card-symbol,.tarot-card.revealed .card-art .spark{display:none}
.image-credit{margin:7px 0 0;font:9px/1.6 var(--serif);color:#a09a8e}
.image-credit a{color:#93805b;text-decoration:underline;text-underline-offset:2px}
.library-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start;padding:10px}
.library-art-link{display:block;grid-column:1;grid-row:1;text-decoration:none}
.library-art{display:block;width:46px;aspect-ratio:5/8;object-fit:cover;border:1px solid #e7dfd2;border-radius:2px;background:#eee7db}
.library-copy{min-width:0}
.library-copy .library-name{align-items:start;font-size:12px}
.library-copy .library-name small{font-size:8px;text-align:right}
.library-copy p{font-size:9px;line-height:1.65;margin-top:6px}
@media(max-width:720px){.library-card{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:9px}.library-art{width:42px}.library-copy .library-name{font-size:11px}.library-copy .library-name small{font-size:7px}}