:root{--ink:#393c37;--sage:#6b8072;--cream:#f8f5ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 25%,#f6ede4,var(--cream) 65%);color:var(--ink);font-family:Georgia,serif;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:25px max(22px,7vw);gap:15px}a{color:inherit;text-decoration:none}header a:first-child{font-size:22px;letter-spacing:2px}header a:last-child{font:13px system-ui;letter-spacing:1px}.wrap{max-width:1000px;margin:auto;padding:42px 20px 90px;text-align:center}.eyebrow{font:12px system-ui;letter-spacing:4px;text-transform:uppercase;color:var(--sage)}h1{font-size:clamp(42px,7vw,76px);font-weight:400;margin:18px 0 14px}p{line-height:1.75}.intro{font-size:18px;color:#656b63;margin:0 auto 36px;max-width:580px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:760px;margin:0 auto 30px}.card{border:0;background:none;padding:0;cursor:pointer;perspective:1000px;aspect-ratio:3/4.2;color:inherit}.inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card.revealed .inner{transform:rotateY(180deg)}.front,.back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:140px 140px 18px 18px;backface-visibility:hidden;box-shadow:0 12px 35px #5a57461b;padding:20px}.front{background:linear-gradient(145deg,#dfe7da,#f1ede5);border:1px solid #ffffffb8}.front:before{content:"";position:absolute;inset:10px;border:1px solid #ffffffa8;border-radius:130px 130px 12px 12px}.symbol{font-size:clamp(38px,6vw,64px);color:#8a9c8d;margin-bottom:16px;filter:drop-shadow(0 3px 6px #536b5525)}.front .card-title{font:italic clamp(16px,2.4vw,25px) Georgia,serif;letter-spacing:.2px;color:#4e6758;z-index:1}.front .card-hint{font:10px system-ui;letter-spacing:2px;text-transform:uppercase;color:#768979;margin-top:14px;z-index:1}.card:nth-child(2) .front{background:linear-gradient(155deg,#e6e5f1,#f6eae8)}.card:nth-child(3) .front{background:linear-gradient(155deg,#f3e8d7,#e5eee5)}.card:hover:not(:disabled) .front{box-shadow:0 18px 45px #5a574633;transform:translateY(-5px)}.front{transition:transform .25s,box-shadow .25s}.number{font:11px system-ui;letter-spacing:3px;color:#748174}.back{background:#fffdf9;border:1px solid #d9ded3;transform:rotateY(180deg)}.back strong{font-size:clamp(17px,2.3vw,24px);font-weight:400;line-height:1.35}.back small{font:11px system-ui;letter-spacing:2px;color:var(--sage);margin-bottom:15px}.card:focus-visible{outline:3px solid #6d8d76;outline-offset:5px}.card:disabled{cursor:default}.result{max-width:620px;margin:35px auto 0;background:#ffffffa8;border:1px solid #e8e3da;padding:35px 28px;border-radius:18px;animation:rise .5s ease}.result h2{font-weight:400;font-size:30px}.reflection{font-style:italic;color:#657468}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}button.action{border:1px solid #8b9a8b;background:#718675;color:white;border-radius:30px;padding:13px 20px;font:13px system-ui;cursor:pointer}button.action.secondary{background:transparent;color:#4d6755}footer{margin-top:60px;font:12px system-ui;letter-spacing:2px;color:#758075}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:560px){.cards{gap:9px}.front,.back{padding:9px;border-radius:75px 75px 12px 12px}.front:before{inset:6px;border-radius:70px 70px 8px 8px}.back strong{font-size:13px}.back small{font-size:8px;letter-spacing:1px}.intro{font-size:16px}.wrap{padding-top:25px}}@media(prefers-reduced-motion:reduce){.inner{transition:none}.result{animation:none}}
/* Picker expansion: retain the original three-card artwork and palette. */
[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #536f5b;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;padding:12px 18px;background:#fffdf9;border:2px solid #536f5b}.skip-link:focus{top:12px}.library-note{font:13px/1.7 system-ui;letter-spacing:.02em;color:#566b5c;margin:-18px auto 25px}.card{min-height:120px}.front,.back{overflow:hidden}.back strong{overflow-wrap:anywhere}.back small{color:#4f6655}.card-hint{color:#506954!important}.picker-status,.action-status{font:13px/1.6 system-ui;max-width:620px;margin:16px auto;color:#4b6253;min-height:1.6em}.picker-status{margin-top:24px}.result[hidden]{animation:none}.result h2{margin:18px 0;line-height:1.3;text-wrap:balance}.result h2:focus{outline:none}.result .message{font-size:18px}.reflection{font-size:17px;line-height:1.7}.result-meta{font:11px/1.6 system-ui;letter-spacing:.07em;color:#546957}.actions .action{min-height:44px}.action:disabled{cursor:wait;opacity:.7}.manual-copy{margin-top:20px;text-align:left}.manual-copy label{display:block;font:13px/1.5 system-ui;margin-bottom:8px}.manual-copy textarea{width:100%;padding:14px;border:1px solid #7b917d;background:#fffdf9;border-radius:10px;font:16px/1.6 Georgia,serif;resize:vertical;color:var(--ink)}.how-it-works{max-width:650px;margin:35px auto 0;border-top:1px solid #cdd6c8;border-bottom:1px solid #cdd6c8;text-align:left;font:14px/1.7 system-ui}.how-it-works summary{cursor:pointer;min-height:48px;padding:15px 4px;color:#475f4e}.how-it-works .explanation{padding:0 4px 16px}.how-it-works p{margin:12px 0}.how-it-works a{color:#3e624d;text-decoration:underline;text-underline-offset:3px}.fallback-woo{max-width:620px;margin:24px auto;background:#fffdf9;padding:25px;border-radius:18px;border:1px solid #deded2}.footer-link{display:block;margin-top:20px;font:13px/1.7 system-ui;text-decoration:underline;text-underline-offset:4px}button.action{background:#516957;border-color:#516957}.front .symbol{color:#738977}.number{color:#536c5b}.back{padding:18px}.result-meta{letter-spacing:.03em}footer{line-height:1.7}
@media(max-width:560px){.front,.back{padding:9px}.front .card-title{font-size:clamp(12px,3.7vw,19px)}.symbol{margin-bottom:10px}.card .back strong{font-size:clamp(11px,2.9vw,15px)}.back small{font-size:8px;margin-bottom:8px}.result{padding:26px 20px}.result h2{font-size:27px}.result .message{font-size:17px}.reflection{font-size:16px}.library-note{font-size:12px}.actions{gap:9px}.actions .action{font-size:12px;padding:13px 16px}.how-it-works{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover:not(:disabled) .front{transform:none}}