:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.app[data-v-b96b135e]{font-family:Georgia,Times New Roman,serif;max-width:1600px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh}.app-header[data-v-b96b135e]{background:linear-gradient(135deg,#2d1b69,#4a2c7a,#6b4c9a);padding:25px;border-radius:20px;margin-bottom:25px;box-shadow:0 10px 40px #6b4c9a4d;border:1px solid rgba(212,175,55,.3)}.app-header h1[data-v-b96b135e]{margin:0 0 18px;color:#d4af37;font-size:32px;font-weight:600;letter-spacing:2px;text-align:center;text-shadow:0 2px 10px rgba(212,175,55,.3)}nav ul[data-v-b96b135e]{list-style:none;padding:0;margin:0;display:flex;gap:20px;justify-content:center}nav a[data-v-b96b135e]{text-decoration:none;color:#c9b8ff;font-weight:500;padding:10px 22px;border-radius:25px;transition:all .3s ease;background:#6b4c9a4d;border:1px solid rgba(212,175,55,.2)}nav a[data-v-b96b135e]:hover{background:linear-gradient(135deg,#d4af37,#f0c85c);color:#1a1a2e;transform:translateY(-2px);box-shadow:0 5px 20px #d4af3766}.app-main[data-v-b96b135e]{min-height:700px}.draw-section[data-v-b96b135e]{background:transparent;padding:0;border-radius:0;box-shadow:none;border:none}.records-section[data-v-b96b135e],.decks-section[data-v-b96b135e]{background:linear-gradient(135deg,#2d1b69cc,#4a2c7a99);padding:30px;border-radius:20px;box-shadow:0 10px 40px #6b4c9a4d;border:1px solid rgba(212,175,55,.2)}.records-section h2[data-v-b96b135e],.decks-section h2[data-v-b96b135e]{color:#d4af37;margin-bottom:25px;font-size:24px;text-align:center}.table-container[data-v-b96b135e]{width:100%;display:flex;justify-content:center}.table-surface[data-v-b96b135e]{width:100%;max-width:1400px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:30px;padding:30px 30px 400px;box-shadow:0 20px 60px #00000080,inset 0 2px 10px #ffffff0d;border:3px solid #d4af37;position:relative;overflow:visible}.table-surface[data-v-b96b135e]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(107,76,154,.15) 0%,transparent 70%);border-radius:50%}.table-header[data-v-b96b135e]{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#2d1b6999;border-radius:15px;margin-bottom:30px;border:1px solid rgba(212,175,55,.3)}.table-header .spread-selector select[data-v-b96b135e]{padding:12px 25px;border:2px solid #d4af37;border-radius:25px;font-size:15px;cursor:pointer;background:#6b4c9a80;color:#d4af37;transition:all .3s ease;outline:none}.table-header .spread-selector select[data-v-b96b135e]:hover,.table-header .spread-selector select[data-v-b96b135e]:focus{background:#6b4c9acc;box-shadow:0 0 20px #d4af374d}.table-header .spread-selector select option[data-v-b96b135e]{background:#1a1a2e;color:#c9b8ff}.selection-info[data-v-b96b135e]{color:#d4af37;font-size:16px;font-weight:500}.table-center[data-v-b96b135e]{display:flex;justify-content:center;align-items:center;min-height:300px;position:relative;z-index:1}.selected-area[data-v-b96b135e]{display:flex;gap:20px;justify-content:center;align-items:flex-end}.selected-card[data-v-b96b135e]{animation:cardFlyIn-b96b135e .6s ease-out forwards;opacity:0;transform:translateY(100px)}@keyframes cardFlyIn-b96b135e{0%{opacity:0;transform:translateY(100px) scale(.8)}50%{opacity:1;transform:translateY(-20px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-hint[data-v-b96b135e]{display:flex;flex-direction:column;align-items:center;gap:20px}.crystal-ball[data-v-b96b135e]{width:120px;height:120px;background:linear-gradient(135deg,#6b4c9a,#4a2c7a,#2d1b69);border-radius:50%;position:relative;box-shadow:0 0 40px #6b4c9a99,inset 0 2px 20px #fff3;animation:crystalGlow-b96b135e 3s ease-in-out infinite}.crystal-glow[data-v-b96b135e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(212,175,55,.4) 0%,rgba(107,76,154,.2) 50%,transparent 70%);border-radius:50%}@keyframes crystalGlow-b96b135e{0%,to{box-shadow:0 0 40px #6b4c9a99,inset 0 2px 20px #fff3}50%{box-shadow:0 0 60px #6b4c9acc,inset 0 2px 20px #ffffff4d}}.empty-hint p[data-v-b96b135e]{color:#c9b8ff;font-size:16px;margin:0}.card-fan[data-v-b96b135e]{margin-top:30px;display:flex;justify-content:center;align-items:center;min-height:150px;padding:20px 0}.card-fan-inner[data-v-b96b135e]{display:flex;justify-content:center;gap:0;width:100%;max-width:1200px}.fan-card[data-v-b96b135e]{width:65px;height:90px;cursor:pointer;transition:all .3s ease;margin-left:-45px;z-index:1;transform-origin:center center;border-radius:8px;box-shadow:0 4px 12px #0006;overflow:hidden}.fan-card[data-v-b96b135e]:first-child{margin-left:0}.fan-card[data-v-b96b135e]:hover:not(.disabled):not(.selected){transform:translateY(-20px) scale(1.15);z-index:1000;filter:brightness(1.2)}.fan-card.selected[data-v-b96b135e]{opacity:0;pointer-events:none;transform:translateY(-100px) scale(0)!important}.fan-card.disabled[data-v-b96b135e]{opacity:.3;cursor:not-allowed}.fan-card-inner[data-v-b96b135e]{position:relative;width:100%;height:100%;padding:0;margin:0;border:none;transition:transform .6s ease;transform-style:preserve-3d;transform:rotateY(180deg)}.fan-card-front[data-v-b96b135e],.fan-card-back[data-v-b96b135e]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fan-card-front[data-v-b96b135e]{width:100%;height:100%;background-size:220% 220%;background-position:50% 50%;background-repeat:no-repeat;clip-path:inset(2% 10% 2% 10%)}.fan-card-back[data-v-b96b135e]{background:linear-gradient(135deg,#2d1b69,#4a2c7a,#6b4c9a);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;border:2px solid #d4af37}.fan-card-back-design[data-v-b96b135e]{width:80%;height:80%;background:linear-gradient(135deg,#d4af374d,#d4af371a);border-radius:6px;position:relative}.fan-card-back-design[data-v-b96b135e]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:radial-gradient(circle,rgba(212,175,55,.5),transparent);border-radius:50%}.draw-btn[data-v-b96b135e],.ai-btn[data-v-b96b135e],.save-btn[data-v-b96b135e],.select-btn[data-v-b96b135e],.add-btn[data-v-b96b135e],.reset-btn[data-v-b96b135e]{padding:12px 28px;border:none;border-radius:25px;background:linear-gradient(135deg,#6b4c9a,#4a2c7a);color:#d4af37;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6b4c9a66;border:1px solid rgba(212,175,55,.3)}.draw-btn[data-v-b96b135e]:hover,.ai-btn[data-v-b96b135e]:hover,.save-btn[data-v-b96b135e]:hover,.select-btn[data-v-b96b135e]:hover,.add-btn[data-v-b96b135e]:hover,.reset-btn[data-v-b96b135e]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6b4c9a80;background:linear-gradient(135deg,#7a5ca0,#5a3c8a)}.reset-btn[data-v-b96b135e]{background:linear-gradient(135deg,#4a5568,#2d3748);margin-left:10px;border-color:#fff3}.reset-btn[data-v-b96b135e]:hover{background:linear-gradient(135deg,#5a6578,#3d4758)}.confirm-section[data-v-b96b135e]{margin:30px 0;text-align:center;position:relative;z-index:1}.confirm-section button[data-v-b96b135e]{padding:18px 50px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;margin:0 15px}.confirm-btn[data-v-b96b135e]{background:linear-gradient(135deg,#d4af37,#f0c85c);color:#1a1a2e;box-shadow:0 8px 25px #d4af3766;border:2px solid rgba(212,175,55,.5)}.confirm-btn[data-v-b96b135e]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #d4af3780;background:linear-gradient(135deg,#e4bf47,#ffd86c)}.cancel-btn[data-v-b96b135e]{background:linear-gradient(135deg,#4a5568,#2d3748);color:#c9b8ff;box-shadow:0 8px 25px #0000004d;border:1px solid rgba(255,255,255,.1)}.cancel-btn[data-v-b96b135e]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0006;background:linear-gradient(135deg,#5a6578,#3d4758)}.action-buttons[data-v-b96b135e]{display:flex;gap:10px;margin-top:10px}.spread-positions[data-v-b96b135e]{display:flex;flex-wrap:wrap;gap:25px;margin:25px 0;justify-content:center;padding:30px;background:linear-gradient(135deg,#faf8f5,#f5f0eb);border-radius:20px}.spread-card[data-v-b96b135e]{text-align:center}.deck-container[data-v-b96b135e]{margin-top:40px;padding:30px;background:linear-gradient(135deg,#fff,#faf8f5);border-radius:24px;border:2px dashed #ffd6d6}.deck-container h3[data-v-b96b135e]{margin:0 0 15px;color:#5a5a5a;font-weight:500;font-size:18px}.deck-hint[data-v-b96b135e]{color:#999;font-size:14px;margin-bottom:25px}.shuffled-deck[data-v-b96b135e]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-height:500px;overflow-y:auto;padding:10px}.deck-card[data-v-b96b135e]{perspective:1000px;width:95px;height:140px;cursor:pointer;transition:all .3s ease}.deck-card[data-v-b96b135e]:hover:not(.disabled):not(.selected){transform:scale(1.08) translateY(-5px)}.deck-card.selected[data-v-b96b135e]{opacity:.4;pointer-events:none}.deck-card.disabled[data-v-b96b135e]{opacity:.25;pointer-events:none}.deck-card-inner[data-v-b96b135e]{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s ease;transform-style:preserve-3d;transform:rotateY(180deg)}.deck-card:hover .deck-card-inner[data-v-b96b135e]{transform:rotateY(180deg)}.deck-card-front[data-v-b96b135e],.deck-card-back[data-v-b96b135e]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a}.deck-card-front[data-v-b96b135e]{background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.deck-card-front img[data-v-b96b135e]{width:100%;height:100%;object-fit:contain;border-radius:12px}.deck-card-back[data-v-b96b135e]{background:linear-gradient(135deg,#fff5f5,#ffe8e8);color:#d4a5a5;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,180,180,.3)}.deck-card-back-design[data-v-b96b135e]{width:70%;height:70%;background:linear-gradient(135deg,#ffd6d6,#ffb3b3);border-radius:10px;position:relative}.deck-card-back-design[data-v-b96b135e]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);border-radius:50%}.cards-container[data-v-b96b135e]{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.card[data-v-b96b135e]{perspective:1000px;width:140px;height:200px;cursor:pointer}.card-inner[data-v-b96b135e]{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s ease;transform-style:preserve-3d;transform:rotateY(180deg)}.card:hover .card-inner[data-v-b96b135e]{transform:rotateY(180deg)}.card.reversed .card-inner[data-v-b96b135e]{transform:rotateY(180deg) rotate(180deg)}.card.show-front .card-inner[data-v-b96b135e],.card-inner.show-front[data-v-b96b135e]{transform:rotateY(0)}.card.show-front.reversed .card-inner[data-v-b96b135e]{transform:rotateY(0) rotate(180deg)}.card-front[data-v-b96b135e],.card-back[data-v-b96b135e]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;box-shadow:0 8px 25px #0000004d}.card-front[data-v-b96b135e]{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-front img[data-v-b96b135e]{width:100%;height:100%;object-fit:contain;border-radius:14px}.card-back[data-v-b96b135e]{background:linear-gradient(135deg,#2d1b69,#4a2c7a,#6b4c9a);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;border:3px solid #d4af37}.card-back-design[data-v-b96b135e]{width:55%;height:55%;background:linear-gradient(135deg,#d4af3766,#d4af371a);border-radius:10px;position:relative}.card-back-design[data-v-b96b135e]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:radial-gradient(circle,rgba(212,175,55,.6),transparent);border-radius:50%}.card-label[data-v-b96b135e]{text-align:center;margin-top:12px;display:flex;flex-direction:column;gap:4px}.card-label span[data-v-b96b135e]:first-child{color:#c9b8ff;font-size:13px;font-weight:500}.card-position[data-v-b96b135e]{color:#d4af37!important;font-size:11px!important;opacity:.8}.card-info[data-v-b96b135e]{margin-top:15px;text-align:center}.card-info h3[data-v-b96b135e]{margin:0;font-size:15px;color:#5a5a5a;font-weight:500}.card-info p[data-v-b96b135e]{margin:6px 0 0;font-size:13px;color:#999}.reading-section[data-v-b96b135e]{margin-top:30px;padding:35px;background:linear-gradient(135deg,#2d1b69e6,#4a2c7ab3);border-radius:25px;border:1px solid rgba(212,175,55,.3);box-shadow:0 15px 50px #6b4c9a4d}.reading-section h3[data-v-b96b135e]{color:#d4af37;font-weight:600;margin-bottom:20px;font-size:18px}.ai-reading[data-v-b96b135e]{margin:20px 0;padding:30px;background:#0a0a1e99;border-radius:20px;border:1px solid rgba(212,175,55,.2);line-height:1.8}.ai-reading p[data-v-b96b135e]{color:#c9b8ff;margin:0;font-size:15px}textarea[data-v-b96b135e]{width:100%;min-height:180px;padding:20px;border:1px solid rgba(212,175,55,.3);border-radius:16px;resize:vertical;margin:15px 0;background:#0a0a1e99;font-family:inherit;font-size:15px;color:#c9b8ff;transition:all .3s ease}textarea[data-v-b96b135e]:focus{outline:none;border-color:#d4af37;box-shadow:0 0 25px #d4af3733}textarea[data-v-b96b135e]::placeholder{color:#c9b8ff66}.records-list[data-v-b96b135e]{margin-top:10px}.export-buttons[data-v-b96b135e]{display:flex;gap:12px;margin-bottom:20px}.export-btn[data-v-b96b135e]{padding:10px 22px;border:none;border-radius:18px;background:linear-gradient(135deg,#6b4c9a,#4a2c7a);color:#d4af37;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6b4c9a66;border:1px solid rgba(212,175,55,.3)}.export-btn[data-v-b96b135e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6b4c9a80}.export-btn.excel-btn[data-v-b96b135e]{background:linear-gradient(135deg,#2d7d46,#1a4d2e);border-color:#48bb7880;color:#fff}.export-btn.excel-btn[data-v-b96b135e]:hover{background:linear-gradient(135deg,#3d8d56,#2a5d3e);box-shadow:0 8px 25px #2d7d4680}.record-item[data-v-b96b135e]{padding:25px;background:#0a0a1e99;border-radius:20px;margin-bottom:20px;border:1px solid rgba(212,175,55,.2)}.record-item h3[data-v-b96b135e]{color:#d4af37;margin:0 0 15px;font-weight:500}.record-cards[data-v-b96b135e]{margin:15px 0;display:flex;flex-wrap:wrap;gap:10px}.card-tag[data-v-b96b135e]{padding:6px 14px;background:#6b4c9a80;border-radius:20px;font-size:13px;color:#c9b8ff;border:1px solid rgba(212,175,55,.3)}.record-content[data-v-b96b135e]{margin-top:15px;line-height:1.7;color:#c9b8ff}.decks-list[data-v-b96b135e]{margin:30px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px}.deck-item[data-v-b96b135e]{padding:25px;background:#0a0a1e99;border-radius:20px;text-align:center;box-shadow:0 6px 20px #0000004d;border:1px solid rgba(212,175,55,.2)}.deck-item h3[data-v-b96b135e]{color:#d4af37;margin:0 0 10px;font-weight:500}.deck-item p[data-v-b96b135e]{color:#c9b8ff;margin:0 0 15px}.add-deck[data-v-b96b135e]{margin-top:40px;padding:30px;background:#0a0a1e99;border-radius:24px;border:1px solid rgba(212,175,55,.2)}.add-deck h3[data-v-b96b135e]{color:#d4af37;margin:0 0 20px;font-weight:500}input[data-v-b96b135e]{padding:12px 20px;border:1px solid rgba(212,175,55,.3);border-radius:16px;margin-right:15px;font-size:15px;background:#0a0a1e99;color:#c9b8ff;transition:all .3s ease}input[data-v-b96b135e]:focus{outline:none;border-color:#d4af37;box-shadow:0 0 20px #d4af3733}input[data-v-b96b135e]::placeholder{color:#c9b8ff66}select[data-v-b96b135e]{padding:12px 20px;border:1px solid rgba(212,175,55,.3);border-radius:16px;background:#0a0a1e99;color:#c9b8ff;cursor:pointer;transition:all .3s ease}select[data-v-b96b135e]:focus{outline:none;border-color:#d4af37;box-shadow:0 0 20px #d4af3733}select option[data-v-b96b135e]{background:#1a1a2e;color:#c9b8ff}