:root{--primary-color: #2c3e50;--secondary-color: #e67e22;--accent-color: #3498db;--bg-color: #fdfaf6;--card-bg: #ffffff;--text-color: #333;--light-text: #777;--border-radius: 8px;--shadow: 0 4px 15px rgba(0, 0, 0, .1)}[data-theme=dark]{--primary-color: #34495e;--secondary-color: #f39c12;--accent-color: #2980b9;--bg-color: #1a1a1a;--card-bg: #2c2c2c;--text-color: #ecf0f1;--light-text: #bdc3c7;--shadow: 0 4px 15px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);padding-bottom:50px}h1{text-align:center;padding:40px 20px 10px;color:var(--primary-color);font-size:2.5em}h2,h3{text-align:center;color:var(--primary-color);margin-bottom:20px}hr{border:0;height:1px;background:linear-gradient(to right,transparent,#ccc,transparent);margin:40px 0}header img[title=bookworm]{display:block;margin:0 auto 20px;border-radius:50%;box-shadow:var(--shadow)}h4{text-align:center;max-width:600px;margin:20px auto}p{text-align:center;max-width:600px;margin:10px auto}nav{background-color:var(--primary-color);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow);margin-bottom:40px}nav ul{list-style:none;display:flex;justify-content:center;gap:30px}nav a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s,transform .3s;display:inline-block}nav a:hover{color:var(--secondary-color);transform:translateY(-2px)}main{max-width:95%;margin:0 auto;padding:0 20px}#all,#add-new,#buying,#impressum{background-color:var(--card-bg);border-radius:var(--border-radius);padding:30px;margin-bottom:30px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;border-top:5px solid var(--accent-color)}#all:hover,#add-new:hover,#buying:hover,#impressum:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}#all h3,#add-new h3,#buying h3,#impressum h4{margin-top:0}figure{margin-top:20px;text-align:center}figure img{max-width:100%;height:auto;border-radius:4px}figcaption{font-style:italic;color:var(--light-text);margin-top:10px}#impressum ul{list-style:none;padding-top:20px}#impressum li{margin-bottom:15px;padding:10px;background:var(--bg-color);border-radius:4px;border:1px solid var(--primary-color)}#impressum a{color:var(--accent-color);text-decoration:none;transition:color .3s}#impressum a:hover{color:var(--secondary-color);text-decoration:underline}section a,article a{color:var(--accent-color);transition:color .3s}section a:hover,article a:hover{color:var(--secondary-color)}form{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:20px auto}fieldset{border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:20px}legend{font-weight:700;padding:0 10px;color:var(--primary-color)}form p{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:15px;text-align:left;max-width:100%}label{font-weight:700}input,textarea{padding:10px;border:1px solid var(--primary-color);border-radius:4px;font-size:16px;width:100%;background-color:var(--card-bg);color:var(--text-color)}input:focus,textarea:focus{border-color:var(--accent-color);outline:none}button[type=submit]{margin-top:10px;width:100%}.book-cover{transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in;display:block;margin:0 auto}.book-cover:hover{transform:scale(3);position:relative;z-index:10;box-shadow:0 4px 15px #0000004d;background-color:var(--card-bg)}tr{height:80px}.table-container{overflow-x:auto;width:100%;display:flex;justify-content:center;padding:0 40px}table{margin:20px 0;border-collapse:collapse;background-color:var(--card-bg);box-shadow:var(--shadow);border-radius:var(--border-radius);border:none}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--primary-color)}th{background-color:var(--primary-color);color:#fff;font-weight:600}tr:hover{background-color:var(--bg-color)}caption{font-weight:700;font-size:1.2em;margin-bottom:10px;color:var(--primary-color)}button{padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:var(--secondary-color)}footer{background-color:var(--primary-color);color:#fff;text-align:center;padding:30px;margin-top:50px}.account-container{max-width:900px;margin:40px auto;padding:20px;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center}.account-card{background-color:var(--card-bg);border:1px solid var(--primary-color);padding:20px;border-radius:var(--border-radius);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.account-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.account-card h2{margin-bottom:10px;font-size:1.5em;color:var(--primary-color)}.account-card p{margin-bottom:20px;color:var(--light-text)}.account-card .button{background-color:var(--accent-color);color:#fff!important;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s}.account-card .button:hover{background-color:var(--primary-color)}aside{background-color:var(--card-bg);padding:20px;border-radius:var(--border-radius);margin:20px 0;border-left:5px solid var(--accent-color)}details{cursor:pointer}summary{font-weight:700;font-size:1.1em;color:var(--primary-color);margin-bottom:10px}ol{margin-left:20px;margin-top:10px}.back-to-top{position:fixed;bottom:20px;right:20px;z-index:1500}.back-to-top button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background-color:var(--accent-color);color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;box-shadow:var(--shadow);transition:background-color .3s,transform .3s;font-size:10px;font-weight:700;line-height:1.2}.back-to-top button span{font-size:20px}.back-to-top button:hover{background-color:var(--primary-color);transform:translateY(-5px)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:2000;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:background-color .3s,transform .3s}.theme-toggle:hover{background-color:var(--secondary-color);transform:scale(1.1)}@media (max-width: 600px){.theme-toggle{top:10px;right:10px}}@media (max-width: 600px){nav ul{flex-direction:column;align-items:center;gap:15px}h1{font-size:1.8em}}
