.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,box-shadow .3s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swipeable-card[data-index="1"]{box-shadow:0 8px 20px rgba(0,0,0,.3)}.swipeable-card[data-index="2"]{box-shadow:0 4px 12px rgba(0,0,0,.2)}.swipeable-card[data-index]:not([data-index="0"]){animation:cardEntrance .3s ease-out}.swipeable-card.dragging{transition:none;cursor:-webkit-grabbing;cursor:grabbing;animation:none;box-shadow:0 20px 48px rgba(0,0,0,.6)}.swipeable-card.snap-back{border-color:var(--accent);transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease,box-shadow .3s ease,border-color .3s ease}.card-content{padding:16px 14px;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)}.tap-zone{position:absolute;top:0;width:25%;height:100%;z-index:10;cursor:pointer}.tap-zone:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.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.6;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}.inline-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inline-link:active{opacity:.6}.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%;border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);object-fit:contain;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)}.cover-title{margin:0;font-family:"Instrument Serif",serif;font-size:2rem;font-weight:400;color:var(--text);line-height:1.2}.cover-games{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.swipe-instruction{color:var(--accent);font-size:.9rem;font-weight:600;margin-top:4px;animation:pulse 2s ease-in-out 3}@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)}.read-more-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.read-more-link:active{transform:scale(.97)}.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,transform .1s ease}.nav-arrow:hover{color:var(--accent);background-color:var(--surface)}.nav-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-arrow:active{transform:scale(.9)}.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;min-width:100px;text-align:center}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn:active{transform:scale(.95)}@keyframes cardEntrance{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}.game-container{display:flex;flex-direction:column;align-items:center;height:100%;padding:0;position:relative;overflow:hidden}.game-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:12px;align-self:flex-start}.card-label-game{background-color:var(--secondary);color:#fff}.card-label-span{background-color:var(--accent);color:#fff}.grid-grid-area{display:flex;flex-direction:column;align-items:center;flex:1 1;justify-content:center;touch-action:pan-y;overscroll-behavior:none;width:100%}.grid-board{display:grid;grid-gap:0;gap:0}.grid-col-clue{flex-direction:column;padding-bottom:4px;gap:0}.grid-col-clue,.grid-row-clues{display:flex;align-items:center;justify-content:flex-end;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;color:var(--text-muted);transition:opacity .3s ease}.grid-row-clues{gap:2px;padding-right:4px}.clue-satisfied{opacity:.3;text-decoration:line-through}.grid-cell{border:1px solid var(--card-border);background-color:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;color:var(--text-muted)}.grid-cell.filled{background-color:var(--text)}.grid-cell.marked{background-color:var(--surface)}.grid-cell.solved{background-color:var(--accent);border-color:var(--accent)}.grid-cell.solved,.grid-cell.solved-empty{transition:background-color .3s ease,border-color .3s ease}.grid-cell.solved-empty{background-color:var(--bg);border-color:var(--bg)}.grid-mode-toggle{display:flex;margin-top:12px;border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.mode-btn{background:none;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:700;font-size:.75rem;padding:6px 16px;cursor:pointer;transition:all .2s ease}.mode-btn.active{background-color:var(--text);color:var(--bg)}.game-help{width:100%;margin-bottom:8px}.game-help-toggle{background:none;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.5px;cursor:pointer;padding:2px 0;opacity:.7;transition:opacity .2s ease}.game-help-toggle:hover{opacity:1}.game-help-body{margin-top:4px;padding:8px 10px;background:var(--surface);border:1px solid var(--card-border);border-radius:6px;animation:fadeInGame .25s ease-out}.game-help-body p{font-family:Inter,sans-serif;font-size:.72rem;line-height:1.45;color:var(--text-muted);margin:0}.game-help-body p+p{margin-top:4px}.game-help-body strong{color:var(--text)}.game-hint{font-size:.75rem;margin-top:12px;text-align:center}.game-check-btn,.game-hint{font-family:Inter,sans-serif;color:var(--text-muted)}.game-check-btn{background:none;border:1px solid var(--card-border);border-radius:8px;font-weight:700;font-size:.8rem;padding:6px 20px;cursor:pointer;margin-top:10px;transition:all .2s ease;letter-spacing:.5px}.game-check-btn:hover{border-color:var(--accent);color:var(--accent)}.game-check-btn:active{transform:scale(.95)}.game-clear-btn{background:none;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:600;font-size:.7rem;padding:4px 12px;cursor:pointer;margin-top:6px;opacity:.6;transition:opacity .2s ease,color .2s ease;letter-spacing:.5px}.game-clear-btn:hover{opacity:1;color:var(--accent)}.game-clear-btn:active{transform:scale(.95)}.grid-cell.wrong{animation:wrongFlash .8s ease}@keyframes wrongFlash{0%,to{background-color:var(--surface)}25%,75%{background-color:rgba(232,93,58,.35)}}.grid-cell.filled.wrong{animation:wrongFlashFilled .8s ease}@keyframes wrongFlashFilled{0%,to{background-color:var(--text)}25%,75%{background-color:rgba(232,93,58,.7)}}.game-solved-label{font-family:"Instrument Serif",serif;font-size:1.1rem;color:var(--accent);margin-top:10px;text-align:center;animation:fadeInGame .5s ease-out}.game-time{font-size:.8rem;color:var(--text-muted);margin-top:4px;animation:fadeInGame .5s ease-out .2s both}.game-best-time,.game-time{font-family:Inter,sans-serif;text-align:center}.game-best-time{font-size:.75rem;font-weight:700;color:var(--secondary);margin-top:2px;animation:fadeInGame .5s ease-out .3s both}.game-new-best{font-size:.8rem;font-weight:700;color:gold;animation:popInGame .5s cubic-bezier(.68,-.55,.265,1.55) both}.game-new-best,.game-streak{font-family:Inter,sans-serif;margin-top:4px;text-align:center}.game-streak{font-size:.75rem;font-weight:600;color:var(--accent);animation:fadeInGame .5s ease-out .3s both}.game-milestone{font-family:"Instrument Serif",serif;font-size:1.2rem;color:var(--accent);animation:popInGame .5s cubic-bezier(.68,-.55,.265,1.55) both}.game-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:.75rem;padding:5px 16px;cursor:pointer;margin-top:8px;transition:all .2s ease;letter-spacing:.5px;animation:fadeInGame .5s ease-out .4s both}.game-share-btn:hover{border-color:var(--accent);color:var(--accent)}.game-share-btn:active{transform:scale(.95)}.game-share-all-btn{border-color:var(--accent);color:var(--accent)}.game-confetti-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:10}.game-confetti-piece{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:confettiFallGame linear forwards}@keyframes confettiFallGame{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(500px) rotate(2turn);opacity:0}}@keyframes fadeInGame{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popInGame{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.game-footer-nav{justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--card-border)}.game-footer-nav,.span-grid-area{display:flex;align-items:center;width:100%}.span-grid-area{flex-direction:column;flex:1 1;justify-content:center;touch-action:pan-y}.span-board{position:relative;touch-action:pan-y}.span-island{position:absolute;width:36px;height:36px;border-radius:50%;border:2px solid var(--text-muted);background:var(--card-bg);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;color:var(--text);z-index:2;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:border-color .2s ease,color .2s ease}.span-island.satisfied{border-color:var(--secondary);color:var(--secondary)}.span-island.over{border-color:#e85d3a;color:#e85d3a}.span-island.solved{border-color:var(--accent);color:var(--accent);animation:fadeInGame .5s ease-out}.span-bridge-zone{position:absolute;z-index:3;cursor:pointer}.span-hint-pulse{background:rgba(232,93,58,.15);border-radius:4px;animation:spanHintPulse 1.5s ease-in-out infinite}@keyframes spanHintPulse{0%,to{background:rgba(232,93,58,.08)}50%{background:rgba(232,93,58,.2)}}.span-bridge-line{position:absolute;background:var(--text-muted);z-index:1;border-radius:1px;transition:background-color .2s ease}.span-bridge-line.solved{background:var(--accent)}@media (max-width:360px){.grid-col-clue,.grid-row-clues{font-size:.6rem}}.card-label-sorted{background-color:#d4a853;color:#171717}.sorted-game-area{display:flex;flex-direction:column;align-items:center;flex:1 1;justify-content:flex-start;touch-action:pan-y;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sorted-theme{font-family:"Instrument Serif",serif;font-size:.95rem;color:var(--text);text-align:center;margin-bottom:10px;line-height:1.3}.sorted-theme-desc{font-family:Inter,sans-serif;font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:4px}.sorted-columns{display:flex;gap:4px;width:100%;align-items:flex-end;margin-bottom:12px}.sorted-labels-col{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;max-width:40px;padding-right:2px;overflow:hidden}.sorted-labels-col .sorted-corner{height:20px;flex-shrink:0}.sorted-labels-col .sorted-cat-label{height:36px;display:flex;align-items:center}.sorted-cat-label{font-family:Inter,sans-serif;font-size:.5rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sorted-col{flex-direction:column;flex:1 1;min-width:0}.sorted-col,.sorted-pos-header{display:flex;align-items:center}.sorted-pos-header{font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;text-align:center;height:20px;justify-content:center}.sorted-col-cells{display:flex;flex-direction:column;gap:3px;background:var(--surface);border-radius:8px;padding:3px;border:1px solid var(--card-border);width:100%}.sorted-cell{width:100%;height:36px;border-radius:6px;border:2px dashed var(--card-border);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease;background:var(--bg);box-sizing:border-box}.sorted-cell.filled{border-style:solid;border-color:transparent;background:var(--card-bg)}.sorted-cell.drop-target{border-color:var(--accent);background:rgba(232,93,58,.08)}.sorted-cell.solved{border-color:var(--accent);background:rgba(232,93,58,.1)}.sorted-cell-dot{width:14px;height:14px;border-radius:50%;cursor:-webkit-grab;cursor:grab;transition:transform .15s ease,opacity .15s ease}.sorted-cell-dot:active{cursor:-webkit-grabbing;cursor:grabbing}.sorted-cell-dot.selected{box-shadow:0 0 0 3px rgba(232,93,58,.5)}.sorted-cell-dot.dragging-source{opacity:.3}.sorted-cell-dot.solved{cursor:default}.sorted-trays{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.sorted-tray-block{width:100%}.sorted-tray-cat-label{font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.sorted-tray-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.sorted-tray-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:var(--card-bg);border:2px solid var(--card-border);cursor:-webkit-grab;cursor:grab;transition:border-color .2s ease,opacity .2s ease}.sorted-tray-item:active{cursor:-webkit-grabbing;cursor:grabbing}.sorted-tray-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(232,93,58,.3)}.sorted-tray-item.dragging-source{opacity:.3}.sorted-tray-item.placed{opacity:.25;cursor:default;border-style:dashed}.sorted-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sorted-tray-item-name{font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sorted-clues{width:100%;padding:0;margin:2px 0 0;list-style:none;flex-shrink:1;overflow-y:auto;min-height:0}.sorted-clue{font-family:Inter,sans-serif;font-size:.65rem;line-height:1.4;color:var(--text-muted);padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:6px;transition:opacity .2s ease,color .2s ease}.sorted-clue-icon{flex-shrink:0;width:14px;text-align:center;font-size:.6rem}.sorted-clue.satisfied{opacity:.3;text-decoration:line-through;max-height:0;padding:0 6px;margin:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.sorted-clue.satisfied .sorted-clue-icon{color:var(--secondary)}.sorted-clue.violated .sorted-clue-icon{color:var(--accent)}.sorted-clue.violated-flash{animation:clueViolatedPulse .5s ease 3;background:rgba(232,93,58,.08);border-radius:4px}.sorted-clue.violated-flash .sorted-clue-icon{color:var(--accent)}@keyframes clueViolatedPulse{0%,to{background:rgba(232,93,58,.08)}50%{background:rgba(232,93,58,.2)}}.sorted-wrong-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--accent);text-align:center;margin:6px 0;animation:wrongFadeIn .3s ease}@keyframes wrongFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sorted-drag-ghost{position:fixed;pointer-events:none;z-index:1000;transform:translate(-50%,-50%)}.sorted-ghost-dot{width:20px;height:20px;border-radius:50%;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.sorted-shake{animation:sortedShake .5s ease}@keyframes sortedShake{0%,to{transform:translateX(0)}10%,50%,90%{transform:translateX(-4px)}30%,70%{transform:translateX(4px)}}.sorted-all-placed{font-family:Inter,sans-serif;font-size:.65rem;color:var(--text-muted);opacity:.5;text-align:center;padding:2px 0}.card-label-morph{background-color:#7c5cbf;color:#fff}.morph-game-area{display:flex;flex-direction:column;align-items:center;flex:1 1;width:100%;min-height:0;overflow-y:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.morph-theme{font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px}.morph-chain,.morph-step{width:100%;display:flex;flex-direction:column;align-items:center}.morph-connector{opacity:.3;padding:2px 0}.morph-clue,.morph-connector{color:var(--text-muted);font-size:.7rem}.morph-clue{font-family:Inter,sans-serif;font-style:italic;text-align:center;margin-bottom:4px}.morph-hint-badge{font-style:normal}.morph-hint-btn{background:none;border:1px dashed var(--card-border);border-radius:6px;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;padding:3px 12px;cursor:pointer;margin-bottom:4px;transition:border-color .2s ease,color .2s ease}.morph-hint-btn:hover{border-color:var(--accent);color:var(--accent)}.morph-locked-label{opacity:.4;font-style:normal}.morph-submit-btn{margin-top:8px;padding:6px 24px;border:1px solid var(--card-border);border-radius:8px;background:none;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,color .2s ease}.morph-submit-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.morph-submit-btn:disabled{opacity:.3;cursor:default}.morph-word-row{display:flex;gap:4px;align-items:center;justify-content:center;width:100%}.morph-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-family:"Instrument Serif",serif;font-size:1.2rem;font-weight:600;letter-spacing:.5px;text-transform:lowercase;white-space:nowrap}.morph-pill-anchor{background:var(--text);color:var(--bg)}.morph-pill-revealed{background:var(--surface);border:1px solid var(--card-border);color:var(--text)}.morph-pill-solved{background:rgba(91,138,114,.1);border:1px solid var(--secondary);color:var(--secondary)}.morph-pill-locked{background:var(--surface);border:1px dashed var(--card-border);color:var(--text-muted);opacity:.3;letter-spacing:3px}.morph-confirmed .morph-pill-revealed{background:rgba(91,138,114,.1);border-color:var(--secondary);color:var(--secondary)}.morph-blanks{display:flex;gap:3px}.morph-cell{width:32px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-family:"Instrument Serif",serif;font-size:1.15rem;font-weight:600;text-transform:lowercase;transition:background-color .2s ease,border-color .2s ease}.morph-cell-blank{background:var(--bg);border:2px solid var(--card-border)}.morph-cell-blank:focus-within{border-color:var(--accent)}.morph-cell-correct{background:rgba(91,138,114,.12);border:2px solid var(--secondary)}.morph-cell-correct,.morph-cell-correct span{color:var(--secondary)}.morph-cell-solved{border-color:var(--secondary);background:rgba(91,138,114,.08)}.morph-cell-solved span{color:var(--secondary)}.morph-flip-correct{animation:morphFlipCorrect .3s ease;background:rgba(91,138,114,.12);border-color:var(--secondary)}@keyframes morphFlipCorrect{0%{transform:scaleY(1)}50%{transform:scaleY(0);background:var(--surface)}to{transform:scaleY(1);background:rgba(91,138,114,.12)}}.morph-flip-wrong{animation:morphFlipWrong .3s ease}@keyframes morphFlipWrong{0%{transform:scaleY(1)}50%{transform:scaleY(0);background:var(--surface)}to{transform:scaleY(1);background:rgba(232,93,58,.15);border-color:var(--accent)}}.morph-letter-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-family:"Instrument Serif",serif;font-size:1.15rem;font-weight:600;color:var(--text);outline:none;padding:0;caret-color:var(--accent);text-transform:lowercase}.morph-letter-input:disabled{color:var(--secondary)}.morph-reveal{line-height:1.5;color:var(--text-muted);margin:8px 16px;padding:10px;background:var(--surface);border-radius:8px}.morph-reveal,.reading-streak{font-family:Inter,sans-serif;font-size:.75rem;text-align:center}.reading-streak{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,transform .1s ease;animation:fadeInUp .6s ease-out .7s both}.restart-btn:hover{border-color:var(--accent);color:var(--accent)}.restart-btn:active{transform:scale(.95)}.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;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}@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}}.share-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px;width:100%}.share-cta-btn{padding:14px 32px;background-color:var(--accent);border:none;border-radius:10px;box-shadow:0 4px 16px rgba(232,93,58,.25);color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:320px}.share-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(232,93,58,.35)}.share-cta-btn:active{transform:scale(.97)}.share-count-badge{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-muted)}.milestone-badge{font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;color:var(--accent);animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55) both}.share-count{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;margin-left:6px}.substack-cta{margin-top:12px;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:.85rem;text-decoration:none;text-align:center;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .1s ease;max-width:320px;width:100%;display:block}.substack-cta:hover{border-color:var(--accent);color:var(--accent)}.substack-cta:active{transform:scale(.95)}.read-cta{margin-top:16px;padding:14px 32px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:.95rem;text-decoration:none;text-align:center;cursor:pointer;transition:opacity .2s ease,transform .1s ease;max-width:320px;width:100%;animation:fadeInUp .6s ease-out .5s both}.read-cta:hover{opacity:.9}.read-cta:active{transform:scale(.95)}.install-prompt{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--card-border);border-radius:12px;width:100%;max-width:320px}.install-prompt-text{font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-muted);text-align:center;margin:0}.install-prompt-actions{display:flex;gap:12px}.install-prompt-btn{padding:8px 24px;background-color:var(--secondary);border:none;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .2s ease}.install-prompt-btn:hover{transform:translateY(-1px)}.install-prompt-btn:active{transform:scale(.95)}.install-prompt-dismiss{padding:8px 16px;background:none;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:600;font-size:.8rem;cursor:pointer}