@import url('/assets/btyb.css');
:root{--paper:#f7f3e9;--ink:#25261f;--muted:#626255;--coral:#ed6d4f;--cobalt:#3155ce;--line:#d9d5c7;--accent:var(--coral);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}body[data-theme=cobalt]{--accent:var(--cobalt)}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}button:focus:not(:focus-visible),[tabindex="-1"]:focus:not(:focus-visible){outline:none}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}p{line-height:1.6}.wrap{width:100%;max-width:1130px;margin:auto;padding-left:32px;padding-right:32px}.quiz-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.quiz-brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:23px;line-height:.9;font-weight:900;letter-spacing:-1.3px}.quiz-brand .brand-badge{display:grid;place-items:center;background:var(--coral);width:39px;height:39px;border:1.5px solid var(--ink);border-radius:50%;font-family:Georgia,serif;font-size:28px;letter-spacing:-2px;transform:rotate(-12deg)}.quiz-brand .brand-words{max-width:145px}.quiz-header nav{display:flex;gap:24px;font-size:13px;font-weight:700}.quiz-header nav a{text-decoration:none;padding:14px 0}.quiz-header nav a[aria-current]{color:var(--cobalt);text-decoration:underline;text-underline-offset:6px}.skip{position:absolute;left:12px;top:-80px;background:var(--ink);color:white;padding:15px;z-index:3}.skip:focus{top:12px}.hero{padding-top:58px;padding-bottom:36px;display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;line-height:1.5;display:block}.hero .eyebrow{color:var(--cobalt);margin-bottom:20px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.06;letter-spacing:-2px;margin-bottom:22px}.hero-description{font-size:16px;color:var(--muted);max-width:620px}.hero-art{display:flex;align-items:center;justify-content:center}.hero-art svg{width:100%;max-width:280px;overflow:visible}.quiz-shell{padding-bottom:48px}.quiz-app{border:2px solid var(--ink);border-radius:18px;background:#fffcf5;box-shadow:7px 7px 0 var(--accent);overflow:hidden}.start-screen{padding:44px;display:grid;grid-template-columns:.65fr 1.6fr;gap:40px;align-items:center}.start-number{font-family:Georgia,serif;font-size:120px;line-height:1;color:var(--accent);letter-spacing:-10px}.start-number span{display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;margin-top:16px;color:var(--ink);text-transform:uppercase}.start-screen h2{font-family:Georgia,serif;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:-1px;margin:20px 0}.start-screen p{max-width:610px}.primary,.secondary{border:2px solid var(--ink);min-height:52px;border-radius:8px;padding:14px 23px;font-weight:800;line-height:1.3}.primary{background:var(--ink);color:#fff}.primary:hover:not(:disabled){background:var(--cobalt);border-color:var(--cobalt)}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#eee9dc}.micro{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.55}.storage-note{font-size:12px;color:var(--muted);margin-top:22px}.message{border-left:4px solid var(--accent);background:#eee9dc;padding:16px;font-size:14px;margin-bottom:22px}.question-screen{padding:36px 44px}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:1px;gap:20px}.progress-label button{border:0;background:none;font-size:12px;text-decoration:underline;padding:10px;color:var(--muted)}progress{display:block;width:100%;height:5px;border:0;border-radius:0;margin:13px 0 30px;background:#e4e0d2}progress::-webkit-progress-bar{background:#e4e0d2}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.question-screen h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.7px;max-width:820px;scroll-margin-top:22px}.question-note{font-size:14px;color:var(--muted);margin-bottom:25px}.question-screen fieldset{padding:0;border:0;margin:0}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{position:relative;display:flex;gap:16px;align-items:flex-start;border:1.5px solid #cbc7b9;border-radius:9px;padding:19px 17px;min-height:110px;line-height:1.5;cursor:pointer;font-size:15px;background:#fffefa;transition:background .12s}.answer input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.answer:focus-within{outline:3px solid var(--cobalt);outline-offset:3px}.answer:hover{border-color:var(--ink);background:#f3efe4}.answer.selected{border-color:var(--cobalt);background:#edf0fe;box-shadow:inset 0 0 0 1px var(--cobalt)}.answer.selected .answer-letter{background:var(--cobalt);border-color:var(--cobalt);color:white}.answer-letter{display:flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;border:1px solid #b8b4a8;border-radius:50%;font-size:11px;font-weight:800}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}.back{background:none;border:0;padding:14px 0;font-size:14px;font-weight:700}.result-screen{padding:40px 44px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-heading .eyebrow{color:var(--result-color)}.result-mark{font-size:68px;line-height:1;color:var(--result-color)}.result-screen h2{font-family:Georgia,serif;font-size:clamp(35px,5vw,64px);font-weight:500;letter-spacing:-1.5px;line-height:1.04;max-width:780px;margin:14px 0 23px;scroll-margin-top:20px}.result-quote{font-size:20px;font-weight:700;line-height:1.4;max-width:800px}.result-body{font-size:16px;max-width:800px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.result-details h3{font-size:12px;text-transform:uppercase;letter-spacing:1px}.result-details p{font-size:14px;margin:0}.assignment{border-left:4px solid var(--result-color);background:#f0ebde;padding:21px 24px}.assignment p{margin:10px 0 0;font-size:16px}.classification{font-size:12px;color:var(--muted);margin:20px 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px}.quiet-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.quiet-actions button{background:none;border:0;border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px}.shared-note{padding:14px 18px;background:#eef0f9;border-radius:6px;font-size:14px}.related{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding-top:24px;margin-top:34px;text-decoration:none}.related strong{font-family:Georgia,serif;font-size:23px;font-weight:500}.related>span:last-child{font-size:13px;color:var(--muted);line-height:1.5}.panel{margin-top:30px;border:1.5px solid var(--ink);border-radius:12px;padding:28px;background:#fffdf6}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel h2{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:0;scroll-margin-top:24px}.close{background:none;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:13px}.panel p{font-size:14px}.panel input{display:block;width:100%;border:1px solid var(--ink);border-radius:5px;padding:13px;font-size:14px;min-width:0;background:var(--paper)}.panel label{display:block;font-weight:700;font-size:12px;line-height:2}.card-preview{max-width:450px;margin:24px auto}.card-preview svg{width:100%;display:block}.download-link{display:inline-block;text-decoration:none}.editorial{border-top:1px solid var(--line);padding-top:45px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.editorial h2{font-family:Georgia,serif;font-size:30px;font-weight:500;line-height:1.15}.editorial p{font-size:14px;color:var(--muted)}details{border-top:1px solid var(--line);padding:17px 0}summary{font-size:14px;font-weight:700;cursor:pointer;line-height:1.5}details p{margin:12px 0 0}.outcome-list{padding:0;list-style:none;display:grid;gap:16px}.outcome-list li{border-left:3px solid var(--accent);padding-left:15px}.outcome-list strong{font-size:14px}.outcome-list p{margin:5px 0 0;font-size:13px}.quiz-footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.collection-hero{padding-top:64px;padding-bottom:40px}.collection-hero h1{font-family:Georgia,serif;font-size:clamp(45px,7vw,85px);font-weight:500;letter-spacing:-3px;line-height:1.02;max-width:770px}.collection-hero p{max-width:580px}.quiz-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:60px}.quiz-card{display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:13px;text-decoration:none;overflow:hidden;background:#fffdf6;box-shadow:5px 5px 0 var(--accent)}.quiz-card:nth-child(2n){--accent:var(--cobalt)}.card-art{height:205px;display:flex;align-items:center;justify-content:center;background:#f0e7d5;border-bottom:1px solid var(--ink)}.card-art svg{width:190px;height:185px}.card-copy{padding:27px;display:flex;flex-direction:column;flex:1}.card-copy h2{font-family:Georgia,serif;font-size:31px;font-weight:500;line-height:1.12;letter-spacing:-.7px;margin:14px 0}.card-copy p{font-size:14px;color:var(--muted)}.card-cta{margin-top:auto;padding-top:16px;font-size:13px;font-weight:800}.collection-note{max-width:700px;padding-bottom:55px}.collection-note p{font-size:14px;color:var(--muted)}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.quiz-header{min-height:77px;gap:10px}.quiz-brand{font-size:19px;gap:8px}.quiz-brand .brand-badge{width:32px;height:32px;font-size:25px}.quiz-header nav{gap:15px;font-size:12px}.quiz-header nav a:nth-child(3){display:none}.hero{padding-top:35px;padding-bottom:28px;grid-template-columns:1fr;gap:0}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:14px}.hero-art{display:none}.hero-description{font-size:14px;margin-bottom:0}.start-screen{padding:28px 23px;grid-template-columns:1fr;gap:25px}.start-number{font-size:66px;letter-spacing:-5px;display:flex;align-items:center;gap:20px}.start-number span{margin:0;font-size:10px;max-width:70px;line-height:1.5}.start-screen h2{font-size:29px;margin-top:16px}.start-screen .eyebrow{font-size:9px;letter-spacing:.8px}.start-screen p{font-size:14px}.start-screen .primary{width:100%}.quiz-app{box-shadow:4px 4px 0 var(--accent);border-radius:12px}.question-screen,.result-screen{padding:24px 21px}.answer-grid{grid-template-columns:1fr;gap:11px}.answer{min-height:80px;padding:15px 13px;gap:12px;font-size:14px}.question-screen h2{font-size:28px}.question-note{font-size:13px}.question-actions{gap:12px;margin-top:22px}.primary,.secondary{font-size:14px;padding:13px 17px}.result-mark{font-size:48px}.result-heading .eyebrow{font-size:9px;letter-spacing:1px;max-width:180px}.result-screen h2{font-size:39px}.result-quote{font-size:17px}.result-body{font-size:14px}.result-details{grid-template-columns:1fr;gap:20px}.assignment{padding:18px}.assignment p{font-size:14px}.actions{display:grid;grid-template-columns:1fr}.quiet-actions{gap:20px}.related strong{font-size:23px}.panel{padding:21px}.panel h2{font-size:25px}.editorial{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:35px}.quiz-footer{flex-wrap:wrap}.quiz-cards{grid-template-columns:1fr}.collection-hero{padding-top:40px}.collection-hero h1{font-size:55px;letter-spacing:-2px}.card-art{height:185px}.card-copy h2{font-size:31px}.quiz-shell{padding-bottom:30px}.micro{font-size:11px!important}.progress-label{font-size:10px}.progress-label button{padding:9px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Optional correspondence result; existing four result layouts stay unchanged. */
body[data-theme=moss]{--accent:#497c62}.cryptid-letter{background:#fffdf4;border:1px solid #c8c5b5;border-radius:4px;padding:32px 34px;margin:26px 0 28px;box-shadow:5px 6px 0 #e7e0ce;max-width:800px}.cryptid-letter-top{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:15px;border-bottom:1px solid #ded8c8;margin-bottom:24px;padding-bottom:15px}.cryptid-letter .eyebrow{font-size:10px;color:var(--result-color)}.cryptid-postmark{font:700 12px/1.5 Arial,sans-serif!important;letter-spacing:.8px;max-width:230px;margin:12px 0}.cryptid-delivery{display:inline-block;border:1.5px solid var(--result-color);padding:7px 9px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:1px;color:var(--result-color);transform:rotate(-3deg)}.cryptid-portrait svg{display:block;width:100%;height:auto}.cryptid-letter>p{font-family:Georgia,serif;font-size:18px;line-height:1.65;max-width:670px;margin-bottom:20px}.cryptid-letter .cryptid-salutation{font-weight:bold}.cryptid-closing{padding-top:8px}.cryptid-closing strong{display:block;font-weight:500;font-size:27px;margin-top:9px;color:var(--result-color)}.cryptid-letter .cryptid-postscript{font-size:15px;border-top:1px dashed #c5beac;padding-top:18px;margin-bottom:0}.cryptid-letter+.assignment{max-width:800px}
@media(max-width:700px){.cryptid-letter{padding:20px 18px;box-shadow:3px 4px 0 #e7e0ce;margin-top:22px}.cryptid-letter-top{grid-template-columns:minmax(0,1fr) 95px;gap:6px;margin-bottom:20px;padding-bottom:12px}.cryptid-letter .eyebrow{font-size:8px;letter-spacing:.7px}.cryptid-postmark{font-size:9px!important;letter-spacing:.2px}.cryptid-delivery{font-size:7px;padding:5px 6px;letter-spacing:.3px}.cryptid-letter>p{font-size:16px;line-height:1.7}.cryptid-closing strong{font-size:23px;overflow-wrap:anywhere}.cryptid-letter .cryptid-postscript{font-size:14px}}

/* Optional invented-bookshop result. Stars are part of the fiction, never real ratings. */
.bookshop-artifact{max-width:800px;margin:24px 0 28px}.bookshop-fiction{font:800 10px/1.5 Arial,sans-serif;letter-spacing:1.2px;text-align:center;color:var(--result-color);padding:11px;border:1px solid #d9d5c7;border-radius:6px;background:#f4f0e5}.bookshop-storefront{max-width:410px;margin:25px auto 30px;text-align:center}.bookshop-storefront>svg{display:block;width:100%;height:auto}.bookshop-storefront figcaption{font-size:10px;font-weight:800;letter-spacing:2px;margin:8px 0;color:var(--result-color)}.bookshop-complaint{padding:32px;border:2px solid var(--ink);border-radius:4px;background:#fffef8;box-shadow:6px 6px 0 #e3dbc9}.bookshop-rating{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.bookshop-rating svg{width:125px;flex:none}.bookshop-rating span{font-size:9px;line-height:1.5;letter-spacing:1px;font-weight:bold;max-width:200px}.bookshop-complaint h3{font-family:Georgia,serif;font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-.4px;margin:25px 0 20px}.bookshop-complaint>p{font:17px/1.75 Georgia,serif;margin-bottom:20px}.bookshop-redeeming{border-left:4px solid var(--result-color);padding:18px 20px;background:#f2eee2;margin-top:28px}.bookshop-redeeming .eyebrow,.bookshop-owner .eyebrow{font-size:9px;letter-spacing:1px}.bookshop-redeeming p{font:16px/1.7 Georgia,serif;margin:10px 0 0}.bookshop-owner{padding:24px 0 0;margin-top:24px;border-top:1px solid #ded8c8}.bookshop-owner p{font-size:14px;margin:9px 0 0}.bookshop-disclaimer{font-size:11px;color:var(--muted);margin:21px 0 0}
@media(max-width:700px){.bookshop-fiction{font-size:8px;letter-spacing:.7px;padding:9px}.bookshop-storefront{max-width:300px;margin:18px auto 23px}.bookshop-storefront figcaption{font-size:8px;letter-spacing:1px}.bookshop-complaint{padding:21px 18px;box-shadow:3px 4px 0 #e3dbc9}.bookshop-rating{gap:10px}.bookshop-rating svg{width:108px}.bookshop-rating span{font-size:8px;max-width:130px}.bookshop-complaint h3{font-size:25px;margin-top:22px}.bookshop-complaint>p{font-size:16px;line-height:1.7}.bookshop-redeeming{padding:16px 14px}.bookshop-redeeming p{font-size:15px}.bookshop-owner p{font-size:13px}}