:root{--gold:#c59d48;--gold-dark:#a98334;--gold-wash:#f6efe0;--grau:#706c6d;--anthrazit:#2e3338;--bg:#f7f6f3;--white:#fff;--hairline:#e2e0dc;--green:#3e6b4f;--red:#9c4a3c;--radius:6px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--anthrazit);font-family:DIN Pro,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:var(--gold-dark)}a:hover{color:var(--anthrazit)}button{cursor:pointer;border-radius:var(--radius);border:none;font-family:inherit;font-size:15px}button:disabled{opacity:.45;cursor:not-allowed}input[type=text],input[type=number],textarea{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--white);color:var(--anthrazit);width:100%;padding:10px 12px;font-family:inherit;font-size:15px}input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.btn-primary{background:var(--gold);color:#fff;padding:10px 20px;font-weight:700}.btn-primary:hover{background:var(--gold-dark)}.btn-secondary{background:var(--white);color:var(--grau);border:1px solid var(--hairline);padding:9px 16px;font-weight:500}.btn-secondary:hover{border-color:var(--grau);color:var(--anthrazit)}.btn-ghost{color:var(--grau);background:0 0;padding:8px 12px}.btn-ghost:hover{color:var(--anthrazit)}.btn-small{padding:6px 12px;font-size:13px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--grau);font-size:12px;font-weight:700}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}header{background:var(--anthrazit);color:#fff;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px;display:flex}header .brand{align-items:baseline;gap:10px;display:flex}header .brand h1{letter-spacing:.02em;font-size:20px;font-weight:900}header .brand .claim{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:11px}header .spacer{flex:1}header .userinfo{color:#c9c7c4;align-items:center;gap:10px;font-size:14px;display:flex}header .userinfo strong{color:#fff}.role-badge{background:var(--gold);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.role-badge.participant{background:#4a5158}#demoBanner{background:var(--gold-wash);color:#8a6d2c;text-align:center;border-bottom:1px solid #e8dcbd;padding:6px 16px;font-size:13px;display:none}#timerBar{background:var(--white);border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:stretch;gap:16px;padding:20px 24px;display:flex}.timer-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--white);flex-direction:column;flex:1;gap:8px;min-width:280px;padding:16px 20px;display:flex}.timer-card.accent{border-top:3px solid var(--gold)}.timer-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timer-display{letter-spacing:-.01em;font-size:56px;font-weight:900;line-height:1}.timer-display.warning{color:var(--gold-dark)}.timer-display.expired{color:var(--red);animation:1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:.25}}.timer-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timer-controls input{width:70px;padding:6px 8px;font-size:13px}#meetBar{background:var(--gold-wash);color:#8a6d2c;border-bottom:1px solid #e8dcbd;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 24px;font-size:14px;display:none}#meetBar.on{display:flex}#meetBar a{color:var(--gold-dark);word-break:break-all;font-weight:700}#meetBar .join-btn{background:var(--gold);color:#fff;border-radius:var(--radius);padding:7px 16px;font-size:13px;font-weight:700;text-decoration:none}#meetBar .join-btn:hover{background:var(--gold-dark);color:#fff}.schedule{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:0;display:flex;overflow:hidden}.schedule .s-row{border-bottom:1px solid var(--hairline);align-items:center;gap:16px;padding:12px 20px;font-size:15px;display:flex}.schedule .s-row:last-child{border-bottom:none}.schedule .s-date{min-width:200px;font-weight:700}.schedule .s-time{color:var(--grau)}.schedule .s-row.next{border-left:3px solid var(--gold);padding-left:17px}.next-tag{background:var(--gold);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}main{flex-direction:column;gap:36px;max-width:1100px;margin:0 auto;padding:28px 24px 80px;display:flex}section h2{align-items:center;gap:10px;margin-bottom:14px;font-size:17px;font-weight:700;display:flex}section h2:after{content:"";background:var(--hairline);flex:1;height:1px}.gold-rule{background:var(--gold);border:none;width:36px;height:2px;margin-bottom:10px}#submitForm{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:12px;padding:20px;display:flex}#submitForm .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#submitForm .row>input[type=text]{flex:1;min-width:220px}.checkline{color:var(--grau);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkline input{width:16px;height:16px;accent-color:var(--gold)}.topic-list{flex-direction:column;gap:10px;display:flex}.topic{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius);align-items:flex-start;gap:16px;padding:16px 20px;transition:box-shadow .15s;display:flex}.topic:hover{box-shadow:0 2px 8px #2e333814}.topic.active-topic{border-left:4px solid var(--gold);padding-left:17px}.topic .body{flex:1;min-width:0}.topic .title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topic h3{font-size:16px;font-weight:700}.active-tag{background:var(--anthrazit);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.topic .meta{color:var(--grau);margin-top:2px;font-size:13px}.topic .desc{color:var(--grau);white-space:pre-wrap;margin-top:6px;font-size:14px}.topic .mod-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.result-note{background:var(--bg);border-left:2px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;color:var(--anthrazit);margin-top:8px;padding:8px 12px;font-size:14px}.feedback-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.fb-btn{border:1px solid var(--hairline);background:var(--white);color:var(--grau);border-radius:999px;padding:5px 12px;font-size:13px}.fb-btn.sel{border-color:var(--gold);background:var(--gold-wash);color:var(--anthrazit)}.fb-balance{color:var(--grau);font-size:13px}.empty-hint{color:var(--grau);text-align:center;border:1px dashed var(--hairline);border-radius:var(--radius);padding:16px;font-size:14px}#loginScreen{background:var(--anthrazit);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-card{background:var(--white);border-radius:8px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:40px;display:flex}.login-card h1{font-size:24px;font-weight:900}.login-card .sub{color:var(--grau);font-size:14px}.login-card label{color:var(--anthrazit);font-size:13px;font-weight:700}details.mod-login summary{color:var(--grau);cursor:pointer;font-size:13px}details.mod-login div{flex-direction:column;gap:8px;margin-top:10px;display:flex}#modal{z-index:90;background:#2e333899;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#modal.open{display:flex}.modal-card{background:var(--white);border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:480px;padding:28px;display:flex}.modal-card h3{font-size:18px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}#presentation{background:var(--anthrazit);color:#fff;z-index:80;flex-direction:column;gap:3vh;padding:4vh 5vw;display:none;position:fixed;inset:0}#presentation.open{display:flex}#presentation .p-head{justify-content:space-between;align-items:center;display:flex}#presentation .p-brand{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:2.2vh;font-weight:700}#presentation .p-body{flex:1;grid-template-columns:2fr 1fr;gap:5vw;min-height:0;display:grid}#presentation .p-main{flex-direction:column;justify-content:center;gap:4vh;display:flex}#presentation .p-topic-label{letter-spacing:.18em;text-transform:uppercase;color:#9da3a9;font-size:2vh}#presentation .p-topic{font-size:6vh;font-weight:900;line-height:1.15}#presentation .p-timers{flex-wrap:wrap;gap:6vw;display:flex}#presentation .p-timer .lbl{letter-spacing:.18em;text-transform:uppercase;color:#9da3a9;margin-bottom:.5vh;font-size:1.8vh}#presentation .p-timer .val{font-variant-numeric:tabular-nums;font-size:11vh;font-weight:900;line-height:1}#presentation .p-timer .val.warning{color:var(--gold)}#presentation .p-timer .val.expired{color:#e07b5f;animation:1s steps(2,start) infinite blink}#presentation .p-timer .p-ctrl{gap:1vw;margin-top:1.2vh;display:none}#presentation.mod .p-timer .p-ctrl{display:flex}#presentation .p-ctrl button{color:#c9c7c4;background:0 0;border:1px solid #4a5158;border-radius:6px;padding:.8vh 1.6vw;font-size:1.8vh;font-weight:500}#presentation .p-ctrl button:hover{border-color:var(--gold);color:var(--gold)}#presentation .p-ctrl button.primary{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:700}#presentation .p-ctrl button.primary:hover{background:var(--gold-dark)}#presentation .p-rank{border-left:1px solid #4a5158;flex-direction:column;justify-content:center;gap:1.6vh;padding-left:3vw;display:flex}#presentation .p-rank h4{letter-spacing:.18em;text-transform:uppercase;color:#9da3a9;font-size:1.8vh}#presentation .p-rank .r-item{align-items:baseline;gap:1.2vw;font-size:2.6vh;display:flex}#presentation .p-rank .r-num{color:var(--gold);font-variant-numeric:tabular-nums;min-width:2ch;font-weight:900}#toast{background:var(--anthrazit);color:#fff;border-radius:var(--radius);z-index:200;max-width:90vw;padding:12px 20px;font-size:14px;transition:transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}#toast.show{transform:translate(-50%)translateY(0)}@media (width<=760px){.timer-display{font-size:40px}#presentation .p-body{grid-template-columns:1fr}#presentation .p-rank{border-left:none;padding-left:0}}