:root{--ink:#100911;--ink2:#201121;--rose:#e54e91;--pink:#ff86bd;--gold:#d9a94d;--gold2:#ffdda0;--white:#fffaf8;--muted:#c7b9c6;--edge:rgba(244,201,121,.26)}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100svh;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 14% 3%,#532042 0%,transparent 36%),radial-gradient(ellipse at 100% 34%,#472228 0%,transparent 39%),linear-gradient(145deg,#180d1e,#090609 70%)}.ambient:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffe1a2 1px,transparent 1.5px);background-size:93px 113px;opacity:.12;mask-image:linear-gradient(#000,transparent 85%)}
.shell{width:min(100% - 24px,860px);margin:auto;padding:14px 0 25px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 5px 13px}.monogram{font-family:Georgia,serif;font-size:1.27rem;font-style:italic;font-weight:700;letter-spacing:.02em;color:var(--gold2)}.monogram span{color:var(--pink);font-style:normal;font:700 .75rem system-ui;letter-spacing:.16em;text-transform:uppercase;margin-left:3px}.lang{font:700 .79rem system-ui;letter-spacing:.04em;border:1px solid var(--edge);border-radius:100px;background:#ffffff0b;color:var(--gold2);min-height:36px;padding:0 15px;cursor:pointer}.lang span{color:#b991a2;margin:0 5px}.heading{text-align:center;padding:6px 12px 14px}.eyebrow{font-size:.72rem;letter-spacing:.29em;color:var(--gold2);font-weight:800;margin:0 0 6px}.heading h1{font:700 clamp(1.65rem,5.8vw,2.5rem)/1.12 Georgia,'Times New Roman',serif;margin:0;color:#ffe8bc;text-shadow:0 2px 18px #d27d5060}.heading h1 em{font-size:.69em;color:var(--pink);white-space:normal;font-style:italic}.tagline{font-size:.91rem;color:var(--muted);margin:10px 0 0}
.card-section{position:relative;border-radius:27px;background:linear-gradient(140deg,#39192e80,#100b158c);border:1px solid var(--edge);padding:12px 12px 9px;box-shadow:0 24px 64px #0009,inset 0 0 32px #fff1}.card-scene{display:block;width:100%;padding:0;background:none;border:0;perspective:1700px;cursor:pointer}.card-rotator{width:100%;aspect-ratio:1024/572;position:relative;display:block;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.74,.1,1)}.card-scene.is-flipped .card-rotator{transform:rotateY(180deg)}.card-face{display:block;position:absolute;inset:0;overflow:hidden;border-radius:17px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 35px #0008;transform:rotateY(0);border:1px solid #fff4}.card-face.back{transform:rotateY(180deg)}.card-face img{display:block;width:100%;height:100%;object-fit:contain}.gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#fff2 52%,transparent 59%);opacity:.38}.flip-link{display:block;margin:9px auto 1px;padding:3px 9px;min-height:30px;color:var(--gold2);background:transparent;border:0;cursor:pointer;font-size:.85rem;font-weight:750;letter-spacing:.02em}.front-back-mark{text-align:center;font-size:.64rem;letter-spacing:.14em;color:#b59ca9;margin:2px 0 0}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px 3px 0}.action{border:1px solid #ffd5e32b;border-radius:16px;min-height:66px;display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:10px 15px;color:var(--white);background:linear-gradient(140deg,#ffffff12,#ffffff05);text-decoration:none;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;text-align:left}.action:hover{border-color:var(--pink);background:linear-gradient(140deg,#ffffff20,#ffffff07)}.action:active{transform:scale(.985)}.action svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:var(--gold2);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.action strong{font-size:.94rem;display:block}.action small{font-size:.75rem;display:block;color:var(--muted);padding-top:2px;line-height:1.25}.action.main-action{grid-column:1/-1;min-height:75px;background:linear-gradient(120deg,#f2c56f,#ffe7a9 49%,#d69a35);color:#291326;border:1px solid #ffe9b4;justify-content:center;box-shadow:0 10px 36px #b783452c}.main-action svg{stroke:#291326;width:28px;height:28px}.main-action strong{font-size:1.15rem}.main-action small{color:#533d46;font-size:.83rem}.status{color:var(--gold2);text-align:center;font-size:.8rem;margin:8px auto;min-height:15px}.status:empty{min-height:0;margin:0}.footer{text-align:center;color:var(--muted);padding:15px 12px 0}.footer p{margin:3px 0;font-size:.71rem}.footer .scripture{color:var(--gold2);font:italic .97rem Georgia,serif;margin-bottom:6px}.divider{width:80px;height:1px;margin:15px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.footer small{font-size:.67rem;color:#a694a2}.footer a{color:var(--gold2);text-decoration:none}.footer a:hover{text-decoration:underline}.ver{display:block;font-size:.62rem;margin-top:4px;letter-spacing:.1em;color:#8c7988}.action:focus-visible,.card-scene:focus-visible,.flip-link:focus-visible,.lang:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}
@media(max-width:560px){.shell{width:calc(100% - 16px);padding-top:8px}.heading{padding-bottom:10px}.heading h1{font-size:clamp(1.45rem,6.5vw,2rem)}.tagline{font-size:.79rem;margin-top:7px}.card-section{padding:7px;border-radius:18px}.card-face{border-radius:10px}.actions{gap:7px;padding-top:10px}.action{gap:7px;padding:8px;min-height:61px}.action svg{width:21px;height:21px}.action strong{font-size:.83rem}.action small{font-size:.69rem}.main-action{min-height:69px}.footer .scripture{font-size:.87rem}}
@media(max-width:360px){.action{padding:7px 5px}.action svg{width:18px;height:18px}.action strong{font-size:.77rem}.action small{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}