:root{--bg:#120d12;--panel:#1e1720;--line:#3a2c3a;--text:#f4ece6;--muted:#b3a5ad;--accent:#e8745a;--accent-2:#f2b38a;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.app{flex-direction:column;min-height:100vh;display:flex}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.test-badge{border:1px solid var(--accent-2);color:var(--accent-2);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem}.muted{color:var(--muted)}.small{font-size:.85rem}.layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:16px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.viewport{aspect-ratio:16/9;border-radius:var(--radius);background:#000;align-self:start;width:100%;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.overlay{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:3%;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}.dialog,.moment{text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);width:100%;max-width:900px;font-size:var(--reader-font-size);background:#120c12d1;border:1px solid #ffffff1f;flex-direction:column;gap:6px;padding:clamp(10px,2vw,18px) clamp(12px,2.5vw,24px);line-height:1.45;display:flex}.dialog.narration .line{color:#e9dcd3;font-style:italic}.speaker{color:var(--accent-2);letter-spacing:.02em;font-weight:700}.hint{color:var(--muted);align-self:flex-end;font-size:.8rem}.moment{text-align:center;border-color:var(--accent-2);align-items:center}.moment-with-image{background:#000;border:0;border-radius:0;justify-content:flex-end;max-width:none;padding:clamp(18px,5vw,48px);position:absolute;inset:0;overflow:hidden}.moment-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.moment-shade{display:none}.moment-with-image .moment-shade{background:linear-gradient(#0000,#080408d1);display:block;position:absolute;inset:35% 0 0}.moment-with-image .moment-label,.moment-with-image .moment-title,.moment-with-image .hint{z-index:1;text-shadow:0 2px 8px #000;position:relative}.moment-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);font-size:.75rem}.moment-title{font-size:1.4em}.choices{width:100%;max-width:640px;font-size:var(--reader-font-size);flex-direction:column;gap:8px;margin-top:auto;margin-bottom:auto;display:flex}.prompt{text-align:center;text-shadow:0 1px 6px #000;margin:0 0 4px;font-size:1.05em}.choice{text-align:left;background:#1e141ee0;border:1px solid #f2b38a80;border-radius:10px;padding:12px 16px;font-size:1em}.choice:hover{background:#e8745a4d}.panel{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#120c12e6;max-width:480px;margin:auto;padding:20px 24px}.panel h2{margin:4px 0 8px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin:0;font-size:.75rem}.primary{background:var(--accent);border-color:var(--accent);color:#1a0d0a;margin-top:8px;font-weight:700}.lesertest-backdrop{z-index:50;background:#0a060ac7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lesertest-panel{text-align:left;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto}.lesertest-panel h2,.lesertest-panel>p{text-align:center}.rating-field{border:0;margin:16px 0;padding:0}.rating-field legend{margin-bottom:6px}.rating-buttons{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.rating-buttons button{padding:8px}.rating-scale{margin-top:4px;display:block}.survey-field{flex-direction:column;gap:5px;margin:14px 0;display:flex}.survey-field textarea,.survey-field select{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px}.survey-actions,.export-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.survey-actions{justify-content:flex-end}.export-actions{border-top:1px solid var(--line);padding-top:12px}.export-actions p{width:100%;margin:0}.finish-test{margin-left:6px}.skip{background:#120c12bf;font-size:.8rem;position:absolute;top:3%;left:3%}.toasts{flex-direction:column;gap:6px;display:flex;position:absolute;top:3%;right:3%}.toast{border:1px solid var(--accent-2);background:#120c12e0;border-radius:999px;padding:4px 12px;font-size:.85rem}.side{flex-direction:column;gap:16px;display:flex}.side section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.side h3{margin:0 0 8px;font-size:1rem}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.label{width:64px;color:var(--muted);font-size:.85rem}.music-volume{min-width:80px;accent-color:var(--accent);flex:1}.volume-value{min-width:38px;color:var(--muted);text-align:right;font-size:.75rem}.setting-note{color:var(--muted);font-size:.75rem}.seg.on{background:var(--accent);border-color:var(--accent);color:#1a0d0a}.evenings{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.evenings li{justify-content:space-between;gap:8px;font-size:.9rem;display:flex}.tag{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:.75rem}.evenings .frei .tag{color:#9be09f;border-color:#6fbf73}.evenings .gesperrt .tag{color:var(--muted)}.evenings .gelesen .tag{border-color:var(--accent-2);color:var(--accent-2)}@media (width<=600px){.layout{padding:12px 16px}.viewport{aspect-ratio:1}.choices{margin:auto 0 0}}.gallery{flex-direction:column;gap:16px;padding:16px;display:flex}.gallery-controls{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.gallery-controls .label{width:56px}.gallery-controls label{align-items:center;gap:4px;margin-right:12px;display:inline-flex}.gallery-style h3{margin:0 0 8px;font-size:1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.gallery-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}.gallery-figure{background:radial-gradient(circle at 50% 35%,#3a2c3a,#120d12);width:100%;position:relative}.gallery-figure img{width:100%;height:100%;position:absolute;inset:0}.gallery-figure img.gallery-patch{height:auto;inset:auto}.gallery-card figcaption{color:var(--muted);text-align:center;padding:6px 8px;font-size:.85rem}.gallery-empty{padding:16px}.choice-timer{background:#ffffff1f;border-radius:.7rem;height:1.4rem;margin-bottom:.4rem;position:relative;overflow:hidden}.choice-timer-bar{background:linear-gradient(90deg,#e8784a,#f2b25c);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.choice-timer-text{text-align:center;font-size:.8rem;line-height:1.4rem;display:block;position:relative}@media (prefers-reduced-motion:reduce){.choice-timer-bar{transition:none}}.album{padding:16px}.album-pages{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.album-page{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto 1fr;gap:4px 10px;padding-bottom:12px;display:grid;overflow:hidden}.album-frame{aspect-ratio:16/9;background:#000;grid-column:1/-1;overflow:hidden}.album-image{object-fit:cover;transform-origin:60% 40%;width:100%;height:100%;animation:9s ease-in-out infinite alternate album-ken-burns;display:block}.album-image-empty{background:linear-gradient(135deg,#2a1830,#120a14);animation:none}.album-number{color:var(--accent-2);font-variant-numeric:tabular-nums;padding-left:12px}.album-title{padding-right:12px}@keyframes album-ken-burns{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}@media (prefers-reduced-motion:reduce){.album-image{animation:none}}.konto p{margin:0 0 6px}.konto .rechte{margin:0 0 8px;padding-left:18px}.konto-input{background:var(--panel);border:1px solid var(--line);min-width:100px;color:inherit;border-radius:8px;flex:1;padding:4px 8px}.ausweis{gap:6px;margin:6px 0;display:grid}.ausweis-feld{gap:2px;display:grid}.ausweis-muster{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:6px 8px;font-size:11px;line-height:1.4;overflow-x:auto}.meine-daten{gap:6px;margin-top:8px;display:grid}.meine-daten summary{cursor:pointer}.loeschung{border:1px solid var(--line);border-radius:8px;gap:6px;padding:8px;display:grid}.ausweis-muster mark{background:color-mix(in srgb, var(--accent,#d98b4a) 35%, transparent);color:inherit;border-radius:2px}.warn{color:#f2a07a}.notice{border-top:1px solid var(--line);padding-top:6px}button.link{color:var(--muted);background:0 0;border:0;padding:0 4px}.zweige{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.zweig{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.zweig h3{margin:0 0 6px;font-size:1rem}.zweig ol{margin:0 0 8px;padding-left:20px}.rechtstext pre{white-space:pre-wrap;background:var(--panel);border-radius:8px;max-height:160px;padding:8px;font-size:.8rem;overflow:auto}.between{text-align:left;gap:10px;margin-top:10px;display:grid}.between-evening{border-top:1px solid var(--line);padding-top:8px}.between-message{margin:4px 0}.between-item{gap:4px;margin:6px 0;display:grid}.between-item img{border-radius:var(--radius);max-width:100%}.between-letter{white-space:pre-line;margin:0;font-style:italic}