.mn-tarot{--mn-ink:#172538;--mn-muted:#566171;--mn-gold:#bc914d;--mn-night:#101f33;--mn-paper:#faf8f3;--mn-line:#dedbd3;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mn-ink);font-size:16px;line-height:1.65;max-width:1120px;margin:32px auto;background:var(--mn-paper);border:1px solid #d8d5ce;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px #14203412;text-align:left;isolation:isolate}
.mn-tarot *,.mn-tarot *::before,.mn-tarot *::after{box-sizing:border-box}
.mn-tarot [hidden]{display:none!important}
.mn-tarot h2,.mn-tarot h3,.mn-tarot h4,.mn-tarot p{padding:0;border:0;text-transform:none;letter-spacing:normal}
.mn-tarot p{margin:0 0 16px;font-size:1em;line-height:1.65}
.mn-tarot h2,.mn-tarot h3,.mn-tarot h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--mn-ink);line-height:1.22}
.mn-tarot h2{font-size:clamp(32px,5vw,52px);margin:18px 0 20px!important}
.mn-tarot h3{font-size:clamp(25px,3vw,34px);margin:12px 0 18px}
.mn-tarot h4{font-size:27px;margin:8px 0 6px}
.mn-tarot__header{padding:42px 48px 34px;background:radial-gradient(ellipse at 94% 15%,#2c455233,transparent 52%),var(--mn-night);position:relative;color:#f5f0e5;border-bottom:3px solid #bc914d}
.mn-tarot__header::after{content:"";position:absolute;right:-95px;top:-130px;width:370px;height:370px;border:1px solid #d6b47a32;box-shadow:0 0 0 30px #d6b47a09,0 0 0 62px #d6b47a09;border-radius:50%;pointer-events:none}
.mn-tarot__header h2{color:#f6f1e8;position:relative;z-index:1}
.mn-tarot__eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#896532;line-height:1.5}
.mn-tarot__header .mn-tarot__eyebrow{color:#dec291}
.mn-tarot__eyebrow>span:first-child{font-size:17px;margin-right:9px}
.mn-tarot__by{color:#acb6c5;letter-spacing:1.7px;margin-left:8px}
.mn-tarot__intro{max-width:740px;font-size:17px!important;color:#d9e0e7;margin-bottom:28px!important;position:relative;z-index:1}
.mn-tarot__path{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff20;padding-top:20px;color:#d8b57c;font-size:12px;letter-spacing:1px;position:relative;z-index:1}
.mn-tarot__path b{color:#e6e8ec;font-size:14px;font-weight:400;letter-spacing:0;margin-left:8px}
.mn-tarot__body{padding:36px 48px 32px}
.mn-tarot label{display:block;font-weight:600;font-size:15px;color:var(--mn-ink);margin-bottom:10px;line-height:1.4}
.mn-tarot textarea,.mn-tarot select{font-family:inherit;font-size:16px;line-height:1.5;background:#fff;color:var(--mn-ink);border:1px solid #c9cbd0;border-radius:10px;box-shadow:none;max-width:100%;padding:14px 16px;outline:none}
.mn-tarot textarea{resize:vertical;display:block;width:100%;min-height:112px;margin:0}
.mn-tarot textarea::placeholder{color:#697281;opacity:1}
.mn-tarot textarea:focus,.mn-tarot select:focus{border-color:#876431;box-shadow:0 0 0 3px #bc914d25}
.mn-tarot textarea[aria-invalid=true]{border-color:#a63131}
.mn-tarot select{min-height:52px;padding-right:40px;width:100%;appearance:auto}
.mn-tarot__hint{font-size:12px!important;color:var(--mn-muted);margin:10px 0 22px!important}
.mn-tarot__controls{display:flex;gap:22px;align-items:flex-end;justify-content:space-between}
.mn-tarot__context-wrap{width:300px;max-width:100%}
.mn-tarot__context-wrap label{font-size:12px;color:var(--mn-muted);margin:0 0 8px}
.mn-tarot button{font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.5;padding:14px 22px;border:1px solid #c8c9c8;border-radius:9px;cursor:pointer;background:white;color:var(--mn-ink);min-height:52px;text-decoration:none;box-shadow:none;transition:background .15s,transform .15s}
.mn-tarot button:hover{background:#f0eade;transform:translateY(-1px);color:var(--mn-ink)}
.mn-tarot .mn-tarot__primary{background:var(--mn-night);border-color:var(--mn-night);color:#f6e5c8;min-width:245px}
.mn-tarot .mn-tarot__primary:hover{background:#253953;color:#fff4df}
.mn-tarot__primary span{margin-right:10px;color:#d5b47f}
.mn-tarot button:disabled{cursor:wait;opacity:.7;transform:none}
.mn-tarot button:focus-visible,.mn-tarot summary:focus-visible,.mn-tarot a:focus-visible{outline:3px solid #a57c40;outline-offset:4px}
.mn-tarot__status{font-size:13px;color:#5a4430;min-height:24px;margin-top:16px;line-height:1.5}
.mn-tarot__waiting{display:flex;justify-content:center;gap:23px;padding:24px 0 32px;opacity:.92}
.mn-tarot__card-back{width:130px;aspect-ratio:2/3;border-radius:10px;background:radial-gradient(circle at 50% 48%,#284258,var(--mn-night) 68%);border:1px solid #b09360;outline:1px solid #b0936080;outline-offset:-9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;position:relative;box-shadow:0 8px 15px #101f3314}
.mn-tarot__card-back::after{content:"";position:absolute;inset:28% 15%;border:1px solid #bfa27070;border-radius:50%}
.mn-tarot__card-back span{color:#d4b77f;font-size:36px;line-height:1}
.mn-tarot__card-back i{font-style:normal;font-size:8px;letter-spacing:1.5px;color:#d6c39f;position:absolute;bottom:22px;text-align:center}
.mn-tarot__card-back:first-child{transform:rotate(-5deg)}
.mn-tarot__card-back:last-child{transform:rotate(5deg)}
.mn-tarot--shuffling .mn-tarot__card-back{animation:mn-pulse .65s ease-in-out infinite alternate}
.mn-tarot--shuffling .mn-tarot__card-back:nth-child(2){animation-delay:.15s}
.mn-tarot--shuffling .mn-tarot__card-back:nth-child(3){animation-delay:.3s}
.mn-tarot__results{scroll-margin-top:30px;border-top:1px solid var(--mn-line);margin-top:24px;padding-top:30px}
.mn-tarot__result-heading{margin-bottom:26px}
.mn-tarot__focus:focus{outline:0}
.mn-tarot__question-echo{font-family:Georgia,"Times New Roman",serif;font-size:21px!important;color:#39475a;overflow-wrap:anywhere}
.mn-tarot__reading-context{font-size:12px!important;color:var(--mn-muted)}
.mn-tarot__reframe{padding:16px 20px;background:#eee9dd;border-left:3px solid var(--mn-gold);border-radius:0 8px 8px 0;font-size:14px!important}
.mn-tarot__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:28px 0 36px}
.mn-tarot__card{min-width:0;animation:mn-reveal .5s ease-out both;animation-delay:calc(var(--mn-card-index)*.1s);overflow-wrap:anywhere}
.mn-tarot__position{font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important;font-weight:700;color:#6e593e;margin-bottom:12px!important}
.mn-tarot__picture{max-width:235px;margin:0 auto 20px;aspect-ratio:2/3;position:relative}
.mn-tarot__picture img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 26px #17253826;max-width:100%}
.mn-tarot__image-fallback{display:grid;place-items:center;height:100%;border:1px solid var(--mn-gold);background:var(--mn-night);color:white;font-family:Georgia,serif;font-size:24px;border-radius:12px;padding:16px;text-align:center}
.mn-tarot__family{font-size:10px!important;letter-spacing:.5px!important;text-transform:uppercase!important;color:var(--mn-muted);margin:0!important}
.mn-tarot__theme{font-size:12px!important;color:#85632e;line-height:1.5!important;margin-bottom:15px!important}
.mn-tarot__card p:not(.mn-tarot__position):not(.mn-tarot__family):not(.mn-tarot__theme){font-size:14px;line-height:1.75}
.mn-tarot__card strong{font-weight:600}
.mn-tarot__card-detail{border-top:1px solid var(--mn-line);padding-top:12px;font-size:13px}
.mn-tarot summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--mn-ink);list-style:revert}
.mn-tarot details p:first-of-type{margin-top:16px}
.mn-tarot__synthesis{background:#fff;border:1px solid var(--mn-line);border-radius:14px;padding:26px 30px;margin-bottom:26px}
.mn-tarot__synthesis p{font-size:15px;line-height:1.75}
.mn-tarot__synthesis p:last-child{margin-bottom:0}
.mn-tarot__journal{background:#ede9e0;padding:28px 30px;border-radius:14px;margin-bottom:28px}
.mn-tarot__journal p{font-size:14px}
.mn-tarot__journal label{font-size:13px}
.mn-tarot__small-step{padding-left:14px;border-left:2px solid #aa854e}
.mn-tarot__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.mn-tarot .mn-tarot__download{border-color:#526174;background:#526174;color:#fff}
.mn-tarot .mn-tarot__download:hover{background:#38485b;color:#fff}
.mn-tarot .mn-tarot__clear{border-color:transparent;background:transparent;font-weight:400;font-size:12px;text-decoration:underline}
.mn-tarot__journal .mn-tarot__hint{margin-bottom:0!important}
.mn-tarot__about{border-top:1px solid var(--mn-line);padding:18px 0}
.mn-tarot__about p{font-size:13px;color:var(--mn-muted);max-width:850px}
.mn-tarot__footer{border-top:1px solid var(--mn-line);padding-top:24px}
.mn-tarot__footer>p:first-child{font-family:Georgia,"Times New Roman",serif;font-size:20px}
.mn-tarot__fine{font-size:12px!important;color:var(--mn-muted);max-width:790px}
.mn-tarot__cta{display:inline-block;font-size:13px;font-weight:600;color:#654c27;text-decoration:none;border-bottom:1px solid #aa854e;padding:3px 0;margin-bottom:20px}
.mn-tarot__cta:hover{color:#172538}
.mn-tarot__signature{display:block;font-size:11px;letter-spacing:.7px;color:#747873;margin-top:8px}
@keyframes mn-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes mn-pulse{from{opacity:.5}to{opacity:1}}
@media(max-width:760px){.mn-tarot{margin:20px auto;border-radius:16px}.mn-tarot__header{padding:30px 24px}.mn-tarot__body{padding:26px 24px}.mn-tarot__controls{gap:16px;align-items:stretch;flex-direction:column}.mn-tarot__context-wrap{width:100%}.mn-tarot__primary{width:100%}.mn-tarot__cards{grid-template-columns:1fr;gap:32px}.mn-tarot__card{border-bottom:1px solid var(--mn-line);padding-bottom:22px}.mn-tarot__picture{max-width:220px}.mn-tarot__path{gap:13px}.mn-tarot__by{display:block;margin:6px 0 0}.mn-tarot__synthesis,.mn-tarot__journal{padding:22px 20px}.mn-tarot__waiting{gap:16px}.mn-tarot__card-back{width:105px}.mn-tarot__card-back i{font-size:7px;letter-spacing:1px}.mn-tarot__actions{flex-direction:column}.mn-tarot__actions button{width:100%}}
@media(max-width:420px){.mn-tarot__header{padding:26px 18px}.mn-tarot__body{padding:24px 18px}.mn-tarot__path{gap:12px}.mn-tarot__path b{font-size:12px;margin-left:4px}.mn-tarot__waiting{gap:12px;padding:20px 0 28px}.mn-tarot__card-back{width:78px;border-radius:7px}.mn-tarot__card-back span{font-size:28px}.mn-tarot__card-back i{bottom:17px;font-size:6px;letter-spacing:.5px}.mn-tarot__synthesis,.mn-tarot__journal{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.mn-tarot *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.mn-tarot{box-shadow:none;border:0;margin:0;max-width:none}.mn-tarot__header{background:white!important;color:#172538;padding:10px 0}.mn-tarot__header h2,.mn-tarot__intro,.mn-tarot__header .mn-tarot__eyebrow{color:#172538!important}.mn-tarot__body{padding:0}.mn-tarot__form,.mn-tarot__waiting,.mn-tarot__about,.mn-tarot__actions,.mn-tarot__path,.mn-tarot__header::after{display:none!important}.mn-tarot__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.mn-tarot__picture{max-width:130px}.mn-tarot__card{break-inside:avoid}.mn-tarot__journal textarea{border:0}.mn-tarot__synthesis,.mn-tarot__journal{background:white}}
/* Reakcja na wąską kolumnę motywu także na dużym ekranie. */
.mn-tarot{container-type:inline-size}
@container (max-width:700px){.mn-tarot__cards{grid-template-columns:1fr;gap:32px}.mn-tarot__card{border-bottom:1px solid var(--mn-line);padding-bottom:22px}.mn-tarot__controls{flex-direction:column;align-items:stretch}.mn-tarot__context-wrap{width:100%}.mn-tarot__primary{width:100%}.mn-tarot__picture{max-width:220px}}