:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#2c3e50;background-color:#fdfbf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;transition:background-color .3s,color .3s}body.dark{background-color:#1a1a1a;color:#fdfbf7}body.dark h1{color:#a569bd}body.dark h2,body.dark h3{color:#ecf0f1}body.dark a{color:#5dade2}body.dark .sidebar{background-color:#2c3e50;color:#ecf0f1;border-right:1px solid #34495e}body.dark .sidebar-nav a{color:#ecf0f1}body.dark .sidebar-nav a:hover{background-color:#34495e;color:#3498db}h1{font-size:3.2em;line-height:1.1;color:#8e44ad;font-family:Cinzel,serif}h2,h3{color:#2c3e50}a{font-weight:500;color:#3498db;text-decoration:inherit}a:hover{color:#2980b9}.sidebar{width:100%;background-color:#2c3e50;color:#ecf0f1;height:auto;position:sticky;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 5px #0000001a;z-index:1000;box-sizing:border-box}.sidebar-header{display:flex;justify-content:space-between;align-items:center;width:auto}.sidebar-header h2{margin:0;padding:15px 0;font-family:Cinzel,serif;color:#f1c40f;border-bottom:none;font-size:1.5rem}.hamburger{display:none;cursor:pointer;background:none;border:none;flex-direction:column;gap:5px}.bar{display:block;width:25px;height:3px;background-color:#ecf0f1;transition:all .3s ease}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row}.sidebar-nav li{margin-bottom:0;margin-left:20px}.sidebar-nav a{text-decoration:none;color:#ecf0f1;font-size:1rem;transition:color .3s;display:block;padding:10px;border-radius:4px}.sidebar-nav a:hover{background-color:#34495e;color:#f1c40f}@media(max-width:700px){.sidebar{flex-direction:column;align-items:flex-start;position:sticky;height:auto}.sidebar-header{width:100%}.hamburger{display:flex}.sidebar-nav{display:none;width:100%;flex-direction:column;position:static;box-shadow:none;padding-bottom:10px;background-color:#2c3e50}.sidebar-nav.active{display:flex}.sidebar-nav ul{flex-direction:column;width:100%}.sidebar-nav li{margin-left:0;margin-bottom:-5px;text-align:center}}.footer{background-color:#2c3e50;color:#ecf0f1;text-align:center;padding:1rem 0;margin-top:auto;width:100%}.footer p{margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;text-align:justify;background-color:#fdfbf7;color:#2c3e50}body.dark .main-content{background-color:#1a1a1a;color:#fdfbf7}@media(max-width:700px){.main-content{margin-top:0}}.era-page{padding:20px}.search-input{width:100%;padding:10px;margin-bottom:20px;font-size:16px;border:1px solid #bdc3c7;border-radius:4px;box-sizing:border-box}.items-list{list-style-type:none;padding:0}.items-list li{background-color:#fff;border:1px solid #bdc3c7;margin-bottom:10px;padding:15px;border-radius:4px;transition:background-color .3s}.items-list li:hover{background-color:#f0f0f0}.items-list a{text-decoration:none;color:inherit;display:block}