@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif:wght@400;700&family=Open+Sans:wght@400;700&display=swap);.home-container{align-items:center;display:flex;flex-direction:column;padding:50px;text-align:center}.home-title{font-size:32px;font-weight:700;margin-bottom:20px}.nav-buttons{display:flex;gap:20px;margin-top:20px}.nav-buttons button{background-color:var(--button-color);border:none;border-radius:5px;color:var(--button-text);cursor:pointer;font-size:18px;padding:10px 20px}.nav-buttons button:hover{background-color:var(--button-hover)}.spell-nav-links{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.spell-nav-links .nav-link{background-color:var(--header-background);border-radius:8px;color:#fff;font-size:1.2rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.spell-nav-links .nav-link:hover{background-color:var(--splash-color)}.spell-list{align-items:center;gap:10px;margin:0 auto;max-width:1000px;padding:20px}.spell-card,.spell-list{display:flex;flex-direction:column;width:100%}.spell-card{align-items:stretch;border:1px solid var(--border-color);border-radius:8px;text-align:left}.spell-header{align-items:center;background-color:var(--card-background);border:1px solid var(--background-color);border-radius:8px;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:.4fr .5fr 2fr 1fr 1.1fr 1fr .2fr;padding:10px;text-align:left;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.spell-header:hover{border:1px solid var(--header-background)}.spell-card:hover,.spell-header:hover{background-color:var(--header-background)}.spell-card.expanded{background-color:var(--background-color)}.spell-list-header{align-items:center;border-bottom:2px solid var(--splash-color);box-sizing:border-box;display:grid;font-weight:700;grid-template-columns:.4fr .5fr 2fr 1fr 1.1fr 1fr .2fr;padding:10px;text-align:left;width:100%}.spell-name-container{display:flex;flex-direction:column;padding-left:10px;text-align:left}.spell-name{align-items:center;display:flex;font-size:1.2rem;font-weight:700}.spell-components{color:var(--components-color);font-size:.8em}.spell-description{background-color:var(--expanded-background);border-bottom:1px solid var(--border-color);border-radius:8px;color:var(--text-color);display:none;grid-column:1/-1;padding:10px;text-align:left}.spell-description .tag,.spell-name .tag{background-color:var(--splash-color);border-radius:4px;color:var(--text-color);font-size:.8em;font-weight:700;margin-left:5px;padding:2px 4px;text-transform:uppercase}.spell-description.hidden{display:none}.spell-description:not(.hidden){display:block}.spell-details{display:grid;padding:5px}.spell-materials,.spell-reaction{color:var(--components-color);font-size:14px;line-height:1.4;margin-left:10px}.spell-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:5px;width:100%}.spell-section{align-items:top;display:flex;flex-direction:column;justify-content:left;margin-bottom:0;padding-bottom:0;text-align:left}.spell-divider{border:none;border-top:1px solid var(--splash-color);margin-top:0;padding-top:0}.spell-icon{align-items:center;background-color:var(--icon-color);border-radius:50%;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;width:35px}#search-bar{background-color:var(--filter-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);flex-grow:1;padding:10px}.reset-filters{background-color:var(--header-background);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.reset-filters:hover{background-color:var(--splash-color)}.filters-container{display:flex;flex-direction:column;gap:10px;width:100%}.filter-group{display:flex;gap:10px;justify-content:space-between}.filter-item{display:flex;flex:1 1;flex-direction:column;text-align:left}.filter-item label{color:var(--text-color);font-size:.9em;margin-bottom:3px}.filter-item select{background-color:var(--filter-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);cursor:pointer;padding:8px}.filters{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.filters select{background-color:var(--filter-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:1rem;padding:8px}.feat-list{align-items:center;gap:10px;margin:0 auto;max-width:1000px;padding:20px}.feat-card,.feat-list{display:flex;flex-direction:column;width:100%}.feat-card{word-wrap:break-word;align-items:stretch;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;text-align:left;white-space:normal}.feat-header{background-color:var(--card-background);border:1px solid var(--background-color);border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.feat-header,.feat-list-header{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:.3fr 2fr 2fr .2fr;padding:10px;text-align:left;width:100%}.feat-list-header{border-bottom:2px solid var(--splash-color);font-weight:700}.feat-name{font-size:1.2rem;font-weight:700}.feat-divider{border:none;border-top:1px solid var(--splash-color);margin-top:0;padding-top:0}.feat-icon{align-items:center;background-color:var(--icon-color);border-radius:50%;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;width:35px}.search-filter-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-width:900px;width:100%}.search-bar-container{display:flex;gap:10px;justify-content:space-between;width:100%}.feat-row{gap:20px;padding:10px;width:100%}.feat-section{align-items:top;flex-direction:column;justify-content:left;margin-bottom:0;padding-bottom:0;padding-top:0;text-align:left}.feat-description{background-color:var(--expanded-background);border-bottom:1px solid var(--border-color);border-radius:8px;color:var(--text-color);display:none;grid-column:1/-1;padding:15px;text-align:left}.feat-description.hidden{display:none}.feat-description:not(.hidden){display:block}.error-message-reg{background:var(--card-background);color:red;font-size:14px;font-weight:700;line-height:0;margin-bottom:5px;margin-left:3px;margin-top:0;padding:0;text-align:left}.main-title{font-size:2.5rem;font-weight:700;margin-top:50px}.theme-toggle{align-items:center;display:flex;gap:10px;margin-bottom:20px;padding:10px}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:#3a085e}input:checked+.slider:before{transform:translateX(24px)}.theme-label{font-size:1em;font-weight:700}body[data-theme=dark]{--text-color:#ddd;--background-color:#1c1e1f;--card-background:#242424;--expanded-background:#161718;--filter-color:#0f0f0f;--header-background:#3a085e;--splash-color:#b860f7;--border-color:#766d61;--components-color:#a6a6a6;--icon-color:#373b3d}body[data-theme=light]{--text-color:#1c1e1f;--background-color:#e7e5e7;--card-background:#e7e7e7;--expanded-background:#f8f7f4;--filter-color:#e9e8f0;--header-background:#704cd9;--splash-color:#a675e6;--border-color:#b8a6c9;--components-color:#5c4a72;--icon-color:#6b6e72}body{background-color:var(--background-color);color:var(--text-color);font-family:"Noto Serif",serif;transition:background-color .3s ease,color .3s ease}.header-title,h1,h2,h3{font-family:Cinzel,serif}.button,.nav-link,.ui-element,nav{font-family:Open Sans,sans-serif}.nav-links{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;margin-bottom:20px}.nav-links .nav-link{background-color:var(--header-background);border-radius:8px;color:#fff;font-size:1.2rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease;white-space:nowrap}.nav-links .nav-link:hover{background-color:var(--splash-color)}.container{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}button{background:var(--header-background);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none!important;padding:12px;transition:all .2s ease-in-out}button:hover{background:var(--splash-color);opacity:.8}button:focus{border:2px solid var(--splash-color);box-shadow:0 0 1px var(--splash-color);outline:none;transition:none}input,select{background-color:var(--filter-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);padding:6px}.input-group input:focus{box-shadow:none;outline:none}.input-group:focus-within{border:2px solid var(--splash-color);box-shadow:0 0 1px var(--splash-color)}.input-group{align-items:center;background-color:var(--filter-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);display:flex;justify-content:space-between;padding:0}.input-group input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:16px;padding:10px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#888}.auth-container{background:var(--card-background);border-radius:8px;box-shadow:0 0 10px #0000001a;color:var(--text-color);max-width:450px;width:100%}.auth-container,.auth-page{padding:20px;text-align:center}.auth-page{align-items:center;display:flex;flex-direction:column}.auth-title{font-size:40px;font-weight:700;margin-bottom:20px}.auth-links{margin-top:15px}.auth-links a{color:var(--splash-color);font-weight:700;text-decoration:none}.auth-links a:hover{text-decoration:underline}.error-message{color:red}.error-message,.success-message{background:var(--card-background);border-radius:5px;font-size:14px;padding:0;text-align:center}.success-message{color:green}.vertical-form{display:flex;flex-direction:column;gap:15px}.valid{color:green}.invalid{color:red}.invalid,.valid{font-size:27px;font-weight:700;margin-left:8px;margin-right:10px}
/*# sourceMappingURL=main.4cdf221c.css.map*/