@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Outfit:wght@400;500;600&family=Inter:wght@400;500&display=swap";:root{--bg-color: #010103;--panel-bg: rgba(0, 0, 0, .4);--border-color: rgba(255, 255, 255, .1);--text-primary: #fffffff2;--text-secondary: #ffffffb8;--accent-gold: #d946ef;--accent-gold-glow: rgba(217, 70, 239, .3);--accent-purple: #7e22ce;--accent-purple-glow: rgba(126, 34, 206, .4);--font-body: "Jost", "Inter", sans-serif;--font-heading: "Jost", "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 100%,#15062e 0%,var(--bg-color) 70%)}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a,button,.upload-area,.journal-card,.card-thumb,.card-back{cursor:pointer}.cloud-bg-container{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:transparent}.cloud-orb{position:absolute;opacity:.85;mix-blend-mode:screen;animation:floatClouds 25s infinite alternate ease-in-out;transform:translateZ(0);will-change:transform}.orb-1{width:35vw;height:25vw;background:radial-gradient(ellipse closest-side,var(--accent-purple) 0%,transparent 100%);border-radius:40% 60% 70% 30%/40% 50% 60%;top:0%;left:-10%;animation-duration:35s}.orb-2{width:25vw;height:35vw;background:radial-gradient(ellipse closest-side,var(--accent-gold) 0%,transparent 100%);border-radius:60% 40% 30% 70%/50% 60% 40% 50%;bottom:-10%;right:-10%;animation-duration:40s;animation-delay:-5s}.orb-3{width:30vw;height:30vw;background:radial-gradient(ellipse closest-side,#6b21a8 0%,transparent 100%);border-radius:50% 50% 40% 60%/60% 40%;top:20%;left:30%;animation-duration:28s;animation-delay:-10s}.cloud-bg-overlay{position:absolute;inset:0;background:transparent;pointer-events:none}@keyframes floatClouds{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(6%,6%) scale(1.1) rotate(10deg)}to{transform:translate(-4%,8%) scale(.95) rotate(-5deg)}}@media(pointer:coarse){body{cursor:auto}a,button,input,textarea,.upload-area,.journal-card,.card-thumb,.card-back{cursor:auto!important}.custom-cursor-dot,.cursor-ripple{display:none!important}}.custom-cursor-dot{position:fixed;width:8px;height:8px;background:#fff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:exclusion;transition:width .2s,height .2s}a:hover~.custom-cursor-dot,button:hover~.custom-cursor-dot{width:24px;height:24px;background:transparent;border:2px solid var(--accent-gold)}.cursor-ripple{position:fixed;width:10px;height:10px;border:2px solid var(--accent-gold);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);animation:rippleDrop 1s cubic-bezier(.1,.8,.3,1) forwards}@keyframes rippleDrop{0%{width:10px;height:10px;opacity:1;border-width:2px}to{width:100px;height:100px;opacity:0;border-width:0px}}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem;flex:1;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3em}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:32px;box-shadow:0 8px 32px #0006}.btn-primary{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-gold) 100%);color:#fff;border:none;border-radius:9999px;padding:.75rem 2rem;font-family:var(--font-heading);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--accent-purple-glow);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px var(--accent-gold-glow);filter:brightness(1.1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#ffffff08;color:var(--text-primary);border:1px solid var(--border-color);border-radius:9999px;padding:.75rem 2rem;font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px) scale(1.02)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:1px solid var(--border-color);border-radius:32px;transition:all .4s ease;cursor:pointer;background:#0003;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7e22ce1a,#d946ef1a);opacity:0;transition:opacity .4s ease;z-index:0}.upload-area>*{position:relative;z-index:1}.upload-area:hover,.upload-area.drag-over{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.upload-area:hover:before,.upload-area.drag-over:before{opacity:1}.upload-icon{color:var(--accent-gold);margin-bottom:1.5rem;filter:drop-shadow(0 0 10px var(--accent-gold-glow))}.gradient-text{background:linear-gradient(135deg,#ff7eb3 0%,var(--accent-gold) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.subtext{color:var(--text-secondary);font-size:1rem;font-weight:400;letter-spacing:.05em;text-transform:none}.loader-spinner{animation:spin 3s linear infinite;color:var(--accent-gold);filter:drop-shadow(0 0 15px var(--accent-gold-glow))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-item,.card-thumb,.card-back{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.card-item:hover,.card-thumb:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #0009,0 0 20px var(--accent-purple-glow)}.card-back:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #00000080}.api-key-input{width:100%;padding:1rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);background:#00000080;color:var(--text-primary);font-family:var(--font-body);transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.api-key-input:focus{outline:none;border-color:#fff6;box-shadow:0 0 20px #ffffff0d;background:#000000b3}.text-area-input{width:100%;padding:1rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);background:#00000080;color:var(--text-primary);font-family:var(--font-body);transition:all .3s ease;resize:vertical;min-height:100px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.text-area-input:focus{outline:none;border-color:#fff6;box-shadow:0 0 20px #ffffff0d;background:#000000b3}.card-grid::-webkit-scrollbar{width:8px}.card-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.card-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.card-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.suit-tabs::-webkit-scrollbar{height:4px}.suit-tabs::-webkit-scrollbar-track{background:#0000004d}.suit-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.card-image-wrap{transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.card-reversed{transform:rotate(180deg)}.celtic-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1.5rem;max-width:900px;margin:0 auto;position:relative}.celtic-core{grid-column:1 / 4;grid-row:1 / 5;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1.5rem;align-items:center;justify-items:center}.pos-celtic-1{grid-column:2;grid-row:2;z-index:2}.pos-celtic-2{grid-column:2;grid-row:2;z-index:3;transform:translateY(55%) rotate(90deg) scale(.85)}.pos-celtic-3{grid-column:1;grid-row:2}.pos-celtic-4{grid-column:3;grid-row:2}.pos-celtic-5{grid-column:2;grid-row:1}.pos-celtic-6{grid-column:2;grid-row:3}.celtic-staff{grid-column:4;grid-row:1 / 5;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:1.5rem}.journal-card{cursor:pointer;border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.journal-card:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.journal-card:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.stack-mobile{display:flex;flex-direction:row;gap:2rem}.full-width-mobile{width:auto}.spin-animation{animation:spin 2s linear infinite}@media(max-width:768px){.spreads-grid{grid-template-columns:1fr!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}.subtext{font-size:.9rem!important}.stack-mobile{flex-direction:column;gap:1.5rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}.header-nav .btn-primary,.header-nav .btn-secondary{width:auto}.standard-spread-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;gap:1rem!important}.standard-spread-card-wrapper{max-width:120px!important}.celtic-scroll-wrapper{width:100vw;margin-left:-1rem;padding:0 1rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.celtic-grid{width:700px;gap:.75rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.75rem!important}.glass-panel{padding:1.5rem!important;border-radius:24px}}