.swipe-deck{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex}.swipe-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;width:100%;max-width:400px;min-height:420px;max-height:calc(100dvh - 220px);margin:0 auto;position:relative}.swipe-card-behind{opacity:.5;filter:brightness(.92);pointer-events:none;z-index:0;position:absolute;inset:12px 8px 0;transform:scale(.94)translateY(8px)}.swipe-card-behind>*{height:100%}.swipe-card-front{z-index:1;will-change:transform;transition:transform .28s cubic-bezier(.34,1.4,.64,1),opacity .28s;position:absolute;inset:0}.swipe-card-front.dragging{cursor:grabbing;transition:none}.swipe-card-front.exit-left{animation:.28s forwards exitLeft}.swipe-card-front.exit-right{animation:.28s forwards exitRight}@keyframes exitLeft{to{opacity:0;transform:translate(-120%)rotate(-12deg)}}@keyframes exitRight{to{opacity:0;transform:translate(120%)rotate(12deg)}}.swipe-card-front>*{height:100%}.swipe-hint{z-index:2;pointer-events:none;border-radius:999px;padding:.5rem 1rem;font-size:1.1rem;font-weight:800;animation:.6s infinite alternate pulse;position:absolute;top:50%;transform:translateY(-50%)}.swipe-hint--next{color:#fff;background:oklch(55% .2 145/.9);right:0}.swipe-hint--prev{color:#fff;background:oklch(55% .15 250/.9);left:0}@keyframes pulse{0%{opacity:.7;transform:translateY(-50%)scale(.95)}to{opacity:1;transform:translateY(-50%)scale(1.05)}}.swipe-controls{justify-content:center;align-items:center;gap:1rem;width:100%;max-width:400px;padding:1rem 0 .5rem;display:flex}.swipe-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.25rem;transition:transform .15s,opacity .15s;display:grid;box-shadow:0 4px 16px oklch(0% 0 0/.12)}.swipe-btn:active:not(:disabled){transform:scale(.9)}.swipe-btn:disabled{opacity:.3;cursor:default}.swipe-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:200px;display:flex}.swipe-dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:oklch(80% .02 0);border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .2s,background .2s}.swipe-dot.active{background:var(--chapter-accent,oklch(50% .15 250));transform:scale(1.35)}.swipe-deck-hint{color:oklch(55% .02 0);text-align:center;margin:.5rem 0 0;font-size:.8rem}.swipe-counter{color:oklch(60% .02 0);margin:.25rem 0 0;font-size:.75rem;font-weight:600}.picker-card{border-radius:24px;flex-direction:column;height:100%;min-height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px oklch(0% 0 0/.18),inset 0 0 0 1px oklch(100% 0 0/.15)}.picker-card-pattern{opacity:.08;word-break:break-all;pointer-events:none;font-size:1.5rem;line-height:2;position:absolute;inset:0;overflow:hidden}.picker-card-content{z-index:1;flex-direction:column;flex:1;height:100%;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}.picker-emoji{filter:drop-shadow(0 2px 4px oklch(0% 0 0/.2));margin-bottom:.5rem;font-size:3rem;line-height:1;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.picker-num{letter-spacing:.2em;opacity:.75;font-size:.7rem;font-weight:800}.picker-period{background:oklch(100% 0 0/.2);border-radius:999px;width:fit-content;margin-top:.5rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.picker-title{text-shadow:0 1px 3px oklch(0% 0 0/.15);margin:.75rem 0 .5rem;font-size:1.35rem;line-height:1.3}.picker-summary{opacity:.92;flex:1;margin:0;font-size:.88rem;line-height:1.5}.picker-thumb-wrap{border:3px solid oklch(100% 0 0/.35);border-radius:12px;max-height:100px;margin:.75rem 0;overflow:hidden}.picker-thumb{object-fit:cover;width:100%;height:100px}.picker-tags{opacity:.9;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.picker-score{background:oklch(100% 0 0/.22);border-radius:999px;padding:.2rem .55rem}.picker-cta{width:100%;color:var(--chapter-accent,#333);cursor:pointer;-webkit-tap-highlight-color:transparent;background:oklch(100% 0 0/.95);border:none;border-radius:14px;padding:.9rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s;box-shadow:0 4px 16px oklch(0% 0 0/.15)}.picker-cta:active{transform:scale(.97)}.content-card{background:#fff;border-radius:24px;flex-direction:column;height:100%;min-height:400px;display:flex;overflow:hidden;box-shadow:0 16px 40px oklch(0% 0 0/.12)}.content-card-header{background:var(--card-gradient);color:#fff;align-items:center;gap:.6rem;padding:1rem 1.25rem;display:flex}.content-card-emoji{font-size:1.5rem}.content-card-label{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.content-card-body{-webkit-overflow-scrolling:touch;flex:1;padding:1.25rem;overflow-y:auto}.content-card--quiz .content-card-body{padding:1rem}.content-notes-list{margin:0;padding:0;list-style:none}.content-notes-list li{border-bottom:2px dashed var(--card-accent-light);padding:.75rem 0;font-size:.92rem;line-height:1.55}.content-notes-list li:before{content:"✦ ";color:var(--card-accent)}.content-highlight-item{background:var(--card-accent-light);border-left:4px solid var(--card-accent);border-radius:12px;margin-bottom:.75rem;padding:.85rem 1rem}.content-highlight-item strong{color:var(--card-accent);margin-bottom:.25rem;display:block}.content-highlight-item span{color:oklch(45% .02 0);font-size:.85rem}.content-image-wrap{border-radius:12px;margin-bottom:.75rem;overflow:hidden}.content-image-wrap img{border-radius:12px;width:100%}.content-image-caption{color:oklch(50% .02 0);margin:0;font-size:.78rem}.content-script-line{background:var(--card-accent-light);border-radius:10px;margin-bottom:1rem;padding:.75rem}.content-script-speaker{color:var(--card-accent);text-transform:uppercase;font-size:.7rem;font-weight:700}.content-script-line p{margin:.35rem 0 0;font-size:.9rem}.content-intro-title{color:var(--card-accent);margin:0 0 .5rem;font-size:1.25rem}.content-intro-period{color:oklch(55% .02 0);font-size:.75rem;font-weight:600}.content-intro-summary{margin:1rem 0;font-size:.95rem;line-height:1.6}.content-mini-quiz{border:2px solid var(--card-accent-light);border-radius:14px;margin-bottom:.75rem;padding:1rem}.content-mini-quiz p{margin:0 0 .75rem;font-size:.9rem;font-weight:500}.mini-quiz-options{flex-direction:column;gap:.4rem;display:flex}.mini-quiz-opt{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid oklch(90% 0 0);border-radius:10px;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s}.mini-quiz-opt.correct{background:oklch(94% .06 145);border-color:oklch(55% .18 145)}.mini-quiz-opt.wrong{background:oklch(95% .04 25);border-color:oklch(55% .18 25)}.mini-quiz-opt:active{transform:scale(.98)}