.swipeable-test-layout{flex-direction:column;min-height:calc(100dvh - 80px);display:flex}.swipeable-test-container{flex:1;justify-content:center;align-items:center;width:100%;margin:30px 0;display:flex;position:relative}.swipeable-card-stack{justify-content:center;align-items:center;width:100%;max-width:500px;height:100%;min-height:480px;display:flex;position:relative}.swipeable-card{background:var(--color-card,#fff);border:1.5px solid var(--color-border,#b48c641f);border-radius:var(--radius-lg,24px);box-shadow:var(--shadow-card,0 4px 24px #0000000a);aspect-ratio:1;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;z-index:2;justify-content:center;align-items:center;width:calc(100% - 32px);height:auto;min-height:280px;max-height:500px;margin:16px;padding:60px 40px;display:flex;position:absolute;overflow:hidden}.swipeable-card--next{z-index:1;opacity:.5;cursor:default;background:#fcf8f4;transform:scale(.95)translateY(8px)}body.dark-mode-active .swipeable-card{background:#252236;border-color:#ffffff1a}body.dark-mode-active .swipeable-card--next{opacity:.5;background:#1f1c2b}.swipeable-card:active{cursor:grabbing}.swipe-stamp{letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:5;border:6px solid;border-radius:14px;padding:10px 20px;font-size:2.2rem;font-weight:900;position:absolute;top:30px}.swipe-stamp--yes{color:#2ecc71;background:#2ecc711a;border-color:#2ecc71;right:20px;transform:rotate(15deg)}.swipe-stamp--no{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c;left:20px;transform:rotate(-15deg)}.swipe-stamp--more{color:#e67e22;background:#e67e221a;border-color:#e67e22;top:30px;bottom:auto;left:50%;transform:translate(-50%)rotate(0)}.swipeable-question-text{color:var(--color-text,#3d2e1f);text-align:center;margin:0;font-size:1.6rem;font-weight:600;line-height:1.5}.swipeable-answer-buttons{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:20px;display:grid}@media (max-width:600px){.swipeable-test-layout{min-height:calc(100dvh - 60px)}.swipeable-card-stack{flex:1;min-height:250px}.swipeable-test-container{margin:8px 0}.swipeable-card{aspect-ratio:1;border-radius:20px;width:100%;height:auto;min-height:200px;max-height:400px;margin:0;padding:24px 16px}.swipeable-question-text{font-size:1.25rem}.swipe-stamp{border-width:4px;padding:8px 16px;font-size:1.6rem;top:16px}}.test-footer-btn{background:var(--color-card,#fff);border:1.5px solid var(--color-border,#b48c641f);color:var(--color-text,#3d2e1f);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:16px;justify-content:center;align-items:center;padding:16px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000008}.test-footer-btn:hover{background:#e67e220d;border-color:#e67e22;transform:translateY(-2px)}.test-footer-btn:active{transform:translateY(0)}.test-footer-btn:disabled{opacity:.7;pointer-events:none}.test-footer-btn--yes{color:#2ecc71}.test-footer-btn--yes:hover{background:#2ecc710d;border-color:#2ecc71}.test-footer-btn--no{color:#e74c3c}.test-footer-btn--no:hover{background:#e74c3c0d;border-color:#e74c3c}body.dark-mode-active .test-footer-btn{background:var(--color-card,#1e1e2e);color:#f5f6fa;border-color:#ffffff1a}body.dark-mode-active .test-footer-btn:hover{background:#ffffff0d}body.dark-mode-active .test-footer-btn--yes{color:#2ecc71}body.dark-mode-active .test-footer-btn--no{color:#e74c3c}