body:has(.study-page){overflow:hidden;height:100vh}.study-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0eb,#e8e2dc);overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.study-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:2px solid #e8e2dc;box-shadow:0 2px 8px #0000000d;flex-shrink:0}.back-link{display:flex;align-items:center;gap:6px;color:#666;text-decoration:none;font-weight:500;transition:color .2s}.back-link:hover{color:#8b7355}.header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.study-page-header h1{font-size:1.3rem;font-weight:600;margin:0;color:#1a1a1a}.hint-text{font-size:.75rem;color:#999;font-weight:500;white-space:nowrap}.study-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600}.stat-known{background:#e8f5e9;color:#2e7d32}.stat-learning{background:#fff8f0;color:#e65100}.stat-icon{font-size:1.2rem;line-height:1}.stat-value{font-size:1.1rem}.study-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;max-width:700px;width:100%;margin:0 auto;overflow:hidden;position:relative}.study-progress-bar{width:100%;height:4px;background:#0000001a;border-radius:2px;overflow:hidden;margin-bottom:10px;flex-shrink:0}.study-progress-fill{height:100%;background:linear-gradient(90deg,#8b7355,#a08566);border-radius:3px;transition:width .5s ease-out;width:0%}.cards-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.swipe-card{position:absolute;width:90vw;max-width:500px;height:70vh;max-height:550px;cursor:grab;perspective:1000px;transition:transform .3s ease-out,opacity .3s ease-out;touch-action:none;pointer-events:auto}.swipe-card:active{cursor:grabbing}.swipe-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.swipe-card.flipped .swipe-card-inner{transform:rotateY(180deg)}.swipe-front,.swipe-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border-radius:20px;padding:48px;box-shadow:0 10px 40px #00000026;border:3px solid #e8e2dc;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.swipe-card.aux-hebben .swipe-front,.swipe-card.aux-hebben .swipe-back{border-color:#d4a574}.swipe-card.aux-zijn .swipe-front,.swipe-card.aux-zijn .swipe-back{border-color:#7ba3c7}.swipe-front{text-align:center}.swipe-back{transform:rotateY(180deg);text-align:center}.swipe-verb-inf{font-size:3.2rem;font-weight:700;color:#666;margin-bottom:40px;font-family:Georgia,Cambria,Times New Roman,Times,serif;line-height:1.2;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.swipe-verb-variants{display:flex;flex-direction:column;gap:28px;width:100%}.swipe-verb-detail{display:flex;flex-direction:column;gap:8px;text-align:center}.swipe-verb-label{font-weight:600;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.swipe-verb-value{font-size:1.7rem;font-weight:600;color:#1a1a1a;font-family:Georgia,Cambria,Times New Roman,Times,serif;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.swipe-trans-ru{font-size:2.3rem;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:20px;font-family:Georgia,Cambria,Times New Roman,Times,serif;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.swipe-back-infinitive{font-size:1.3rem;color:#666;font-weight:500;font-family:Georgia,Cambria,Times New Roman,Times,serif}.swipe-indicator-left,.swipe-indicator-right{position:absolute;top:30px;font-size:5rem;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.swipe-indicator-left{left:30px;color:#ff9800}.swipe-indicator-right{right:30px;color:#4caf50}.swipe-card.swiping-left .swipe-indicator-left,.swipe-card.swiping-right .swipe-indicator-right{opacity:.8}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;width:90vw;max-width:500px;margin:auto}.empty-icon{font-size:5rem;margin-bottom:24px}.empty-state h2{font-size:2rem;font-weight:700;margin:0 0 12px;color:#1a1a1a}.empty-state p{font-size:1.1rem;color:#666;margin:0 0 32px}.empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:#8b7355;color:#fff}.btn-primary:hover{background:#6e5a43;transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.btn-secondary{background:#f5f0eb;color:#666}.btn-secondary:hover{background:#e8e2dc;color:#4a4a4a}@media(prefers-color-scheme:dark){.study-page{background:linear-gradient(135deg,#1a1612,#0f0d0a)}.study-page-header{background:#2a241f;border-bottom-color:#3d362e}.back-link{color:#999}.back-link:hover{color:#c4a574}.study-page-header h1{color:#e8e2dc}.hint-text{color:#666}.stat-known{background:#1b3a1e;color:#81c784}.stat-learning{background:#3a2a1b;color:#ffa726}.study-progress-bar{background:#ffffff1a}.swipe-front,.swipe-back{background:#2a241f;border-color:#3d362e}.swipe-card.aux-hebben .swipe-front,.swipe-card.aux-hebben .swipe-back{border-color:#d4a574}.swipe-card.aux-zijn .swipe-front,.swipe-card.aux-zijn .swipe-back{border-color:#7ba3c7}.swipe-verb-inf{color:#c4beb8}.swipe-verb-label{color:#999}.swipe-verb-value,.swipe-trans-ru{color:#e8e2dc}.swipe-back-infinitive{color:#999}.swipe-left{background:#3a2a1b;color:#ffa726}.swipe-right{background:#1b3a1e;color:#81c784}.instruction-divider,.keyboard-hint{color:#666}.empty-state h2{color:#e8e2dc}.empty-state p{color:#999}.btn-primary{background:#a08566}.btn-primary:hover{background:#8b7355}.btn-secondary{background:#342e26;color:#999}.btn-secondary:hover{background:#3d362e;color:#c4a574}}@media(max-width:768px){.study-page-header{padding:12px 20px}.study-page-header h1{font-size:1.1rem}.hint-text{font-size:.7rem}.stat-item{padding:6px 12px}.stat-icon,.stat-value{font-size:1rem}.study-main{padding:16px}.study-progress-bar{margin-bottom:16px}.swipe-card{width:92vw;height:65vh}.swipe-front,.swipe-back{padding:36px}.swipe-verb-inf{font-size:2.6rem;margin-bottom:28px}.swipe-verb-variants{gap:22px}.swipe-verb-value{font-size:1.4rem}.swipe-trans-ru{font-size:1.9rem}.swipe-back-infinitive{font-size:1.1rem}.swipe-indicator-left,.swipe-indicator-right{font-size:3.5rem;top:24px}}@media(max-width:480px){.study-page-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.header-center{order:1;flex:1 1 100%}.study-page-header h1{font-size:.95rem}.hint-text{display:none}.back-link{order:0;font-size:.9rem}.study-stats{order:2;gap:8px}.stat-item{padding:4px 8px}.stat-icon,.stat-value{font-size:.85rem}.study-main{padding:12px}.study-progress-bar{margin-bottom:12px;height:3px}.swipe-card{width:94vw;height:60vh}.swipe-front,.swipe-back{padding:28px 20px;border-radius:16px}.swipe-verb-inf{font-size:2rem;margin-bottom:24px}.swipe-verb-variants{gap:18px}.swipe-verb-label{font-size:.7rem}.swipe-verb-value{font-size:1.2rem}.swipe-trans-ru{font-size:1.5rem;margin-bottom:12px}.swipe-back-infinitive{font-size:1rem}.swipe-indicator-left,.swipe-indicator-right{top:16px;font-size:2.5rem}.swipe-indicator-left{left:16px}.swipe-indicator-right{right:16px}.empty-state{padding:30px 16px}.empty-icon{font-size:3.5rem;margin-bottom:16px}.empty-state h2{font-size:1.4rem;margin-bottom:8px}.empty-state p{font-size:.95rem;margin-bottom:20px}.empty-actions{flex-direction:column;width:100%;gap:8px}.btn{width:100%;padding:10px 20px;font-size:.9rem}}