body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f5f2ed;min-height:100vh;font-family:proxima-nova,sans-serif;overflow-x:hidden}.page{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;display:flex}.landing{flex-direction:row;max-width:1440px;height:100vh;margin:0 auto;display:flex;overflow:hidden}.landing-left{flex-direction:column;justify-content:center;width:50%;padding:60px 64px;display:flex}.landing-heading{color:#1a1a1a;letter-spacing:-.03em;margin-bottom:4px;font-family:roca,sans-serif;font-size:4rem;font-style:normal;font-weight:700;line-height:1.1}.landing-description{color:#666;max-width:640px;margin-bottom:16px;font-family:proxima-nova,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.7}.landing-actions{flex-wrap:wrap;align-self:stretch;gap:12px;margin-top:8px;display:flex}.landing-actions .cta-btn,.landing-actions .secondary-btn{flex:1 1 0;min-width:180px}.start-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;align-self:flex-start;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s}.start-btn:hover{background:#333}.secondary-btn{cursor:pointer;background:#efe8d8;border:1.5px solid #ff4552;border-radius:12px;justify-content:center;align-items:center;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px #ff4552}.secondary-btn:hover:not(:disabled){transform:translateY(2px);box-shadow:0 2px #ff4552}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn-label{align-items:center;gap:10px;display:flex}.cta-btn{cursor:pointer;background:#c73e99;border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px #8b1a6b}.cta-btn:hover:not(:disabled){transform:translateY(2px);box-shadow:0 2px #8b1a6b}.cta-btn:disabled{opacity:.4;cursor:not-allowed}.cta-btn-label{z-index:1;pointer-events:none;align-items:center;gap:10px;display:flex;position:relative}.cta-btn-strip{background:#f8da1b;position:absolute;left:0}.landing-right{justify-content:flex-end;align-items:flex-start;gap:12px;width:50%;padding:0 24px;display:flex;overflow:hidden}.masonry-col{flex-direction:column;flex-shrink:0;gap:12px;animation:55s linear infinite masonry-scroll;display:flex}@keyframes masonry-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.masonry-card{transform-origin:0 0;border-radius:20px;width:380px;height:520px;position:relative;overflow:hidden;transform:scale(.5)}.masonry-flip-wrapper{flex-shrink:0;width:190px;height:260px}.masonry-flip-inner{width:100%;height:100%;position:relative}.masonry-flip-face{position:absolute;inset:0}.masonry-flip-front{transform:rotateY(180deg)}.masonry-card-back-stripes{align-items:flex-start;gap:16px;height:420px;display:flex;position:absolute;top:0;left:8px;right:8px}.masonry-back-stripe{border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex:1}.masonry-card-back-band{justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.back-term{text-align:center;font-family:roca,serif;font-size:28px;font-weight:700;line-height:1.2}.carousel-area{justify-content:center;align-items:center;gap:48px;padding:24px 0;display:flex}.stack{width:380px;max-width:80vw;height:520px;position:relative}.card{border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.card-stripe-band{gap:16px;height:96px;display:flex;position:absolute;left:8px;right:8px}.card-stripe-band.top{align-items:flex-start;top:0}.card-stripe-band.top .card-stripe{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.card-stripe-band.bottom{align-items:flex-end;bottom:0}.card-stripe-band.bottom .card-stripe{border-top-left-radius:8px;border-top-right-radius:8px}.card-stripe{flex:1}.card-panel{z-index:1;border-radius:8px;flex-direction:column;padding:28px;display:flex;position:absolute;inset:32px}.card-divider{background:#000;height:1px;margin-bottom:12px}.term{letter-spacing:-.03em;margin-bottom:4px;font-family:roca,sans-serif;font-size:2.25rem;font-style:normal;font-weight:700;line-height:1.2}.explanation{font-family:proxima-nova,sans-serif;font-size:1rem;font-weight:400;line-height:1.7}.arrow-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:background .15s;display:flex}.arrow-btn:hover{background:#333}.hint{color:#888884;letter-spacing:.01em;font-size:.9rem}.game-modal{z-index:200;background:#055a5b;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:stretch;width:60vw;height:60vh;margin:auto;padding:160px 80px 48px;display:flex;position:fixed;inset:0;overflow:hidden}.modal-stripe-band{pointer-events:none;align-items:flex-start;gap:16px;display:flex;position:absolute;top:0;left:8px;right:8px}.modal-stripe{background:#e6e6e6;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex:1}.end-screen-text{flex-direction:column;align-items:center;gap:8px;display:flex}.end-screen{z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:420px;max-height:85vh;padding:40px;display:flex;position:relative;overflow-y:auto}.modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1rem;line-height:1;transition:color .15s;position:absolute;top:16px;right:16px}.modal-close:hover{color:#333}.quiz-box{max-width:500px}.result-box{max-width:460px}.modal-set-label{letter-spacing:.08em;text-transform:uppercase;color:#888;margin:0 0 8px;font-size:.75rem;font-weight:600}.modal-emoji{text-align:center;font-size:2.5rem;line-height:1}.modal-text-group{flex-direction:column;gap:6px;display:flex}.modal-title{color:#e6e6e6;letter-spacing:-.02em;text-align:center;font-family:roca,sans-serif;font-size:4rem;font-weight:700;line-height:1}.modal-body{color:#e6e6e6cc;text-align:center;font-size:1.5rem;line-height:1.6}.modal-actions{flex-direction:column;gap:10px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:14px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,opacity .15s}.modal-btn.primary{color:#fff;background:#111}.modal-btn.primary:hover{background:#333}.modal-btn.secondary{color:#333;background:#f0f0f0}.modal-btn.secondary:hover{background:#e0e0e0}.modal-btn.outline{color:#111;background:0 0;border:1.5px solid #111}.modal-btn.outline:hover{background:#f0f0f0}.end-screen-actions{gap:12px;display:flex}.about-btn{align-items:center;gap:10px;padding-left:8px;display:flex}.about-btn-img{object-fit:cover;border:2px solid #f5f2ed;border-radius:6px;flex-shrink:0;width:36px;height:36px}.about-creator-bio{text-align:center;max-width:880px;font-size:3rem;line-height:1.5}.about-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.about-link-btn{color:#000;cursor:pointer;background:0 0;border:1.5px solid #000;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.about-link-btn:hover{opacity:.6}.about-link-copy-icon{color:#000;align-items:center;display:flex}.quiz-counter{text-align:center;font-family:proxima-nova,sans-serif;font-size:.95rem;font-weight:600}.quiz-counter-current{color:#0f0f0f}.quiz-counter-sep,.quiz-counter-total{color:#aaa}.quiz-nav{gap:8px;width:100%;display:flex}.quiz-nav-back{color:#111;cursor:pointer;background:0 0;border:1.5px solid #111;border-radius:12px;flex:1;padding:14px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s}.quiz-nav-back:hover:not(:disabled){background:#f0f0f0}.quiz-nav-back:disabled{opacity:.35;cursor:default}.quiz-nav-next{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;flex:1;padding:14px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,opacity .15s}.quiz-nav-next:hover:not(:disabled){background:#333}.quiz-nav-next:disabled{cursor:not-allowed;background:#ccc}.quiz-layout{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.quiz-slide-area{overflow:hidden}.quiz-slide-content{flex-direction:column;gap:12px;padding:4px 0;display:flex}.quiz-term{letter-spacing:-.03em;color:#0f0f0f;text-align:center;font-family:roca,sans-serif;font-size:2rem;font-weight:700;line-height:1.2}.quiz-option.selected{background:#f0f0f0;border-color:#111}.modal-btn.primary:disabled{cursor:not-allowed;background:#ccc}.quiz-progress{color:#aaa;letter-spacing:.02em;font-size:.85rem;font-weight:600}.quiz-explanation{color:#1a1a1a;font-size:1rem;font-weight:400;line-height:1.7}.quiz-prompt{color:#888;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{color:#1a1a1a;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:12px 18px;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s,opacity .15s}.quiz-option:hover:not(.correct):not(.wrong):not(.dimmed){border-color:#999}.quiz-option.correct{color:#1b6b3a;background:#e6f4ec;border-color:#2e9e5b}.quiz-option.wrong{color:#a32020;background:#fde8e8;border-color:#d9534f}.quiz-option.dimmed{opacity:.35;cursor:default}.quiz-next-btn{align-self:flex-end;margin-top:8px}.quiz-screen{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.quiz-screen-inner{flex-direction:column;gap:24px;display:flex}.quiz-screen-body{align-items:center;gap:48px;display:flex}.quiz-card-back{border-radius:20px;flex-shrink:0;width:380px;height:520px;position:relative;overflow:hidden}.quiz-progress-bar{background:#d0cdc8;border-radius:999px;height:10px;position:relative;overflow:hidden}.quiz-progress-fill{background:#1a1a1a;height:100%;position:absolute;top:0;left:0}.quiz-progress-divider{background:#fff;width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.quiz-screen-right{flex-direction:column;width:420px;display:flex;overflow:hidden}.quiz-screen-options{flex-direction:column;gap:16px;display:flex}.quiz-screen-nav{gap:8px;display:flex}.quiz-results{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.quiz-results-score{text-align:center}.quiz-results-actions{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.result-score{color:#0f0f0f;letter-spacing:-.04em;font-size:3rem;font-weight:800;line-height:1}.result-score-denom{color:#aaa;font-size:1.75rem;font-weight:500}.result-title{color:#0f0f0f;letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.result-body{color:#666;font-size:.95rem;line-height:1.6}.result-review{border-top:1px solid #ebebeb;flex-direction:column;gap:16px;padding-top:16px;display:flex}.review-item{flex-direction:column;gap:4px;display:flex}.review-term{color:#0f0f0f;font-size:.95rem;font-weight:700}.review-term.review-correct{color:#2e9e5b}.review-term.review-wrong{color:#d9534f}.review-explanation{color:#666;font-size:.9rem;line-height:1.6}.review-explanation.review-chosen{color:#d9534f}.review-explanation.review-answer{color:#2e9e5b}
