:root{--color-purple:#911ef7;--color-purple-dark:#7b17d3;--color-yellow:#ffeb3b;--color-bg:#f4f4f7;--color-card:#fff;--color-ink:#1c1c1c;--color-muted:#7a7a7a;--color-border:#e6e4ee;--color-soft-border:#efecff;--color-shadow:#d3d3d3;--color-success:#67ce67;--color-danger:#ff3f41;--shadow-soft:0 14px 28px rgba(18,14,35,.12);--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--font-brand:"Bungee","Trebuchet MS",sans-serif;--font-body:"Nunito Sans","Trebuchet MS",sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f4f4f7,#f8f3ff 55%,#fff);color:var(--color-ink);font-family:var(--font-body);margin:0;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{background:transparent;min-height:100vh}.app-main{display:flex;justify-content:center}.mobile-page{background:var(--color-card);background-color:transparent;box-shadow:0 24px 50px #120e2326;min-height:100vh;width:min(100%,460px)}.app-header{background:var(--color-purple);color:#fff}.app-header__inner{align-items:center;display:grid;grid-template-columns:44px 1fr 44px;padding:16px 16px 18px}.app-brand{align-items:center;display:flex;justify-content:center}.app-brand img{aspect-ratio:512/88;height:15px;width:auto}.icon-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.icon-button img,.icon-button svg{height:18px;width:18px}.icon-button--light{border:none}.icon-button--ghost{border-color:var(--color-border);color:var(--color-muted)}.icon-placeholder{display:block;height:36px;width:36px}.page-panel{padding:20px 18px 24px}.page-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.page-title-block{display:flex;flex-direction:column;gap:8px}.page-title{font-size:1.35rem;font-weight:800;margin:0}.page-subtitle{line-height:1.5}.page-eyebrow,.page-subtitle{color:var(--color-muted);margin:0}.page-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-select{align-items:center;background:transparent;border:none;color:var(--color-muted);cursor:pointer;display:inline-flex;font-weight:700;gap:6px;margin-top:12px;padding:0}.brand-select svg{height:16px;width:16px}.chapter-list{border-top:1px solid var(--color-border);list-style:none;margin:14px 0 0;padding:0}.chapter-heading,.paragraph-heading{font-size:1rem;font-weight:600;margin:0}.paragraph-heading{font-size:.95rem}.chapter-link{align-items:center;border-bottom:1px solid var(--color-border);color:#6b6b6b;display:flex;font-weight:600;gap:12px;padding:14px 4px}.chapter-link--toggle{background:transparent;border:none;cursor:pointer;font:inherit;text-align:left;width:100%}.chapter-number{color:#8a8a8a;min-width:26px;text-align:right}.chapter-number--dot{background:#b4b4b4;border-radius:999px;display:inline-block;max-height:8px;max-width:8px;min-height:8px;min-width:8px}.chapter-title{flex:1;line-height:1.3}.chapter-arrow{align-items:center;color:#8a8a8a;display:inline-flex;justify-content:center}.chapter-arrow,.chapter-arrow svg{height:18px;width:18px}.chapter-arrow.is-open{transform:rotate(90deg)}.paragraph-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:6px 0 12px 28px}.paragraph-link{align-items:center;color:#767676;display:flex;font-weight:600;gap:10px;padding:6px 0}.paragraph-title{flex:1;line-height:1.3}.paragraph-arrow{align-items:center;color:#b3b3b3;display:inline-flex;justify-content:center}.paragraph-arrow,.paragraph-arrow svg{height:16px;width:16px}.paragraph-loading{color:var(--color-muted);font-size:.85rem;padding:6px 0}.section-title{font-size:1.1rem;font-weight:800;margin:0 0 12px}.section-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.count-pill{background:#efe8ff;border-radius:999px;color:var(--color-purple-dark);font-size:.85rem;font-weight:700;padding:6px 12px}.theory-text{color:#4a4a4a;line-height:1.65;margin:0}.theory-text p{margin:0 0 12px}.theory-text p:last-child{margin-bottom:0}.theory-text h4,.theory-text h5,.theory-text h6{color:var(--color-ink);font-weight:800;margin:14px 0 8px}.theory-media{border-radius:10px;margin-bottom:20px;overflow:hidden}.theory-media img{aspect-ratio:1/1;display:block;height:150px;margin:0 auto;-o-object-fit:contain;object-fit:contain;width:150px}.question-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:16px 0 0;padding:0}.question-item{background:var(--color-card);border:2px solid var(--color-soft-border);border-radius:10px;box-shadow:none;gap:12px;padding:12px 14px}.question-item,.question-thumb{align-items:center;display:flex}.question-thumb{border-radius:14px;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.question-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.question-content{display:flex;flex:1;flex-direction:column;gap:4px}.question-title{color:var(--color-ink);display:-webkit-box;font-size:.95rem;font-weight:700;-webkit-line-clamp:2;line-height:1.35;margin:0;-webkit-box-orient:vertical;overflow:hidden}.question-subtitle{color:var(--color-muted);font-size:.8rem}.question-arrow{height:14px;width:8px}.question-panel{padding-top:22px}.question-card{background:var(--color-card);border:2px solid var(--color-soft-border);border-radius:10px;box-shadow:0 2px 0 var(--color-shadow);padding:20px 18px 22px;text-align:center}.question-hero{display:flex;justify-content:center;margin-bottom:16px;padding:18px}.question-hero img{aspect-ratio:1/1;height:140px;-o-object-fit:contain;object-fit:contain;width:140px}.question-text{font-size:1.05rem;line-height:1.45;margin:0 0 20px}.question-prompt{color:var(--color-muted);font-size:.95rem;margin:0 0 16px}.answer-buttons{display:flex;gap:12px;justify-content:center}.btn-choice{background:#fff;border:2px solid var(--color-purple);border-radius:6px;box-shadow:0 4px 0 var(--color-purple);color:var(--color-purple);cursor:pointer;font-weight:800;letter-spacing:.04em;min-width:120px;padding:10px 20px}.btn-choice.is-muted{background:#f7f7f7;border-color:#d3d3d3;box-shadow:none;color:#d3d3d3}.btn-choice:disabled{cursor:default}.pressable-button{--pressable-shadow-color:#7a1ad3;align-items:center;background:var(--color-purple);border:2px solid transparent;border-radius:6px;box-shadow:0 4px 0 var(--pressable-shadow-color);color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;justify-content:center;letter-spacing:.04em;padding:12px 20px;text-decoration:none;touch-action:manipulation;transform:translateY(0);transition:transform .24s ease,box-shadow .24s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-tap-highlight-color:transparent}.pressable-button.is-pressed,.pressable-button:active{box-shadow:0 0 0 transparent;transform:translateY(4px)}.pressable-button.is-pressing{animation:press-bounce .32s cubic-bezier(.34,1.2,.5,1) both}.pressable-button.is-releasing{animation:release-bounce .4s cubic-bezier(.34,1.2,.5,1) both}.pressable-button.is-disabled,.pressable-button:disabled{cursor:default;opacity:.7}.answer-panel{border-radius:10px;color:#1c1c1c;margin:12px 18px 28px;padding:22px 18px;text-align:center}.answer-panel--success{background:var(--color-success);color:#fff}.answer-panel--wrong{background:var(--color-danger);color:#fff}.answer-panel--locked{padding-bottom:22px}.answer-title{font-size:2rem;font-weight:800;margin:0 0 10px}.answer-panel--true{background:#e8f8e8;border:2px solid #67ce67}.answer-panel--false{background:#ffe5e5;border:2px solid #d92626}.answer-result-image{display:block;height:auto;margin:0 auto 10px;width:70px}.answer-result-title{font-size:2rem;font-weight:800;margin:0 0 8px}.answer-subtitle{display:flex;flex-direction:column;font-weight:600;gap:2px;margin:0 0 16px}.answer-access-button{margin:0 0 12px}.answer-message{font-weight:600;line-height:1.4;margin:0 0 18px}.pressable-button--primary{background:var(--color-purple);border-color:transparent;color:#fff;--pressable-shadow-color:#7a1ad3}.pressable-button--light{background:#fff;border-color:#e2e2e2;border-radius:12px;color:#1c1c1c;font-weight:700;letter-spacing:normal;padding:10px 14px;--pressable-shadow-color:#d4d4d4}.pressable-button__icon{height:18px;width:18px}@keyframes press-bounce{0%{box-shadow:0 4px 0 var(--pressable-shadow-color);transform:translateY(0)}85%{box-shadow:0 0 0 transparent;transform:translateY(5px)}to{box-shadow:0 0 0 transparent;transform:translateY(4px)}}@keyframes release-bounce{0%{box-shadow:0 0 0 transparent;transform:translateY(4px)}85%{box-shadow:0 5px 0 var(--pressable-shadow-color);transform:translateY(-1px)}to{box-shadow:0 4px 0 var(--pressable-shadow-color);transform:translateY(0)}}.download-label{font-weight:600;margin:16px 0 10px}.store-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.store-button{align-items:center;background:transparent;border:none;display:inline-flex;padding:0}.store-button img{height:40px;width:120px}.answer-illustration{height:auto;margin-top:8px;width:100%}.answer-illustration--wrong{transform:translate(10px)}.crumb-bar{align-items:center;display:flex;gap:12px;padding:16px 18px 0}.burger-button{background:transparent;border:none;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;height:32px;justify-content:center;padding:0;width:32px}.burger-line{background:#4a4a4a;border-radius:999px;height:2px;width:20px}.crumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.crumb-item{color:#6b6b6b;font-size:.85rem;font-weight:700}.crumb-item+.crumb-item:before{color:#bcbcbc;content:"/";margin:0 6px 0 2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.menu-overlay{background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:20}.menu-panel{background:var(--color-card);box-shadow:0 24px 50px #120e2326;min-height:100vh;overflow-y:auto;width:min(100%,460px)}@media(min-width:768px){.mobile-page{background-color:transparent;margin:0}.menu-panel,.mobile-page{border-radius:0;box-shadow:none;width:100%}.app-header__inner{padding:20px 20px 22px}.page-panel{padding:24px 24px 28px}.crumb-bar{padding:20px 24px 0}.answer-panel{margin:16px 24px 32px}}@media(min-width:1024px){.page-panel{padding:28px 32px 32px}.crumb-bar{padding:24px 32px 0}.question-list{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.question-item{height:100%}.answer-panel,.question-card{margin-left:auto;margin-right:auto;max-width:560px}}