body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#c2daef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.genre-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 10px #0003;cursor:pointer;height:360px;padding:1rem;text-align:center;transition:transform .2s ease;width:250px}.genre-card:hover{transform:scale(1.05)}.genre-image{border-radius:.5rem;height:250px;object-fit:cover;width:100%}.genre-title{font-weight:500;margin:.5rem 0}.mp3-icon{align-items:center;display:flex;gap:28px;justify-content:center;margin-top:25px}.icon-btn{height:24px;object-fit:contain;width:24px}.play-bar{height:8px;margin:10px auto;position:relative;width:200px}.whole-bar{background-color:#000;height:3px;width:100%}.now-play,.whole-bar{border-radius:2px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.now-play{background-color:#c2daef;height:4px;width:65%;z-index:1}.now-play-circle{background-color:#758da3;border-radius:50%;height:6px;left:65%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;z-index:2}.flip-card{height:400px;perspective:1200px;width:300px}.flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .38s ease;width:100%}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.5rem;inset:0;position:absolute}.flip-back{align-items:center;background:#fff;box-shadow:0 14px 40px #00000026;display:flex;justify-content:center;padding:12px;transform:rotateY(180deg)}.flip-front{overflow:visible}.options-wrap{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:230px;width:88%}.options-title{align-self:center;font-weight:700;margin-bottom:20px;margin-top:-15px;text-align:center}.options-label{color:#334155;font-weight:600}.options-input,.options-wrap input[type=file],.options-wrap input[type=number],.options-wrap input[type=text],.options-wrap select{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:12px;padding:6px 8px;width:100%}.options-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:6px 10px}.btn.primary{background:#758da3;color:#fff}.btn.ghost{background:#f1f5f9;color:#758da3}.genre-sub-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.genre-sub-label{color:#475569;font-size:13px}.genre-sub-select{border:1px solid #cbd5e1;border-radius:8px;font-size:13px;padding:6px 8px}.options-title-outside{font-size:18px;font-weight:600;margin-bottom:10px;text-align:center}.tarot-wrap{background:#c2daef;border-radius:16px;margin:0 auto;max-width:1100px;padding:60px 80px;position:relative;width:100%}.deck{align-items:center;height:420px;justify-content:center;overflow:visible;perspective:1200px;position:relative}.card,.deck{display:flex}.card{background:#fff;border-radius:14px;box-shadow:0 14px 40px #00000026;cursor:pointer;flex-direction:column;height:360px;padding:16px;position:absolute;transition:transform .32s ease,opacity .24s ease,box-shadow .24s ease;width:260px}.card:hover{box-shadow:0 18px 48px #0000002e}.thumb{border-radius:8px;height:220px;object-fit:cover;width:100%}.title{font-weight:600;margin:10px 0 6px;text-align:center}.fake-controls{color:#a7b6c8;display:flex;gap:18px;justify-content:center;margin-top:auto}.nav-btn{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 6px 18px #0000002e;cursor:pointer;font-size:24px;height:42px;line-height:42px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:42px}.nav-btn.left{left:12px}.nav-btn.right{right:12px}.tarot-toast{background:#0f172aeb;border-radius:999px;bottom:20px;box-shadow:0 8px 20px #0000004d;color:#fff;font-size:13px;left:50%;max-width:90vw;padding:10px 16px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}.tarot-toast-title{font-size:14px;font-weight:600}.tarot-toast-body{font-size:12px;line-height:1.4;margin-top:2px}.tarot-error-backdrop{align-items:center;background-color:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1001}.tarot-error-modal{background:#f8fafc;border-radius:16px;box-shadow:0 12px 30px #00000040;max-width:90vw;padding:24px;text-align:center;width:360px}.tarot-error-title{font-size:18px;margin:0 0 8px}.tarot-error-message{color:#475569;font-size:14px;margin:0;white-space:pre-wrap}.tarot-error-close-btn{background:#64748b;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;margin-top:16px;padding:8px 14px}.tarot-error-close-btn:hover{background:#4b5f73}.difficulty-label{align-items:center;display:flex;gap:6px;position:relative}.tooltip-icon{align-items:center;background:#d8e1eb;border-radius:50%;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;height:18px;justify-content:center;width:18px}.tooltip-content{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;display:none;font-size:13px;left:0;line-height:1.4;padding:12px 14px;position:absolute;top:32px;width:260px;z-index:999}.difficulty-label:hover .tooltip-content{display:block}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #ffffff55;border-radius:50%;border-top-color:#fff;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#fff;font-size:18px;font-weight:600;margin-top:16px}.loading-sub{color:#e5e5e5;font-size:14px;margin-top:6px}
/*# sourceMappingURL=main.846763a2.css.map*/