@media print {
.site-header-hidden { position: static !important; transform: none !important; }
}
.forum-lightbox[hidden], .forum-lightbox-caption[hidden], #theme-editor-panel.te-collapsed .te-body, #theme-editor-panel.te-collapsed .te-footer, #theme-editor-panel.te-collapsed .te-resize, .yt-cover-playing::after, .yt-cover-playing::before, .forum-lightbox-del[hidden], .inapp-warn-skript[hidden] { display: none; }
.te-row-hovered {
    background: var(--surface-hover);
}
.te-btn-primary {
    background: var(--primary); border-color: var(--primary); color: var(--on-primary);
}
.te-row-inputs { display: flex; align-items: center; gap: var(--abstand-1); }
#share-menu a, #theme-menu a {
    display: block;
}
.pwa-install-ios, .pwa-install-ios26 {
    flex: 1; font-size: var(--schrift-3); line-height: var(--zeile-2);
}
.pwa-schritte { margin: var(--abstand-1) 0 0; padding-inline-start: var(--abstand-5); }
.inapp-warn-skript { display: block; margin-top: var(--abstand-2); }
.pwa-install-go {
    flex: none; background: var(--on-primary); color: var(--primary);
    border: none; border-radius: var(--radius-2); padding: var(--abstand-2) var(--abstand-4);
    font-weight: 600; cursor: pointer; white-space: nowrap;
}
.mention-popup { list-style: none; margin: 0; padding: var(--abstand-1) 0; box-shadow: var(--schatten-2); min-width: 12rem; max-height: 16rem; overflow-y: auto; z-index: 10000; font-size: var(--schrift-3); }
.mention-popup li { padding: var(--abstand-1) var(--abstand-3); cursor: pointer; color: var(--text); }
.mention-popup li:hover {
    background: var(--accent); color: var(--background);
}
.forum-lightbox { position: fixed; inset: 0; background: color-mix(in srgb, var(--scrim) 92%, transparent); z-index: 100000; display: flex; flex-direction: column; touch-action: manipulation; }
.forum-lightbox-img { flex: 1; min-height: 0; overflow: hidden; padding: var(--abstand-4); }
.forum-lightbox-img img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: zoom-in; touch-action: none; user-select: none; }
.forum-lightbox-zoom .forum-lightbox-img img { cursor: zoom-out; }
.forum-lightbox-zieht .forum-lightbox-img img { cursor: grabbing; }
.forum-lightbox-bar { flex: 0 0 auto; padding: var(--abstand-2) var(--abstand-4); color: var(--on-scrim); background: color-mix(in srgb, var(--scrim) 50%, transparent); }
.forum-lightbox-caption { flex: 0 0 auto; color: var(--on-scrim); text-align: center; padding: var(--abstand-2) var(--abstand-4) 0; font-size: var(--schrift-3); line-height: var(--zeile-2); }
.forum-lightbox button { background: transparent; border: 1px solid color-mix(in srgb, var(--on-scrim) 40%, transparent); color: var(--on-scrim); padding: var(--abstand-2) var(--abstand-3); border-radius: var(--radius-2); cursor: pointer; font-size: var(--schrift-3); }
.forum-lightbox button:disabled { opacity: 0.3; cursor: default; }
.forum-lightbox-close { position: absolute; top: 1rem; inset-inline-end: 1rem; background: color-mix(in srgb, var(--scrim) 60%, transparent); border: 2px solid var(--on-scrim); color: var(--on-scrim); width: 3rem; height: 3rem; border-radius: var(--radius-rund); font-size: var(--schrift-6); cursor: pointer; }
#theme-menu a, #user-menu a { white-space: nowrap; }
#theme-menu .theme-menu-scale-val { display: inline-flex; align-items: center; gap: var(--abstand-1); }
#theme-editor-panel {
    position: fixed;
    color: var(--text);
    box-shadow: var(--schatten-3);
    display: flex;
    flex-direction: column;
    z-index: 8500;
    min-width: 280px;
    min-height: 240px;
    font-size: 14px;
}
#theme-editor-panel.te-collapsed { height: auto !important; min-height: 0; }
.te-header {
    padding: var(--abstand-2) var(--abstand-2);
    background: var(--surface-alt);
    border-bottom: 1px solid var(--border);
    border-radius: var(--radius-4) var(--radius-4) 0 0;
    flex: 0 0 auto;
}
.te-drag {
    flex: 1 1 auto;
    cursor: move;
    user-select: none;
    padding: var(--abstand-1) var(--abstand-1);
    touch-action: none;
}
.te-title { font-weight: 600; font-size: 0.95em; }
.te-dirty { color: var(--accent); font-size: 1.1em; line-height: var(--zeile-1); }
.te-btn-icon {
    border: 1px solid transparent;
    border-radius: var(--radius-1);
    width: 1.8em;
    height: 1.8em;
    font-size: 1.2em;
    line-height: var(--zeile-1);
    padding: 0;
}
.te-btn-icon:hover { border-color: var(--border); color: var(--text); }
.te-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--abstand-2) var(--abstand-3) var(--abstand-2);
}
.te-group {
    border: 1px solid var(--border);
    border-radius: var(--radius-2);
    padding: var(--abstand-2) var(--abstand-3) var(--abstand-2);
    margin: 0;
}
.te-group legend {
    padding: 0 var(--abstand-1);
    font-size: 0.78em;
    font-weight: 600;
}
.te-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--abstand-2);
    padding: var(--abstand-1) var(--abstand-1);
    border-radius: var(--radius-1);
    transition: background var(--dauer-1);
}
.te-row-name code {
    font-family: ui-monospace, monospace;
    font-size: 0.85em;
    color: var(--text);
    background: none;
    padding: 0;
}
.te-footer {
    padding: var(--abstand-2) var(--abstand-3);
    background: var(--surface-alt);
    border-top: 1px solid var(--border);
    border-radius: 0 0 var(--radius-4) var(--radius-4);
    flex: 0 0 auto;
    flex-wrap: wrap;
}
.te-footer-account {
    border-radius: 0;
    border-bottom: none;
    background: var(--surface);
    padding: var(--abstand-2) var(--abstand-3);
}
.te-btn-danger { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 40%, var(--border)); }
.te-btn-danger:hover { background: color-mix(in srgb, var(--danger) 10%, transparent); border-color: var(--danger); }
.te-btn {
    padding: var(--abstand-1) var(--abstand-3);
    border-radius: var(--radius-1);
    cursor: pointer;
    font: inherit;
    font-size: 0.9em;
}
.te-status {
    flex: 1 1 auto;
    text-align: end;
    color: var(--text-muted);
    font-size: 0.85em;
}
.te-resize {
    position: absolute;
    inset-inline-end: 2px;
    bottom: 2px;
    width: 16px;
    height: 16px;
    cursor: nwse-resize;
    touch-action: none;
    background:
        linear-gradient(135deg, transparent 0%, transparent 50%, var(--border) 50%, var(--border) 60%, transparent 60%, transparent 75%, var(--border) 75%, var(--border) 85%, transparent 85%);
    border-end-end-radius: var(--radius-4);
}
.forum-lightbox-del:hover {
    background:var(--danger);border-color:var(--papier)
}
.forum-lightbox-del { position:absolute;top:1rem;inset-inline-start:1rem;z-index:3;border:2px solid var(--tinte);border-radius:var(--radius-rund);width:2.8rem;height:2.8rem;line-height:var(--zeile-1);text-align:center;padding:0;background:var(--papier);color:var(--tinte);cursor:pointer;font-size:var(--schrift-5);box-shadow:var(--schatten-1);}
.zeiger-normal.zeiger-normal.zeiger-normal.zeiger-normal { cursor: default; }
.js-fehler { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 10001; max-width: 40rem; margin: 0 auto; box-shadow: var(--schatten-2); }
.js-fehler-detail { font-size: var(--schrift-2); opacity: 0.8; word-break: break-word; }
.pwa-install-icon { flex: none; display: flex; align-items: center; }
.erwaehnung-spiegel { position: absolute; visibility: hidden; white-space: pre-wrap; overflow-wrap: break-word; top: 0; left: -9999px; }