:root{--paper:#f5f1e8;--ink:#292b27;--muted:#65655b;--red:#782d38;--line:#d8d2c5;--gold:#a08853;--white:#fffdf8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:17px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bb8c33;outline-offset:4px}button.primary,.primary{border:1px solid var(--red);background:var(--red);color:white;border-radius:3px;padding:17px 24px;font-size:16px;letter-spacing:.02em}.primary:hover{background:#62212a}.secondary{background:none;border:1px solid var(--line);border-radius:3px;padding:12px 20px;color:var(--ink)}.masthead{max-width:1440px;margin:auto;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;font-size:13px;letter-spacing:.14em;line-height:1.5}.brand small{display:block;font-size:10px;letter-spacing:.19em;color:var(--muted)}.seal{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font:22px Georgia,serif;color:var(--red);letter-spacing:-2px;padding-right:2px}.private{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.private i{width:6px;height:6px;background:var(--gold);border-radius:50%}.intro{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;padding:56px 5% 48px;gap:8%}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.19em;color:var(--red);font-weight:600;margin:0 0 20px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4.8vw,68px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:0 0 25px}.intro h1 em{font-weight:400;color:var(--red)}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:480px}.entry{margin-top:30px;max-width:440px}.entry label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}.code-row{display:flex;gap:8px}.code-row input{min-width:0;width:100%;padding:16px 12px;border:1px solid #bfb8a9;background:var(--white);border-radius:3px}.code-row button{white-space:nowrap}.hint{font-size:12px;color:var(--muted);line-height:1.6}.intro-visual{position:relative;min-height:500px;display:flex;flex-direction:column}.intro-visual img{width:100%;height:440px;object-fit:cover;object-position:50% 50%;border-radius:140px 140px 3px 3px;filter:saturate(.73);display:block}.visual-caption{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:14px 0;gap:10px}.principles{border-top:1px solid var(--line);max-width:1170px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:28px 24px}.principle{display:flex;gap:15px}.principle b{font:italic 24px Georgia,serif;color:var(--gold);font-weight:400}.principle h2{font:19px Georgia,serif;margin:0 0 10px}.principle p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.steps{max-width:1000px;margin:38px auto 0;display:flex;gap:28px;padding:0 24px;font-size:11px;letter-spacing:.05em;color:var(--muted)}.steps span{padding-bottom:13px;border-bottom:2px solid transparent}.steps .current{border-color:var(--red);color:var(--red)}.setup{max-width:700px;margin:38px auto 60px;padding:0 24px}.setup h1,.heading h1,.complete h1{font:400 38px Georgia,serif;letter-spacing:-.02em;margin:12px 0}.setup p{line-height:1.6;color:var(--muted)}.setup label.title{display:block;font-size:14px;font-weight:600;margin:28px 0 12px}.setup textarea{width:100%;resize:vertical;min-height:120px;border:1px solid #bfb8a9;background:var(--white);padding:16px;border-radius:4px;line-height:1.5}.field-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:8px 0}fieldset{border:0;padding:0;margin:28px 0}legend{font-size:14px;font-weight:600;margin-bottom:15px}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.format{position:relative;border:1px solid var(--line);padding:17px;display:flex;align-items:center;gap:10px;border-radius:3px;background:var(--white);cursor:pointer}.format:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#f1e6df}.format input{accent-color:var(--red)}.format strong{font:28px Georgia,serif}.format small{font-size:12px}.agreement{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:24px 0}.agreement input{margin-top:5px;accent-color:var(--red);flex:none}.setup .primary{width:100%}.heading{max-width:1300px;margin:30px auto 24px;padding:0 5%;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.heading .eyebrow{margin-bottom:7px}.heading p{font-size:14px;color:var(--muted);line-height:1.6;margin:10px 0}.counter{font:36px Georgia,serif;color:var(--red);white-space:nowrap}.counter small{font:15px Arial;color:var(--muted)}.table-wrap{padding:0 4%;max-width:1440px;margin:auto}.table{background:#562d34;background-image:radial-gradient(ellipse at 50% 20%,#75424a,transparent 70%);border-radius:6px;padding:30px clamp(12px,3vw,40px);box-shadow:inset 0 0 60px #341d2420;color:#f9f3e6}.table-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#e3d4c3;margin-bottom:24px;gap:12px}.deck{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:clamp(7px,1.2vw,17px);max-width:1100px;margin:auto}.card{border:0;background:#f4e3ca;border-radius:3px;padding:0;aspect-ratio:1063/1772;position:relative;box-shadow:0 4px 7px #0003;transition:transform .2s,box-shadow .2s;display:block;width:100%;overflow:hidden}.card img{width:100%;height:100%;object-fit:fill;display:block}.deck .card img{object-fit:cover;border:4px solid #e8d6b9;border-radius:3px}.deck .card:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 10px 12px #0004}.deck .card.taken{visibility:hidden}.table-note{font-size:12px;color:#e3d4c3;text-align:center;margin:23px 0 0;line-height:1.5}.spread-section{max-width:1340px;margin:28px auto 44px;padding:0 5%}.spread-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:18px;gap:12px}.spread{display:flex;gap:clamp(10px,1.8vw,26px);overflow-x:auto;padding:5px 5px 18px;justify-content:flex-start}.spread figure{margin:0;flex:0 0 clamp(100px,12vw,145px);width:clamp(100px,12vw,145px)}.spread figure.empty .slot{border:1px dashed #c6bdab;aspect-ratio:1063/1772;border-radius:3px;display:grid;place-items:center;color:#a89d88;font:24px Georgia,serif}.spread figcaption{font-size:11px;color:var(--muted);margin-top:11px;line-height:1.4}.spread .card{animation:arrive .35s ease-out}.spread figure .face{cursor:zoom-in}.spread figure .back img{object-fit:cover;border:4px solid #e8d6b9}.question-line{font:italic 19px Georgia,serif;color:var(--muted);line-height:1.5;max-width:800px;overflow-wrap:anywhere}.complete{max-width:1200px;margin:40px auto 24px;padding:0 5%}.complete .eyebrow{margin-bottom:10px}.complete p{line-height:1.65;color:var(--muted);max-width:720px}.complete .archive-note{border-left:2px solid var(--gold);padding-left:16px;font-size:14px;margin-top:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}details{margin:20px 0;font-size:13px;line-height:1.6}summary{cursor:pointer;color:var(--red)}code{overflow-wrap:anywhere;font-size:11px}#message{max-width:850px;margin:0 auto;padding:0 24px;color:var(--muted);line-height:1.6;font-size:14px}#message:not(:empty){padding:18px 24px;border:1px solid var(--line);margin:15px auto}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:var(--muted);line-height:1.7}footer>span{font:italic 16px Georgia,serif}footer nav{display:flex;gap:23px;flex-wrap:wrap}dialog{border:0;border-radius:5px;background:var(--paper);padding:18px;max-width:95vw;max-height:96dvh;box-shadow:0 20px 80px #0006}dialog::backdrop{background:#171811d9}dialog img{display:block;max-height:77dvh;max-width:83vw;width:auto;margin:auto}dialog p{font:18px Georgia,serif;text-align:center}.close{display:block;margin:0 0 14px auto;border:1px solid var(--line);background:none;padding:9px 15px;border-radius:3px;color:var(--ink)}#demo-banner{background:#e9dcbf;text-align:center;padding:10px 20px;font-size:12px;line-height:1.5}.legal{max-width:850px;margin:50px auto;padding:0 25px;line-height:1.75}.legal h1{font:40px Georgia,serif}.legal h2{font:25px Georgia,serif;margin-top:32px}.legal p{font-size:16px}.admin{max-width:1100px;padding:35px 24px;margin:auto}.admin h1{font:38px Georgia,serif}.admin input{padding:12px;border:1px solid var(--line);background:var(--white)}.admin article{background:var(--white);padding:22px;border:1px solid var(--line);margin:20px 0;border-radius:4px}.admin article h2{font:24px Georgia,serif;overflow-wrap:anywhere}.admin .mini{display:flex;gap:10px;overflow:auto}.admin .mini img{width:70px}.admin pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px} @keyframes arrive{from{transform:translateY(8px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(min-width:1500px){.intro{min-height:720px;padding-top:70px}.intro-visual img{height:490px}}@media(max-width:800px){.masthead{padding:22px 6%}.private{display:none}.intro{grid-template-columns:1fr 1fr;gap:5%;padding:38px 5%;min-height:0}.intro h1{font-size:45px}.intro-visual{min-height:0}.intro-visual img{height:380px}.lead{font-size:15px}.code-row{flex-wrap:wrap}.code-row button{width:100%}.principles{gap:20px}.heading h1{font-size:31px}.deck{gap:9px}.table{padding:22px 16px}.table-wrap{padding:0 3%}.spread figure{flex-basis:110px}.format{padding:13px 10px}}@media(max-width:580px){:root{font-size:16px}.masthead{padding:19px 6%}.seal{width:39px;height:39px;font-size:20px}.brand{font-size:11px}.brand small{font-size:9px}.intro{display:flex;flex-direction:column;padding:32px 7% 25px;gap:25px}.intro h1{font-size:48px}.eyebrow{font-size:10px;margin-bottom:16px}.lead{font-size:16px}.entry{margin-top:24px;max-width:none}.code-row{flex-wrap:nowrap}.code-row button{width:auto;padding:14px 18px}.intro-visual{margin-top:6px}.intro-visual img{height:240px;border-radius:80px 80px 3px 3px;object-position:50% 46%}.visual-caption{font-size:9px}.principles{grid-template-columns:1fr;gap:24px;margin-bottom:25px;padding:25px 7%}.principle h2{font-size:21px}.principle p{font-size:14px}.steps{font-size:10px;gap:20px;padding:0 7%;margin-top:26px}.setup{padding:0 7%;margin-top:26px}.setup h1{font-size:34px}.format{flex-wrap:wrap;gap:7px;padding:14px 10px}.format small{display:block;width:100%;padding-left:3px}.formats{gap:9px}.heading{padding:0 6%;margin-top:25px;gap:10px}.heading h1{font-size:29px}.counter{font-size:28px}.counter small{font-size:13px}.heading p{font-size:13px}.table-wrap{padding:0 3%}.table{padding:20px 12px}.table-top{font-size:9px;letter-spacing:.1em}.deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px}.deck .card img{border-width:3px}.deck .card{min-height:74px}.table-note{font-size:11px}.spread-section{padding:0 6%;margin-top:25px}.spread figure{flex-basis:100px}.spread-label{font-size:11px}.complete{padding:0 6%;margin-top:28px}.complete h1{font-size:33px}footer{padding:25px 7%;display:block}footer nav{margin-top:18px;gap:18px}.question-line{font-size:18px}#message:not(:empty){margin:16px 6%}.admin input{width:100%;margin-bottom:10px}.admin button{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}