:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.card[data-v-21cd6637]{perspective:1000px;cursor:pointer;width:120px;height:180px;margin:10px}.card.disabled[data-v-21cd6637]{cursor:not-allowed;opacity:.7}.card-inner[data-v-21cd6637]{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:10px;transition:transform .6s;position:relative;box-shadow:0 4px 8px #0000001a}.card.flipped .card-inner[data-v-21cd6637]{transform:rotateY(180deg)}.card-front[data-v-21cd6637],.card-back[data-v-21cd6637]{backface-visibility:hidden;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-front[data-v-21cd6637]{background:linear-gradient(135deg,#fc0,#f90);border:2px solid #f60}.card-pattern[data-v-21cd6637]{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"2\"/><circle cx=\"50\" cy=\"50\" r=\"25\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"2\"/><line x1=\"50\" y1=\"10\" x2=\"50\" y2=\"90\" stroke=\"%23ffffff\" stroke-width=\"2\"/><line x1=\"10\" y1=\"50\" x2=\"90\" y2=\"50\" stroke=\"%23ffffff\" stroke-width=\"2\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:80%;height:80%}.card-back[data-v-21cd6637]{color:#fff;background:linear-gradient(135deg,#06c,#039);border:2px solid #036;transform:rotateY(180deg)}.card-name[data-v-21cd6637]{margin-bottom:10px;font-size:24px;font-weight:700}.card-number[data-v-21cd6637]{margin-bottom:10px;font-size:48px;font-weight:700}.card-element[data-v-21cd6637]{background-color:#fff3;border-radius:5px;padding:5px 10px;font-size:16px}.card-deck[data-v-c38b2bee]{background-color:#ffffff1a;border-radius:10px;flex-direction:column;width:100%;padding:20px;display:flex;box-shadow:0 4px 8px #0000001a}.deck-container[data-v-c38b2bee]{width:100%;margin-bottom:20px}.deck-title[data-v-c38b2bee]{color:#333;text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.deck-pile[data-v-c38b2bee]{justify-content:center;align-items:center;width:120px;height:180px;margin:0 auto 20px;display:flex;position:relative}.deck-card[data-v-c38b2bee]{cursor:pointer;transition:transform .3s;position:relative}.deck-card[data-v-c38b2bee]:hover{transform:translateY(-10px)}.deck-count[data-v-c38b2bee]{color:#fff;background-color:#000000b3;border-radius:15px;padding:5px 10px;font-size:14px;font-weight:700;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.draw-button[data-v-c38b2bee]{color:#fff;text-align:center;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;width:200px;margin:0 auto;padding:15px;font-size:18px;font-weight:700;transition:background-color .3s;display:block}.draw-button[data-v-c38b2bee]:hover:not(:disabled){background-color:#45a049}.draw-button[data-v-c38b2bee]:disabled{cursor:not-allowed;background-color:#ccc}.drawn-cards[data-v-c38b2bee]{width:100%}.drawn-cards h3[data-v-c38b2bee]{color:#333;text-align:center;margin-bottom:20px;font-size:20px}.drawn-cards-list[data-v-c38b2bee]{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.drawn-card-item[data-v-c38b2bee]{color:#fff;background:linear-gradient(135deg,#06c,#039);border:2px solid #036;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:150px;transition:transform .3s;display:flex;box-shadow:0 4px 8px #0000001a}.drawn-card-item[data-v-c38b2bee]:hover{transform:scale(1.05)}.drawn-card-name[data-v-c38b2bee]{margin-bottom:10px;font-size:48px;font-weight:700}.drawn-card-details[data-v-c38b2bee]{background-color:#fff3;border-radius:5px;padding:5px 10px;font-size:16px}.user-question[data-v-c38b2bee]{width:80%;max-width:500px;margin:20px auto 0}.user-question label[data-v-c38b2bee]{color:#333;text-align:center;margin-bottom:10px;font-size:18px;font-weight:700;display:block}.user-question textarea[data-v-c38b2bee]{color:#333;resize:vertical;background-color:#ffffffe6;border:2px solid #036;border-radius:10px;width:100%;height:120px;padding:15px;font-family:inherit;font-size:16px;line-height:1.5;transition:all .3s}.user-question textarea[data-v-c38b2bee]:focus{background-color:#fff;border-color:#4caf50;outline:none;box-shadow:0 0 10px #4caf504d}.user-question textarea[data-v-c38b2bee]:disabled{cursor:not-allowed;background-color:#ffffff80;border-color:#ccc}.user-question textarea[data-v-c38b2bee]::placeholder{color:#999}.divination[data-v-e3efc1ed]{background-color:#ffffff1a;border-radius:10px;margin-top:20px;padding:20px;box-shadow:0 4px 8px #0000001a}.divination h2[data-v-e3efc1ed]{color:#333;text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.gua-result[data-v-e3efc1ed]{flex-direction:column;gap:20px;display:flex}.main-gua[data-v-e3efc1ed],.dynamic-yao[data-v-e3efc1ed],.change-gua[data-v-e3efc1ed]{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.main-gua h3[data-v-e3efc1ed],.dynamic-yao h3[data-v-e3efc1ed],.change-gua h3[data-v-e3efc1ed]{color:#333;margin-bottom:10px;font-size:18px;font-weight:700}.main-gua p[data-v-e3efc1ed],.change-gua p[data-v-e3efc1ed]{color:#666;margin:5px 0}.dynamic-yao[data-v-e3efc1ed]{text-align:center;color:#333;background-color:#fc0;font-weight:700}.user-question-display[data-v-e3efc1ed]{background-color:#0066cc1a;border-left:4px solid #06c;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.user-question-display h3[data-v-e3efc1ed]{color:#06c;margin-bottom:10px;font-size:18px;font-weight:700}.question-content[data-v-e3efc1ed]{color:#333;word-break:break-word;background-color:#fffc;border-radius:5px;padding:10px;font-size:16px;font-style:italic;line-height:1.5}.interpretation[data-v-e3efc1ed]{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.interpretation h3[data-v-e3efc1ed]{color:#333;margin-bottom:10px;font-size:18px;font-weight:700}.interpretation-content[data-v-e3efc1ed]{color:#666;text-align:justify;line-height:1.6}.reset-button[data-v-e3efc1ed]{color:#fff;cursor:pointer;background-color:#f60;border:none;border-radius:5px;width:200px;margin:20px auto;padding:15px;font-size:18px;font-weight:700;transition:background-color .3s;display:block}.reset-button[data-v-e3efc1ed]:hover{background-color:#cc5200}.waiting-message[data-v-e3efc1ed]{text-align:center;color:#666;padding:40px 0;font-size:18px}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);min-height:100vh;font-family:Arial,sans-serif}.app{max-width:1200px;margin:0 auto;padding:20px}.app-header{text-align:center;color:#fff;margin-bottom:30px}.app-header h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:10px;font-size:36px;font-weight:700}.app-header p{opacity:.9;font-size:18px}.app-main{flex-direction:column;gap:20px;display:flex}.app-footer{text-align:center;color:#fff;opacity:.8;margin-top:30px;font-size:14px}@media (max-width:768px){.app{padding:10px}.app-header h1{font-size:28px}.app-header p{font-size:16px}}