.vocab-page{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.vocab-breadcrumb{font-size:0.85rem;color:#666;margin-bottom:1.25rem}.vocab-breadcrumb a{color:#1a365d;text-decoration:none;font-weight:600}.vocab-breadcrumb a:hover{color:#800000;text-decoration:underline}.vocab-breadcrumb .sep{margin:0 0.35rem;color:#aaa}.vocab-header{text-align:center;margin-bottom:1.5rem;background:#1a365d;padding:1.25rem 1rem;border-radius:10px}.vocab-header h1{font-size:1.6rem;margin:0 0 0.25rem;color:#f5f0e8}.vocab-header .vocab-subtitle{font-size:0.95rem;color:#c0b9a8;margin:0}.vocab-mode-toggle{display:flex;justify-content:center;gap:0;margin-bottom:1.5rem}.vocab-mode-btn{padding:0.5rem 1.25rem;border:2px solid #1a365d;background:#fff;color:#1a365d;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s}.vocab-mode-btn:first-child{border-radius:6px 0 0 6px}.vocab-mode-btn:last-child{border-radius:0 6px 6px 0;border-left:none}.vocab-mode-btn.active{background:#1a365d;color:#f5f0e8}.vocab-mode-btn:hover:not(.active){background:#e8edf3}.vocab-count{text-align:center;font-size:0.85rem;color:#888;margin-bottom:1.25rem}.vocab-list{list-style:none;padding:0;margin:0}.vocab-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:0.75rem;overflow:hidden;transition:border-color 0.2s}.vocab-item:hover{border-color:#cbd5e0}.vocab-item.open{border-color:#1a365d}.vocab-item-header{display:flex;align-items:baseline;gap:0.75rem;padding:0.85rem 1rem;cursor:pointer;user-select:none;background:#fff;transition:background 0.2s}.vocab-item-header:hover{background:#f7fafc}.vocab-item.open .vocab-item-header{background:#f0f4f8}.vocab-word{font-weight:700;font-size:1.05rem;color:#1a365d}.vocab-pos{font-size:0.8rem;color:#888;font-style:italic}.vocab-reveal-hint{margin-left:auto;font-size:0.75rem;color:#aaa;transition:opacity 0.2s}.vocab-item.open .vocab-reveal-hint{opacity:0}.vocab-item-body{display:none;padding:0 1rem 1rem;border-top:1px solid #e2e8f0}.vocab-item.open .vocab-item-body{display:block}.vocab-definition{font-size:0.95rem;line-height:1.6;color:#333;margin-bottom:0.5rem}.vocab-context{font-size:0.88rem;color:#555;font-style:italic;line-height:1.5;padding-left:0.75rem;border-left:3px solid #e2e8f0}.vocab-fc{display:none}.vocab-fc.active{display:block}.vocab-list-mode{display:block}.vocab-list-mode.hidden{display:none}.vocab-fc-progress{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem}.vocab-fc-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.vocab-fc-progress-fill{height:100%;background:#48bb78;border-radius:4px;transition:width 0.4s ease;width:0%}.vocab-fc-progress-text{font-size:0.8rem;color:#666;white-space:nowrap;min-width:4rem;text-align:right}.vocab-fc-card-wrapper{perspective:800px;margin-bottom:1.25rem}.vocab-fc-card{position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform 0.5s ease,min-height 0.4s ease;min-height:200px}.vocab-fc-card.flipped{transform:rotateY(180deg)}.vocab-fc-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.vocab-fc-front{background:#1a365d;color:#f5f0e8}.vocab-fc-back{background:#fff;border:2px solid #e2e8f0;transform:rotateY(180deg);color:#333}.vocab-fc-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;opacity:0.7;margin-bottom:0.75rem}.vocab-fc-front .vocab-fc-label{color:rgba(255,255,255,0.8)}.vocab-fc-word{font-size:2rem;font-weight:700;margin-bottom:0.25rem}.vocab-fc-pos{font-size:0.85rem;opacity:0.6;font-style:italic}.vocab-fc-hint{font-size:0.8rem;opacity:0.5;margin-top:auto;padding-top:1rem}.vocab-fc-def{font-size:1.1rem;line-height:1.6;text-align:center;margin-bottom:0.75rem}.vocab-fc-ctx{font-size:0.88rem;color:#555;font-style:italic;line-height:1.5;text-align:center;max-width:90%}.vocab-fc-controls{display:flex;gap:0.75rem;justify-content:center;margin-bottom:1.5rem}.vocab-fc-btn{padding:0.65rem 1.5rem;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s;flex:1;max-width:200px}.vocab-fc-btn:disabled{opacity:0.4;cursor:default}.vocab-fc-btn-again{background:#fed7d7;color:#c53030}.vocab-fc-btn-again:hover:not(:disabled){background:#feb2b2}.vocab-fc-btn-got{background:#c6f6d5;color:#276749}.vocab-fc-btn-got:hover:not(:disabled){background:#9ae6b4}.vocab-fc-btn-flip{background:#e2e8f0;color:#4a5568}.vocab-fc-btn-flip:hover:not(:disabled){background:#cbd5e0}.vocab-fc-end{text-align:center;padding:2rem 1rem;display:none}.vocab-fc-end-score{font-size:3rem;font-weight:800;margin-bottom:0.5rem}.vocab-fc-end-score.perfect{color:#38a169}.vocab-fc-end-score.great{color:#3182ce}.vocab-fc-end-score.okay{color:#d69e2e}.vocab-fc-end-score.low{color:#e53e3e}.vocab-fc-end-msg{font-size:1.1rem;color:#555;margin-bottom:1.5rem}.vocab-fc-end-actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center}.vocab-fc-end-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.6rem 1.25rem;border-radius:8px;font-size:0.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s}.vocab-fc-end-btn:hover{text-decoration:none;transform:translateY(-1px)}.vocab-fc-end-btn-primary{background:#1a365d;color:#fff}.vocab-fc-end-btn-primary:hover{background:#2a4a7f;color:#fff}.vocab-fc-end-btn-secondary{background:#e2e8f0;color:#4a5568}.vocab-fc-end-btn-secondary:hover{background:#cbd5e0;color:#333}.vocab-print-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;background:#fff;border:1px solid #ccc;border-radius:6px;font-size:0.85rem;color:#555;cursor:pointer;transition:all 0.2s;margin-bottom:1.25rem}.vocab-print-btn:hover{background:#f7fafc;border-color:#999}.vocab-print-btn svg{width:16px;height:16px}@media print{.vocab-mode-toggle,.vocab-fc,.vocab-print-btn,.vocab-siblings,.vocab-breadcrumb,.vocab-header{display:none!important}.vocab-list-mode{display:block!important}.vocab-item{break-inside:avoid;border:none;border-bottom:1px solid #ddd;border-radius:0;margin-bottom:0.25rem}.vocab-item-body{display:block!important;border-top:none;padding-top:0}.vocab-reveal-hint{display:none}.vocab-page{max-width:100%;padding:0}.vocab-count::after{content:" — The Gift of the Magi by O. Henry"}}.vocab-keyboard-hint{text-align:center;font-size:0.75rem;color:#aaa;margin-top:0.5rem}.vocab-keyboard-hint kbd{display:inline-block;padding:0.1rem 0.4rem;background:#f0f0f0;border:1px solid #ddd;border-radius:3px;font-family:inherit;font-size:0.7rem}.vocab-siblings{border-top:1px solid #e2e8f0;padding-top:1.25rem;margin-top:1rem;font-size:0.9rem;color:#666;text-align:center}.vocab-siblings a{color:#555;text-decoration:none;font-weight:500}.vocab-siblings a:hover{color:#800000;text-decoration:underline}.vocab-siblings .sep{margin:0 0.5rem;color:#ccc}@media (max-width:600px){.vocab-page{padding:1rem 0.75rem 2rem}.vocab-header h1{font-size:1.3rem}.vocab-fc-card{min-height:180px}.vocab-fc-face{padding:1.5rem 1.25rem}.vocab-fc-word{font-size:1.6rem}.vocab-fc-btn{padding:0.6rem 1rem;font-size:0.9rem}.vocab-keyboard-hint{display:none}.vocab-mode-btn{padding:0.45rem 0.9rem;font-size:0.85rem}}