:root{--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 14px;--space-5: 18px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-xs: 9px;--radius-sm: 13px;--radius-md: 16px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--font-size-display: 28px;--font-size-h1: 24px;--font-size-h2: 21px;--font-size-h3: 17px;--font-size-body: 15px;--font-size-small: 13px;--font-size-meta: 10px;--font-size-mono: 12px;--font-size-code: 15px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-meta: .12em;--letter-spacing-code: .2em;--line-height-tight: 1.2;--line-height-body: 1.5;--line-height-relaxed: 1.6;--control-height-sm: 40px;--control-height-md: 44px;--control-height-lg: 52px;--button-padding-y: 13px;--button-padding-x: 24px;--pin-cell-width: 52px;--pin-cell-height: 62px;--keypad-key-height: 56px;--play-button-size: 44px;--artwork-size: 54px;--drag-handle-line-width: 16px;--drag-handle-line-height: 2px;--drag-handle-gap: 5px;--waveform-bar-width: 3px;--waveform-bar-gap: 2px;--waveform-height: 24px;--progress-height: 4px;--duration-fast: .14s;--duration-base: .16s;--duration-slow: .24s;--easing-standard: cubic-bezier(.2, 0, .2, 1);--drag-lift-transform: rotate(-.8deg) scale(1.01);--key-press-transform: scale(.94)}:root[data-theme=default]{--color-background: #0d1220;--color-surface: #151c2e;--color-surface-raised: #1c2438;--color-surface-sunken: #101625;--color-surface-hover: #26304a;--color-overlay: rgba(6, 9, 17, .72);--color-primary: #9b6cff;--color-primary-hover: #b58fff;--color-primary-active: #7a45f0;--color-primary-gradient: linear-gradient(140deg, #9b6cff 0%, #7a45f0 100%);--color-on-primary: #ffffff;--color-primary-soft: rgba(155, 108, 255, .06);--color-secondary: #e6a94e;--color-secondary-hover: #f0c179;--color-on-secondary: #0d1220;--color-text-primary: #f0eee9;--color-text-secondary: #a3a5a8;--color-text-tertiary: #6f7c96;--color-text-disabled: #6f7c96;--color-text-on-accent: #ffffff;--color-border: #2a3350;--color-border-strong: #3b4767;--color-border-accent: #9b6cff;--color-divider: #1c2438;--color-success: #63c39a;--color-warning: #e6a94e;--color-error: #e0736f;--color-error-surface: #241c2a;--color-info: #9b6cff;--color-drag-handle: #3b4767;--color-drag-handle-hover: #9b6cff;--color-drag-handle-active: #e6a94e;--color-dropzone-border: #9b6cff;--color-dropzone-fill: rgba(155, 108, 255, .06);--color-waveform-played: #9b6cff;--color-waveform-remaining: #3a4767;--color-artwork-stripe-a: #232c42;--color-artwork-stripe-b: #2b3550;--color-rank-1: #9b6cff;--color-rank-2: #e6a94e;--color-rank-3: #3b4767;--gradient-card-active: linear-gradient(100deg, #241c4a 0%, #151c2e 70%);--gradient-progress: linear-gradient(90deg, #e6a94e, #9b6cff);--shadow-sm: 0 6px 14px -10px rgba(0, 0, 0, .7);--shadow-card: 0 14px 30px -22px rgba(0, 0, 0, .8);--shadow-drag: 0 22px 44px -26px rgba(155, 108, 255, .4);--shadow-button-hover: 0 14px 30px -18px rgba(155, 108, 255, .9);--focus-glow: 0 0 22px -6px rgba(155, 108, 255, .55);--focus-ring: 0 0 0 2px #9b6cff;--font-family-base: "Archivo", Helvetica, Arial, sans-serif;--font-family-display: "Instrument Serif", Georgia, serif;--font-weight-display: 400;--font-family-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=velvet]{--color-background: #150e1c;--color-surface: #1f1529;--color-surface-raised: #271b34;--color-surface-sunken: #191024;--color-surface-hover: #33224a;--color-overlay: rgba(10, 6, 14, .72);--color-primary: #d7a0e8;--color-primary-hover: #e6bcf2;--color-primary-active: #b97fd6;--color-primary-gradient: linear-gradient(140deg, #d7a0e8 0%, #b97fd6 100%);--color-on-primary: #150e1c;--color-primary-soft: rgba(215, 160, 232, .08);--color-secondary: #e6b062;--color-secondary-hover: #f2c785;--color-on-secondary: #150e1c;--color-text-primary: #f3f1ee;--color-text-secondary: #a9a4a0;--color-text-tertiary: #7e7873;--color-text-disabled: #7e7873;--color-text-on-accent: #150e1c;--color-border: #3a2a4a;--color-border-strong: #503a66;--color-border-accent: #d7a0e8;--color-divider: #271b34;--color-success: #86c9a4;--color-warning: #e6b062;--color-error: #e0736f;--color-error-surface: #2a1620;--color-info: #d7a0e8;--color-drag-handle: #503a66;--color-drag-handle-hover: #d7a0e8;--color-drag-handle-active: #e6b062;--color-dropzone-border: #d7a0e8;--color-dropzone-fill: rgba(215, 160, 232, .08);--color-waveform-played: #d7a0e8;--color-waveform-remaining: #4a3663;--color-artwork-stripe-a: #2c2039;--color-artwork-stripe-b: #35274a;--color-rank-1: #d7a0e8;--color-rank-2: #e6b062;--color-rank-3: #503a66;--gradient-card-active: linear-gradient(100deg, #33224a 0%, #1f1529 70%);--gradient-progress: linear-gradient(90deg, #e6b062, #d7a0e8);--shadow-sm: 0 6px 14px -10px rgba(0, 0, 0, .7);--shadow-card: 0 14px 30px -22px rgba(0, 0, 0, .8);--shadow-drag: 0 22px 44px -26px rgba(215, 160, 232, .4);--shadow-button-hover: 0 14px 30px -18px rgba(215, 160, 232, .85);--focus-glow: 0 0 22px -6px rgba(215, 160, 232, .55);--focus-ring: 0 0 0 2px #d7a0e8;--font-family-base: "Space Grotesk", Helvetica, Arial, sans-serif;--font-family-display: "Instrument Serif", Georgia, serif;--font-weight-display: 400;--font-family-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=champagne]{--color-background: #14100d;--color-surface: #1d1813;--color-surface-raised: #241d16;--color-surface-sunken: #181410;--color-surface-hover: #33281c;--color-overlay: rgba(10, 8, 6, .72);--color-primary: #e3c37a;--color-primary-hover: #efd79b;--color-primary-active: #d9ab5f;--color-primary-gradient: linear-gradient(140deg, #e3c37a 0%, #d9ab5f 100%);--color-on-primary: #14100d;--color-primary-soft: rgba(227, 195, 122, .08);--color-secondary: #d98c74;--color-secondary-hover: #e7a892;--color-on-secondary: #14100d;--color-text-primary: #f4ece0;--color-text-secondary: #a5988a;--color-text-tertiary: #7a6d5e;--color-text-disabled: #7a6d5e;--color-text-on-accent: #14100d;--color-border: #382e22;--color-border-strong: #4a3c2a;--color-border-accent: #e3c37a;--color-divider: #241d16;--color-success: #9bbf8a;--color-warning: #e3c37a;--color-error: #d9705f;--color-error-surface: #291612;--color-info: #e3c37a;--color-drag-handle: #4a3c2a;--color-drag-handle-hover: #e3c37a;--color-drag-handle-active: #d98c74;--color-dropzone-border: #e3c37a;--color-dropzone-fill: rgba(227, 195, 122, .08);--color-waveform-played: #e3c37a;--color-waveform-remaining: #463a2b;--color-artwork-stripe-a: #2e261c;--color-artwork-stripe-b: #372e22;--color-rank-1: #e3c37a;--color-rank-2: #d98c74;--color-rank-3: #4a3c2a;--gradient-card-active: linear-gradient(100deg, #33281c 0%, #1d1813 70%);--gradient-progress: linear-gradient(90deg, #d98c74, #e3c37a);--shadow-sm: 0 6px 14px -10px rgba(0, 0, 0, .7);--shadow-card: 0 14px 30px -22px rgba(0, 0, 0, .8);--shadow-drag: 0 22px 44px -26px rgba(227, 195, 122, .4);--shadow-button-hover: 0 14px 30px -18px rgba(227, 195, 122, .85);--focus-glow: 0 0 22px -6px rgba(227, 195, 122, .55);--focus-ring: 0 0 0 2px #e3c37a;--font-family-base: "Archivo", Helvetica, Arial, sans-serif;--font-family-display: "Instrument Serif", Georgia, serif;--font-weight-display: 400;--font-family-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=warm]{--color-background: #faf3e6;--color-surface: #fffdf8;--color-surface-raised: #ffffff;--color-surface-sunken: #f4ead8;--color-surface-hover: #f7eeda;--color-overlay: rgba(34, 33, 30, .45);--color-primary: #c65f3f;--color-primary-hover: #b15234;--color-primary-active: #98452b;--color-primary-gradient: linear-gradient(140deg, #c65f3f 0%, #b15234 100%);--color-on-primary: #fffdf8;--color-primary-soft: rgba(198, 95, 63, .1);--color-secondary: #e9a03b;--color-secondary-hover: #d38f2e;--color-on-secondary: #22211e;--color-text-primary: #22211e;--color-text-secondary: #6b6862;--color-text-tertiary: #a8a49b;--color-text-disabled: #c0bbb0;--color-text-on-accent: #fffdf8;--color-border: #e3d8c3;--color-border-strong: #d8c9ad;--color-border-accent: #c65f3f;--color-divider: #f0e6d5;--color-success: #5c6f52;--color-warning: #a8620f;--color-error: #b23b32;--color-error-surface: #f8e4e0;--color-info: #5c6f52;--color-drag-handle: #c9c1b1;--color-drag-handle-hover: #8a8780;--color-drag-handle-active: #c65f3f;--color-dropzone-border: #c65f3f;--color-dropzone-fill: rgba(198, 95, 63, .07);--color-waveform-played: #c65f3f;--color-waveform-remaining: #e3d3b8;--color-artwork-stripe-a: #e9d9bd;--color-artwork-stripe-b: #f4e9d3;--color-rank-1: #c65f3f;--color-rank-2: #e9a03b;--color-rank-3: #cbbfa6;--gradient-card-active: linear-gradient(100deg, #fdf6e9 0%, #fffdf8 70%);--gradient-progress: linear-gradient(90deg, #e9a03b, #c65f3f);--shadow-sm: 0 6px 14px -12px rgba(34, 33, 30, .45);--shadow-card: 0 12px 24px -18px rgba(34, 33, 30, .35);--shadow-drag: 0 18px 30px -18px rgba(34, 33, 30, .4);--shadow-button-hover: 0 12px 24px -16px rgba(198, 95, 63, .55);--focus-glow: 0 0 0 4px rgba(198, 95, 63, .16);--focus-ring: 0 0 0 2px #c65f3f;--font-family-base: "DM Sans", Helvetica, Arial, sans-serif;--font-family-display: "Instrument Serif", Georgia, serif;--font-weight-display: 400;--font-family-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=minimal]{--color-background: #f4f5f6;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #fafbfb;--color-surface-hover: #f4f5f6;--color-overlay: rgba(27, 28, 29, .4);--color-primary: #1b1c1d;--color-primary-hover: #000000;--color-primary-active: #3f5b8c;--color-primary-gradient: linear-gradient(140deg, #1b1c1d 0%, #1b1c1d 100%);--color-on-primary: #ffffff;--color-primary-soft: rgba(63, 91, 140, .07);--color-secondary: #3f5b8c;--color-secondary-hover: #334970;--color-on-secondary: #ffffff;--color-text-primary: #1b1c1d;--color-text-secondary: #5a5f66;--color-text-tertiary: #8b9099;--color-text-disabled: #c2c6cb;--color-text-on-accent: #ffffff;--color-border: #e2e4e6;--color-border-strong: #c2c6cb;--color-border-accent: #3f5b8c;--color-divider: #eef0f1;--color-success: #3d7a5c;--color-warning: #9a6b1c;--color-error: #a8403a;--color-error-surface: #faeceb;--color-info: #3f5b8c;--color-drag-handle: #c2c6cb;--color-drag-handle-hover: #8b9099;--color-drag-handle-active: #3f5b8c;--color-dropzone-border: #3f5b8c;--color-dropzone-fill: rgba(63, 91, 140, .05);--color-waveform-played: #3f5b8c;--color-waveform-remaining: #e2e4e6;--color-artwork-stripe-a: #eef0f1;--color-artwork-stripe-b: #f7f8f9;--color-rank-1: #3f5b8c;--color-rank-2: #8b9099;--color-rank-3: #c2c6cb;--gradient-card-active: linear-gradient(100deg, #ffffff 0%, #ffffff 70%);--gradient-progress: linear-gradient(90deg, #3f5b8c, #3f5b8c);--shadow-sm: 0 4px 10px -8px rgba(27, 28, 29, .35);--shadow-card: 0 10px 24px -20px rgba(27, 28, 29, .4);--shadow-drag: 0 14px 28px -20px rgba(27, 28, 29, .5);--shadow-button-hover: 0 10px 20px -16px rgba(27, 28, 29, .55);--focus-glow: 0 0 0 3px rgba(63, 91, 140, .18);--focus-ring: 0 0 0 2px #3f5b8c;--font-family-base: Helvetica, "Helvetica Neue", Arial, sans-serif;--font-family-display: Helvetica, "Helvetica Neue", Arial, sans-serif;--font-weight-display: 700;--font-family-mono: "JetBrains Mono", ui-monospace, monospace;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-pill: 3px}:root[data-theme=paleis]{--color-background: #2a1b52;--color-surface: #3d2a6d;--color-surface-raised: #4a3480;--color-surface-sunken: #241746;--color-surface-hover: #5b3e96;--color-overlay: rgba(16, 10, 32, .74);--color-primary: #d4af37;--color-primary-hover: #f0c94a;--color-primary-active: #b8942c;--color-primary-gradient: linear-gradient(140deg, #f0c94a 0%, #d4af37 100%);--color-on-primary: #3d2a6d;--color-primary-soft: rgba(212, 175, 55, .1);--color-secondary: #b81b62;--color-secondary-hover: #d43c7f;--color-on-secondary: #f5f1e6;--color-text-primary: #f5f1e6;--color-text-secondary: #c3b9a8;--color-text-tertiary: #9b8fb5;--color-text-disabled: #7d719a;--color-text-on-accent: #3d2a6d;--color-border: #57458c;--color-border-strong: #8a6f3f;--color-border-accent: #d4af37;--color-divider: #402e77;--color-success: #8bc7a3;--color-warning: #f0c94a;--color-error: #e0736f;--color-error-surface: #3a1a34;--color-info: #f0c94a;--color-drag-handle: #6b5698;--color-drag-handle-hover: #d4af37;--color-drag-handle-active: #f0c94a;--color-dropzone-border: #d4af37;--color-dropzone-fill: rgba(212, 175, 55, .08);--color-waveform-played: #f0c94a;--color-waveform-remaining: #57458c;--color-artwork-stripe-a: #3b2a70;--color-artwork-stripe-b: #46327f;--color-rank-1: #f0c94a;--color-rank-2: #b81b62;--color-rank-3: #6b5698;--gradient-card-active: linear-gradient(100deg, #5a2258 0%, #3d2a6d 70%);--gradient-progress: linear-gradient(90deg, #b81b62, #f0c94a);--shadow-sm: 0 6px 14px -10px rgba(0, 0, 0, .7);--shadow-card: 0 14px 30px -22px rgba(0, 0, 0, .85);--shadow-drag: 0 22px 44px -26px rgba(184, 27, 98, .45);--shadow-button-hover: 0 14px 30px -18px rgba(212, 175, 55, .85);--focus-glow: 0 0 22px -6px rgba(240, 201, 74, .55);--focus-ring: 0 0 0 2px #f0c94a;--font-family-base: "Poppins", Helvetica, Arial, sans-serif;--font-family-display: "Cinzel", Georgia, serif;--font-weight-display: 700;--font-family-mono: "JetBrains Mono", ui-monospace, monospace;--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-pill: 999px;--line-height-body: 1.75;--line-height-relaxed: 1.85;--letter-spacing-meta: .28em;--color-input-border: rgba(212, 175, 55, .45);--color-input-fill: rgba(245, 241, 230, .08);--color-card-border: rgba(212, 175, 55, .4);--color-card-fill: rgba(91, 62, 150, .3);--shadow-card-inset: inset 0 0 0 4px rgba(212, 175, 55, .12);--color-status-open-fill: rgba(34, 197, 94, .16);--color-status-open-border: rgba(34, 197, 94, .6);--color-status-open-text: #8ff0b0;--color-status-draft-fill: var(--color-primary-soft);--color-status-draft-border: rgba(212, 175, 55, .6);--color-status-draft-text: var(--color-primary);--color-status-closed-fill: rgba(184, 27, 98, .18);--color-status-closed-border: rgba(184, 27, 98, .6);--color-status-closed-text: #ff9ec4;--color-on-error: #3a1a34;--color-secondary-btn-hover-fill: rgba(212, 175, 55, .16);--letter-spacing-display: .08em;--letter-spacing-button: .18em;--progress-height: 5px;--color-progress-track: rgba(245, 241, 230, .12);--color-badge-audio: var(--color-primary);--color-badge-video: var(--color-secondary);--color-badge-image: var(--color-surface-raised);--color-badge-text: var(--color-surface-hover);--color-badge-pdf: var(--color-drag-handle);--color-badge-role-super-admin-fill: rgba(240, 201, 74, .18);--color-badge-role-super-admin-text: var(--color-primary);--color-badge-role-deelnemer-fill: rgba(155, 143, 181, .18);--color-badge-role-deelnemer-text: var(--color-text-tertiary);--color-lightbox-control-fill: rgba(255, 255, 255, .15);--color-lightbox-control-border: rgba(255, 255, 255, .3);--color-lightbox-control-hover-fill: rgba(255, 255, 255, .25)}.vd-btn{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--radius-pill);border:1px solid transparent;min-height:var(--control-height-md);cursor:pointer;transition:transform var(--duration-base) var(--easing-standard),box-shadow var(--duration-base) var(--easing-standard),background var(--duration-base) var(--easing-standard),border-color var(--duration-base) var(--easing-standard)}.vd-btn--primary{background:var(--color-primary-gradient);color:var(--color-on-primary)}.vd-btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.vd-btn--primary:active{transform:translateY(0);background:var(--color-primary-active)}.vd-btn--primary:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}.vd-btn--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong);font-weight:var(--font-weight-regular)}.vd-btn--secondary:hover{border-color:var(--color-border-accent);background:var(--color-surface-raised)}.vd-btn--secondary:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}.vd-btn--ghost{background:transparent;color:var(--color-secondary);border-color:transparent;font-weight:var(--font-weight-regular)}.vd-btn--ghost:hover{color:var(--color-secondary-hover)}.vd-btn--ghost:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}.vd-btn:disabled,.vd-btn[aria-disabled=true]{background:var(--color-surface-raised);color:var(--color-text-disabled);border-color:transparent;box-shadow:none;transform:none;cursor:not-allowed}.vd-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.vd-submission{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--easing-standard),box-shadow var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard)}.vd-submission[data-state=playing]{background:var(--gradient-card-active);border-color:var(--color-border-accent);box-shadow:var(--shadow-drag)}.vd-submission[data-state=dragging]{background:var(--color-surface-raised);border-color:var(--color-border-strong);transform:var(--drag-lift-transform);box-shadow:var(--shadow-drag)}.vd-dropzone{border:1.5px dashed var(--color-dropzone-border);background:var(--color-dropzone-fill);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-small)}.vd-drag-handle{display:flex;flex-direction:column;gap:var(--drag-handle-gap);padding:var(--space-3) var(--space-2);min-width:var(--control-height-md);min-height:var(--control-height-md);margin-top:5px;align-items:center;justify-content:center;cursor:grab;touch-action:none}.vd-drag-handle span{width:var(--drag-handle-line-width);height:var(--drag-handle-line-height);border-radius:min(1px,var(--radius-xs));background:var(--color-drag-handle);transition:background var(--duration-fast) var(--easing-standard)}.vd-drag-handle:hover span{background:var(--color-drag-handle-hover)}.vd-drag-handle:active,.vd-drag-handle[data-dragging=true]{cursor:grabbing}.vd-drag-handle:active span,.vd-drag-handle[data-dragging=true] span{background:var(--color-drag-handle-active)}.vd-pin-cell{width:var(--pin-cell-width);height:var(--pin-cell-height);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-family-mono);font-size:26px;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center}.vd-pin-cell[data-state=filled]{background:var(--color-surface-raised);border-color:var(--color-border-strong)}.vd-pin-cell[data-state=focus]{background:var(--color-surface-raised);border:1.5px solid var(--color-border-accent);box-shadow:var(--focus-ring),var(--focus-glow)}.vd-pin-cell[data-state=error]{background:var(--color-error-surface);border:1.5px solid var(--color-error);color:var(--color-error)}.vd-rank{font-family:var(--font-family-display);font-size:24px}.vd-rank[data-place="1"]{color:var(--color-rank-1)}.vd-rank[data-place="2"]{color:var(--color-rank-2)}.vd-rank[data-place="3"]{color:var(--color-rank-3)}.vd-waveform{display:flex;align-items:flex-end;gap:var(--waveform-bar-gap);height:var(--waveform-height)}.vd-waveform span{width:var(--waveform-bar-width);border-radius:min(2px,var(--radius-xs));background:var(--color-waveform-remaining)}.vd-waveform span[data-played=true]{background:var(--color-waveform-played)}.vd-progress{height:var(--progress-height);border-radius:min(2px,var(--radius-xs));background:var(--color-border);overflow:hidden}.vd-progress>i{display:block;height:100%;background:var(--gradient-progress)}:root[data-theme=paleis] .vd-progress{background:var(--color-progress-track)}.vd-artwork{width:var(--artwork-size);height:var(--artwork-size);border-radius:var(--radius-xs);background:repeating-linear-gradient(135deg,var(--color-artwork-stripe-a) 0 6px,var(--color-artwork-stripe-b) 6px 12px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-background)}html{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-surface-sunken)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-sunken)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm, 6px)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2{font-family:var(--font-family-display);font-weight:var(--font-weight-display);letter-spacing:var(--letter-spacing-display)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid transparent;border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--font-size-small);font-family:inherit;line-height:inherit;background:transparent;color:var(--color-text-primary);white-space:nowrap}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--color-primary-gradient);color:var(--color-on-primary);border:none}.btn-primary:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover{filter:brightness(1.1)}.btn-warning{background:var(--color-warning);color:#fff;border:none}.btn-warning:hover{filter:brightness(1.1)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-warning:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}.btn-sm{padding:3px 10px;font-size:12px}:root[data-theme=paleis] .btn-primary,:root[data-theme=paleis] .btn-secondary,:root[data-theme=paleis] .btn-danger,:root[data-theme=paleis] .btn-warning{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height-md);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--radius-pill);font-family:var(--font-family-display);font-weight:var(--font-weight-display);text-transform:uppercase;letter-spacing:var(--letter-spacing-button)}:root[data-theme=paleis] .btn-secondary{background:transparent;border:1px solid var(--color-border-accent);color:var(--color-primary)}:root[data-theme=paleis] .btn-secondary:hover{background:var(--color-secondary-btn-hover-fill)}:root[data-theme=paleis] .btn-danger,:root[data-theme=paleis] .btn-warning{color:var(--color-on-error)}:root[data-theme=paleis] .btn-primary.btn-sm,:root[data-theme=paleis] .btn-secondary.btn-sm,:root[data-theme=paleis] .btn-danger.btn-sm,:root[data-theme=paleis] .btn-warning.btn-sm{min-height:0;padding:3px 10px}input,textarea,select{font-family:inherit;font-size:var(--font-size-small);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;width:100%;background:var(--color-surface);color:var(--color-text-primary)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}:root[data-theme=paleis] input,:root[data-theme=paleis] textarea,:root[data-theme=paleis] select{border-radius:var(--radius-pill);border:1px solid var(--color-input-border);background:var(--color-input-fill);color:var(--color-text-primary);padding-inline:20px;min-height:var(--control-height-md);font-size:16px}:root[data-theme=paleis] select{color-scheme:dark}:root[data-theme=paleis] select option{background:var(--color-surface-raised);color:var(--color-text-primary)}:root[data-theme=paleis] textarea{border-radius:calc(var(--control-height-md) / 2)}.admin-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.admin-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px}.admin-nav-brand{font-weight:700;color:var(--color-text-primary);font-size:16px;text-decoration:none;flex-shrink:0}.admin-nav-brand:hover{text-decoration:none;color:var(--color-primary)}.admin-nav-logout{padding:4px 12px;font-size:13px;border-radius:var(--radius-pill);text-decoration:none}.admin-nav-logout:hover{text-decoration:none}.admin-nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-nav-hamburger{display:none;background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;color:var(--color-text-primary)}.admin-nav-links--mobile{flex-direction:column;align-items:flex-start;padding:0 20px 12px}.admin-nav-links--mobile .admin-nav-logout,.admin-nav-links--mobile button.admin-nav-logout{width:100%;text-align:left}@media (max-width: 720px){.admin-nav-links--desktop{display:none}.admin-nav-hamburger{display:block}}.page{max-width:900px;margin:0 auto;padding:24px 16px}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--color-text-secondary)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.page-header h1{font-size:24px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-card)}:root[data-theme=paleis] .card{background:var(--color-card-fill);border-color:var(--color-card-border);box-shadow:var(--shadow-card),var(--shadow-card-inset)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--color-text-secondary)}:root[data-theme=paleis] .form-group label{font-size:var(--font-size-meta);text-transform:uppercase;letter-spacing:var(--letter-spacing-meta);color:var(--color-primary)}.form-actions{display:flex;gap:8px;margin-top:24px}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:13px}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.form-hint{font-size:12px;color:var(--color-text-tertiary);margin:4px 0 0;font-weight:400}.error-msg{color:var(--color-error);font-size:14px;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border);font-size:14px}th{background:var(--color-surface-sunken);font-weight:600;color:var(--color-text-secondary)}tr:hover td{background:var(--color-surface-hover);cursor:pointer}.results-table tr:hover td{background:transparent;cursor:default}.result-row-leader td,.result-row-leader:hover td{background:var(--color-primary-soft)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-draft{background:var(--color-surface-raised);color:var(--color-text-secondary)}.badge-open{background:#63c39a26;color:var(--color-success)}.badge-closed{background:#e0736f26;color:var(--color-error)}.badge-archived{background:var(--color-surface-sunken);color:var(--color-text-tertiary)}.badge-super-admin{background:#e6a94e26;color:var(--color-secondary)}.badge-admin{background:var(--color-primary-soft);color:var(--color-primary)}.badge-user{background:var(--color-surface-raised);color:var(--color-text-secondary)}.badge-deelnemer{background:#6366f126;color:var(--color-primary)}:root[data-theme=paleis] .badge-super-admin{background:var(--color-badge-role-super-admin-fill);color:var(--color-badge-role-super-admin-text)}:root[data-theme=paleis] .badge-deelnemer{background:var(--color-badge-role-deelnemer-fill);color:var(--color-badge-role-deelnemer-text)}.text-muted{color:#9ca3af}:root[data-theme=paleis] .text-muted{color:var(--color-text-tertiary)}.admin-nav-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--color-error, #e0736f);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}:root[data-theme=paleis] .badge{font-size:11px;text-transform:uppercase;letter-spacing:.16em;border:1px solid transparent}:root[data-theme=paleis] .badge-open{background:var(--color-status-open-fill);border-color:var(--color-status-open-border);color:var(--color-status-open-text)}:root[data-theme=paleis] .badge-draft{background:var(--color-status-draft-fill);border-color:var(--color-status-draft-border);color:var(--color-status-draft-text)}:root[data-theme=paleis] .badge-closed{background:var(--color-status-closed-fill);border-color:var(--color-status-closed-border);color:var(--color-status-closed-text)}:root[data-theme=paleis] .admin-nav-badge{border-radius:var(--radius-pill);background:var(--color-secondary)}.notif-row{padding:10px 0;border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;align-items:flex-start;gap:8px}.notif-row:last-child{border-bottom:none}.notif-row-body{flex:1}.notif-row-meta{font-size:12px;color:var(--color-text-tertiary);margin-top:2px}.notif-dot{display:none;flex-shrink:0;margin-top:6px;width:8px;height:8px;border-radius:50%}:root[data-theme=paleis] .notif-dot{display:block}:root[data-theme=paleis] .notif-row--unread{background:var(--color-surface-hover)}:root[data-theme=paleis] .notif-row--unread .notif-dot{background:var(--color-primary)}:root[data-theme=paleis] .notif-row--read .notif-dot{background:var(--color-text-disabled)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px 32px;width:100%;max-width:440px;box-shadow:var(--shadow-drag);border:1px solid var(--color-border)}:root[data-theme=paleis] .modal-card{background:var(--color-surface-raised);border-color:var(--color-border-accent)}.share-box{background:var(--color-primary-soft);border:1px solid var(--color-border-accent);border-radius:var(--radius-sm);padding:16px}.share-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.share-row span{font-family:var(--font-family-mono);font-size:14px;flex:1;word-break:break-all;color:var(--color-text-primary)}.entry-list{list-style:none}.vd-title-line{word-break:break-word}.entry-list>li:not(.vd-submission),.entry-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:14px}.entry-list>li:not(.vd-submission):last-child,.entry-list .entry-item:last-child{border-bottom:none}.entry-title{flex:1;font-size:15px;font-weight:500}.upload-area{border:2px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:20px;text-align:center;margin-top:12px;color:var(--color-text-secondary)}.vd-upload-widget{border:2px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:14px 16px;margin-top:6px;background:var(--color-surface-sunken)}:root[data-theme=paleis] .vd-upload-widget{border-color:var(--color-dropzone-border);background:var(--color-dropzone-fill)}.vd-upload-preview{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:10px}.vd-upload-filename{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px;word-break:break-all}.vd-upload-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vd-upload-hint{font-size:12px;color:var(--color-text-tertiary);margin-top:8px;margin-bottom:0}.vd-tab-bar{display:flex;flex-wrap:wrap;column-gap:4px;row-gap:6px;margin-bottom:16px;border-bottom:2px solid var(--color-border)}.vd-tab{background:none;border:none;border-radius:0;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.vd-tab:hover{color:var(--color-text-primary)}:root[data-theme=paleis] .vd-tab{min-height:var(--control-height-md);display:inline-flex;align-items:center}.vd-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.vd-yt-preview{display:block;width:100%;height:220px;border:none;border-radius:var(--radius-sm)}.vd-badge-yt{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-primary, #fff);background:red;border-radius:var(--radius-pill);padding:1px 7px;margin-left:8px;vertical-align:middle}.vd-entry-image{display:block;width:100%;max-height:140px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-sunken);cursor:zoom-in;margin-top:4px}.vd-badge-img{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--color-primary);border-radius:var(--radius-pill);padding:1px 7px;margin-left:8px;vertical-align:middle}:root[data-theme=paleis] .vd-badge-img{background:var(--color-badge-image)}.vd-badge-pdf{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#b45309;border-radius:var(--radius-pill);padding:1px 7px;margin-left:8px;vertical-align:middle}:root[data-theme=paleis] .vd-badge-pdf{background:var(--color-badge-pdf)}.vd-artwork--pdf{display:flex;align-items:center;justify-content:center;background:var(--color-surface-sunken);color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong)}.vd-artwork--yt-thumb{border-radius:var(--radius-xs);overflow:hidden;width:var(--artwork-size);height:var(--artwork-size)}.vd-play-badge{position:absolute;bottom:5px;right:5px;background:#000000b8;color:#fff;font-size:10px;line-height:1;padding:3px 5px;border-radius:min(4px,var(--radius-xs));pointer-events:none}:root[data-theme=paleis] .vd-play-badge{background:var(--color-overlay)}.vd-pdf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}:root[data-theme=paleis] .vd-pdf-overlay{background:var(--color-overlay)}.vd-pdf-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:900px;display:flex;flex-direction:column;overflow:hidden;margin:auto 0}.vd-pdf-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.vd-pdf-title{flex:1;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.vd-pdf-counter{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.vd-pdf-close{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:var(--color-text-primary);padding:4px 8px;border-radius:var(--radius-sm)}.vd-pdf-close:hover{background:var(--color-surface-hover)}.vd-pdf-body{padding:16px;display:flex;justify-content:center;background:var(--color-surface-sunken);min-height:200px}.vd-pdf-body canvas{max-width:100%;height:auto!important}:root[data-theme=paleis] .vd-pdf-body canvas{border:1px solid var(--color-border-accent);border-radius:var(--radius-xs)}.vd-pdf-loading,.vd-pdf-error{padding:40px 16px;text-align:center;color:var(--color-text-secondary);font-size:14px}.vd-pdf-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--color-border);flex-shrink:0;gap:8px}.vd-pdf-nav-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;cursor:pointer;font-weight:500;color:var(--color-text-primary)}.vd-pdf-nav-btn:disabled{opacity:.4;cursor:default}.vd-pdf-nav-btn:not(:disabled):hover{background:var(--color-surface-hover)}.vd-pdf-nav-info{font-size:13px;color:var(--color-text-secondary)}.vd-badge-text{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#7c3aed;border-radius:var(--radius-pill);padding:1px 7px;margin-left:8px;vertical-align:middle}:root[data-theme=paleis] .vd-badge-text{background:var(--color-badge-text)}.vd-artwork--text{display:flex;align-items:center;justify-content:center;background:var(--color-surface-sunken);color:var(--color-primary);font-size:18px;font-weight:700;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong)}.vd-text-entry{margin-top:6px}.vd-text-content{font-size:14px;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;margin:0}.vd-text-content--collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-text-preview{font-size:13px;color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-explanation-text{font-size:13px;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;white-space:pre-wrap;word-break:break-word}.vd-explanation-toggle{width:20px;height:20px;min-width:20px;border-radius:var(--radius-pill);background:none;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.vd-explanation-toggle:hover{background:var(--color-surface-hover)}.vd-explanation-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.vd-explanation-toggle svg{width:10px;height:10px}.vd-text-toggle{margin-top:6px;background:none;border:none;padding:0;font-size:13px;color:var(--color-primary);cursor:pointer;font-weight:500}.vd-text-toggle:hover{text-decoration:underline}.vd-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;cursor:zoom-out}:root[data-theme=paleis] .vd-lightbox-overlay{background:var(--color-overlay)}.vd-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);cursor:zoom-out;-webkit-user-select:none;user-select:none}.vd-lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:22px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .15s}.vd-lightbox-close:hover{background:#ffffff40}:root[data-theme=paleis] .vd-lightbox-close{background:var(--color-lightbox-control-fill);border-color:var(--color-lightbox-control-border)}:root[data-theme=paleis] .vd-lightbox-close:hover{background:var(--color-lightbox-control-hover-fill)}.vd-yt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}:root[data-theme=paleis] .vd-yt-modal-overlay{background:var(--color-overlay)}.vd-yt-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:720px;overflow:hidden;box-shadow:0 20px 60px #00000080}.vd-yt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);gap:12px}.vd-yt-modal-title{font-weight:600;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-yt-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-secondary);padding:4px 8px;flex-shrink:0}.vd-yt-modal-close:hover{color:var(--color-text-primary)}.vd-yt-modal-iframe{display:block;width:100%;aspect-ratio:16 / 9;border:none}.section-title{font-size:18px;font-weight:700;margin:24px 0 12px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;width:360px;box-shadow:var(--shadow-card)}.login-card h1{margin-bottom:24px;font-size:22px}.manual-wrap{min-height:100vh;padding:40px 16px;display:flex;justify-content:center}.manual-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-card);width:100%;max-width:760px;height:fit-content}.manual-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.manual-header h1{margin:0;font-size:24px}.manual-content{line-height:1.6}.manual-content h3{font-size:15px;margin:16px 0 8px}.manual-content p{margin:0 0 12px;color:var(--color-text-primary)}.manual-content ul{margin:0 0 12px;padding-left:20px}.manual-content li{margin-bottom:6px}.manual-faq dt{font-weight:600;margin-top:14px}.manual-faq dt:first-child{margin-top:0}.manual-faq dd{margin:4px 0 0;color:var(--color-text-secondary)}.participant-wrap{max-width:640px;margin:0 auto;padding:24px 16px 80px}.participant-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-card)}.participant-card h1{font-size:22px;margin-bottom:12px}.vd-round-cover{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-lg, 12px);margin-bottom:20px}.participant-header{margin-bottom:24px}.participant-header h1{font-size:24px}.round-subtitle{color:var(--color-text-secondary);margin-top:4px}.success-card .success-icon{font-size:48px;color:var(--color-success);margin-bottom:16px}.error-card h1{color:var(--color-error)}.results-link{display:inline-block;margin-top:14px;color:var(--color-primary);font-size:14px;text-decoration:none}.results-link:hover{text-decoration:underline}.comments-title{margin:20px 0 8px}.comments-card{text-align:left}.comments-card.comments-card--compact{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:12px}.comments-section--compact{margin-bottom:var(--space-6)}.avail-list>li>.comments-section--compact{margin-top:calc(-1 * var(--space-3))}.vd-comment-list{list-style:none;padding:0;margin:0;font-size:13px}.vd-comment-list li{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.vd-comment-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.vd-comment-list__meta{color:var(--color-text-secondary)}.comments-plain{margin-bottom:8px}.vd-entry-comments{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.entry-list>li>.comments-section--compact{flex-basis:100%}.comments-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;margin-bottom:8px;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:min(3px,var(--radius-xs))}.comments-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.comment-row{display:flex;flex-shrink:0}.comment-row--own{justify-content:flex-end}.comment-bubble{max-width:80%;background:var(--color-surface-raised);color:var(--color-text-primary);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) min(4px,var(--radius-sm));padding:8px 12px;font-size:13px;line-height:1.4;word-break:break-word}.comment-bubble--own{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm) var(--radius-sm) min(4px,var(--radius-sm)) var(--radius-sm)}.comment-author{display:block;font-weight:600;font-size:12px;margin-bottom:2px;color:var(--color-text-secondary)}.comment-bubble--own .comment-author{color:var(--color-on-primary)}.comment-text{display:block;white-space:pre-wrap}.comment-time{display:block;font-size:10px;margin-top:3px;color:var(--color-text-tertiary)}.comment-bubble--own .comment-time{color:#ffffffbf}:root[data-theme=paleis] .comment-bubble--own .comment-time{color:var(--color-on-primary);opacity:.7}.login-form{text-align:left;margin-top:20px}.login-form label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:14px}.login-form label input{margin-top:4px}.form-error{color:var(--color-error);font-size:13px;margin-bottom:10px}.login-form .btn-primary{width:100%;padding:10px;font-size:15px;margin-top:4px}.lyrics-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:20px}.lyrics-toggle{background:none;border:none;color:var(--color-primary);font-size:14px;padding:0;cursor:pointer;width:100%;text-align:left}.lyrics-pre{font-family:inherit;white-space:pre-wrap;font-size:14px;line-height:1.7;margin-top:12px;color:var(--color-text-primary)}.rank-section{margin-bottom:24px}.rank-section h2,.entries-section h2{font-size:17px;margin-bottom:6px}.entries-section{margin-bottom:28px}.hint-text{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}:root[data-theme=paleis] .hint-text{max-width:66ch}.loading-text{color:var(--color-text-secondary);text-align:center;padding:40px}.action-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:12px 16px;display:flex;gap:10px;justify-content:flex-end;z-index:50}.btn-large{padding:12px 24px;font-size:16px}.avail-list,.rank-list{list-style:none}.vd-submission{margin-bottom:var(--space-3)}.entry-block-body{flex:1;min-width:0}.entry-block-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.participant-entry-title{flex:1;font-size:15px;font-weight:600;line-height:1.3;word-break:break-word;color:var(--color-text-primary)}.entry-ranked-badge{font-size:11px;background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-xs);padding:2px 6px;white-space:nowrap;flex-shrink:0}.btn-verwijder{background:none;border:none;color:var(--color-text-tertiary);font-size:12px;padding:2px 4px;cursor:pointer;flex-shrink:0;text-decoration:underline;text-underline-offset:2px;border-radius:0}.btn-verwijder:hover{color:var(--color-error)}.vd-audio-player{display:flex;align-items:center;gap:var(--space-3);width:100%}.vd-audio-play{width:var(--play-button-size);height:var(--play-button-size);min-width:var(--play-button-size);border-radius:var(--radius-pill);background:var(--color-primary-gradient);color:var(--color-on-primary);border:none;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard)}.vd-audio-play:hover{transform:scale(1.06);box-shadow:var(--shadow-button-hover)}.vd-audio-play svg{width:16px;height:16px;fill:currentColor}.vd-audio-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.vd-waveform{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;width:100%}.vd-waveform:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:min(2px,var(--radius-xs))}.vd-audio-footer{display:flex;align-items:center;gap:var(--space-2)}.vd-progress-hit{flex:1;padding:6px 0;cursor:pointer;touch-action:none}.vd-audio-time{font-family:var(--font-family-mono);font-size:var(--font-size-mono);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;min-width:7ch;text-align:right}.rank-item.rank-empty{display:flex;align-items:center;gap:10px;background:var(--color-surface-sunken);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:16px 14px;margin-bottom:var(--space-3);color:var(--color-text-tertiary)}.rank-number{font-weight:700;color:var(--color-text-tertiary);min-width:24px;flex-shrink:0}.rank-placeholder{flex:1;font-size:13px;font-style:italic}.round-list{display:flex;flex-direction:column;gap:var(--space-3)}.round-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);margin-bottom:0;transition:background var(--duration-base) var(--easing-standard),box-shadow var(--duration-base) var(--easing-standard)}.round-card:hover{background:var(--color-surface-hover)}:root[data-theme=paleis] .round-card:hover{border-color:var(--color-border-accent)}.round-card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}.round-card-link:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}.round-card button{position:relative;z-index:1}.round-card-body{flex:1;min-width:0}.round-card-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.round-card-slug{font-family:var(--font-family-mono);font-size:11px;color:var(--color-text-tertiary);margin-top:2px}.round-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.round-card-stat{font-size:12px;color:var(--color-text-tertiary)}.round-card-votes{font-size:11px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-sunken);border-radius:var(--radius-xs);padding:1px 7px}.confirm-card{text-align:left}.confirm-card h1{font-size:20px;margin-bottom:12px}.confirm-list{padding-left:20px;margin:10px 0 16px}.confirm-list li{margin-bottom:6px;font-size:15px}.confirm-warning{font-size:13px;color:var(--color-warning);margin-bottom:20px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.new-collectie-name-input{width:220px}@media (max-width: 480px){.confirm-actions,.form-actions,.new-collectie-form{flex-direction:column;align-items:stretch}.new-collectie-name-input{width:100%}}.vd-submission__content{flex:1;min-width:0;display:flex;flex-direction:column}.vd-submission__row{display:flex;align-items:flex-start;gap:var(--space-3)}.vd-submission__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.vd-submission__info{display:flex;align-items:center;gap:var(--space-2);min-width:0}.vd-submission__title{flex:1;min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.vd-submission__text-inline{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.vd-submission__badge{font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-xs);padding:1px 6px;white-space:nowrap;flex-shrink:0}.vd-submission__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.vd-submission__meta-info{font-family:var(--font-family-mono);font-size:var(--font-size-mono);color:var(--color-waveform-played);text-align:right;line-height:1.3;white-space:nowrap}.vd-submission__expanded{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.vd-submission__video{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:var(--radius-sm);overflow:hidden}.vd-submission__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.vd-submission__image-full{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-sunken)}.vd-submission__text{font-size:var(--font-size-small);color:var(--color-text-primary);line-height:var(--line-height-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}.vd-submission__pdf canvas{max-width:100%;height:auto!important;border-radius:var(--radius-sm)}.vd-submission__pdf-msg{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-small)}.vd-submission__pdf-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.vd-submission__pdf-nav span{font-size:var(--font-size-small);color:var(--color-text-secondary)}.vd-submission__pdf-nav button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-small);padding:5px 12px;cursor:pointer}.vd-submission__pdf-nav button:disabled{opacity:.4;cursor:default}.vd-submission__pdf-nav button:not(:disabled):hover{background:var(--color-surface-hover)}.vd-action-row{display:flex;align-items:center;gap:var(--space-2)}.vd-action-btn{width:var(--play-button-size);height:var(--play-button-size);min-width:var(--play-button-size);border-radius:var(--radius-pill);background:var(--color-primary-gradient);color:var(--color-on-primary);border:none;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;text-decoration:none;transition:box-shadow var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard)}.vd-action-btn:hover{transform:scale(1.06);box-shadow:var(--shadow-button-hover)}.vd-action-btn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--focus-glow)}.vd-action-btn svg{width:16px;height:16px}.vd-action-label{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.vd-entry-action--remove{border:none;background:transparent;color:var(--color-text-tertiary);padding:4px 7px;font-size:14px;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard)}.vd-entry-action--remove:hover{color:var(--color-error);background:var(--color-error-surface)}.vd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vd-overlay__panel{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-drag);width:100%;max-width:820px;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}.vd-overlay__panel:fullscreen,.vd-overlay__panel:-webkit-full-screen{max-width:none;max-height:none;border-radius:0;background:var(--color-background)}.vd-overlay__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);flex-shrink:0}.vd-overlay__title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-overlay__header-actions{display:flex;gap:var(--space-2);flex-shrink:0}.vd-overlay__btn{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.vd-overlay__btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.vd-overlay__btn svg{width:14px;height:14px}.vd-overlay__content{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.vd-overlay__image{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm);margin:0 auto}@media (max-width: 480px){.vd-submission__meta{flex-wrap:wrap;justify-content:flex-end}.vd-artwork{width:40px;height:40px;min-width:40px;min-height:40px}}