:root{color-scheme:dark;--bg:#09111e;--surface:#14253a;--surface2:#1d3450;--ink:#f4f7fc;--muted:#b6c8da;--accent:#83d4ff;--purple:#ad94f4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#1b3053 0,transparent 38%),var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}a{color:var(--accent)}button,textarea,input{font:inherit}.tool-wrap{width:min(100% - 36px,1040px);margin:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:#fff;color:#111;padding:8px}.skip-link:focus{top:8px}.tool-header{border-bottom:1px solid #32465e;background:#0d1b2ae8}.tool-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.tool-brand{font-size:1.2rem;font-weight:750;color:#fff;text-decoration:none}.tool-header nav{display:flex;gap:22px}.tool-header nav a{color:var(--muted);text-decoration:none}.tool-header nav a:hover,.tool-header nav a:focus{text-decoration:underline;color:#fff}.crumb{display:flex;gap:10px;padding:30px 0 15px;color:var(--muted);font-size:.9rem}.intro{max-width:800px;margin:10px auto 32px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:.78rem;font-weight:700}.intro h1{font:700 clamp(2.4rem,6vw,4rem)/1.12 'Space Grotesk',Inter,sans-serif;margin:.25em 0}.intro>p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.notice{background:#193147;border:1px solid #395675;border-radius:14px;padding:16px 20px;text-align:left;font-size:.93rem!important}.notice strong{color:#fff}.chat-shell{max-width:800px;margin:auto;border:1px solid #34516f;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 22px 70px #0005}.chat-top{display:flex;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid #34516f;background:#1b324b}.auto-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #83d4ff22}.chat-top strong,.chat-top small{display:block}.chat-top small{font-size:.8rem;color:var(--muted)}.chat-top button{margin-left:auto;border:1px solid #607992;background:none;color:var(--ink);border-radius:9px;padding:5px 12px;cursor:pointer}.chat-log{list-style:none;padding:23px;margin:0;min-height:220px;max-height:550px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message{max-width:90%;padding:12px 16px;border-radius:15px;background:var(--surface2);border:1px solid #395875}.message.user{align-self:flex-end;background:#30466c;border-color:#637bac}.message p{margin:.3em 0}.message-label{font-size:.75rem;color:#c6daf3;font-weight:700}.card-list{display:grid;gap:10px;margin-top:12px}.card{border-left:3px solid var(--purple);padding:9px 12px;background:#263c56;border-radius:8px}.card strong{display:block;color:#fff}.card small{color:var(--muted)}.chat-form{padding:20px 23px;border-top:1px solid #34516f;background:#162a40}.chat-form fieldset{border:0;padding:0;margin:0 0 16px}.chat-form legend,.chat-form>label{display:block;font-weight:700;margin-bottom:8px}.topic-options{display:flex;gap:8px;flex-wrap:wrap}.topic-options label{cursor:pointer}.topic-options input{position:absolute;opacity:0}.topic-options span{display:block;padding:7px 13px;border:1px solid #58718c;border-radius:50px;color:var(--ink)}.topic-options input:checked+span{background:var(--accent);color:#081724;border-color:var(--accent);font-weight:700}.topic-options input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}textarea{width:100%;resize:vertical;min-height:70px;padding:12px 14px;background:#0e2033;border:1px solid #607992;color:#fff;border-radius:10px}textarea::placeholder{color:#9eb3c9}.form-bottom{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:15px}.form-bottom fieldset{margin:0}.spread-options{display:flex;gap:16px}.spread-options label{cursor:pointer}.spread-options input{accent-color:#83d4ff}.action{border:0;border-radius:10px;background:linear-gradient(110deg,#7cbeef,#a493ec);color:#0a1725;padding:11px 22px;font-weight:800;cursor:pointer}.action:hover{filter:brightness(1.1)}.action:focus-visible,.chat-top button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}.privacy{color:var(--muted);font-size:.82rem;margin:0}.below{max-width:800px;margin:45px auto 70px;color:var(--muted)}.below h2{color:#fff}.tool-footer{border-top:1px solid #34516f;color:var(--muted);padding:20px 0;font-size:.9rem}.tool-footer .tool-wrap{display:flex;justify-content:space-between;gap:15px}@media(max-width:600px){.tool-header-inner,.form-bottom,.tool-footer .tool-wrap{align-items:flex-start;flex-direction:column}.tool-header-inner{padding:15px 0}.tool-header nav{gap:14px}.chat-log{padding:14px}.chat-form{padding:16px}.message{max-width:100%}.form-bottom .action{width:100%}}

/* Візуальні карти Таро */
.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;margin-top:16px;perspective:1100px}
.tarot-card{position:relative;display:flex;flex-direction:column;min-height:300px;margin:0;padding:0;border:1px solid #d8bc86;border-radius:14px;background:#f5ead1;color:#253044;box-shadow:0 12px 24px #0004;transform-style:preserve-3d;transform:rotateY(0);transition:transform .72s cubic-bezier(.2,.75,.2,1)}
.tarot-card.is-flipped{transform:rotateY(180deg)}
.tarot-card-back,.tarot-card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tarot-card-back{display:grid;place-items:center;background:radial-gradient(circle at center,#264a5d,#0f263c 72%);border:8px double #cfb77e;border-radius:12px}
.tarot-card-back::before,.tarot-card-back::after{content:"";position:absolute;inset:15px;border:1px solid #cfb77e;border-radius:50%;transform:rotate(45deg)}
.tarot-card-back::after{transform:rotate(-45deg)}
.card-back-mark{display:grid;place-items:center;width:80px;height:80px;border:1px solid #cfb77e;border-radius:50%;color:#f4dfab;font-size:2.7rem}
.tarot-card-face{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 16px;text-align:center;transform:rotateY(180deg);background:linear-gradient(145deg,#fff9e9,#eadbb9);border:8px double #bd9a59;border-radius:12px}
.card-position,.card-number{font-size:.65rem;font-weight:800;letter-spacing:.13em;color:#6b5231}
.card-symbol{display:grid;place-items:center;width:86px;height:86px;border:1px solid #b9914f;border-radius:50%;font-family:Georgia,serif;font-size:3rem;color:#6b477b;box-shadow:inset 0 0 0 5px #b9914f22}
.card-title{font:700 1.04rem/1.2 Georgia,serif;color:#26374b}
.tarot-card figcaption{font-size:.82rem;line-height:1.45;color:#465366}
.tarot-card:nth-child(2) .card-symbol{color:#557356}.tarot-card:nth-child(3) .card-symbol{color:#9b6134}
@media(max-width:600px){.card-list{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.tarot-card{min-height:255px}.card-symbol{width:68px;height:68px;font-size:2.35rem}.tarot-card-face{padding:11px}.tarot-card figcaption{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.tarot-card{transition:none}}