@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap";:root{--bg-color: #050A12;--panel-bg: rgba(10, 22, 40, .85);--border-color: rgba(27, 79, 216, .3);--text-primary: #E8E4D8;--text-secondary: rgba(232, 228, 216, .65);--accent-gold: #B8962E;--accent-gold-glow: rgba(184, 150, 46, .3);--accent-purple: #1B4FD8;--accent-purple-glow: rgba(27, 79, 216, .3);--font-body: "Source Serif 4", "Georgia", serif;--font-heading: "Cinzel", "Georgia", serif;--void: #050A12;--depth: #0A1628;--cobalt: #1B4FD8;--white: #E8E4D8;--ochre: #B8962E}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);background-image:radial-gradient(ellipse at 50% 40%,rgba(27,79,216,.08) 0%,transparent 60%,var(--bg-color) 100%)}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-body);font-weight:300;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}@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:var(--white);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:400;color:var(--white);text-transform:uppercase;letter-spacing:.12em}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:0;box-shadow:0 8px 32px #0006}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--ochre);border-style:solid;pointer-events:none}.corner-brackets:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.corner-brackets:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.btn-primary{background:var(--cobalt);color:var(--white);border:1px solid var(--cobalt);border-radius:0;padding:.75rem 2rem;font-family:var(--font-heading);font-weight:400;font-size:.95rem;text-transform:uppercase;letter-spacing:.12em;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);box-shadow:0 8px 30px var(--accent-purple-glow);filter:brightness(1.2)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#0a162880;color:var(--text-primary);border:1px solid var(--border-color);border-radius:0;padding:.75rem 2rem;font-family:var(--font-heading);font-weight:400;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#1b4fd81a;border-color:var(--cobalt);transform:translateY(-2px)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:1px solid var(--border-color);border-radius:0;transition:all .4s ease;cursor:pointer;background:#0a16284d;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1b4fd81a,#b8962e0d);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:var(--cobalt);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{color:var(--ochre);-webkit-text-fill-color:var(--ochre);background:none;-webkit-background-clip:unset;background-clip:unset}.subtext{color:var(--text-secondary);font-size:1rem;font-weight:300;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:0;border:1px solid var(--border-color);background:#0a162899;color:var(--text-primary);font-family:var(--font-body);transition:all .3s ease}.api-key-input:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 20px #1b4fd81a;background:#0a1628cc}.text-area-input{width:100%;padding:1rem 1.5rem;border-radius:0;border:1px solid var(--border-color);background:#0a162899;color:var(--text-primary);font-family:var(--font-body);transition:all .3s ease;resize:vertical;min-height:100px}.text-area-input:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 20px #1b4fd81a;background:#0a1628cc}.card-grid::-webkit-scrollbar{width:8px}.card-grid::-webkit-scrollbar-track{background:#0a162880;border-radius:0}.card-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}.card-grid::-webkit-scrollbar-thumb:hover{background:var(--cobalt)}.suit-tabs::-webkit-scrollbar{height:4px}.suit-tabs::-webkit-scrollbar-track{background:#0a162880}.suit-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}.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:0;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:var(--cobalt);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:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCut{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCommentary{0%{opacity:0;transform:translateY(8px)}to{opacity:.9;transform:translateY(0)}}@keyframes fadeInReading{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}