.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem;text-align:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.header-controls{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:1rem}.header-row{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.mode-button{padding:.75rem 1.5rem;font-size:1rem;background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #764ba266}.mode-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #764ba299}.mode-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 20px #667eea99}.spread-select{padding:.75rem 1.5rem;font-size:1rem;background:#0000004d;color:#fff;border:2px solid rgba(102,126,234,.3);border-radius:25px;cursor:pointer;transition:all .2s;outline:none}.spread-select:hover{border-color:#667eea99;background:#0006}.spread-select:focus{border-color:#667eeacc;box-shadow:0 0 10px #667eea4d}.spread-select option{background:#1a0d2e;color:#fff}.header h1{color:#fff;font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.draw-button{padding:1rem 2rem;font-size:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}.draw-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.draw-button:disabled{opacity:.6;cursor:not-allowed}.main-content{flex:1;display:flex;gap:2rem;padding:2rem;min-height:400px;background:linear-gradient(to bottom,#0f0c29,#302b63,#24243e);overflow-y:auto;overflow-x:visible}.cards-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .3s ease;overflow-x:auto;overflow-y:visible;width:100%}.card-deck-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.celtic-cross-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:600px;position:relative;padding:2rem}.celtic-cross-controls{margin-bottom:2rem;z-index:1000}.next-card-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;text-transform:uppercase;letter-spacing:1px}.next-card-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.next-card-button:active:not(:disabled){transform:translateY(0)}.next-card-button:disabled{background:#667eea4d;cursor:not-allowed;opacity:.6}.celtic-cross-grid{position:relative;width:100%;max-width:1200px;height:100%;min-height:600px;margin:0 auto;overflow:visible}.celtic-cross-card-wrapper{position:absolute;transition:all .3s ease;overflow:visible}.celtic-cross-position-label{position:absolute;top:-60px;left:50%;background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px;z-index:1000;border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000004d,0 0 20px #667eea66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;min-width:120px;pointer-events:none}.celtic-cross-position-label.right-side-vertical{top:auto;left:auto;padding:1.5rem .75rem;min-width:auto;min-height:120px;writing-mode:vertical-rl;text-orientation:upright}.celtic-cross-reading{position:absolute;top:100%;left:50%;margin-top:1rem;width:300px;background:#000c;border-radius:10px;padding:1rem;border:2px solid rgba(102,126,234,.5);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.celtic-cross-reading h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.celtic-cross-reading .card-reading-content{color:#ffffffe6;font-size:.9rem;line-height:1.5}.card-deck{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center;align-items:flex-start;perspective:1000px;max-width:1400px;margin:0 auto;padding:2rem}.card-with-reading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:350px}.card-wrapper{position:relative;width:200px;height:400px;z-index:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1);margin-top:70px}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:pointer;pointer-events:auto;z-index:1}.card-wrapper:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px solid transparent;border-radius:18px;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s,border-color .3s,box-shadow .3s}.card-wrapper:hover:before{opacity:1;border-color:#667eea99;box-shadow:0 0 20px #667eea66,0 10px 30px #667eea4d}.card-wrapper:hover{z-index:10}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000080}.card-back{background:linear-gradient(135deg,#2d1b4e,#1a0d2e);display:flex;align-items:center;justify-content:center;border:3px solid rgba(102,126,234,.3)}.card-back-pattern{font-size:4rem;opacity:.3;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(102,126,234,.1) 10px,rgba(102,126,234,.1) 20px);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-front{transform:rotateY(180deg);background:#fff;display:flex;flex-direction:column;position:relative}.card-position-box{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px;z-index:1000;border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000004d,0 0 20px #667eea66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;min-width:120px;pointer-events:none}.card-image{width:100%;height:82%;object-fit:cover;transition:transform .3s}.card-image.reversed{transform:rotate(180deg)}.card-label{height:18%;min-height:60px;background:linear-gradient(to bottom,#000000b3,#000000e6);color:#fff;padding:.75rem .5rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;text-align:center;gap:.5rem}.reversed-badge{background:#ff6b6b;color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:700}.card-placeholder{width:100%;height:85%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;font-weight:700}.card-reading{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;color:#fff;width:100%;max-width:300px;min-width:250px;border:1px solid rgba(102,126,234,.5);box-shadow:0 5px 20px #00000080;margin-top:1rem;z-index:10;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-reading h3{margin:0 0 .75rem;font-size:1.2rem;color:#fff;text-align:center;border-bottom:1px solid rgba(102,126,234,.3);padding-bottom:.5rem}.card-reading p{margin:0;line-height:1.6;font-size:.95rem;text-align:left}.card-reading-content{line-height:1.6;font-size:.95rem;text-align:left}.card-reading-content p{margin:0 0 .5rem}.card-reading-content p:last-child{margin-bottom:0}.card-reading-content strong{color:#fff;font-weight:600}.card-reading-content em{font-style:italic}.card-reading-content ul,.card-reading-content ol{margin:.5rem 0;padding-left:1.5rem}.card-reading-content li{margin:.25rem 0}.card-reading.loading{text-align:center;font-style:italic;opacity:.7}.card-reading.loading p{margin:0}.welcome{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.reading-display{padding:2rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;max-width:1200px;margin:0 auto;width:100%;max-height:40vh;overflow-y:auto;border-top:2px solid rgba(255,255,255,.1);z-index:100;position:relative}.reading-display h2{margin-bottom:1rem;font-size:2rem}.cards-summary{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.card-summary{padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.card-summary strong{font-size:1.1rem}.reversed{color:#ff6b6b;font-size:.9rem}.upright{color:#51cf66;font-size:.9rem}.reading-text{line-height:1.8;font-size:1.1rem;padding:1rem 0;min-height:100px}.reading-text p{margin:0 0 1rem}.reading-text p:last-child{margin-bottom:0}.reading-text strong{color:#fff;font-weight:600}.reading-text em{font-style:italic}.reading-text ul,.reading-text ol{margin:1rem 0;padding-left:2rem}.reading-text li{margin:.5rem 0}.reading-text h1,.reading-text h2,.reading-text h3{margin:1.5rem 0 1rem;color:#fff}.reading-text h1:first-child,.reading-text h2:first-child,.reading-text h3:first-child{margin-top:0}.reading-text code{background:#ffffff1a;padding:.2rem .4rem;border-radius:3px;font-family:monospace}.reading-text blockquote{border-left:3px solid rgba(102,126,234,.5);padding-left:1rem;margin:1rem 0;font-style:italic}.loading-message,.empty-message{color:#ffffffb3;font-style:italic;text-align:center;padding:2rem}.loading-message{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.card-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-selector-modal{background:linear-gradient(135deg,#1a0d2e,#2d1b4e);border-radius:20px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:2px solid rgba(102,126,234,.3)}.card-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(102,126,234,.3)}.card-selector-header h2{color:#fff;margin:0;font-size:1.5rem}.close-button{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button:hover{background:#ffffff1a}.card-selector-options{padding:1rem 1.5rem;border-bottom:1px solid rgba(102,126,234,.2)}.reversed-option{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer}.reversed-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.card-selector-search{padding:1rem 1.5rem;border-bottom:1px solid rgba(102,126,234,.2)}.card-selector-input{width:100%;padding:.75rem;border:2px solid rgba(102,126,234,.3);border-radius:10px;background:#0000004d;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.card-selector-input:focus{border-color:#667eea99}.card-selector-input::placeholder{color:#ffffff80}.card-selector-list{flex:1;overflow-y:auto;padding:.5rem;max-height:50vh}.card-selector-item{padding:1rem;margin:.5rem;background:#0000004d;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem;border:2px solid transparent}.card-selector-item:hover{background:#667eea33;border-color:#667eea66;transform:translate(5px)}.card-selector-name{color:#fff;font-size:1rem;flex:1}.card-selector-badge{background:#667eea4d;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;text-transform:capitalize}.card-selector-loading,.card-selector-empty{padding:2rem;text-align:center;color:#ffffffb3;font-style:italic}.tree-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;min-width:320px;overflow:visible;gap:1.5rem}.tree-zodiac-container{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center}.spread-minimap-container{background:#0000004d;border-radius:15px;padding:1rem;border:2px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:300px}.minimap-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.scale-label{color:#fff;font-size:.85rem;font-weight:600;text-align:center}.scale-slider{width:100%;height:6px;border-radius:3px;background:#667eea4d;outline:none;-webkit-appearance:none}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 6px #0000004d}.scale-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.spread-minimap{position:relative;width:100%;min-height:150px;background:#0003;border-radius:10px;padding:.5rem;overflow:hidden}.minimap-viewport-indicator{position:absolute;top:0;bottom:0;background:#667eea4d;border:2px solid rgba(102,126,234,.6);border-top:none;border-bottom:none;pointer-events:none;z-index:10;transition:left .1s ease,width .1s ease}.minimap-cards{display:flex;flex-direction:row;gap:.5rem;position:relative;z-index:1;justify-content:center;align-items:center;flex-wrap:wrap}.minimap-card{width:40px;height:60px;background:#667eea33;border:2px solid rgba(102,126,234,.4);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.minimap-card:hover{background:#667eea66;border-color:#667eeab3;transform:scale(1.05)}.minimap-card.flipped{background:#667eea80;border-color:#667eea}.minimap-card-inner{color:#fff;font-size:1rem;font-weight:700;-webkit-user-select:none;user-select:none}.tree-of-life-container{background:#0000004d;border-radius:15px;padding:1.5rem;border:2px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.tree-of-life-svg{display:block}.tree-path{stroke:#667eea66;stroke-linecap:round;transition:all .3s ease}.tree-path.highlighted{stroke:#667eea;stroke-width:3;filter:drop-shadow(0 0 8px rgba(102,126,234,.8));animation:pathPulse 2s ease-in-out infinite}.tree-sephirah{fill:#667eea33;stroke:#667eea99;stroke-width:2;transition:all .3s ease;cursor:pointer}.tree-sephirah.highlighted{fill:#667eea99;stroke:#667eea;stroke-width:3;filter:drop-shadow(0 0 12px rgba(102,126,234,1))}.tree-sephirah.daath{fill:#667eea1a;stroke:#667eea4d;stroke-width:1.5;opacity:.15}.tree-sephirah-label{fill:#fffc;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.tree-of-life-info{margin-top:1rem;padding:.75rem;background:#667eea33;border-radius:10px;text-align:center;border:1px solid rgba(102,126,234,.4)}.tree-card-name{color:#fff;font-weight:700;font-size:1rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.tree-element-symbol{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 4px rgba(102,126,234,.6));display:flex;align-items:center;gap:.25rem}.zodiac-map-container{background:#0000004d;border-radius:15px;padding:1.5rem;border:2px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.zodiac-map-svg{display:block}.zodiac-line{transition:all .3s ease}.zodiac-sign-circle{transition:all .3s ease;cursor:pointer}.zodiac-sign-circle.highlighted{fill:#667eea99;stroke:#667eea;stroke-width:2;filter:drop-shadow(0 0 12px rgba(102,126,234,1))}.zodiac-sign-symbol{font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;background:none!important;background-color:transparent!important;-webkit-text-fill-color:white;font-family:Segoe UI Symbol,Arial Unicode MS,Lucida Sans Unicode,Arial,sans-serif!important;mix-blend-mode:screen;filter:drop-shadow(0 0 2px rgba(102,126,234,.4))}.zodiac-sign-name{pointer-events:none;-webkit-user-select:none;user-select:none}.tree-path-info{color:#ffffffb3;font-size:.85rem;font-style:italic}.tree-hebrew-letter{fill:#fff;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 8px rgba(102,126,234,1));font-family:Times New Roman,serif}.tree-hebrew-info{color:#ffffffe6;font-size:1rem;font-weight:700;margin-top:.5rem;font-family:Times New Roman,serif}@keyframes pathPulse{0%,to{opacity:1;stroke-width:3}50%{opacity:.7;stroke-width:2.5}}@keyframes sephirahPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}