@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{margin-bottom:8px}.stat-label{color:#7d6e57;font-size:14px}.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{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}}.collection-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#7d5e4f;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:60px;top:12px;transition:all .3s;width:36px;z-index:5}.collection-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.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}}.atc-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;max-height:80vh;max-width:400px;overflow-y:auto;padding:24px;position:relative;width:90%}.atc-close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s}.atc-close-btn:hover{color:#333}.atc-title{color:#7d5e4f;font-size:20px;margin-bottom:16px}.atc-loading{color:#888}.atc-empty,.atc-loading{padding:20px 0;text-align:center}.atc-empty p{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.atc-list{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;max-height:300px;overflow-y:auto}.atc-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.atc-item:hover{background:#f5f3ef}.atc-item.toggling{opacity:.6}.atc-item input[type=checkbox]{accent-color:#7d5e4f;cursor:pointer;flex-shrink:0;height:18px;width:18px}.atc-item-name{color:#333;flex:1 1;font-size:15px;font-weight:500}.atc-item-count{color:#999;flex-shrink:0;font-size:12px}.atc-create-btn{background:none;border:1px dashed #d4c5b9;border-radius:8px;color:#7d5e4f;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-bottom:12px;padding:10px;transition:all .2s;width:100%}.atc-create-btn:hover{background:#f5f3ef;border-color:#7d5e4f}.atc-create-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.atc-create-input{border:1px solid #e8dcc8;border-radius:6px;flex:1 1;font-size:14px;min-width:150px;outline:none;padding:8px 12px}.atc-create-input:focus{border-color:#7d5e4f}.atc-create-confirm{background:#7d5e4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;white-space:nowrap}.atc-create-confirm:hover:not(:disabled){background:#6a4f42}.atc-create-confirm:disabled{cursor:not-allowed;opacity:.5}.atc-create-cancel{background:#e0e0e0;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 14px;white-space:nowrap}.atc-create-cancel:hover{background:#d0d0d0}.atc-done-btn{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;padding:10px;transition:background .2s;width:100%}.atc-done-btn:hover{background:#6a4f42}.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}}.enhanced-journal-modal{animation:modalSlideIn .4s ease-out;background:linear-gradient(135deg,#faf8f5,#fff);border:3px solid #e8dcc8;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;padding:0;position:relative;width:100%}.modal-close-btn{align-items:center;background:#fff;border:2px solid #e8dcc8;border-radius:50%;color:#7d5e4f;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.modal-close-btn:hover{background:#7d5e4f;color:#fff;transform:rotate(90deg)}.grimoire-header{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-bottom:3px solid #e8dcc8;border-radius:20px 20px 0 0;box-shadow:0 4px 12px #7d5e4f33;padding:32px 40px;text-align:center}.grimoire-header h2{color:#fff;font-family:Playfair Display,serif;font-size:28px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px #0000004d}.spell-subtitle{color:#ffffffe6;font-size:16px;font-style:italic;margin:0}.mode-toggle{background:#f5f0e8;border-bottom:2px solid #e8dcc8;display:flex;gap:12px;justify-content:center;padding:24px 32px}.mode-btn{align-items:center;background:#fff;border:2px solid #d4c4a8;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.mode-btn:hover{border-color:#9d7b6b;box-shadow:0 4px 12px #7d5e4f33;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-color:#7d5e4f;box-shadow:0 4px 16px #7d5e4f4d;color:#fff}.journal-form-content{background:#faf8f5;padding:32px 40px}.grimoire-section{margin-bottom:32px}.grimoire-label{color:#7d5e4f;display:block;font-family:Playfair Display,serif;font-size:15px;font-weight:600;margin-bottom:12px}.grimoire-input,.grimoire-textarea{background:#fff;border:2px solid #e8dcc8;border-radius:10px;color:#333;font-family:Inter,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s;width:100%}.grimoire-input:focus,.grimoire-textarea:focus{border-color:#9d7b6b;box-shadow:0 0 0 4px #7d5e4f1a;outline:none}.grimoire-textarea{line-height:1.6;resize:vertical}.date-input{cursor:pointer;font-family:Inter,sans-serif}.mood-scale-container{margin-bottom:28px}.mood-scale{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);margin-top:12px}.mood-button{align-items:center;background:#fff;border:2px solid #e8dcc8;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;padding:10px 4px;transition:all .3s}.mood-button:hover{border-color:#9d7b6b;box-shadow:0 4px 12px #7d5e4f33;transform:translateY(-3px)}.mood-button.selected{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-color:#7d5e4f;box-shadow:0 4px 16px #7d5e4f4d;color:#fff;transform:scale(1.05)}.mood-emoji{font-size:20px;line-height:1}.mood-number{font-size:11px;font-weight:700}.mood-selected{background:#f5f0e8;border-radius:8px;color:#7d5e4f;font-size:14px;font-weight:600;margin-top:12px;padding:10px;text-align:center}.star-rating-large{display:flex;gap:12px;justify-content:center;margin:16px 0}.star-btn-large{background:none;border:none;cursor:pointer;padding:8px;transition:transform .3s}.star-btn-large:hover{transform:scale(1.2)}.star-icon{color:#e8dcc8;font-size:40px;transition:color .3s}.star-icon.filled{color:#ffb800;filter:drop-shadow(0 2px 8px rgba(255,184,0,.4))}.rating-text{color:#7d5e4f;font-size:15px;font-style:italic;font-weight:600;margin-top:8px;text-align:center}.yes-no-buttons{display:flex;gap:12px;justify-content:center}.yn-btn{background:#fff;border:2px solid #d4c4a8;border-radius:8px;color:#7d5e4f;cursor:pointer;font-size:15px;font-weight:600;min-width:100px;padding:14px 32px;transition:all .3s}.yn-btn:hover{border-color:#9d7b6b;box-shadow:0 4px 12px #7d5e4f33;transform:translateY(-2px)}.yn-btn.selected.yes{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.yn-btn.selected.no{background:linear-gradient(135deg,#f44336,#e53935);border-color:#f44336;color:#fff}.yn-btn.selected:not(.yes):not(.no){background:linear-gradient(135deg,#9d7b6b,#7d5e4f);border-color:#7d5e4f;color:#fff}.tag-suggestions{margin-bottom:16px}.suggested-tag-btn{background:#fff;border:1.5px solid #d4c4a8;border-radius:20px;color:#7d5e4f;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .3s}.suggested-tag-btn:hover{background:#f5f0e8;border-color:#9d7b6b;transform:translateY(-2px)}.custom-tag-input-container{display:flex;gap:8px;margin-bottom:16px}.custom-tag-input{background:#fff;border:2px solid #e8dcc8;border-radius:8px;flex:1 1;font-family:Inter,sans-serif;font-size:14px;padding:10px 14px}.custom-tag-input:focus{border-color:#9d7b6b;outline:none}.add-tag-btn{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.add-tag-btn:hover{background:#9d7b6b;transform:translateY(-2px)}.selected-tags-grimoire{display:flex;flex-wrap:wrap;gap:8px}.tag-grimoire{align-items:center;background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px}.tag-grimoire button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0;transition:transform .2s}.tag-grimoire button:hover{transform:scale(1.3)}.privacy-section{background:#f5f0e8;border:2px solid #e8dcc8;border-radius:10px;padding:16px}.privacy-label{align-items:center;color:#7d5e4f;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.privacy-label input[type=checkbox]{accent-color:#7d5e4f;cursor:pointer;height:20px;width:20px}.privacy-note{color:#9d7b6b;font-size:12px;font-style:italic;margin-left:30px;margin-top:8px}.quick-log-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #81c784;border-radius:12px;padding:24px;text-align:center}.quick-log-message{color:#2e7d32;font-size:15px;font-weight:500;line-height:1.6}.grimoire-actions{background:#f5f0e8;border-radius:0 0 20px 20px;border-top:2px solid #e8dcc8;display:flex;gap:12px;justify-content:flex-end;padding:24px 40px}.grimoire-btn{border:none;border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s}.grimoire-btn.cancel{background:#fff;border:2px solid #d4c4a8;color:#7d5e4f}.grimoire-btn.cancel:hover{background:#faf8f5;border-color:#9d7b6b}.grimoire-btn.save{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);box-shadow:0 4px 16px #7d5e4f4d;color:#fff}.grimoire-btn.save:hover{box-shadow:0 6px 24px #7d5e4f66;transform:translateY(-2px)}@media (max-width:768px){.enhanced-journal-modal{border-radius:16px;max-height:95vh;max-width:95%}.grimoire-header{padding:24px 20px}.grimoire-header h2{font-size:22px}.mode-toggle{flex-direction:column;padding:16px 20px}.mode-btn{justify-content:center;width:100%}.journal-form-content{padding:20px}.mood-scale{gap:6px;grid-template-columns:repeat(5,1fr)}.mood-button{padding:8px 4px}.mood-emoji{font-size:18px}.star-rating-large{gap:8px}.star-icon{font-size:32px}.yes-no-buttons{flex-direction:column}.yn-btn{width:100%}.grimoire-actions{flex-direction:column;padding:20px}.grimoire-btn{width:100%}}.spell-history-modal{animation:modalSlideIn .4s ease-out;background:linear-gradient(135deg,#faf8f5,#fff);border:3px solid #e8dcc8;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close-btn-history{align-items:center;background:#fff;border:2px solid #e8dcc8;border-radius:50%;color:#7d5e4f;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.modal-close-btn-history:hover{background:#7d5e4f;color:#fff;transform:rotate(90deg)}.history-header{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-bottom:3px solid #e8dcc8;border-radius:20px 20px 0 0;box-shadow:0 4px 12px #7d5e4f33;padding:32px 40px;text-align:center}.history-header h2{color:#fff;font-family:Playfair Display,serif;font-size:28px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px #0000004d}.history-spell-title{color:#ffffffe6;font-size:16px;font-style:italic;margin:0}.history-stats-section{grid-gap:16px;background:#f5f0e8;border-bottom:2px solid #e8dcc8;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px 32px}.stat-box{background:#fff;border:2px solid #e8dcc8;border-radius:12px;padding:20px;text-align:center;transition:all .3s}.stat-box:hover{border-color:#9d7b6b;box-shadow:0 6px 20px #7d5e4f26;transform:translateY(-4px)}.stat-value{color:#7d5e4f;font-family:Playfair Display,serif;font-size:28px;font-weight:700;margin-bottom:8px}.stat-label{color:#9d7b6b;font-size:12px}.insights-section{background:linear-gradient(135deg,#fff9e6,#fffbf0);border-bottom:2px solid #e8dcc8;padding:28px 32px}.insights-section h3{color:#7d5e4f;font-family:Playfair Display,serif;font-size:20px;font-weight:600;margin:0 0 16px}.insights-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.insights-list li{background:#fff;border-left:4px solid #d4c4a8;border-radius:8px;color:#555;font-size:15px;line-height:1.6;padding:12px 16px 12px 42px;position:relative}.insights-list li:before{color:#7d5e4f;content:"✦";font-size:16px;left:16px;position:absolute}.insights-list li strong{color:#7d5e4f;font-weight:700}.insight-highlight{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border-left-color:#4caf50!important;font-weight:600}.history-timeline-section{background:#faf8f5;padding:32px}.history-timeline-section h3{color:#7d5e4f;font-family:Playfair Display,serif;font-size:20px;font-weight:600;margin:0 0 20px}.no-entries{color:#9d7b6b;font-size:15px;font-style:italic;padding:40px;text-align:center}.history-timeline{display:flex;flex-direction:column;gap:16px}.history-entry-card{background:#fff;border:2px solid #e8dcc8;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.history-entry-card:hover{border-color:#9d7b6b;box-shadow:0 6px 20px #7d5e4f26}.history-entry-card.expanded{border-color:#7d5e4f;box-shadow:0 8px 24px #7d5e4f33}.entry-card-header{align-items:center;background:linear-gradient(135deg,#faf8f5,#fff);display:flex;gap:16px;justify-content:space-between;padding:20px}.entry-date-time{flex:1 1}.entry-date-main{color:#7d5e4f;font-family:Playfair Display,serif;font-size:16px;font-weight:600;margin-bottom:8px}.star-display-history{display:flex;gap:4px}.star-history{color:#e8dcc8;font-size:16px}.star-history.filled{color:#ffb800}.delete-entry-btn,.edit-entry-btn{align-items:center;background:#fff;border:2px solid #e8dcc8;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .3s}.edit-entry-btn:hover{background:#7d5e4f;border-color:#7d5e4f;color:#fff}.delete-entry-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.entry-expanded-content{animation:expandIn .3s ease-out;background:#fff;border-top:2px solid #f5f0e8;padding:20px}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.mood-row{background:#f5f0e8;border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:16px}.mood-item{align-items:center;display:flex;gap:8px}.entry-section{margin-bottom:16px}.section-label{color:#7d5e4f;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.section-content{background:#faf8f5;border-left:3px solid #d4c4a8;border-radius:6px;color:#555;font-size:15px;line-height:1.6;padding:12px}.entry-tags-section{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.entry-tag{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.quick-log-note{color:#9d7b6b;font-size:14px;font-style:italic;margin:16px 0 0;text-align:center}@media (max-width:768px){.spell-history-modal{border-radius:16px;max-height:95vh;max-width:95%}.history-header{padding:24px 20px}.history-header h2{font-size:22px}.history-stats-section{gap:12px;grid-template-columns:repeat(2,1fr);padding:20px 16px}.stat-box{padding:16px}.stat-value{font-size:22px}.insights-section{padding:20px 16px}.insights-list li{font-size:14px;padding:10px 14px 10px 36px}.history-timeline-section{padding:20px 16px}.entry-card-header{align-items:flex-start;flex-direction:column;padding:16px}.entry-actions{justify-content:flex-end;width:100%}.mood-row{flex-direction:column;gap:12px}}.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:16px}.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}.title-row-actions{gap:12px}.collection-btn-detail,.title-row-actions{align-items:center;display:flex;flex-shrink:0}.collection-btn-detail{background:#fff;border:2px solid #e8e4db;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#7d5e4f;cursor:pointer;font-size:22px;height:48px;justify-content:center;transition:all .3s;width:48px}.collection-btn-detail:hover{border-color:#9d7b6b;box-shadow:0 4px 12px #0000001f;transform:scale(1.1)}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.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-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.quick-log-btn-detail{align-items:center;background:linear-gradient(135deg,#6a9fb5,#5a8fa5);border:none;border-radius:8px;box-shadow:0 2px 8px #6a9fb54d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s;white-space:nowrap}.quick-log-btn-detail:hover{background:linear-gradient(135deg,#5a8fa5,#4a7f95);box-shadow:0 4px 16px #6a9fb566;transform:translateY(-2px)}.journal-btn-detail{align-items:center;background:#fff;border:2px solid #7d5e4f;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}.history-btn-detail{align-items:center;background:#fff;border:2px solid #9d7b9d;border-radius:8px;color:#7d5e7d;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s;white-space:nowrap}.history-btn-detail:hover{background:linear-gradient(135deg,#9d7b9d,#8d6b8d);border-color:#9d7b9d;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{background:#0009;padding:20px}.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}.modal-section .date-picker{background:#fff;border:2px solid #e8e4db;border-radius:8px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;padding:12px;transition:border-color .3s;width:100%}.modal-section .date-picker:focus{border-color:#7d5e4f;box-shadow:0 0 0 3px #7d5e4f1a;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{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}.title-row-actions{justify-content:flex-start;width:100%}.title-row-actions .download-btn-detail{flex:1 1;font-size:14px;justify-content:center;padding:10px 16px}.header-actions{flex-direction:row;justify-content:flex-start;width:100%}.journal-actions{width:100%}.journal-btn-detail,.quick-log-btn-detail{flex:1 1;font-size:14px;justify-content:center;padding:10px 16px}.collection-btn-detail,.favorite-btn-detail{height:44px;width:44px}.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;box-sizing:border-box;min-height:100vh;padding-bottom:60px;width:100%}.subscribe-hero{background:linear-gradient(135deg,#7d5e4f,#7d6e57);box-sizing:border-box;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{box-sizing:border-box;margin:-40px auto 60px;max-width:1100px;padding:0 20px;position:relative;z-index:10}.pricing-cards{grid-gap:24px;align-items:start;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto 32px;max-width:980px}.pricing-card{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;cursor:pointer;padding:32px;position:relative;text-align:center;transition:all .3s;width:100%}.pricing-card:hover{box-shadow:0 6px 24px #5d4e3726;transform:translateY(-2px)}.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:28px;padding-bottom:22px;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:6px;margin-top:20px}.plan-description{color:#7d6e57;font-size:14px}.feature-list{display:inline-block;list-style:none;margin:0;padding:0;text-align:left}.feature-list li{align-items:center;color:#666;display:flex;font-size:15px;gap:12px;padding:12px 0}.check{color:#7d5e4f;flex:0 0 22px;font-size:18px;font-weight:700;text-align:center;width:22px}.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{box-sizing:border-box;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;box-sizing:border-box;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{box-sizing:border-box;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}.pricing-section{padding:0 16px}.pricing-cards{grid-template-columns:1fr;max-width:100%}.pricing-card{padding:24px}.feature-list,.pricing-card{max-width:100%}.benefits-grid{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}.signup-banner{background:linear-gradient(135deg,#f5f0e8,#e8e0d5);border:1px solid #d4c8b8;border-radius:12px;margin-bottom:32px;padding:28px 32px;text-align:center}.signup-banner h3{color:#7d5e4f;font-size:1.35rem;margin:0 0 8px}.signup-banner p{color:#5c534a;font-size:1rem;line-height:1.5;margin:0 0 20px}.signup-banner .primary-btn{background:linear-gradient(135deg,#7d5e4f,#9d7b6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.signup-banner .primary-btn:hover{box-shadow:0 4px 16px #7d5e4f4d;transform:translateY(-2px)}.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.preview-card{position:relative}.result-card.preview-card:hover{box-shadow:0 8px 24px #7d5e4f33}.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}.login-hint{color:#9d7b6b;display:block;font-size:.85rem;font-weight:600;margin-top:12px}.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}.signup-banner{padding:24px 20px}.signup-banner h3{font-size:1.2rem}.signup-banner p{font-size:.95rem}}.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:linear-gradient(135deg,#1a2a3a,#0f1a24);border-radius:16px;box-shadow:0 8px 32px #0003;color:#fff;padding:80px 40px;text-align:center}.empty-icon{filter:drop-shadow(0 4px 12px rgba(255,255,255,.3))}.empty-journal h2{color:#f0e6ff;font-size:28px;margin-bottom:16px}.empty-journal p{color:#e8dff5;font-size:16px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px}.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}.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}.timeline-container{margin-top:0;padding-left:0;position:relative}.timeline-date-group{margin-bottom:48px;position:relative}.date-divider{background:linear-gradient(135deg,#1a2a3a,#2a3a4a);border-radius:12px;box-shadow:0 4px 16px #00000026;gap:16px;margin-bottom:24px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:80px;z-index:10}.date-divider,.date-header{align-items:center;display:flex}.date-header{flex:1 1;gap:12px}.moon-phase-emoji{filter:drop-shadow(0 2px 8px rgba(255,255,255,.3));font-size:32px;line-height:1}.date-divider h3{color:#f0e6ff;font-family:Playfair Display,serif;font-size:20px;font-weight:600;margin:0;text-shadow:0 2px 8px #0000004d}.date-line{background:linear-gradient(90deg,#f0e6ff4d,#f0e6ff00);flex:1 1;height:2px}.timeline-entries{display:flex;flex-direction:column;gap:16px;padding-left:12px}.timeline-entry{align-items:flex-start;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.timeline-entry:hover{border-left-color:#7d5e4f;box-shadow:0 6px 24px #7d5e4f26;transform:translateX(4px)}.timeline-entry.expanded{border-left-color:#7d5e4f;box-shadow:0 8px 28px #7d5e4f33}.entry-type-indicator{align-items:center;background:#f5f3ef;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;line-height:1;width:32px}.quick-log-icon{color:#6a9fb5;font-size:20px;font-weight:700}.detailed-icon{font-size:18px}.entry-content{flex:1 1;min-width:0}.timeline-entry .entry-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.entry-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.timeline-entry .spell-link{color:#7d5e4f;cursor:pointer;font-family:Playfair Display,serif;font-size:18px;font-weight:600;margin:0;transition:color .3s}.timeline-entry .spell-link:hover{color:#9d7b6b;text-decoration:underline}.expand-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#9d7b6b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;text-align:left;transition:all .3s}.expand-toggle:hover{background:#f5f3ef;color:#7d5e4f}.entry-actions{display:flex;gap:8px}.edit-btn-journal{align-items:center;background:#fff;border:2px solid #e8e4db;border-radius:8px;color:#7d5e4f;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .3s}.edit-btn-journal:hover{background:#7d5e4f;border-color:#7d5e4f;color:#fff}.quick-log-message{color:#999;font-size:14px;font-style:italic;margin:0}.entry-notes.preview{position:relative}.tag-more{background:#e8e4db;border-radius:12px;color:#7d5e4f;font-size:12px;font-style:italic;font-weight:600;padding:4px 12px}.entry-expanded-details{animation:expandDetailsIn .3s ease-out;border-top:2px solid #f5f3ef;margin-top:16px;padding-top:16px}@keyframes expandDetailsIn{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.mood-row-journal{background:#f5f3ef;border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:16px}.mood-item-journal{align-items:center;display:flex;gap:8px}.mood-label{color:#9d7b6b;font-size:14px;font-weight:600}.mood-value{color:#7d5e4f;font-size:16px;font-weight:600}.entry-section-journal{margin-bottom:16px}.section-label-journal{color:#7d5e4f;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.section-content-journal{background:#faf8f5;border-left:3px solid #d4c4a8;border-radius:6px;color:#555;font-size:15px;line-height:1.6;padding:12px}.entry-tags-full{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.timeline-stats{background:linear-gradient(135deg,#1a2a3a,#2a3a4a);border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:60px;padding:32px}.stat-card{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-number{color:#7d5e4f;font-family:Playfair Display,serif;font-size:36px;font-weight:700}.stat-label{color:#7d5e4f;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.journal-header h1{font-size:28px}.journal-entry{padding:20px}.spell-link{font-size:18px}.journal-filters{justify-content:center}.date-divider{padding:12px 16px;top:60px}.moon-phase-emoji{font-size:24px}.date-divider h3{font-size:16px}.timeline-entry{padding:16px}.entry-title-section{width:100%}.entry-actions{justify-content:flex-end;width:100%}.mood-row-journal{flex-direction:column;gap:12px}.timeline-stats{gap:16px;padding:24px 16px}.stat-number{font-size:28px}.stat-label{font-size:11px}}.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}.cancel-btn{background:#0000;border:1px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:background .2s,color .2s}.cancel-btn:hover:not(:disabled){background:#dc3545;color:#fff}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-info p{color:#666;font-size:14px;margin:4px 0;text-align:center}.cancel-info p:first-child{color:#1a1a2e;font-weight:500}.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}.custom-spells-page{margin:0 auto;max-width:1400px}.mcs-content{margin:0 auto;max-width:1100px;padding:0 30px 60px}.mcs-error{background:#fff5f5;border:1px solid #fdd;border-radius:8px;color:#c74545;margin:20px auto;max-width:800px;padding:12px 20px;text-align:center}.mcs-top-bar{margin-bottom:30px;text-align:center}.mcs-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:50px}.mcs-feature-card{background:#fff;border:1px solid #e8dcc8;border-radius:14px;padding:32px 24px;text-align:center;transition:all .25s}.mcs-feature-card:hover{box-shadow:0 6px 24px #7d5e4f1f;transform:translateY(-3px)}.mcs-feature-icon{align-items:center;color:#7d5e4f;display:flex;font-size:36px;justify-content:center;line-height:1;margin-bottom:16px}.mcs-feature-card h3{color:#7d5e4f;font-size:18px;font-weight:600;margin-bottom:10px}.mcs-feature-card p{color:#666;font-size:14px;line-height:1.6;margin:0}.mcs-empty-state{margin:0 auto;max-width:550px;text-align:center}.mcs-empty-text{color:#888;font-size:17px;line-height:1.6;margin-bottom:28px}.mcs-create-btn{background:#7d5e4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .2s}.mcs-create-btn:hover{background:#6a4f42;box-shadow:0 4px 12px #7d5e4f4d;transform:translateY(-1px)}.mcs-create-btn-lg{font-size:17px;padding:16px 36px}.mcs-upgrade-btn{background:#7d5e4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:background .2s}.mcs-upgrade-btn:hover{background:#6a4f42}.mcs-limit-box{background:#f5f3ef;border:2px solid #e8dcc8;border-radius:14px;margin:0 auto;max-width:500px;padding:28px}.mcs-limit-box h3{color:#7d5e4f;font-size:18px;margin-bottom:10px}.mcs-limit-box p{color:#666;margin-bottom:18px}.mcs-card-actions{display:flex;gap:8px;margin-top:14px}.mcs-action-delete,.mcs-action-edit,.mcs-action-view{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.mcs-action-view{background:#7d5e4f;color:#fff}.mcs-action-view:hover{background:#6a4f42}.mcs-action-edit{background:#6a9fb5;color:#fff}.mcs-action-edit:hover{background:#5a8fa5}.mcs-action-delete{background:#f5f0f0;color:#c74545}.mcs-action-delete:hover{background:#c74545;color:#fff}.mcs-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mcs-modal{animation:mcsModalIn .3s ease-out;background:#fff;border-radius:16px;max-width:400px;padding:30px;width:90%}@keyframes mcsModalIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mcs-modal h3{color:#7d5e4f;font-size:20px;margin-bottom:12px}.mcs-modal p{color:#666;line-height:1.5;margin-bottom:22px}.mcs-modal-actions{display:flex;gap:10px}.mcs-modal-cancel{background:#e0e0e0;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:background .2s}.mcs-modal-cancel:hover{background:#d0d0d0}.mcs-modal-delete{background:#c74545;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:background .2s}.mcs-modal-delete:hover{background:#a83333}@media (max-width:768px){.mcs-content{padding:0 16px 40px}.mcs-features{gap:16px;grid-template-columns:1fr;margin-bottom:36px}.mcs-feature-card{padding:24px 20px}}.collections-page{background:#f5f3ef;min-height:100vh}.collections-hero{align-items:center;display:flex;justify-content:center;min-height:420px;overflow:hidden;position:relative}.collections-hero-image-container{height:100%;left:0;position:absolute;top:0;width:100%}.collections-hero-image{display:block;height:100%;object-fit:cover;width:100%}.collections-hero-overlay{background:linear-gradient(135deg,#7d5e4fd9,#9d7b6bbf 50%,#7d5e4fd9);height:100%;left:0;position:absolute;top:0;width:100%}.collections-hero-content{max-width:700px;padding:0 24px;position:relative;text-align:center;z-index:2}.collections-hero-title{color:#fff;font-family:Playfair Display,serif;font-size:42px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 8px #0000004d}.collections-hero-subtitle{color:#ffffffe6;font-family:Inter,sans-serif;font-size:18px;line-height:1.6;margin:0;text-shadow:0 1px 4px #0003}.collections-content{margin:0 auto;max-width:1200px;padding:40px 24px 60px}.collections-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.collections-count{color:#888;font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:0}.create-collection-btn{align-items:center;background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:600;gap:6px;padding:12px 28px;transition:all .2s}.create-collection-btn:hover{background:#6a4f42;box-shadow:0 4px 12px #7d5e4f4d;transform:translateY(-1px)}.btn-icon{flex-shrink:0;font-size:18px}.collections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.collection-card{background:#fff;border:1px solid #e8dcc8;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;position:relative;transition:all .25s ease}.collection-card:hover{border-color:#d4c4ae;box-shadow:0 8px 28px #5d4e3726;transform:translateY(-4px)}.collection-card--empty{border-color:#d4c4ae;border-style:dashed}.collection-card--empty:hover{border-style:solid}.collection-card-body{flex:1 1}.collection-name{color:#7d5e4f;font-family:Playfair Display,serif;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.collection-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.collection-spell-count{align-items:center;background:#f5f3ef;border-radius:20px;color:#7d5e4f;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 10px;padding:4px 12px}.spell-count-icon{align-items:center;display:flex;font-size:16px}.collection-empty-hint{color:#aaa;font-size:13px;font-style:italic;margin:8px 0 0}.collection-spell-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.spell-preview-tag{background:#faf6f1;border:1px solid #e8dcc8;border-radius:12px;color:#7d5e4f;font-size:12px;max-width:150px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.spell-preview-more{color:#999;font-size:12px;font-style:italic;padding:3px 8px}.collection-card-actions{border-top:1px solid #f0ebe4;display:flex;gap:10px;margin-top:16px;padding-top:16px}.collection-edit-btn{align-items:center;background:#f5f3ef;border:1px solid #e8dcc8;border-radius:8px;color:#7d5e4f;cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:5px;justify-content:center;padding:9px 14px;transition:all .2s}.collection-edit-btn:hover{background:#e8dcc8;transform:translateY(-1px)}.collection-delete-btn{align-items:center;background:#fff5f5;border:1px solid #fdd;border-radius:8px;color:#c74545;cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:5px;justify-content:center;padding:9px 14px;transition:all .2s}.collection-delete-btn:hover{background:#c74545;border-color:#c74545;color:#fff;transform:translateY(-1px)}.action-icon{flex-shrink:0;font-size:15px}.collections-feature-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.feature-card{background:#fff;border:1px solid #e8dcc8;border-radius:14px;padding:32px 24px;text-align:center;transition:all .25s ease}.feature-card:hover{box-shadow:0 6px 24px #7d5e4f1f;transform:translateY(-3px)}.feature-card-icon{color:#7d5e4f;display:flex;font-size:36px;justify-content:center;margin-bottom:16px}.feature-card-title{color:#7d5e4f;font-family:Playfair Display,serif;font-size:18px;font-weight:700;margin:0 0 12px}.feature-card-text{color:#666;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;margin:0}.collections-empty-message{padding:20px 0 40px;text-align:center}.collections-empty-message p{color:#888;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;margin:0 0 24px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.collection-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;max-width:450px;padding:30px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.collection-modal h2{color:#7d5e4f;font-family:Playfair Display,serif;font-size:22px;margin-bottom:20px}.modal-label{color:#5a5a5a;display:block;font-size:14px;font-weight:500;margin-bottom:16px;position:relative}.modal-input{border:1px solid #e8dcc8;border-radius:8px;box-sizing:border-box;display:block;font-size:15px;margin-top:6px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.modal-input:focus{border-color:#7d5e4f}.modal-textarea{border:1px solid #e8dcc8;border-radius:8px;box-sizing:border-box;display:block;font-family:inherit;font-size:15px;margin-top:6px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.modal-textarea:focus{border-color:#7d5e4f}.char-count{color:#aaa;display:block;font-size:12px;margin-top:4px;text-align:right}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-cancel-btn{background:#e0e0e0;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:background .2s}.modal-cancel-btn:hover{background:#d0d0d0}.modal-confirm-btn{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:background .2s}.modal-confirm-btn:hover:not(:disabled){background:#6a4f42}.modal-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.modal-delete-btn{background:#c74545;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:background .2s}.modal-delete-btn:hover{background:#a83333}@media (max-width:900px){.collections-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.collections-feature-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.collections-hero{min-height:320px}.collections-hero-title{font-size:30px}.collections-hero-subtitle{font-size:15px}.collections-content{padding:28px 16px 48px}.collections-top-bar{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.collections-feature-cards,.collections-grid{gap:16px;grid-template-columns:1fr}.feature-card{padding:24px 20px}.collection-card{min-height:auto}}.collection-detail-container{margin:0 auto;max-width:1200px;padding:30px 20px}.collection-detail-container .back-button{background:none;border:none;color:#7d5e4f;cursor:pointer;display:inline-block;font-size:15px;margin-bottom:20px;padding:8px 0;transition:opacity .2s}.collection-detail-container .back-button:hover{opacity:.7}.collection-detail-header{margin-bottom:30px;text-align:center}.editable-title{border-radius:6px;color:#7d5e4f;cursor:pointer;display:inline-block;font-size:32px;padding:4px 8px;transition:background .2s}.editable-title:hover{background:#f5f3ef}.spell-count-label{color:#888;font-size:16px;margin-top:4px}.inline-edit{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.inline-edit-input{border:2px solid #7d5e4f;border-radius:8px;color:#7d5e4f;font-size:24px;font-weight:600;min-width:200px;outline:none;padding:8px 14px;text-align:center}.inline-edit-save{background:#7d5e4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px}.inline-edit-save:hover{background:#6a4f42}.inline-edit-cancel{background:#e0e0e0;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px}.inline-edit-cancel:hover{background:#d0d0d0}.empty-collection-detail{margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.empty-collection-detail .empty-icon{font-size:48px;margin-bottom:16px}.empty-collection-detail h2{color:#7d5e4f;margin-bottom:12px}.empty-collection-detail p{color:#666;margin-bottom:24px}.browse-spells-btn{background:#7d5e4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .2s}.browse-spells-btn:hover{background:#6a4f42}.remove-from-collection-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#c74545;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:32px;z-index:5}.remove-from-collection-btn:hover{background:#c74545;color:#fff;transform:scale(1.1)}.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.1ce1fe0f.css.map*/