:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#080f1c;color:#edf3fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#163758,transparent 65%);min-height:100vh;background-attachment:fixed}header{padding:22px 4vw;border-bottom:1px solid #ffffff20;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.brand{letter-spacing:2px}.brand b{color:#65b7ff}#identity{margin-left:auto;color:#b2c6df}main{max-width:1200px;margin:32px auto;padding:0 24px 80px}section,.card{background:#142238c7;border:1px solid #ffffff20;border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 12px 36px #0003;backdrop-filter:blur(16px)}h1{font-size:30px}h2{font-size:21px;margin-top:0}p{line-height:1.6;color:#bdcce0}button,input,select,textarea{font:inherit;border-radius:7px;border:1px solid #ffffff35;padding:10px;color:inherit;background:#091424}button{cursor:pointer;background:#1b4167;margin:4px 5px 4px 0}button:hover{background:#285b8e}button.danger{background:#6b2938}button:disabled{opacity:.5;cursor:wait}input:not([type=checkbox]),select,textarea{width:100%}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}textarea{min-height:100px}label{display:block;font-size:14px;color:#c8d8ee;margin:14px 0}label input,label select,label textarea{margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.row button{flex:0 0 auto}.muted,small{color:#9eafc7}.login{max-width:500px;margin:50px auto}#notice{position:sticky;top:12px;z-index:9;border-radius:9px;white-space:pre-wrap}#notice:not(:empty){padding:16px;background:#1b5274;box-shadow:0 5px 25px #0005}#notice.error{background:#6d2937}.logos{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.logo{width:180px;padding:10px;background:#07111e;border:1px solid #ffffff28;border-radius:10px;cursor:grab}.logo img{width:100%;height:95px;object-fit:contain;background:repeating-conic-gradient(#182231 0 25%,#263344 0 50%) 50%/16px 16px}.logo button{padding:6px;font-size:12px}.drop{border:1px dashed #6ca9df;padding:18px;border-radius:9px}.drop.over{background:#285b8e}details{border-top:1px solid #ffffff20;padding:16px 0}summary{cursor:pointer;font-weight:600}code{display:block;word-break:break-all;padding:14px;background:#070e19;border-radius:8px;user-select:all}a{color:#80c5ff}.user{padding:16px 0;border-top:1px solid #ffffff20}.user strong{display:block;margin-bottom:10px}iframe{width:100%;aspect-ratio:16/9;border:1px solid #ffffff35;background:#172132}.preview-box{overflow:auto}pre{white-space:pre-wrap}button:focus-visible,input:focus-visible{outline:2px solid #72bfff}

/* Timerbot: fester Bildhintergrund, vollständig scrollender Vordergrund. */
body{font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#e6eef7;background:#0b0f14}
body{isolation:isolate;background:linear-gradient(rgba(3,8,15,.35),rgba(3,8,15,.35)),url('/assets/Background.webp') center center/cover fixed no-repeat;}
header{padding:14px 3vw;background:rgba(10,16,25,.45);backdrop-filter:blur(16px)}
main{margin:20px auto;padding-bottom:40px}section,.card{background:rgba(15,23,34,.68);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;margin:14px 0;backdrop-filter:blur(16px)}
input,select,textarea{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px}
button{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 12px}button:hover{background:rgba(255,255,255,.18)}button.danger{background:rgba(255,0,80,.18);border-color:rgba(255,0,80,.30)}
nav{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}nav button.active{background:rgba(0,128,215,.35);border-color:rgba(0,128,215,.55)}h1{font-size:25px;margin:12px 0}label{margin:9px 0}details{padding:12px 0}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}section[hidden]{display:none}

.enrollment-qr{display:block;width:260px;max-width:100%;height:auto;background:white;padding:12px;border-radius:10px;margin:16px auto}.language-label{display:flex;align-items:center;gap:8px;margin:0}.language-label select{width:auto}input[type=color]{height:42px;cursor:pointer}input[type=range]{padding:0;accent-color:#65b7ff}output{font-size:12px;color:#bdd9f5}.bar-preview{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff40;background:linear-gradient(120deg,#387687,#89a3a2,#536980);margin:10px 0 18px}details[open]>summary{margin-bottom:10px}details details{padding-left:12px}.grid label{min-width:0}header #identity{margin-left:auto}@media(max-width:600px){main{padding:0 12px 30px}header{gap:12px}.grid{grid-template-columns:1fr 1fr;gap:0 12px}h1{font-size:22px}code{font-size:12px}.logo{width:145px}.login{margin:20px auto}}

.graphic-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin:12px 0}.graphic-card{margin:0;min-width:0;padding:8px;text-align:left}.graphic-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:repeating-conic-gradient(#182231 0 25%,#263344 0 50%) 50%/16px 16px;margin-bottom:8px}.graphic-card span{display:block;overflow-wrap:anywhere;font-size:12px}.graphic-card.selected{border:2px solid #65b7ff;background:#163e61}.graphic-library+label{margin-top:10px}

.refresh-hint{display:block;font-size:12px;line-height:1.45;color:#a5b6ca;margin:-4px 0 14px;opacity:.85}