@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f3ef;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:Inter,sans-serif}.navbar{background:#fff;border-bottom:2px solid #e8e4db;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 32px}.nav-brand{cursor:pointer;display:flex;flex-direction:column;gap:2px}.brand-name{color:#7d5e4f;font-family:Playfair Display,serif;font-size:26px;font-weight:700;letter-spacing:.5px}.brand-tagline{color:#7d6e57;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:8px}.nav-link{background:#0000;border:none;border-radius:8px;color:#7d5e4f;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:all .3s;white-space:nowrap}.nav-link:hover{background:#f5f3ef;color:#4a3d2a}.subscribe-link{background:#7d5e4f;color:#fff;margin-left:8px}.subscribe-link:hover{background:#4a3d2a}.logout-link{color:#7d6e57;margin-left:8px}.logout-link:hover{background:#ffebee;color:#d32f2f}@media (max-width:768px){.nav-container{flex-direction:column;gap:16px;padding:12px 20px}.nav-brand{align-items:center}.nav-links{flex-wrap:wrap;gap:8px;justify-content:center}.nav-link{font-size:13px;padding:8px 14px}.brand-name{font-size:20px}}.nav-dropdown{position:relative}.dropdown-trigger{align-items:center;display:flex;gap:4px}.chevron{font-size:16px;transition:transform .3s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFade .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:8px;min-width:180px;padding:8px 0;position:absolute;top:100%;z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:#7d5e4f;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#f5f3ef;color:#5a4a3a}@media (max-width:768px){.dropdown-menu{background:#f5f3ef;border-radius:4px;box-shadow:none;margin-top:4px;position:static}}.footer{background:#7d5e4f;color:#fff;margin-top:80px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1400px;padding:60px 32px 40px}.footer-brand h3{color:#fff;font-family:Playfair Display,serif;font-size:28px;margin-bottom:12px}.footer-brand p{color:#fffc;font-size:15px}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.footer-section h4{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.footer-section a,.footer-section button{background:none;border:none;color:#ffffffb3;cursor:pointer;display:block;font-size:14px;padding:8px 0;text-align:left;text-decoration:none;transition:color .3s}.footer-section a:hover,.footer-section button:hover{color:#fff}.footer-bottom{border-top:1px solid #fff3;padding:24px 32px;text-align:center}.footer-bottom p{color:#ffffffb3;font-size:13px}@media (max-width:768px){.footer-content{gap:40px;grid-template-columns:1fr;padding:40px 20px 30px}.footer-links{gap:30px;grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f3ef,#e8e4db);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;max-width:440px;padding:48px;width:100%}.auth-box h1{color:#7d5e4f;font-family:Playfair Display,serif;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.auth-box h2{color:#7d6e57;font-size:18px;font-weight:500;margin-bottom:32px;text-align:center}.auth-box form{display:flex;flex-direction:column;gap:20px}.auth-box input{border:2px solid #e8e4db;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;padding:16px;transition:all .3s}.auth-box input:focus{border-color:#7d6e57;box-shadow:0 0 0 3px #7d6e571a;outline:none}.auth-box button{background:linear-gradient(135deg,#7d5e4f,#7d6e57);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s}.auth-box button:hover{box-shadow:0 4px 16px #5d4e374d;transform:translateY(-2px)}.auth-box button:disabled{background:#9d8e77;cursor:not-allowed;transform:none}.error{background:#ffebee;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:14px;margin:0;padding:12px}.auth-link{color:#7d6e57;font-size:14px;margin-top:24px;text-align:center}.auth-link a{color:#7d5e4f;font-weight:600;text-decoration:none;transition:color .3s}.auth-link a:hover{color:#4a3d2a;text-decoration:underline}@media (max-width:480px){.auth-box{padding:32px 24px}.auth-box h1{font-size:26px}}.success{color:#2ecc71;font-size:14px;margin-top:10px}.home-page{background:#f5f3ef;min-height:100vh}.hero{align-items:center;display:flex;justify-content:center;margin-bottom:80px;min-height:600px;overflow:hidden;position:relative}.hero-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-image{height:100%;object-fit:cover;object-position:center;width:100%}.hero-overlay{background:linear-gradient(135deg,#7d5e4fd9,#9d7b6bbf 50%,#7d5e4fd9);height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{color:#fff;max-width:800px;padding:60px 20px;position:relative;text-align:center;z-index:2}.hero-title{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 10px #0000004d}.highlight{color:#f5e6d3;font-style:italic}.hero-subtitle{color:#fffffff2;font-size:20px;line-height:1.6;margin-bottom:40px;text-shadow:0 1px 5px #0000004d}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-primary,.cta-secondary{border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;text-shadow:none;transition:all .3s}.cta-primary{background:#fff;color:#7d5e4f}.cta-primary:hover{background:#f5e6d3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-secondary:hover{background:#ffffff1a;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.premium-badge-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:24px;padding:8px 20px}@media (max-width:768px){.hero{min-height:500px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}}.stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-40px auto 0;max-width:1000px;padding:0 20px 60px;position:relative;z-index:10}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:32px;text-align:center}.stat-number{color:#7d5e4f;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#7d6e57;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.features{margin:0 auto;max-width:1200px;padding:80px 20px}.section-title{color:#7d5e4f;font-size:36px;font-weight:700;margin-bottom:48px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:32px;transition:transform .3s}.feature-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-4px)}.feature-icon{color:#7d6e57;font-size:48px;margin-bottom:16px}.feature-card h3{color:#7d5e4f;font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:#666;font-size:15px;line-height:1.6}.cta-section{background:#7d5e4f;color:#fff;padding:60px 20px;text-align:center}.cta-section h2{font-size:32px;margin-bottom:16px}.cta-section p{color:#ffffffe6;font-size:18px;margin-bottom:32px}.cta-large{background:#fff;border:none;border-radius:8px;color:#7d5e4f;cursor:pointer;font-size:18px;font-weight:600;padding:18px 40px;transition:all .3s}.cta-large:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.admin-section{margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.admin-section h3{color:#7d5e4f;font-size:24px;margin-bottom:24px}.admin-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.admin-actions button{background:#7d6e57;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .3s}.admin-actions button:hover{background:#7d5e4f}@media (max-width:768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.stats{margin-top:-30px}.features-grid,.stats{grid-template-columns:1fr}.section-title{font-size:28px}.cta-section h2{font-size:24px}}.admin-container{background:#f5f3ef;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px}.admin-header{margin-bottom:40px;text-align:center}.admin-header h1{color:#7d5e4f;font-size:32px;font-weight:600}.admin-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px}.form-group{margin-bottom:24px}.form-group label{color:#7d5e4f;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e8e4db;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7d6e57;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:10px;width:auto}.file-name{color:#7d6e57;font-size:14px;font-style:italic;margin-top:8px}.submit-btn{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:16px;transition:background .3s;width:100%}.submit-btn:hover{background:#4a3d2a}.submit-btn:disabled{background:#9d8e77;cursor:not-allowed}.error-message{background:#ffebee;color:#d32f2f}.error-message,.success-message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px}.success-message{background:#e8f5e9;color:#2e7d32}@media (max-width:768px){.form-row{grid-template-columns:1fr}.admin-form{padding:24px}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e8e4db;border-radius:50%;border-top-color:#7d5e4f;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#7d6e57;font-size:16px;font-weight:500;margin-top:20px}.library-hero{align-items:center;display:flex;justify-content:center;margin-bottom:40px;min-height:400px;overflow:hidden;position:relative}.library-hero .hero-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.library-hero .hero-image{height:100%;object-fit:cover;object-position:center;width:100%}.library-hero .hero-overlay{background:linear-gradient(135deg,#7d5e4fd9,#9d7b6bbf 50%,#7d5e4fd9);height:100%;left:0;position:absolute;top:0;width:100%}.library-hero .library-header{color:#fff;margin-bottom:0;padding:60px 20px;position:relative;text-align:center;z-index:2}.library-hero .library-header h1{color:#fff;font-size:42px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px #0000004d}.library-hero .subtitle{color:#fffffff2;font-size:18px;text-shadow:0 1px 5px #0000004d}@media (max-width:768px){.library-hero{min-height:300px}.library-hero .library-header h1{font-size:32px}.library-hero .subtitle{font-size:16px}}.library-container{background:#f5f3ef;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.library-header{margin-bottom:40px;text-align:center}.library-header h1{color:#7d5e4f;font-size:42px;font-weight:700;margin-bottom:12px}.subtitle{font-size:18px;font-weight:500}.filters-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin:0 auto 40px;max-width:1200px;padding:32px}.search-bar{border:2px solid #e8e4db;border-radius:12px;font-size:16px;margin-bottom:20px;padding:16px 20px;transition:all .3s;width:100%}.search-bar:focus{border-color:#7d6e57;box-shadow:0 0 0 3px #7d6e571a;outline:none}.filter-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-row select{background:#fff;border:2px solid #e8e4db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;transition:border-color .3s}.clear-filters{background:#7d6e57;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s}.clear-filters:hover{background:#7d5e4f}.spell-grid{grid-gap:28px;gap:28px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.spell-card{transition:all .3s ease}.spell-card:hover{box-shadow:0 8px 24px #5d4e3726;transform:translateY(-8px)}.spell-image{height:220px;transition:transform .3s}.spell-card:hover .spell-image{transform:scale(1.05)}.spell-content{padding:24px}.spell-badges{margin-bottom:16px}.premium-badge{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.premium-badge,.time-badge{border-radius:20px;font-size:12px;padding:6px 14px}.spell-card h3,.time-badge{font-weight:600}.spell-card h3{color:#7d5e4f;font-size:20px;line-height:1.3;margin-bottom:12px}.category{color:#7d6e57;font-weight:600}.skill{color:#9d8e77;font-weight:500}.spell-description{font-size:15px;line-height:1.6}.no-results{background:#fff;border-radius:12px}@media (max-width:768px){.filter-row,.spell-grid{grid-template-columns:1fr}.library-header h1{font-size:28px}}.heart-icon.filled{animation:heartBounce .3s ease}@keyframes heartBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.moon-phase-widget{background:linear-gradient(135deg,#1a2a3a,#0f1a24);box-shadow:0 8px 24px #0003;color:#fff;margin-bottom:32px;padding:28px}.moon-display{align-items:center;display:flex;gap:20px;margin-bottom:16px}.moon-emoji{font-size:64px;line-height:1}.moon-info h3{color:#f0e6ff;font-size:24px;margin:0 0 4px}.illumination{color:#c4b5d6;font-size:14px;margin:0}.moon-description{color:#e8dff5;font-size:15px;font-style:italic;line-height:1.6;margin-bottom:20px}.moon-countdown{border-top:1px solid #fff3;display:flex;gap:24px;padding-top:16px}.countdown-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.countdown-number{color:#f0e6ff;display:block;font-size:28px;font-weight:700;margin-bottom:4px}.countdown-label{color:#c4b5d6;font-size:12px;text-align:center}@media (max-width:768px){.moon-phase-widget{padding:20px}.moon-emoji{font-size:48px}.moon-info h3{font-size:20px}.moon-description{font-size:14px}.countdown-number{font-size:24px}}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;bottom:24px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:24px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#7d5e4f;color:#fff}.toast-error{background:#c53030;color:#fff}.toast-info{background:#2b6cb0;color:#fff}.toast-icon{font-size:18px;font-weight:700}.toast-message{flex:1 1;font-size:15px}.toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:.7;padding:0}.toast-close:hover{opacity:1}@media (max-width:480px){.toast{bottom:16px;left:16px;max-width:none;right:16px}}.spell-detail-container{background:#f5f3ef;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px 80px}.back-button{align-items:center;background:#fff;border:2px solid #e8e4db;border-radius:8px;color:#7d5e4f;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:32px;padding:12px 24px;transition:all .3s}.back-button:hover{background:#7d5e4f;border-color:#7d5e4f;color:#fff;transform:translateX(-4px)}.spell-detail{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.spell-detail-image{height:450px;object-fit:cover;width:100%}.spell-header{border-bottom:2px solid #f5f3ef;padding:40px}.spell-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.spell-title-row h1{color:#7d5e4f;flex:1 1 300px;font-size:36px;font-weight:700;line-height:1.2;margin:0;min-width:0}.header-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px}.download-btn-detail{align-items:center;background:#fff;border:2px solid #9d7b6b;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s;white-space:nowrap}.download-btn-detail:hover{background:#7d5e4f;border-color:#7d5e4f;color:#fff}.journal-btn-detail{align-items:center;background:#fff;border:2px solid #9d7b6b;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s;white-space:nowrap}.journal-btn-detail:hover{background:#7d5e4f;border-color:#7d5e4f;color:#fff}.favorite-btn-detail{align-items:center;background:#fff;border:2px solid #e8e4db;border-radius:50%;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s;width:56px}.favorite-btn-detail:hover{border-color:#9d7b6b;box-shadow:0 4px 12px #0000001f;transform:scale(1.1)}.heart-icon-detail{color:#9d7b6b;font-size:28px;transition:all .3s}.heart-icon-detail.filled{animation:heartBounce .3s ease;color:#d32f2f}.spell-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{border-radius:20px;font-size:13px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.tag.premium{background:linear-gradient(135deg,#7d5e4f,#7d6e57);color:#fff}.spell-section{border-bottom:1px solid #f5f3ef;padding:40px}.spell-section:last-child{border-bottom:none}.spell-section h2{color:#7d5e4f;font-size:24px;font-weight:600;margin-bottom:20px}.spell-section p{color:#555;font-size:16px;line-height:1.8}.ingredients-list{grid-gap:12px;display:grid;gap:12px;list-style:none;padding:0}.ingredients-list li{background:#f5f3ef;border-radius:8px;color:#555;font-size:16px;line-height:1.6;padding:16px 16px 16px 48px;position:relative}.ingredients-list li:before{color:#7d6e57;content:"✦";font-size:18px;font-weight:700;left:18px;position:absolute}.instructions p{background:#f5f3ef;border-left:4px solid #7d6e57;border-radius:8px;color:#555;font-size:16px;line-height:1.8;margin-bottom:20px;padding:16px}.intention{background:linear-gradient(135deg,#f5f3ef,#fff)}.intention blockquote{background:#fff;border-left:6px solid #7d5e4f;border-radius:12px;box-shadow:0 2px 12px #00000014;color:#7d5e4f;font-size:20px;font-style:italic;line-height:1.7;margin:0;padding:32px}.error-container,.loading{color:#7d6e57;font-size:18px;padding:60px 20px;text-align:center}.error-container button{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px 28px;transition:background .3s}.error-container button:hover{background:#4a3d2a}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.journal-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.journal-modal h2{color:#7d5e4f;font-size:24px;margin-bottom:8px}.modal-subtitle{color:#9d7b6b;font-size:16px}.modal-section,.modal-subtitle{margin-bottom:24px}.modal-section label{color:#7d5e4f;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.star-rating{display:flex;gap:8px}.star-btn{background:none;border:none;color:#e8e4db;cursor:pointer;font-size:32px;padding:0;transition:all .3s}.star-btn:hover{transform:scale(1.1)}.star-btn.filled{color:#ffb800}.modal-section textarea{border:2px solid #e8e4db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.modal-section textarea:focus{border-color:#9d7b6b;outline:none}.tag-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-btn{background:#f5f3ef;border:1px solid #e8e4db;border-radius:16px;color:#7d5e4f;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s}.tag-btn:hover{background:#e8e4db;border-color:#9d7b6b}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.selected-tags .tag{align-items:center;background:#7d5e4f;border-radius:16px;color:#fff;display:flex;font-size:13px;gap:8px;padding:6px 12px}.selected-tags .tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.cancel-btn{background:#fff;border:2px solid #e8e4db;color:#7d5e4f}.cancel-btn:hover{background:#f5f3ef;border-color:#9d7b6b}.save-btn{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border:none;color:#fff}.save-btn:hover{box-shadow:0 4px 16px #7d5e4f4d;transform:translateY(-2px)}@media (max-width:768px){.spell-detail-image{height:280px}.spell-header{padding:28px}.spell-title-row{align-items:flex-start;flex-direction:column}.spell-title-row h1{font-size:28px}.header-actions{flex-direction:row;justify-content:flex-start;width:100%}.download-btn-detail,.journal-btn-detail{flex:1 1;font-size:14px;justify-content:center;padding:10px 16px}.favorite-btn-detail{height:48px;width:48px}.spell-section{padding:28px}.spell-section h2{font-size:20px}.intention blockquote{font-size:18px;padding:24px}.journal-modal{padding:24px}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.related-spells-section{margin:40px 20px 0;padding:24px 16px}.related-spells-section h2{font-size:22px}.related-spells-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.subscribe-page{background:#f5f3ef;min-height:100vh;padding-bottom:60px}.subscribe-hero{background:linear-gradient(135deg,#7d5e4f,#7d6e57);color:#fff;padding:60px 20px;text-align:center}.subscribe-hero h1{font-size:42px;font-weight:700;margin-bottom:16px}.hero-description{color:#ffffffe6;font-size:20px}.pricing-section{margin:-40px auto 60px;max-width:1100px;padding:0 20px;position:relative;z-index:10}.pricing-toggle{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.pricing-toggle button{align-items:center;background:#fff;border:2px solid #e8e4db;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s}.pricing-toggle button.active{background:#7d5e4f;border-color:#7d5e4f;color:#fff}.save-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px}.pricing-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.pricing-card{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:40px;position:relative;transition:all .3s}.pricing-card.selected{border-color:#7d5e4f;box-shadow:0 8px 30px #5d4e3733;transform:translateY(-4px)}.pricing-card.featured{background:linear-gradient(135deg,#f5f3ef,#fff)}.best-value-badge{background:linear-gradient(135deg,#7d5e4f,#7d6e57);border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:1px;padding:6px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{border-bottom:2px solid #e8e4db;margin-bottom:32px;padding-bottom:24px;text-align:center}.plan-header h3{color:#7d5e4f;font-size:24px;margin-bottom:16px}.price-display{align-items:flex-start;display:flex;justify-content:center;margin-bottom:8px}.currency{color:#7d6e57;font-size:24px;margin-top:8px}.amount{color:#7d5e4f;font-size:56px;font-weight:700;line-height:1}.period{color:#7d6e57;font-size:18px;margin-left:4px;margin-top:20px}.plan-description{color:#7d6e57;font-size:14px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:center;color:#666;display:flex;font-size:15px;gap:12px;padding:12px 0}.check{color:#7d5e4f;font-size:18px;font-weight:700}.subscribe-button{background:linear-gradient(135deg,#7d5e4f,#7d6e57);border:none;border-radius:12px;box-shadow:0 4px 16px #5d4e374d;color:#fff;cursor:pointer;display:block;font-size:20px;font-weight:700;margin:0 auto;max-width:500px;padding:20px;transition:all .3s;width:100%}.subscribe-button:hover{box-shadow:0 6px 24px #5d4e3766;transform:translateY(-2px)}.subscribe-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.benefits-section{margin:80px auto 60px;max-width:1100px;padding:0 20px;text-align:center}.benefits-section h2{color:#7d5e4f;font-size:36px;margin-bottom:48px}.benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:32px 24px}.benefit-icon{color:#7d6e57;font-size:48px;margin-bottom:16px}.benefit h4{color:#7d5e4f;font-size:18px;margin-bottom:12px}.benefit p{color:#666;font-size:14px;line-height:1.6}.trust-section{margin:60px auto 40px;max-width:800px;padding:0 20px}.trust-elements{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.trust-item{align-items:center;color:#7d6e57;display:flex;font-size:14px;gap:8px}.trust-icon{font-size:20px}.back-button{background:#0000;border:none;color:#7d6e57;cursor:pointer;display:block;font-size:14px;margin:40px auto 0;text-decoration:underline}.back-button:hover{color:#7d5e4f}@media (max-width:768px){.subscribe-hero h1{font-size:28px}.benefits-grid,.pricing-cards{grid-template-columns:1fr}.trust-elements{align-items:flex-start;flex-direction:column}}.manage-container{background:#f5f3ef;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.manage-header{margin-bottom:32px;text-align:center}.manage-header h1{color:#7d5e4f;font-size:36px;font-weight:600;margin-bottom:8px}.subtitle{color:#7d6e57}.manage-actions{align-items:center;display:flex;gap:16px;margin-bottom:32px}.manage-actions .search-bar{border:2px solid #e8e4db;border-radius:8px;flex:1 1;font-size:16px;padding:14px}.manage-actions .search-bar:focus{border-color:#7d6e57;outline:none}.add-new-btn{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .3s;white-space:nowrap}.add-new-btn:hover{background:#4a3d2a}.spells-table{display:flex;flex-direction:column;gap:16px}.spell-row{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:20px;position:relative}.spell-info{align-items:center;display:flex;gap:16px;margin-bottom:16px}.spell-thumbnail{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.spell-details{flex:1 1}.spell-details h3{color:#7d5e4f;font-size:18px;margin-bottom:8px}.spell-meta{gap:8px}.badge{background:#e8e4db;border-radius:20px}.badge.premium{background:#7d5e4f;color:#fff}.spell-actions{display:flex;gap:12px;justify-content:flex-end}.delete-btn,.edit-btn,.view-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.edit-btn{background:#7d5e4f;color:#fff}.edit-btn:hover{background:#4a3d2a}.view-btn{background:#7d6e57;color:#fff}.view-btn:hover{background:#6b5d49}.delete-btn{background:#d32f2f;color:#fff}.delete-btn:hover{background:#b71c1c}.delete-confirm{background:#ffebee;border-left:4px solid #d32f2f;border-radius:8px;margin-top:16px;padding:16px}.delete-confirm p{color:#d32f2f;font-weight:600;margin-bottom:12px}.confirm-actions{display:flex;gap:12px}.confirm-no,.confirm-yes{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.confirm-yes{background:#d32f2f;color:#fff}.confirm-yes:hover{background:#b71c1c}.confirm-no{background:#e8e4db;color:#7d5e4f}.confirm-no:hover{background:#d4cfc3}.loading,.no-results{color:#7d6e57;padding:60px 20px;text-align:center}.loading{font-size:18px}@media (max-width:768px){.manage-actions{flex-direction:column}.add-new-btn{width:100%}.spell-info{align-items:flex-start;flex-direction:column}.spell-actions{flex-wrap:wrap}}.quiz-container{margin:0 auto;max-width:800px;min-height:80vh;padding:40px 20px 80px}.quiz-progress{margin-bottom:40px}.progress-bar{background:#e8e4db;border-radius:10px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);height:100%;transition:width .3s ease}.progress-text{color:#9d7b6b;font-size:14px;font-weight:600;text-align:center}.quiz-question{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:48px}.quiz-question h2{color:#7d5e4f;font-size:28px;line-height:1.4;margin-bottom:32px;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:16px}.quiz-option{background:#f5f3ef;border:2px solid #0000;border-radius:12px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:20px 24px;text-align:left;transition:all .3s}.quiz-option:hover{background:#fff;border-color:#9d7b6b;box-shadow:0 4px 12px #00000014;transform:translateX(8px)}.back-btn{background:#0000;border:2px solid #e8e4db;border-radius:8px;color:#9d7b6b;cursor:pointer;font-weight:600;margin-top:24px;padding:12px 24px;transition:all .3s}.back-btn:hover{background:#fff;border-color:#9d7b6b}.quiz-results{text-align:center}.quiz-results h1{color:#7d5e4f;font-size:36px;margin-bottom:32px}.upgrade-banner{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-radius:12px;color:#fff;margin-bottom:40px;padding:24px}.upgrade-banner p{font-size:18px;font-weight:600;margin-bottom:16px}.upgrade-btn{background:#fff;color:#7d5e4f;padding:12px 28px;transition:all .3s}.upgrade-btn:hover{box-shadow:0 4px 12px #0003}.results-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.result-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;overflow:hidden;text-align:left;transition:all .3s}.result-card:hover{box-shadow:0 8px 24px #7d5e4f26;transform:translateY(-4px)}.result-card img{height:200px;object-fit:cover;width:100%}.result-content{padding:20px}.result-content h3{color:#7d5e4f;font-size:20px;margin-bottom:12px}.result-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.badge{background:#f5f3ef;border-radius:12px;color:#7d5e4f;font-size:12px;font-weight:600;padding:4px 12px}.result-content p{color:#666;font-size:14px;line-height:1.6}.quiz-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.primary-btn,.secondary-btn{border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s}.primary-btn{background:linear-gradient(135deg,#7d5e4f,#9d7b6b)}.primary-btn:hover{box-shadow:0 4px 16px #7d5e4f4d;transform:translateY(-2px)}.secondary-btn{background:#fff;border:2px solid #9d7b6b;color:#9d7b6b}.secondary-btn:hover{background:#f5f3ef}@media (max-width:768px){.quiz-question{padding:32px 24px}.quiz-question h2{font-size:22px}.quiz-results h1{font-size:28px}.results-grid{grid-template-columns:1fr}}.spell-card.premium-locked{position:relative}.lock-overlay{align-items:center;display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.lock-icon{color:#d4a574;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:48px}.lock-text{background:#7d5e4fe6;border-radius:20px;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.spell-card.premium-locked:hover{box-shadow:0 8px 20px #d4a5744d;transform:translateY(-4px)}.spell-card.premium-locked:hover .lock-overlay{transform:translate(-50%,-50%) scale(1.1);transition:transform .2s ease}.journal-hero{align-items:center;display:flex;justify-content:center;margin-bottom:40px;min-height:400px;overflow:hidden;position:relative}.journal-hero .hero-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.journal-hero .hero-image{height:100%;object-fit:cover;object-position:center;width:100%}.journal-hero .hero-overlay{background:linear-gradient(135deg,#7d5e4fd9,#9d7b6bbf 50%,#7d5e4fd9);height:100%;left:0;position:absolute;top:0;width:100%}.journal-hero .journal-header{color:#fff;margin-bottom:0;padding:60px 20px;position:relative;text-align:center;z-index:2}.journal-hero .journal-header h1{color:#fff;font-size:42px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px #0000004d}.journal-hero .subtitle{color:#fffffff2;font-size:18px;text-shadow:0 1px 5px #0000004d}@media (max-width:768px){.journal-hero{min-height:300px}.journal-hero .journal-header h1{font-size:32px}.journal-hero .subtitle{font-size:16px}}.journal-container{margin:0 auto;max-width:900px;min-height:80vh;padding:40px 20px 80px}.journal-header{margin-bottom:40px;text-align:center}.journal-header h1{color:#7d5e4f;font-size:36px;margin-bottom:12px}.empty-journal{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.empty-journal h2{color:#7d5e4f;font-size:28px;margin-bottom:16px}.empty-journal p{color:#666;font-size:16px;margin-bottom:32px}.journal-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.journal-filters button{background:#fff;border:2px solid #e8e4db;border-radius:8px;color:#7d5e4f;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.journal-filters button:hover{background:#f5f3ef;border-color:#9d7b6b}.journal-filters button.active{background:#7d5e4f;border-color:#7d5e4f;color:#fff}.journal-entries{display:flex;flex-direction:column;gap:20px}.journal-entry{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px;transition:all .3s}.journal-entry:hover{box-shadow:0 4px 20px #0000001f}.entry-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.entry-title-section{flex:1 1}.spell-link{color:#7d5e4f;cursor:pointer;font-size:20px;font-weight:600;margin-bottom:4px;transition:color .3s}.spell-link:hover{color:#9d7b6b;text-decoration:underline}.entry-date{color:#999;font-size:13px}.delete-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:4px;transition:color .3s}.delete-btn:hover{color:#d32f2f}.entry-rating{margin-bottom:12px}.star-display{display:flex;gap:4px}.star{color:#e8e4db;font-size:20px}.star.filled{color:#ffb800}.entry-notes{color:#555;font-size:15px;line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.entry-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f5f3ef;border-radius:12px;color:#7d5e4f;font-size:12px;font-weight:600;padding:4px 12px}@media (max-width:768px){.journal-header h1{font-size:28px}.journal-entry{padding:20px}.spell-link{font-size:18px}.journal-filters{justify-content:center}}.related-spells-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:60px auto 0;max-width:900px;padding:40px 20px}.related-spells-section h2{color:#7d5e4f;font-size:28px;margin-bottom:24px;text-align:center}.related-spells-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.related-spell-card{background:#f5f3ef;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.related-spell-card:hover{box-shadow:0 8px 20px #7d5e4f26;transform:translateY(-4px)}.related-spell-card img{height:140px;object-fit:cover;width:100%}.related-spell-content{padding:16px}.related-spell-content h4{color:#7d5e4f;font-size:16px;line-height:1.3;margin-bottom:8px}.related-spell-meta{align-items:center;color:#9d7b6b;display:flex;font-size:12px;gap:8px}.related-spell-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.related-spells-section{margin:40px 20px 0;padding:24px 16px}.related-spells-section h2{font-size:22px}.related-spells-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.favorites-container{margin:0 auto;max-width:1200px;min-height:80vh;padding:40px 20px 80px}.favorites-header{margin-bottom:40px;text-align:center}.favorites-header h1{color:#7d5e4f;font-size:36px;margin-bottom:12px}.subtitle{color:#9d7b6b;font-size:16px}.empty-favorites{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:24px}.empty-favorites h2{color:#7d5e4f;font-size:28px;margin-bottom:16px}.empty-favorites p{color:#666;font-size:16px;margin-bottom:32px}.browse-btn{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s}.browse-btn:hover{box-shadow:0 4px 16px #7d5e4f4d;transform:translateY(-2px)}.spell-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.spell-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.spell-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.favorite-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s;width:40px;z-index:10}.favorite-btn:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.heart-icon{color:#9d7b6b;font-size:22px;transition:all .3s}.heart-icon.filled{color:#d32f2f}.spell-image{height:200px;object-fit:cover;width:100%}.spell-content{padding:20px}.spell-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.premium-badge,.time-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.premium-badge{background:linear-gradient(135deg,#7d5e4f,#7d6e57);color:#fff}.time-badge{background:#f5f3ef;color:#7d5e4f}.spell-content h3{color:#7d5e4f;font-size:20px;line-height:1.3;margin-bottom:12px}.spell-meta{color:#9d7b6b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-bottom:12px}.category,.skill{font-weight:600}.spell-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}@media (max-width:768px){.favorites-header h1{font-size:28px}.spell-grid{gap:20px;grid-template-columns:1fr}.empty-favorites{padding:60px 20px}.empty-icon{font-size:64px}.empty-favorites h2{font-size:24px}}.account-container{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.account-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:480px;padding:40px;width:100%}.account-card h1{color:#1a1a2e;font-size:28px;margin:0 0 32px}.account-section{margin-bottom:24px}.account-section label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.account-value{color:#1a1a2e;font-size:16px;margin:0}.membership-status{display:flex;flex-wrap:wrap;gap:8px}.status-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:6px 14px}.status-badge.free{background:#f0f0f0;color:#666}.status-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status-badge.admin{background:#1a1a2e;color:#fff}.upgrade-section{border-top:1px solid #eee;margin-top:32px;padding-top:24px}.upgrade-section p{color:#666;font-size:15px;margin:0 0 16px}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.upgrade-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.premium-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;margin-top:32px;padding:20px}.premium-section p{color:#667eea;font-weight:500;margin:0;text-align:center}.primary-btn{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px}.primary-btn:hover{background:#2a2a4e}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.890a2a16.css.map*/