.swipeable-card{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.4);cursor:-webkit-grab;cursor:grab;touch-action:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:cardEntrance .3s ease-out}.swipeable-card.dragging{transition:none;cursor:-webkit-grabbing;cursor:grabbing}.card-content{padding:24px;height:100%;overflow-y:auto;display:flex;flex-direction:column;position:relative}.card-content h2{margin:0;font-family:"Instrument Serif",serif;font-size:1.6rem;line-height:1.25;font-weight:400;color:var(--text);flex:1 1}.tap-zone{position:absolute;top:0;width:25%;height:100%;z-index:10;cursor:pointer}.tap-zone-left{left:0;border-radius:16px 0 0 16px}.tap-zone-right{right:0;border-radius:0 16px 16px 0}.card-label{display:inline-block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:3px 10px;border-radius:4px;margin-bottom:10px}.card-label-context{background-color:var(--secondary);color:#fff}.card-label-take{background-color:var(--accent);color:#fff}.card-header-left{display:flex;flex-direction:column;flex:1 1;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.part-indicator{background-color:var(--surface);border:1px solid var(--card-border);border-radius:8px;box-shadow:none;padding:4px 12px;font-family:Inter,sans-serif;font-weight:700;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.card-content p{font-size:1.1rem;line-height:1.7;color:var(--text);font-weight:400;flex:1 1}.inline-link{color:var(--accent);text-decoration:none;font-weight:600;border-bottom:1px dotted var(--accent);transition:opacity .2s ease,border-bottom-style .2s ease}.inline-link:hover{opacity:.8;border-bottom-style:solid}.cover-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin-top:0;gap:10px;text-align:center}.cover-logo{font-family:"Instrument Serif",serif;font-size:2.8rem;font-weight:400;color:var(--accent);line-height:1}.cover-date{font-family:Inter,sans-serif;font-weight:600;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.cover-image{width:100%;aspect-ratio:1/1;border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);object-fit:cover;margin:12px 0;background-color:var(--surface)}.cover-stories{margin:0;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-muted)}.swipe-instruction{color:var(--accent);font-size:.9rem;font-weight:600;margin-top:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}to{opacity:.5;transform:translateX(0)}}.subscribe-link{margin-top:4px;color:var(--text-muted);text-decoration:none;font-family:Inter,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;transition:color .2s ease}.subscribe-link:hover{color:var(--accent)}.smart-take-container{display:flex;flex-direction:column;flex:1 1;justify-content:space-between}.smart-take{margin-top:0;padding:20px;background-color:var(--surface);border:1px solid var(--card-border);border-radius:12px;box-shadow:none;font-size:1.1rem;font-weight:400;line-height:1.7;color:var(--text)}.smart-take strong{color:var(--accent)}.read-more-link{display:inline-block;margin-top:16px;padding:14px 20px;background-color:var(--accent);border:none;border-radius:10px;box-shadow:0 4px 16px rgba(232,93,58,.25);color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-weight:700;font-size:1rem;text-transform:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.read-more-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(232,93,58,.35)}.card-footer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--card-border)}.nav-hint{font-family:Inter,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.nav-arrow,.nav-hint{color:var(--text-muted);font-weight:700}.nav-arrow{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px 16px;border-radius:8px;transition:color .2s ease,background-color .2s ease}.nav-arrow:hover{color:var(--accent);background-color:var(--surface)}.share-btn{background:none;border:1px solid var(--card-border);border-radius:8px;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:700;font-size:.8rem;padding:6px 16px;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.share-btn:hover{border-color:var(--accent);color:var(--accent)}@keyframes cardEntrance{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}.reading-streak{text-align:center;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:8px}.newsletter-container{display:flex;flex-direction:column;padding:16px;width:100%;max-width:480px;margin:0 auto;flex:1 1}.progress-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;z-index:10}.progress-bar{display:flex;gap:4px;flex:1 1}.progress-segment{flex:1 1;height:3px;background-color:var(--card-border);border-radius:2px;opacity:.4;transition:opacity .3s ease,background-color .3s ease}.progress-segment.active{opacity:1;background-color:var(--accent)}.progress-segment.completed{opacity:1;background-color:var(--text)}.time-remaining{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.cards-stack{position:relative;flex:1 1;width:100%;min-height:400px}.all-caught-up{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text);position:relative;overflow:hidden}.all-caught-up h2{font-family:"Instrument Serif",serif;font-size:2.4rem;font-weight:400;margin-bottom:8px;color:var(--text);animation:fadeInUp .6s ease-out .3s both}.all-caught-up p{color:var(--text-muted);font-size:1rem;font-weight:400;animation:fadeInUp .6s ease-out .5s both}.checkmark-circle{width:64px;height:64px;border-radius:50%;background-color:var(--secondary);box-shadow:0 8px 24px rgba(91,138,114,.3);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:24px;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55) both}.restart-btn{margin-top:24px;padding:12px 32px;background:none;border:1px solid var(--card-border);border-radius:10px;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:border-color .2s ease,color .2s ease;animation:fadeInUp .6s ease-out .7s both}.restart-btn:hover{border-color:var(--accent);color:var(--accent)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(500px) rotate(2turn);opacity:0}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}