/*
 * Chrome Pulse 04
 * Visuelle Leitschicht ueber dem bestehenden, funktionalen Layout.
 * Inhalt, Formulare, Galerie- und Ergebnislogik bleiben davon unberuehrt.
 */

:root {
    --cp04-void: #060a10;
    --cp04-night: #0b121c;
    --cp04-steel: #8297aa;
    --cp04-silver: #eaf7ff;
    --cp04-white: #fbfdff;
    --cp04-blue: #5579ff;
    --cp04-electric: #76e9ff;
    --cp04-glass: rgba(218, 239, 255, .075);
    --cp04-edge: rgba(230, 247, 255, .36);
    --cp04-radius: 26px;
    --cp04-ease: cubic-bezier(.2, .72, .16, 1);
    --cp04-card-gap: clamp(12px, 1.15vw, 16px);
    --cp04-stack-gap: clamp(18px, 2vw, 26px);
    --cp04-footer-gap: clamp(72px, 7vw, 104px);
}

/* Member snapshots: protected inbox, Chrome Pulse moderation and public Polaroid stage. */
.snapshot-home {
    position: relative;
    /* Match the gap above: .era-section bottom padding plus this card's top margin. */
    margin-block: var(--cp04-card-gap) calc(140px + var(--cp04-card-gap));
    padding: clamp(30px,4.5vw,68px);
    overflow: hidden;
    border: 1px solid rgba(125,233,255,.25);
    border-radius: 8px 40px 8px 40px;
    background:
        radial-gradient(circle at 78% 18%,rgba(85,121,255,.16),transparent 30%),
        linear-gradient(135deg,rgba(7,18,27,.98),rgba(11,23,43,.96));
    box-shadow: inset 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.26);
}
.snapshot-home::before { content:""; position:absolute; z-index:2; inset:2px auto auto 4%; --cp04-scan-width:36%; width:var(--cp04-scan-width); height:3px; background:linear-gradient(90deg,transparent,var(--cp04-electric) 38%,#edfcff 50%,var(--cp04-electric) 62%,transparent); box-shadow:0 3px 16px rgba(125,233,255,.65); animation:driverScan 8s ease-in-out infinite alternate; pointer-events:none; }
.snapshot-home::after { content:"SNAP"; position:absolute; right:-.04em; bottom:-.22em; color:rgba(218,239,255,.025); font:900 clamp(120px,20vw,330px)/1 var(--display); letter-spacing:-.1em; pointer-events:none; }
.snapshot-home__head { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr); gap:clamp(28px,5vw,80px); align-items:end; }
.snapshot-home__head h2 { margin:18px 0 0; color:#f5f9fc; font:850 clamp(58px,7vw,112px)/.76 var(--display); letter-spacing:-.07em; }
.snapshot-home__head > div:first-child { min-width:0; container-type:inline-size; }
.snapshot-home__head h2 em { display:block; margin-top:.08em; color:var(--cp04-electric); font-style:normal; font-weight:250; font-size:min(1em,11.5cqi); line-height:.95; letter-spacing:-.055em; overflow-wrap:anywhere; }
.snapshot-home__head > div:last-child { padding-bottom:7px; }
.snapshot-home__head > div:last-child p { max-width:560px; margin:0 0 22px; color:#a8bac5; font-size:17px; line-height:1.65; }
.snapshot-polaroids { position:relative; z-index:1; width:min(1180px,100%); margin:clamp(44px,6vw,84px) auto 8px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,3vw,42px); align-items:center; }
.snapshot-polaroids.has-1 { grid-template-columns:minmax(260px,390px); justify-content:center; }
.snapshot-polaroids.has-2 { grid-template-columns:repeat(2,minmax(260px,390px)); justify-content:center; }
.snapshot-polaroid { --snapshot-tilt:-2.4deg; position:relative; display:block; min-width:0; padding:clamp(11px,1.25vw,17px) clamp(11px,1.25vw,17px) clamp(18px,2vw,28px); color:#07101a; background:linear-gradient(145deg,#f8fbfc 0%,#d9e7ed 58%,#f4f8fa 100%); border:1px solid rgba(255,255,255,.95); border-radius:3px; box-shadow:0 26px 55px rgba(0,0,0,.38),0 0 0 1px rgba(125,233,255,.18),inset 0 1px #fff; transform:rotate(var(--snapshot-tilt)); transform-origin:50% 88%; transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,filter .45s ease; }
.snapshot-polaroid:nth-child(2) { --snapshot-tilt:1.7deg; transform:translateY(-14px) rotate(var(--snapshot-tilt)); }
.snapshot-polaroid:nth-child(3) { --snapshot-tilt:-1deg; }
.snapshot-polaroid::before { content:""; position:absolute; z-index:2; top:-10px; left:50%; width:30%; height:26px; background:linear-gradient(100deg,rgba(220,238,244,.35),rgba(255,255,255,.78),rgba(182,208,219,.38)); border:1px solid rgba(255,255,255,.5); box-shadow:0 4px 12px rgba(1,6,11,.18); transform:translateX(-50%) rotate(-1deg); opacity:.78; }
.snapshot-polaroid::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.4) 42%,transparent 56%); transform:translateX(-120%); transition:transform .65s ease; }
.snapshot-polaroid__photo { display:block; aspect-ratio:4/3; overflow:hidden; border:1px solid rgba(8,19,28,.24); background:#09131d; box-shadow:inset 0 0 30px rgba(0,0,0,.18); }
.snapshot-polaroid__photo img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.96) contrast(1.03); }
.snapshot-polaroid__caption { display:block; padding:17px 6px 0; }
.snapshot-polaroid__caption small { display:block; margin-bottom:6px; color:#367e92; font:750 12px/1.3 var(--mono); letter-spacing:.12em; }
.snapshot-polaroid__caption strong { display:block; color:#0a1721; font:760 clamp(16px,1.55vw,21px)/1.25 var(--body); }
@media (hover:hover) {
    .snapshot-polaroid:hover,.snapshot-polaroid:focus-visible { z-index:3; transform:translateY(-18px) rotate(0deg) scale(1.025); box-shadow:0 36px 70px rgba(0,0,0,.46),0 0 34px rgba(125,233,255,.2); }
    .snapshot-polaroid:hover::after,.snapshot-polaroid:focus-visible::after { transform:translateX(120%); }
}

.member-snapshots { position:relative; margin-top:var(--cp04-card-gap); overflow:hidden; border:1px solid rgba(125,233,255,.24); border-radius:7px 34px 7px 34px; background:linear-gradient(145deg,rgba(4,14,22,.98),rgba(12,25,46,.96)); box-shadow:inset 0 1px rgba(255,255,255,.07); }
.member-snapshots::before { content:""; position:absolute; inset:0 auto auto 9%; width:34%; height:2px; background:linear-gradient(90deg,transparent,var(--cp04-electric),transparent); box-shadow:0 0 25px rgba(125,233,255,.7); }
.member-snapshots__head { position:relative; padding:clamp(26px,3.8vw,52px); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:end; border-bottom:1px solid rgba(218,239,255,.13); }
.member-snapshots__head h2 { margin:18px 0 0; color:#f5f9fc; font:850 clamp(50px,6.1vw,94px)/.78 var(--display); letter-spacing:-.07em; }
.member-snapshots__head h2 em { color:var(--cp04-electric); font-style:normal; font-weight:250; }
.member-snapshots__metric { min-width:190px; padding:18px 22px; display:flex; align-items:center; gap:16px; border:1px solid rgba(125,233,255,.27); border-radius:22px 6px 22px 6px; background:rgba(2,9,15,.54); }
.member-snapshots__metric b { color:var(--cp04-electric); font:850 52px/.8 var(--display); }
.member-snapshots__metric span { color:#aabcc7; font:730 11px/1.4 var(--mono); letter-spacing:.1em; }
.member-snapshots__workspace { display:grid; grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr); }
.member-snapshot-upload,.member-snapshot-own { min-width:0; padding:clamp(24px,3.2vw,42px); }
.member-snapshot-upload { border-right:1px solid rgba(125,233,255,.18); background:rgba(1,7,12,.3); }
.member-snapshot-upload__copy > span,.member-snapshot-own__head > span,.member-snapshot-moderation header span { color:var(--cp04-electric); font:760 12px/1.3 var(--mono); letter-spacing:.11em; }
.member-snapshot-upload__copy h3,.member-snapshot-own__head h3,.member-snapshot-moderation header h3 { margin:8px 0 10px; color:#f1f7fa; font:780 clamp(24px,2.4vw,36px)/1 var(--display); letter-spacing:-.035em; }
.member-snapshot-upload__copy p { margin:0 0 22px; color:#9badb9; font-size:16px; line-height:1.6; }
.member-snapshot-picker { min-height:124px; padding:20px; display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px dashed rgba(125,233,255,.44); border-radius:5px 20px 5px 20px; background:linear-gradient(125deg,rgba(125,233,255,.08),rgba(85,121,255,.06)); cursor:pointer; transition:border-color .25s ease,background .25s ease,transform .25s ease; }
.member-snapshot-picker:hover,.member-snapshot-picker:focus-within { border-color:var(--cp04-electric); background:linear-gradient(125deg,rgba(125,233,255,.14),rgba(85,121,255,.09)); transform:translateY(-2px); }
.member-snapshot-picker input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:.001; }
.member-snapshot-picker span { min-width:0; }
.member-snapshot-picker b { display:block; color:#eef7fb; font:760 15px/1.35 var(--mono); letter-spacing:.08em; }
.member-snapshot-picker small { display:block; margin-top:8px; color:#90a4b0; font:700 12px/1.45 var(--mono); letter-spacing:.06em; }
.member-snapshot-picker i { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.46); border-radius:50%; color:var(--cp04-electric); font:300 30px/1 var(--display); box-shadow:0 0 22px rgba(125,233,255,.1); }
.member-snapshot-selection { display:block; margin:12px 0 20px; color:#a9bbc5; font:740 12px/1.4 var(--mono); letter-spacing:.08em; }
.member-snapshot-selection.is-error { color:#ff829f; }
.member-snapshot-consent { margin:0 0 20px; padding-left:14px; border-left:2px solid var(--cp04-electric); color:#9eb0bb; font-size:14px; line-height:1.55; }
.member-snapshot-consent strong { color:#eaf5fa; font:760 12px/1 var(--mono); letter-spacing:.08em; }
.member-snapshot-upload .chrome-button { width:100%; }
.member-snapshot-own__history { margin-top:22px; border-top:1px solid rgba(125,233,255,.2); border-bottom:1px solid rgba(218,239,255,.1); }
.member-snapshot-own__history > summary { min-height:76px; padding:14px 4px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:inherit; cursor:pointer; list-style:none; }
.member-snapshot-own__history > summary::-webkit-details-marker { display:none; }
.member-snapshot-own__history > summary span { min-width:0; }
.member-snapshot-own__history > summary b,.member-snapshot-own__history > summary small { display:block; }
.member-snapshot-own__history > summary b { color:#eaf5fa; font:760 14px/1.3 var(--mono); letter-spacing:.08em; }
.member-snapshot-own__history > summary small { margin-top:7px; color:#8fa4b0; font:700 12px/1.4 var(--mono); letter-spacing:.06em; }
.member-snapshot-own__history > summary small em { color:var(--cp04-electric); font-style:normal; }
.member-snapshot-own__closed--mobile { display:none !important; }
.member-snapshot-own__history > summary > i { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.35); border-radius:5px 14px 5px 14px; color:var(--cp04-electric); background:rgba(125,233,255,.04); font:300 26px/1 var(--display); transition:transform .28s ease,border-color .28s ease,background .28s ease; }
.member-snapshot-own__history > summary:hover > i,.member-snapshot-own__history > summary:focus-visible > i { border-color:var(--cp04-electric); background:rgba(125,233,255,.1); }
.member-snapshot-own__history[open] > summary > i { transform:rotate(45deg); }
.member-snapshot-own__open { display:none !important; }
.member-snapshot-own__history[open] .member-snapshot-own__closed { display:none !important; }
.member-snapshot-own__history[open] .member-snapshot-own__open { display:block !important; }
.member-snapshot-own__grid { padding:0 0 18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.member-snapshot-own__item { min-width:0; margin:0; overflow:hidden; border:1px solid rgba(218,239,255,.15); background:rgba(2,8,13,.58); }
.member-snapshot-own__item img { width:100%; aspect-ratio:1/1; display:block; object-fit:cover; background:#07111a; }
.member-snapshot-own__item figcaption { padding:11px; }
.member-snapshot-own__item figcaption strong,.member-snapshot-own__item figcaption small { display:block; }
.member-snapshot-own__item figcaption strong { color:#ffc95d; font:760 12px/1.35 var(--mono); letter-spacing:.07em; }
.member-snapshot-own__item.is-published figcaption strong { color:#72efb1; }
.member-snapshot-own__item figcaption small { margin-top:5px; color:#8297a4; font:680 12px/1.35 var(--mono); letter-spacing:.05em; }
@media (min-width: 781px) {
    .member-snapshot-own__history:not([open]) > .member-snapshot-own__grid { display:grid; }
    .member-snapshot-own__history:not([open]) > .member-snapshot-own__grid > .member-snapshot-own__item:nth-child(n+4) { display:none; }
    .member-snapshot-own__history:not(.has-more) > summary { display:none; }
    .member-snapshot-own__history:not(.has-more) > .member-snapshot-own__grid { padding-top:0; }
}
.member-snapshot-empty { min-height:230px; margin-top:22px; padding:26px; display:grid; align-content:center; justify-items:start; border:1px solid rgba(218,239,255,.11); background:radial-gradient(circle at 18% 36%,rgba(125,233,255,.08),transparent 27%); }
.member-snapshot-empty i { width:62px; height:62px; margin-bottom:18px; border:1px solid rgba(125,233,255,.3); border-radius:50%; background:radial-gradient(circle,var(--cp04-electric) 0 4px,transparent 5px),linear-gradient(rgba(125,233,255,.25),rgba(125,233,255,.25)) center/1px 70% no-repeat,linear-gradient(90deg,rgba(125,233,255,.25),rgba(125,233,255,.25)) center/70% 1px no-repeat; }
.member-snapshot-empty strong { color:#dce9ef; font:760 15px/1.3 var(--mono); letter-spacing:.08em; }
.member-snapshot-empty p { max-width:430px; margin:10px 0 0; color:#8fa3af; font-size:15px; line-height:1.55; }
.member-snapshot-moderation { border-top:1px solid rgba(125,233,255,.2); background:rgba(1,7,12,.35); }
.member-snapshot-moderation > header { padding:22px clamp(24px,3.2vw,42px); display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid rgba(218,239,255,.1); }
.member-snapshot-moderation > header h3 { margin-bottom:0; }
.member-snapshot-moderation > header > b { min-width:68px; color:var(--cp04-electric); font:850 52px/.8 var(--display); text-align:center; }
.member-snapshot-moderation > form,.member-snapshot-published > form { padding:clamp(20px,3vw,38px); }
.member-snapshot-moderation__toolbar { margin-bottom:18px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.member-snapshot-moderation__toolbar > span { color:#94a8b4; font:740 12px/1.35 var(--mono); letter-spacing:.08em; }
.member-snapshot-moderation__toolbar > span b { color:var(--cp04-electric); font-size:18px; }
.member-snapshot-moderation__toolbar > div { display:flex; gap:10px; }
.member-snapshot-moderation__toolbar button { min-height:42px; padding:10px 14px; border:1px solid rgba(125,233,255,.28); color:#bfeef7; background:rgba(3,10,16,.7); font:740 14px/1 var(--mono); letter-spacing:.06em; cursor:pointer; }
.member-snapshot-review-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.member-snapshot-review { position:relative; min-width:0; display:block; border:1px solid rgba(218,239,255,.14); background:#030b12; cursor:pointer; transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.member-snapshot-review:hover,.member-snapshot-review:focus-within,.member-snapshot-review.is-selected { border-color:rgba(125,233,255,.7); transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.25),inset 2px 0 var(--cp04-electric); }
.member-snapshot-review > input { position:absolute; z-index:3; top:10px; left:10px; width:22px; height:22px; margin:0; accent-color:var(--cp04-electric); }
.member-snapshot-review__image { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:#08131c; }
.member-snapshot-review__image img { width:100%; height:100%; display:block; object-fit:cover; }
.member-snapshot-review__image i { position:absolute; inset:0; display:grid; place-items:center; color:#071019; background:rgba(125,233,255,.64); font:850 40px/1 var(--display); opacity:0; transition:opacity .2s ease; }
.member-snapshot-review.is-selected .member-snapshot-review__image i { opacity:1; }
.member-snapshot-review__meta { padding:12px; display:block; }
.member-snapshot-review__meta strong,.member-snapshot-review__meta small { display:block; overflow:hidden; text-overflow:ellipsis; }
.member-snapshot-review__meta strong { color:#eef7fb; font:720 15px/1.3 var(--body); white-space:nowrap; }
.member-snapshot-review__meta small { margin-top:5px; color:#8094a0; font:700 12px/1.35 var(--mono); letter-spacing:.04em; white-space:nowrap; }
.member-snapshot-moderation__actions { margin-top:20px; display:flex; gap:12px; justify-content:flex-end; }
.member-snapshot-reject { min-height:48px; padding:13px 20px; border:1px solid rgba(255,111,145,.45); color:#ff91aa; background:rgba(22,4,11,.42); font:760 14px/1 var(--mono); letter-spacing:.06em; cursor:pointer; }
.member-snapshot-moderation__clear { min-height:132px; padding:28px clamp(24px,3.2vw,42px); display:flex; align-items:center; gap:20px; }
.member-snapshot-moderation__clear > i { width:52px; height:52px; flex:0 0 52px; border:1px solid rgba(114,239,177,.35); border-radius:50%; background:radial-gradient(circle,#72efb1 0 4px,transparent 5px); box-shadow:0 0 24px rgba(114,239,177,.1); }
.member-snapshot-moderation__clear strong,.member-snapshot-moderation__clear small { display:block; }
.member-snapshot-moderation__clear strong { color:#72efb1; font:760 14px/1.35 var(--mono); letter-spacing:.09em; }
.member-snapshot-moderation__clear small { margin-top:7px; color:#8fa3ae; font-size:14px; line-height:1.5; }
.member-snapshot-published { border-top:1px solid rgba(218,239,255,.13); }
.member-snapshot-published > summary { min-height:82px; padding:18px clamp(24px,3.2vw,42px); display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:18px; align-items:center; cursor:pointer; list-style:none; }
.member-snapshot-published > summary::-webkit-details-marker { display:none; }
.member-snapshot-published > summary span small,.member-snapshot-published > summary span strong { display:block; }
.member-snapshot-published > summary span small { color:var(--cp04-electric); font:740 12px/1.3 var(--mono); letter-spacing:.09em; }
.member-snapshot-published > summary span strong { margin-top:6px; color:#e9f3f7; font-size:17px; }
.member-snapshot-published > summary > b { color:#a6bbc7; font:760 22px/1 var(--mono); }
.member-snapshot-published > summary > i { color:var(--cp04-electric); font:400 24px/1 var(--display); transition:transform .25s ease; }
.member-snapshot-published[open] > summary > i { transform:rotate(45deg); }
.member-snapshot-published > form { border-top:1px solid rgba(218,239,255,.1); background:rgba(1,7,12,.32); }
.member-snapshot-published > form > p { margin:0 0 20px; color:#91a5b1; font-size:15px; line-height:1.55; }

@media (max-width: 980px) {
    .snapshot-home__head { grid-template-columns:minmax(0,1fr); gap:22px; }
    .snapshot-home__head > div:last-child { padding:0; }
    .member-snapshots__workspace { grid-template-columns:minmax(0,1fr); }
    .member-snapshot-upload { border-right:0; border-bottom:1px solid rgba(125,233,255,.18); }
    .member-snapshot-review-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 780px) {
    .snapshot-home { margin-block:var(--cp04-card-gap) calc(94px + var(--cp04-card-gap)); padding:26px 0 34px; border-radius:7px 26px 7px 26px; }
    .snapshot-home__head { padding-inline:24px; }
    .snapshot-home__head h2 { font-size:clamp(50px,15vw,72px); }
    .snapshot-home__head > div:last-child p { font-size:16px; }
    .snapshot-polaroids,.snapshot-polaroids.has-1,.snapshot-polaroids.has-2 { width:100%; margin:40px 0 0; padding:14px 9vw 26px; display:flex; gap:18px; justify-content:flex-start; overflow-x:auto; overflow-y:visible; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-inline:contain; }
    .snapshot-polaroids::-webkit-scrollbar { display:none; }
    .snapshot-polaroid,.snapshot-polaroid:nth-child(2),.snapshot-polaroid:nth-child(3) { width:79vw; max-width:350px; flex:0 0 79vw; padding:11px 11px 20px; scroll-snap-align:center; transform:rotate(var(--snapshot-tilt)); }
    .snapshot-polaroid:nth-child(2) { --snapshot-tilt:1.3deg; }
    .snapshot-polaroid__caption { padding:15px 5px 0; }
    .member-snapshots { border-radius:6px 25px 6px 25px; }
    .member-snapshots__head { grid-template-columns:minmax(0,1fr); align-items:start; padding:25px 20px; }
    .member-snapshots__head h2 { font-size:clamp(48px,15vw,68px); }
    .member-snapshots__head h2 em { display:block; font-size:clamp(31px,9.2vw,46px); line-height:.9; letter-spacing:-.045em; white-space:nowrap; }
    .member-snapshots__metric { min-width:0; width:100%; }
    .member-snapshot-upload,.member-snapshot-own { padding:22px 20px; }
    .member-snapshot-own__history { margin-top:18px; }
    .member-snapshot-own__history:not([open]) > .member-snapshot-own__grid { display:none; }
    .member-snapshot-own__history > summary { min-height:78px; padding-inline:2px; }
    .member-snapshot-own__history > summary b { font-size:13px; }
    .member-snapshot-own__history > summary small { font-size:11px; }
    .member-snapshot-own__closed--desktop { display:none !important; }
    .member-snapshot-own__closed--mobile { display:block !important; }
    .member-snapshot-own__grid { padding-top:4px; }
    .member-snapshot-own__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .member-snapshot-moderation > header { align-items:flex-end; padding:20px; }
    .member-snapshot-moderation > header > b { min-width:44px; font-size:44px; }
    .member-snapshot-moderation > form,.member-snapshot-published > form { padding:20px; }
    .member-snapshot-moderation__toolbar { align-items:flex-start; flex-direction:column; }
    .member-snapshot-moderation__toolbar > div { width:100%; display:grid; grid-template-columns:1fr 1fr; }
    .member-snapshot-moderation__toolbar button { width:100%; }
    .member-snapshot-review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .member-snapshot-moderation__actions { display:grid; grid-template-columns:minmax(0,1fr); }
    .member-snapshot-moderation__actions > * { width:100%; }
    .member-snapshot-published > summary { padding-inline:20px; }
}

@media (max-width: 780px) {
    .future-grid--with-race,
    .future-grid--without-race { grid-template-columns: 1fr; }
    .future-grid--with-race .future-card--bar,
    .future-grid--without-race .future-card--bar { min-height: 390px; }
}

@media (max-width: 420px) {
    .member-snapshot-own__grid,.member-snapshot-review-grid { grid-template-columns:minmax(0,1fr); }
    .member-snapshot-review__image { aspect-ratio:16/10; }
}

@media (prefers-reduced-motion: reduce) {
    .snapshot-home::before { animation:none; }
    .snapshot-polaroid,.snapshot-polaroid::after,.member-snapshot-picker,.member-snapshot-review,.member-snapshot-own__history > summary > i { transition:none; }
}

html {
    max-width: 100%;
    overflow-x: hidden;
    background: var(--cp04-void);
}

body {
    max-width: 100%;
    overflow-x: hidden;
    background:
        linear-gradient(112deg, transparent 0 31%, rgba(118, 233, 255, .025) 42%, transparent 58%),
        radial-gradient(ellipse 80% 42% at 82% 5%, rgba(85, 121, 255, .16), transparent 72%),
        var(--cp04-void);
}

.chrome-ambient i { opacity: .16; }

.site-header {
    top: 18px;
    height: 70px;
    padding: 0 18px;
    border: 1px solid rgba(224, 244, 255, .24);
    border-radius: 18px;
    background:
        linear-gradient(112deg, rgba(255,255,255,.13), rgba(255,255,255,.025) 31%, rgba(93,130,255,.09) 70%, rgba(255,255,255,.07)),
        rgba(5, 10, 16, .72);
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 18px 50px rgba(0,0,0,.28);
    backdrop-filter: blur(24px) saturate(1.2);
}

.site-header::before {
    content: "";
    position: absolute;
    right: 18px;
    bottom: -1px;
    left: 18px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--cp04-electric), var(--cp04-silver), var(--cp04-blue), transparent);
    opacity: .7;
}

.brand-l {
    border-radius: 11px;
    background: linear-gradient(135deg, #f9feff, #8ca2b5 34%, #ecf8ff 55%, #637c95 100%);
    box-shadow: inset 0 1px white, 0 0 22px rgba(118,233,255,.18);
    color: #08111b;
    transform: none;
}

.hero-chrome {
    min-height: 840px;
    grid-template-columns: minmax(0, 1.22fr) minmax(390px, .78fr);
    grid-template-areas: "visual copy";
    gap: 0;
    padding-top: 126px;
    padding-bottom: 86px;
    background:
        linear-gradient(104deg, rgba(255,255,255,.025), transparent 35%),
        radial-gradient(ellipse 64% 70% at 22% 34%, rgba(218,239,255,.12), transparent 72%);
}

.hero-chrome::before {
    background:
        radial-gradient(ellipse 72% 72% at 20% 40%, rgba(217,241,255,.17), transparent 67%),
        radial-gradient(ellipse 65% 74% at 88% 24%, rgba(85,121,255,.25), transparent 72%),
        linear-gradient(118deg, #05090e 0 54%, #0c1521 100%);
}

.hero-chrome::after {
    width: 78%;
    height: calc(180% + 48vw);
    right: -36%;
    top: calc(-45% - 24vw);
    background: linear-gradient(125deg, transparent 29%, rgba(255,255,255,.3) 43%, rgba(118,233,255,.08) 49%, transparent 61%);
}

.hero-copy {
    grid-area: copy;
    min-height: 580px;
    padding: clamp(38px, 4.4vw, 72px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--cp04-edge);
    border-left: 0;
    border-radius: 0 var(--cp04-radius) var(--cp04-radius) 0;
    background:
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.018) 28%, rgba(85,121,255,.07) 72%, rgba(255,255,255,.04)),
        rgba(7, 13, 21, .78);
    box-shadow: inset 0 1px rgba(255,255,255,.22), 24px 34px 75px rgba(0,0,0,.22);
    backdrop-filter: blur(22px);
}

.hero-copy h1 {
    margin: 28px 0 24px;
    max-width: 100%;
    font-size: clamp(52px, 5vw, 82px);
    line-height: .84;
    letter-spacing: -.075em;
}

.hero-copy h1 em {
    display: inline-block;
    color: transparent;
    background: linear-gradient(104deg, #ffffff 0%, #89a0b5 23%, #f3fbff 43%, #6f89a1 62%, #d9f1ff 77%, #6de6ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    filter: drop-shadow(0 0 22px rgba(109,230,255,.19));
}

.hero-lead { max-width: 470px; }

.hero-visual {
    grid-area: visual;
    min-height: 580px;
    align-self: stretch;
    border-radius: var(--cp04-radius) 0 0 var(--cp04-radius);
    perspective: 1400px;
}

.hero-photo-stage {
    position: relative;
    width: 100%;
    min-height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-photo-placeholder {
    width: 100%;
    min-height: 580px;
    border-color: rgba(255,255,255,.72);
    border-radius: var(--cp04-radius) 0 0 var(--cp04-radius);
    color: #07111b;
    background:
        linear-gradient(132deg, rgba(255,255,255,.96) 0%, rgba(142,162,180,.92) 17%, rgba(239,249,255,.98) 34%, rgba(92,116,139,.94) 51%, rgba(226,243,252,.96) 69%, rgba(119,143,163,.94) 82%, rgba(250,253,255,.96) 100%);
    box-shadow:
        inset 0 1px white,
        inset -45px -35px 90px rgba(4,12,20,.18),
        -30px 34px 80px rgba(0,0,0,.38),
        0 0 70px rgba(118,233,255,.1);
    transform: none;
}

.hero-photo-placeholder::before {
    inset: -65%;
    background:
        linear-gradient(112deg, transparent 37%, rgba(255,255,255,.72) 46%, rgba(109,230,255,.22) 49%, transparent 58%);
}

.hero-photo-placeholder::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(5,13,21,.22);
    border-radius: 17px 0 0 17px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.36);
    pointer-events: none;
}

.hero-photo-placeholder > span {
    color: #0a3150;
    border-color: rgba(7,17,27,.46);
    background: rgba(255,255,255,.18);
}

.hero-photo-placeholder strong {
    max-width: 540px;
    color: #08111a;
    text-shadow: 0 1px rgba(255,255,255,.54);
}

.hero-photo-placeholder small { color: #24384a; }

.hero-distance {
    right: 24px;
    bottom: -22px;
    border-radius: 17px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.22), rgba(5,12,20,.92) 40%, rgba(85,121,255,.25)),
        #07101a;
    box-shadow: inset 0 1px rgba(255,255,255,.36), 10px 12px 0 rgba(70,104,221,.42), 0 24px 50px rgba(0,0,0,.38);
}

.hero-glint { right: 7%; }

@media (max-width: 1050px) {
    .site-header { top: 12px; }
    .hero-chrome { grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); }
    .hero-copy { padding: 34px; }
}

@media (max-width: 780px) {
    .site-header {
        top: 9px;
        right: 17px;
        left: 17px;
        width: auto;
        max-width: calc(100% - 34px);
        height: 65px;
        padding: 0 12px;
        align-content: center;
        grid-template-rows: 1fr;
        border-radius: 15px;
    }

    .site-header:not(.is-authenticated) .site-header__actions { display: none; }
    .site-header > .brand,
    .site-header > .nav-toggle,
    .site-header > .site-header__actions { align-self: center; }

    .hero-chrome {
        min-height: 0;
        display: flex;
        flex-direction: column;
        padding: 102px 14px 74px;
    }

    .hero-copy {
        min-height: 0;
        padding: 30px 22px 38px;
        border: 1px solid var(--cp04-edge);
        border-radius: 20px 20px 0 0;
    }

    .hero-copy h1 {
        margin-top: 24px;
        font-size: clamp(44px, 12vw, 64px);
    }

    .hero-visual {
        min-height: 370px;
        margin-top: 0;
        border-radius: 0 0 20px 20px;
    }

    .hero-photo-stage { min-height: 370px; }

    .hero-photo-placeholder {
        width: 100%;
        min-height: 370px;
        padding: 24px;
        border-radius: 0 0 20px 20px;
        transform: none;
    }

    .hero-photo-placeholder::after { border-radius: 0 0 13px 13px; }
    .hero-distance { right: 12px; bottom: -25px; }
    .hero-rail { bottom: 7px; }
}

@media (max-width: 430px) {
    .hero-copy h1 { font-size: clamp(39px, 11.6vw, 50px); }
    .hero-lead { font-size: 14px; }
    .hero-photo-placeholder strong { font-size: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-chrome::after,
    .hero-photo-placeholder::before { animation: none !important; }
}

/* Shared Chrome Pulse surfaces */
.era-heading h2 em,
.archive-bridge__head h2 em,
.future-card h2 em,
.contact-copy h2 em,
.page-hero h1 em,
.admin-title h1 em,
.member-login__copy h1 em,
.member-welcome h1 em,
.current-gallery-empty h2 em,
.video-current__empty h2 em {
    color: transparent;
    background: linear-gradient(104deg, #ffffff, #8398aa 24%, #edf9ff 45%, #6f879b 65%, #bdefff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    filter: drop-shadow(0 0 18px rgba(109,230,255,.16));
}

.chrome-button {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background: linear-gradient(123deg, #ffffff 0%, #8197aa 22%, #edfaff 42%, #6d879f 61%, #dff7ff 78%, #7891aa 100%);
    box-shadow: inset 0 1px white, inset 0 -1px rgba(4,12,20,.35), 7px 8px 0 rgba(75,105,222,.42), 0 16px 38px rgba(0,0,0,.3);
}

.chrome-button::before {
    content: "";
    position: absolute;
    inset: -90% -35%;
    background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.9) 49%, transparent 57%);
    transform: translateX(-75%);
    transition: transform .75s var(--cp04-ease);
}

.chrome-button:hover::before { transform: translateX(75%); }
.chrome-button > * { position: relative; z-index: 1; }

.line-link { border-bottom-color: rgba(118,233,255,.78); }

.section-index span {
    border-radius: 9px;
    border-color: rgba(225,245,255,.38);
    background: linear-gradient(140deg, rgba(255,255,255,.1), rgba(85,121,255,.08));
    box-shadow: inset 0 1px rgba(255,255,255,.2);
}

.era-section,
.archive-bridge,
.future-grid,
.media-era,
.video-current,
.video-archive,
.current-results,
.result-table-wrap { position: relative; }

.current-stage {
    overflow: hidden;
    border-color: var(--cp04-edge);
    border-radius: var(--cp04-radius);
    background: linear-gradient(135deg, rgba(238,249,255,.12), rgba(85,121,255,.045) 48%, rgba(255,255,255,.025));
    box-shadow: inset 0 1px rgba(255,255,255,.25), 0 36px 90px rgba(0,0,0,.32), 0 0 70px rgba(109,230,255,.035);
}

.current-stage__image {
    color: #07111a;
    background: linear-gradient(128deg, #f8fdff, #879caf 18%, #eaf7fc 38%, #70879d 57%, #dff1f8 75%, #8197aa);
}

.current-stage__image::before {
    width: 110%;
    right: -65%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), rgba(109,230,255,.18), transparent);
}

.current-stage__image > span,
.current-stage__image small { color: #213a4d; }
.current-stage__image strong { color: rgba(6,16,25,.62); }

.current-stage__copy {
    background: radial-gradient(ellipse at 100% 0, rgba(85,121,255,.16), transparent 55%), rgba(7,13,21,.82);
}

.current-stage--has-photo .current-stage__image::before { display: none; }
.current-stage--has-photo .current-stage__copy { position: relative; overflow: hidden; }
.current-stage--has-photo .current-stage__copy::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 110%;
    height: 160%;
    right: -65%;
    top: -30%;
    transform: rotate(18deg);
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), rgba(109,230,255,.12), transparent);
    animation: chromeSweep 9s var(--cp04-ease) infinite alternate;
}
.current-stage--has-photo .current-stage__copy > * { position: relative; z-index: 1; }

.current-facts span { padding: 12px 4px 2px; }

.tech-section {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(118deg, rgba(255,255,255,.82), rgba(128,151,170,.86) 21%, rgba(240,250,255,.92) 43%, rgba(111,134,154,.84) 63%, rgba(231,246,252,.94) 81%, rgba(129,150,168,.9));
}

.tech-section::before,
.results-stage::before,
.legacy-results::before {
    content: "";
    position: absolute;
    inset: -50% -20%;
    background: linear-gradient(110deg, transparent 42%, rgba(255,255,255,.7) 49%, rgba(112,229,255,.16) 52%, transparent 59%);
    animation: cp04LiquidSweep 12s var(--cp04-ease) infinite alternate;
    pointer-events: none;
}

.tech-section > *,
.results-stage > *,
.legacy-results > * { position: relative; z-index: 1; }

.tech-card {
    border-radius: 20px;
    border-color: rgba(7,16,25,.18);
    background: linear-gradient(145deg, rgba(236,247,252,.82), rgba(148,168,184,.72));
    box-shadow: inset 0 1px rgba(255,255,255,.8), 0 18px 40px rgba(18,38,54,.13);
    transition: transform .4s var(--cp04-ease), box-shadow .4s var(--cp04-ease);
}

.tech-card:hover {
    transform: translateY(-9px);
    box-shadow: inset 0 1px white, 0 28px 55px rgba(18,38,54,.2), 0 0 32px rgba(109,230,255,.18);
}

.tech-card--chrome {
    background: linear-gradient(132deg, #ffffff, #859bad 21%, #eefaff 43%, #6c849a 61%, #dff3fb 78%, #91a6b7);
}

.tech-card--blue {
    background: radial-gradient(ellipse at 90% 5%, rgba(118,233,255,.35), transparent 48%), linear-gradient(145deg, #456cde, #1a377f 70%, #0b193d);
}

.archive-photo {
    border: 1px solid rgba(226,245,255,.2);
    border-radius: 20px;
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 24px 60px rgba(0,0,0,.25);
}

.archive-photo::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
    pointer-events: none;
}

.archive-numbers span {
    border-color: rgba(224,244,255,.28);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(85,121,255,.035));
    box-shadow: inset 0 1px rgba(255,255,255,.15);
}

.results-stage,
.legacy-results {
    position: relative;
    overflow: hidden;
    background: linear-gradient(124deg, #edfaff, #8299ac 21%, #f5fcff 43%, #738ba2 62%, #e0f3fb 82%, #8298aa);
}

.latest-result {
    border-radius: var(--cp04-radius);
    background: radial-gradient(ellipse at 90% 0, rgba(85,121,255,.26), transparent 52%), rgba(6,13,21,.92);
    box-shadow: 17px 19px 0 rgba(49,80,190,.38), inset 0 1px rgba(255,255,255,.28), 0 34px 70px rgba(16,32,46,.24);
}

.future-card {
    border-color: rgba(226,245,255,.27);
    border-radius: var(--cp04-radius);
    background: linear-gradient(145deg, rgba(228,245,255,.11), rgba(85,121,255,.035));
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 24px 55px rgba(0,0,0,.2);
    transition: transform .42s var(--cp04-ease), border-color .3s, box-shadow .42s var(--cp04-ease);
}

.future-card:hover {
    transform: translateY(-8px);
    border-color: rgba(118,233,255,.5);
    box-shadow: inset 0 1px rgba(255,255,255,.28), 0 34px 70px rgba(0,0,0,.28), 0 0 35px rgba(109,230,255,.08);
}

.future-card--members { background: linear-gradient(145deg, #1e2c3a, #09101a 64%, #172844); }
.future-card--bar { background: linear-gradient(132deg, #ffffff, #869cae 24%, #effaff 47%, #70889d 68%, #dff2f9); }
.future-grid--with-race,
.future-grid--without-race { grid-template-columns: repeat(2,minmax(0,1fr)); }
.future-grid--with-race .future-card--bar,
.future-grid--without-race .future-card--bar { grid-column: auto; min-height: 470px; }
/* The monitor is a separate section, not the heading of the two lower cards.
   Keep the existing card-to-card gap, including the single-column layout. */
.future-grid--with-race > .race-live--compact { margin-bottom:calc(72px - var(--cp04-card-gap)); }
@media (max-width:780px) {
    .future-grid--with-race > .race-live--compact { margin-bottom:calc(48px - var(--cp04-card-gap)); }
}

.contact-section {
    background:
        radial-gradient(ellipse 70% 80% at 100% 0, rgba(85,121,255,.18), transparent 66%),
        linear-gradient(135deg, #0a111b, #101c29 50%, #070c13);
}

.contact-form,
.admin-panel,
.member-form,
.member-board,
.member-note,
.admin-login__card {
    border-color: rgba(226,245,255,.3);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(238,249,255,.105), rgba(255,255,255,.018) 34%, rgba(85,121,255,.055));
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 25px 60px rgba(0,0,0,.24);
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.admin-panel input,
.admin-panel textarea,
.admin-panel select,
.member-form input,
.member-form textarea,
.member-form select {
    padding: 13px 12px;
    border: 1px solid rgba(218,239,255,.24);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(5,10,16,.35));
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.admin-panel input:focus,
.admin-panel textarea:focus,
.admin-panel select:focus,
.member-form input:focus,
.member-form textarea:focus,
.member-form select:focus {
    padding-left: 15px;
    border-color: var(--cp04-electric);
    box-shadow: 0 0 0 3px rgba(118,233,255,.08), inset 0 1px rgba(255,255,255,.12);
}

.captcha-field input {
    width: 52px;
    margin-left: 6px;
    padding: 8px 6px;
}

.captcha-field input:focus { padding-left: 8px; }

.smtp-panel__intro {
    margin: 0 0 24px;
    padding: 15px 16px;
    border: 1px solid rgba(218,239,255,.2);
    border-radius: 13px;
    background: rgba(4,10,16,.28);
}

.smtp-panel__intro p {
    margin: 10px 0 0;
    color: #92a3b2;
    font-size: 12px;
    line-height: 1.55;
}

.smtp-panel__intro strong { color: #dff7ff; font-weight: 650; }

.smtp-panel__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffb7c4;
    font: 750 9px/1 var(--mono);
    letter-spacing: .11em;
}

.smtp-panel__status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff7088;
    box-shadow: 0 0 12px rgba(255,112,136,.7);
}

.smtp-panel__status.is-ready { color: var(--cp04-electric); }
.smtp-panel__status.is-ready i { background: var(--cp04-electric); box-shadow: 0 0 13px rgba(118,233,255,.72); }

.smtp-actions {
    display: grid;
    grid-template-columns: minmax(190px,.34fr) minmax(0,1fr);
    align-items: end;
    gap: 24px;
    margin-top: 12px;
}

.smtp-actions .chrome-button { width: 100%; margin: 0 0 1px; }

.smtp-test-send {
    display: grid;
    grid-template-columns: minmax(240px,1fr) auto;
    align-items: end;
    gap: 13px;
}

.smtp-test-send label { min-width: 0; margin: 0; }

.smtp-test-button {
    min-width: 180px;
    padding: 15px 17px;
    border: 1px solid rgba(118,233,255,.58);
    border-radius: 12px;
    color: #dff8ff;
    background: rgba(6,15,23,.5);
    font: 800 10px/1 var(--mono);
    letter-spacing: .11em;
    cursor: pointer;
    transition: color .25s, background .25s, border-color .25s, box-shadow .25s, transform .25s;
}

.smtp-test-button b { margin-left: 13px; color: var(--cp04-electric); font-size: 15px; }

.smtp-test-button:hover,
.smtp-test-button:focus-visible {
    border-color: var(--cp04-electric);
    color: #fff;
    background: rgba(118,233,255,.11);
    box-shadow: 0 0 28px rgba(118,233,255,.13);
    transform: translateY(-2px);
    outline: none;
}

.smtp-panel[aria-busy="true"] { cursor: wait; }
.smtp-panel button.is-loading { position: relative; color: transparent; pointer-events: none; }
.smtp-panel button.is-loading > * { visibility: hidden; }
.smtp-panel button.is-loading::after {
    content: "WIRD VERARBEITET";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #071018;
    font: 800 9px/1 var(--mono);
    letter-spacing: .1em;
}
.smtp-panel .smtp-test-button.is-loading::after { color: var(--cp04-electric); }

.contact-form[aria-busy="true"] { cursor: wait; }
.contact-form button.is-loading { position: relative; color: transparent; pointer-events: none; }
.contact-form button.is-loading > * { visibility: hidden; }
.contact-form button.is-loading::after {
    content: "WIRD GESENDET";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #071018;
    font: 800 9px/1 var(--mono);
    letter-spacing: .1em;
}

.captcha-field b i { color: inherit; font-style: normal; }

.site-toast-stack {
    position: fixed;
    z-index: 600;
    top: max(104px,calc(env(safe-area-inset-top) + 90px));
    right: max(20px,env(safe-area-inset-right));
    width: min(460px,calc(100% - 40px));
    display: grid;
    gap: 11px;
    pointer-events: none;
}

.form-notice.site-toast,
.admin-notice.site-toast {
    --toast-accent: var(--cp04-electric);
    position: relative;
    width: 100%;
    margin: 0;
    padding: 17px 49px 17px 47px;
    overflow: hidden;
    border: 1px solid rgba(118,233,255,.48);
    border-left: 3px solid var(--toast-accent);
    border-radius: 15px;
    color: #e5f8ff;
    background: linear-gradient(135deg,rgba(10,22,32,.98),rgba(8,13,21,.98));
    box-shadow: inset 0 1px rgba(255,255,255,.13),0 24px 60px rgba(0,0,0,.42),0 0 35px rgba(118,233,255,.1);
    backdrop-filter: blur(18px);
    opacity: 0;
    transform: translateX(28px) scale(.985);
    pointer-events: auto;
    transition: opacity .3s var(--cp04-ease),transform .3s var(--cp04-ease);
}

.form-notice.site-toast::before,
.admin-notice.site-toast::before {
    content: "✓";
    position: absolute;
    top: 15px;
    left: 16px;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border: 1px solid var(--toast-accent);
    border-radius: 50%;
    color: var(--toast-accent);
    font: 800 11px/1 var(--mono);
    box-shadow: 0 0 15px rgba(118,233,255,.2);
}

.form-notice.site-toast::after,
.admin-notice.site-toast::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg,var(--toast-accent),rgba(255,255,255,.65));
    transform-origin: left;
    animation: siteToastLifetime 12s linear forwards;
}

.form-notice.site-toast.is-error,
.admin-notice.site-toast.is-error {
    --toast-accent: #ff7088;
    border-color: rgba(255,112,136,.5);
    color: #ffd4dc;
    background: linear-gradient(135deg,rgba(38,13,22,.98),rgba(12,10,17,.98));
    box-shadow: inset 0 1px rgba(255,255,255,.1),0 24px 60px rgba(0,0,0,.46),0 0 34px rgba(255,112,136,.1);
}

.form-notice.site-toast.is-error::before,
.admin-notice.site-toast.is-error::before { content: "!"; }

.form-notice.site-toast.is-error::after,
.admin-notice.site-toast.is-error::after { display: none; }

.site-toast.is-visible { opacity: 1; transform: translateX(0) scale(1); }
.site-toast.is-leaving { opacity: 0; transform: translateX(22px) scale(.985); }
.site-toast.is-paused::after { animation-play-state: paused; }

.site-toast__message {
    display: block;
    font-size: 13px;
    line-height: 1.55;
}

.site-toast__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(218,239,255,.2);
    border-radius: 9px;
    color: #c7d8e3;
    background: rgba(255,255,255,.035);
    font: 400 20px/1 var(--body);
    cursor: pointer;
    transition: color .2s,border-color .2s,background .2s;
}

.site-toast__close:hover,
.site-toast__close:focus-visible {
    color: #fff;
    border-color: var(--toast-accent);
    background: rgba(255,255,255,.09);
    outline: none;
}

@keyframes siteToastLifetime {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

.site-footer {
    margin-top: var(--cp04-footer-gap);
    margin-bottom: 18px;
    padding: 0 22px;
    border: 1px solid rgba(224,244,255,.18);
    border-radius: 20px;
    background: linear-gradient(120deg, rgba(255,255,255,.07), rgba(85,121,255,.035));
    box-shadow: inset 0 1px rgba(255,255,255,.12);
}

.back-to-top,
.reader-close,
.video-reader__close,
.source-data-close {
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(238,249,255,.13), rgba(6,13,21,.92));
    box-shadow: inset 0 1px rgba(255,255,255,.25), 0 17px 38px rgba(0,0,0,.3);
}

/* Gallery, video and result pages */
.page-hero {
    position: relative;
    margin-top: 112px;
    padding: 78px clamp(28px, 6vw, 88px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--cp04-edge);
    border-radius: var(--cp04-radius);
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.018) 37%, rgba(85,121,255,.09)),
        #09111b;
    box-shadow: inset 0 1px rgba(255,255,255,.24), 0 34px 80px rgba(0,0,0,.27);
}

.page-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 75%;
    height: 190%;
    right: -38%;
    top: -50%;
    transform: rotate(19deg);
    background: linear-gradient(104deg, transparent 34%, rgba(255,255,255,.33) 47%, rgba(118,233,255,.1) 52%, transparent 62%);
    animation: cp04LiquidSweep 10s var(--cp04-ease) infinite alternate;
}

.page-hero h1 { max-width: 900px; }

.era-tab,
.archive-banner,
.current-gallery-empty,
.current-gallery-showcase,
.video-current__empty,
.result-empty,
.modern-result-card,
.archive-missing {
    border-color: rgba(225,245,255,.28);
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(235,248,255,.095), rgba(255,255,255,.018) 42%, rgba(85,121,255,.055));
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 22px 52px rgba(0,0,0,.2);
}

.era-tab.is-active,
.era-tab:hover {
    background: linear-gradient(128deg, rgba(255,255,255,.18), rgba(111,139,160,.1) 44%, rgba(85,121,255,.16));
    box-shadow: inset 0 1px rgba(255,255,255,.28), 0 18px 38px rgba(0,0,0,.2), 0 0 28px rgba(109,230,255,.08);
}

.current-gallery-empty,
.current-gallery-showcase,
.video-current__empty,
.result-empty {
    background:
        radial-gradient(ellipse at 82% 18%, rgba(118,233,255,.15), transparent 50%),
        linear-gradient(142deg, #162332, #08101a 68%, #101f34);
}

.archive-banner span {
    border-radius: 8px;
    background: linear-gradient(125deg, #f9feff, #8ca2b4 38%, #eaf8ff 61%, #6e89a2);
}

.category-filters button,
.outline-button,
.reader-direct-jump button,
.video-play,
.original-link {
    border-radius: 10px;
    transition: transform .25s var(--cp04-ease), background .25s, color .25s, border-color .25s;
}

.category-filters button:hover,
.category-filters button.is-active,
.outline-button:hover,
.reader-direct-jump button:hover,
.video-play:hover {
    transform: translateY(-2px);
    color: #071018;
    background: linear-gradient(125deg, #ffffff, #8299ac 36%, #ecfaff 60%, #7891a6);
}

.album-card {
    border-color: rgba(225,245,255,.26);
    border-radius: 19px;
    background: linear-gradient(148deg, rgba(237,249,255,.11), rgba(255,255,255,.018) 48%, rgba(85,121,255,.055));
    box-shadow: inset 0 1px rgba(255,255,255,.17), 0 18px 44px rgba(0,0,0,.19);
}

.album-card:hover {
    transform: perspective(1000px) rotateY(-3deg) translateY(-9px) scale(1.012);
    border-color: rgba(118,233,255,.5);
    box-shadow: inset 0 1px rgba(255,255,255,.3), 22px 28px 58px rgba(0,0,0,.3), 0 0 30px rgba(109,230,255,.08);
}

.album-card__visual { border-radius: 12px; }
.album-card__visual i { border-radius: 7px; }

.album-reader,
.video-reader,
.source-data-reader {
    background:
        radial-gradient(ellipse 62% 70% at 82% 0, rgba(85,121,255,.28), transparent 62%),
        linear-gradient(135deg, rgba(4,8,13,.985), rgba(11,19,29,.985));
}

.photo-book,
.video-stage,
.source-data-table,
.result-table-wrap .table-scroll {
    overflow: hidden;
    border-color: rgba(225,245,255,.28);
    border-radius: 20px;
    box-shadow: inset 0 1px rgba(255,255,255,.14), 0 28px 70px rgba(0,0,0,.38);
}

.reader-scrub,
.reader-thumbs {
    border-color: rgba(225,245,255,.2);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(235,248,255,.065), rgba(4,9,15,.56));
}

.reader-thumb { border-radius: 8px; }

.video-album {
    overflow: hidden;
    border-color: rgba(225,245,255,.24);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(235,248,255,.075), rgba(255,255,255,.014) 55%, rgba(85,121,255,.04));
    box-shadow: inset 0 1px rgba(255,255,255,.14);
}

.video-album.is-open {
    border-color: rgba(118,233,255,.42);
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 22px 48px rgba(0,0,0,.23), 0 0 28px rgba(109,230,255,.06);
}

.video-album.is-open .video-album__head {
    background: linear-gradient(112deg, rgba(255,255,255,.1), rgba(85,121,255,.09), transparent);
}

.video-album__head > b { border-radius: 11px; }

.modern-result-card.is-latest {
    background: linear-gradient(132deg, #ffffff, #889daf 22%, #eefaff 45%, #71899e 65%, #dff2f9);
}

.result-browser {
    overflow: hidden;
    border: 1px solid rgba(225,245,255,.35);
    border-radius: var(--cp04-radius);
    background: linear-gradient(142deg, #0d1723, #070d14 68%, #10203a);
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 36px 80px rgba(24,42,58,.34);
}

.result-browser > aside {
    background: linear-gradient(155deg, rgba(239,250,255,.075), rgba(85,121,255,.035));
}

.result-event { border-radius: 9px; }
.result-event:hover,
.result-event.is-active { background: linear-gradient(90deg, rgba(118,233,255,.1), rgba(85,121,255,.06), transparent); }

.race-table th {
    background: linear-gradient(135deg, #1c2b3a, #0f1823);
    box-shadow: inset 0 1px rgba(255,255,255,.12);
}

.race-table tbody tr:nth-child(even) td { background: rgba(218,239,255,.018); }

/* Private areas */
.admin-bar {
    border-bottom-color: rgba(225,245,255,.25);
    background: linear-gradient(110deg, rgba(255,255,255,.08), rgba(5,10,16,.94) 38%, rgba(85,121,255,.08));
    box-shadow: inset 0 1px rgba(255,255,255,.15), 0 18px 45px rgba(0,0,0,.2);
}

.security-warning,
.panel-empty { border-radius: 14px; }
.member-list article > span { border-radius: 10px; background: linear-gradient(135deg, #fff, #8399ab 40%, #e6f7ff 65%, #718ca4); }

@keyframes cp04LiquidSweep {
    from { transform: translateX(-9%) rotate(4deg); }
    to { transform: translateX(11%) rotate(4deg); }
}

@media (max-width: 1050px) {
    .tech-card { border-radius: 18px; }
    .page-hero { padding-inline: 48px; }
}

@media (max-width: 780px) {
    body {
        background:
            radial-gradient(ellipse 120% 35% at 90% 0, rgba(85,121,255,.18), transparent 68%),
            var(--cp04-void);
    }

    .site-nav {
        padding: 10px;
        border: 1px solid rgba(225,245,255,.22);
        border-radius: 16px;
        background:
            radial-gradient(ellipse 90% 55% at 100% 0, rgba(85,121,255,.28), transparent 68%),
            linear-gradient(145deg, #07101a, #03070b);
    }

    .site-nav a,
    .site-nav .site-nav__mobile-only {
        min-height: 45px;
        padding: 0 13px;
        border: 1px solid rgba(225,245,255,.11);
        border-radius: 10px;
        margin-bottom: 0;
        background: linear-gradient(120deg, rgba(255,255,255,.055), rgba(85,121,255,.025));
    }

    .site-nav a.is-active { border-color: rgba(118,233,255,.4); }

    .era-section,
    .archive-bridge,
    .future-grid { padding-block: 94px; }

    .current-stage,
    .tech-card,
    .archive-photo,
    .future-card,
    .contact-form,
    .page-hero,
    .era-tab,
    .archive-banner,
    .current-gallery-empty,
    .current-gallery-showcase,
    .video-current__empty,
    .result-empty,
    .album-card,
    .video-album,
    .modern-result-card,
    .result-browser { border-radius: 17px; }

    .page-hero {
        margin-top: 92px;
        padding: 46px 24px;
    }

    .page-hero h1 { font-size: clamp(48px,13vw,70px); }
    .album-card:hover { transform: translateY(-5px); }
    .photo-book, .video-stage, .source-data-table { border-radius: 14px; }

    .site-footer {
        padding: 27px 20px;
        border-radius: 17px;
    }

}

@media (max-width: 430px) {
    .page-hero { padding-inline: 20px; }
    .contact-form { padding: 20px; }
    .archive-numbers span { border-radius: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    .tech-section::before,
    .results-stage::before,
    .legacy-results::before,
    .current-stage--has-photo .current-stage__copy::before,
    .page-hero::before { animation: none !important; }
}

/* Aktuelle Motive und Pflegezentrale im Design 04 */
.admin-overview-card,
.admin-steps li,
.admin-stat-grid article,
.admin-help-card,
.admin-album__preview,
.admin-task-note,
.current-gallery-intro,
.current-gallery-showcase,
.admin-album__actionbar {
    border-color: rgba(226,245,255,.28);
    border-radius: 18px;
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 22px 52px rgba(0,0,0,.18);
}
.admin-overview-card--primary { background: radial-gradient(ellipse at 90% 8%,rgba(118,233,255,.17),transparent 50%),linear-gradient(145deg,#1b2b3a,#08111b 68%,#13233a); }
.hero-photo-placeholder--photo,
.current-stage__image--photo { background: #07101a; }
.hero-photo-placeholder--photo > span,
.hero-photo-placeholder--photo > small,
.current-stage__image--photo > span,
.current-stage__image--photo > small {
    color: #eafaff;
    border-color: rgba(118,233,255,.72);
    border-radius: 8px;
    background: rgba(3,9,15,.8);
}
.hero-photo-placeholder--photo > small,
.current-stage__image--photo > small { color: var(--cp04-electric); }
.current-gallery-intro,
.current-gallery-showcase { background: radial-gradient(ellipse at 86% 12%,rgba(118,233,255,.16),transparent 52%),linear-gradient(142deg,#172635,#08111a 68%,#12213a); }
.session-status__role {
    border-radius: 14px;
    background: linear-gradient(135deg,rgba(238,249,255,.13),rgba(5,12,20,.96) 35%,rgba(85,121,255,.15));
    box-shadow: inset 0 1px rgba(255,255,255,.22),0 18px 42px rgba(0,0,0,.38),0 0 28px rgba(109,230,255,.08);
}
.session-status__role button { border-radius: 8px; }

@media (max-width: 780px) {
    .admin-overview-card,
    .admin-steps li,
    .admin-stat-grid article,
    .admin-help-card,
    .admin-album__preview,
    .current-gallery-intro,
    .current-gallery-showcase,
    .admin-album__actionbar { border-radius: 16px; }
}

/* Ruhige Impulse, exakte Streckenanzeige und interaktive Technikkarten */
.chrome-button {
    box-shadow: inset 0 1px white, inset 0 -1px rgba(4,12,20,.34), 0 16px 38px rgba(0,0,0,.3), 0 0 0 1px rgba(118,233,255,.08);
}

.chrome-button:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px white, inset 0 -1px rgba(4,12,20,.34), 0 21px 44px rgba(0,0,0,.34), 0 0 24px rgba(118,233,255,.22);
}

.chrome-button--pulse::after,
.chrome-button--quiet-pulse::after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: 0;
    border: 1px solid rgba(118,233,255,.72);
    border-radius: 9px;
    opacity: .2;
    pointer-events: none;
    animation: cp04ControlPulse 2.8s var(--cp04-ease) infinite;
}

.chrome-button--quiet-pulse::after { animation-duration: 4.5s; }

.hero-distance {
    width: 194px;
    padding: 20px;
    box-shadow: inset 0 1px rgba(255,255,255,.36), 0 24px 50px rgba(0,0,0,.38), 0 0 0 1px rgba(118,233,255,.08);
    animation: cp04DistancePulse 3.4s var(--cp04-ease) infinite;
}

.hero-distance b {
    color: var(--cp04-silver);
    font-size: 59px;
    line-height: .78;
    letter-spacing: -.075em;
}

.hero-distance small {
    display: grid;
    gap: 7px;
    font-size: 10px;
    line-height: 1.4;
}

.hero-distance__unit { color: var(--cp04-silver); }

.hero-distance__upgrade {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--cp04-electric);
    white-space: nowrap;
}

.hero-distance__upgrade > span { color: #8293a4; }

.hero-distance__upgrade del {
    position: relative;
    z-index: 0;
    isolation: isolate;
    display: inline-block;
    color: #f4f9fc;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(4,10,18,.95), 0 -1px 0 rgba(4,10,18,.95);
}

.hero-distance__upgrade del::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 53%;
    right: -3px;
    left: -3px;
    height: 2px;
    transform: rotate(-11deg);
    transform-origin: center;
    background: linear-gradient(90deg, transparent, #ff6f8e 13% 87%, transparent);
    box-shadow: 0 0 5px rgba(255,91,124,.5);
    pointer-events: none;
}

.hero-distance__upgrade i {
    color: var(--cp04-electric);
    font-size: 14px;
    font-style: normal;
    filter: drop-shadow(0 0 5px rgba(118,233,255,.68));
}

.tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.tech-card {
    min-height: 350px;
    padding: 0;
    overflow: hidden;
    perspective: 1300px;
    background: transparent;
    border-color: rgba(7,16,25,.22);
    box-shadow: inset 0 1px rgba(255,255,255,.52), 0 20px 44px rgba(18,38,54,.14);
}

.tech-card::after { display: none; }

.tech-card:hover {
    transform: translateY(-5px);
    box-shadow: inset 0 1px rgba(255,255,255,.68), 0 30px 58px rgba(18,38,54,.2), 0 0 30px rgba(109,230,255,.13);
}

.tech-card__inner {
    --tech-drag-angle: 0deg;
    --tech-rest-angle: 0deg;
    position: relative;
    min-height: 350px;
    width: 100%;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--tech-rest-angle) + var(--tech-drag-angle)));
    transition: transform .72s var(--cp04-ease);
}

.tech-card.is-flipped .tech-card__inner { --tech-rest-angle: 180deg; }

.tech-card--flippable {
    cursor: grab;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.tech-card--flippable.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.tech-card--flippable.is-dragging .tech-card__inner { transition: none; }

.tech-card--flippable:focus-visible {
    outline: 3px solid var(--cp04-electric);
    outline-offset: 5px;
}

.tech-card__face {
    position: absolute;
    inset: 0;
    min-height: 350px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.tech-card__front::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 62%;
    height: 190%;
    right: -52%;
    top: -45%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
    transition: right .7s var(--cp04-ease);
    pointer-events: none;
}

.tech-card:hover .tech-card__front::before { right: 96%; }
.tech-card__front > * { position: relative; z-index: 1; }
.tech-card__front > .tech-card__eyebrow { color: var(--tech-muted); font: 750 10px/1 var(--mono); letter-spacing: .13em; }
.tech-card__front h3 { margin: 42px 0 17px; color: var(--tech-ink); font-size: clamp(43px,4.6vw,66px); }
.tech-card__front p { max-width: 470px; color: var(--tech-muted); font-size: 14px; line-height: 1.65; }
.tech-card__front > b { margin-top: auto; color: var(--tech-muted); font: 750 10px/1 var(--mono); letter-spacing: .12em; }

.tech-card__face > .tech-card__gesture {
    position: absolute;
    z-index: 4;
    top: 21px;
    right: 23px;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, currentColor 42%, transparent);
    border-radius: 999px;
    color: var(--tech-muted);
    background: color-mix(in srgb, currentColor 7%, transparent);
    font: 750 9px/1 var(--mono);
    letter-spacing: .09em;
    white-space: nowrap;
    pointer-events: none;
}

.tech-card__gesture i {
    display: inline-block;
    margin-left: 5px;
    color: var(--cp04-electric);
    font-style: normal;
    font-size: 13px;
    animation: techGestureHint 2.2s ease-in-out infinite;
}

@keyframes techGestureHint {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(3px); }
}

.tech-card--grip {
    --tech-ink: #071018;
    --tech-muted: #3e5060;
}
.tech-card--grip .tech-card__front { background: linear-gradient(132deg,#ffffff,#859bad 21%,#eefaff 43%,#6c849a 61%,#dff3fb 78%,#91a6b7); }

.tech-card--screens {
    --tech-ink: #f5fcff;
    --tech-muted: #b9dce7;
}
.tech-card--screens .tech-card__front { background: radial-gradient(ellipse at 92% 6%,rgba(118,233,255,.34),transparent 48%),linear-gradient(145deg,#173e50,#07141f 72%,#0a2634); }

.tech-card--fuel {
    --tech-ink: #fff8ee;
    --tech-muted: #efc89a;
}
.tech-card--fuel .tech-card__front { background: radial-gradient(ellipse at 90% 8%,rgba(255,149,56,.34),transparent 48%),linear-gradient(145deg,#4b2b18,#120d0a 72%,#2b1710); }

.tech-card--chaos {
    --tech-ink: #ffffff;
    --tech-muted: #d5e1ff;
}
.tech-card--chaos .tech-card__front { background: radial-gradient(ellipse at 90% 5%,rgba(118,233,255,.3),transparent 48%),linear-gradient(145deg,#456cde,#1a377f 70%,#0b193d); }

.tech-card--screens .screen-row { margin-top: auto; }

.tech-card__back {
    padding: 0;
    transform: rotateY(180deg);
    background: #071018;
}

.tech-card__back::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg,rgba(3,8,13,.94),transparent 58%);
    pointer-events: none;
}

.tech-card__back img { width: 100%; height: 100%; object-fit: cover; }
.tech-card__face > .tech-card__gesture--back {
    color: #eafaff;
    background: rgba(3,9,15,.66);
    border-color: rgba(234,250,255,.45);
    box-shadow: 0 7px 22px rgba(0,0,0,.2);
}
.tech-card__back-caption { position: absolute; z-index: 2; right: 20px; bottom: 20px; left: 20px; display: flex; align-items: end; }
.tech-card__back-caption span { max-width: 82%; color: #eafaff; font: 750 10px/1.45 var(--mono); letter-spacing: .1em; }

.latest-result.race-control {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 430px;
    padding: 30px;
    border: 1px solid rgba(225,245,255,.46);
    background: radial-gradient(ellipse at 90% 0,rgba(85,121,255,.26),transparent 52%),linear-gradient(145deg,rgba(7,15,24,.97),rgba(3,8,14,.96));
    box-shadow: inset 0 1px rgba(255,255,255,.28),0 34px 70px rgba(16,32,46,.24),0 0 46px rgba(75,105,222,.11);
}

.latest-result.race-control::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    height: 90px;
    top: -110px;
    background: linear-gradient(180deg,transparent,rgba(118,233,255,.075),transparent);
    animation: cp04RaceScan 6.5s linear infinite;
    pointer-events: none;
}

.race-control > * { position: relative; z-index: 1; }
.race-control > .race-control__top { padding: 0 0 15px; display: flex; justify-content: space-between; gap: 20px; border: 0; border-bottom: 1px solid rgba(225,245,255,.18); }
.race-control__top p { margin: 0; color: #a7bac9; font: 750 10px/1 var(--mono); letter-spacing: .13em; }
.race-control__lights { display: flex; gap: 7px; }
.race-control__lights i { width: 9px; height: 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: #22313e; }
.race-control__lights i:first-child { background: #ff5d57; box-shadow: 0 0 13px rgba(255,93,87,.72); }
.race-control .result-ready { margin-top: 25px; }
.race-control time { margin-top: 31px; color: var(--cp04-electric); font-size: 12px; }
.race-control h3 { margin: 12px 0 26px; font-size: clamp(36px,4vw,54px); }
.race-control > .race-control__empty { max-width: 530px; margin: -10px 0 24px; color: #9bacba; font: 500 13px/1.6 var(--body); letter-spacing: 0; }
.race-control > .race-control__metrics { padding: 17px 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; border-top: 1px solid rgba(225,245,255,.18); border-bottom: 1px solid rgba(225,245,255,.18); }
.race-control__metrics span { color: #8394a3; font: 700 9px/1.25 var(--mono); letter-spacing: .1em; }
.race-control__metrics b { display: block; margin-top: 8px; overflow-wrap: anywhere; color: var(--cp04-silver); font-size: 12px; }
.race-control > .race-control__link { margin-top: auto; display: flex; justify-content: space-between; align-items: center; padding-top: 22px; color: var(--cp04-electric); text-decoration: none; font: 750 10px/1 var(--mono); letter-spacing: .11em; }
.race-control__link span { font-size: 18px; transition: transform .25s; }
.race-control__link:hover span { transform: translate(3px,-3px); }

.bar-status { margin-top: auto; padding-top: 22px; display: grid; gap: 11px; border-top: 1px solid rgba(6,16,25,.22); }
.bar-status > span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; color: #40515f; font: 750 9px/1.2 var(--mono); letter-spacing: .1em; }
.bar-status i { width: 8px; height: 8px; border-radius: 50%; background: #eea347; box-shadow: 0 0 12px rgba(238,163,71,.48); }
.bar-status > span:nth-child(2) i { background: #39cda5; box-shadow: 0 0 12px rgba(57,205,165,.55); }
.bar-status b { color: #102030; }
.bar-status small { color: #526373; font: 700 8px/1.4 var(--mono); letter-spacing: .12em; }

/* Bildzuordnung in der Rennleitung */
.homepage-photo-form--all { display: block; }
.homepage-photo-form__heading { margin: 8px 0 17px; padding-bottom: 13px; border-bottom: 1px solid rgba(225,245,255,.18); }
.homepage-photo-form__heading:not(:first-of-type) { margin-top: 42px; }
.homepage-photo-form__heading span { color: var(--cp04-electric); font: 750 10px/1 var(--mono); letter-spacing: .12em; }
.homepage-photo-form__heading p { margin: 8px 0 0; color: #9cadbb; font-size: 13px; line-height: 1.55; }
.homepage-photo-form__grid { display: grid; gap: 15px; }
.homepage-photo-form__grid--main { grid-template-columns: repeat(2,minmax(0,1fr)); }
.homepage-photo-form__grid--tech { grid-template-columns: repeat(2,minmax(0,1fr)); }
.homepage-image-picker { padding: 17px; border: 1px solid rgba(225,245,255,.2); border-radius: 16px; background: linear-gradient(145deg,rgba(235,248,255,.055),rgba(4,9,15,.34)); }
.homepage-image-picker__copy > span { color: #e8f7ff; font: 780 17px/1 var(--display); letter-spacing: -.02em; }
.homepage-image-picker__copy p { min-height: 40px; margin: 8px 0 16px; color: #899aa9; font-size: 12px; line-height: 1.55; }
.homepage-image-picker > label { margin: 0 0 14px; }
.homepage-image-picker__preview { position: relative; aspect-ratio: 16/9; margin: 0; overflow: hidden; border: 1px solid rgba(225,245,255,.2); border-radius: 12px; background: #070d14; }
.homepage-image-picker__preview img { width: 100%; height: 100%; object-fit: cover; }
.homepage-image-picker__empty { position: absolute; inset: 0; padding: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: radial-gradient(ellipse at 75% 20%,rgba(118,233,255,.11),transparent 55%),#09121c; }
.homepage-image-picker__empty[hidden] { display: none; }
.homepage-image-picker__empty b { color: #d9eff8; font: 760 12px/1.2 var(--mono); letter-spacing: .1em; }
.homepage-image-picker__empty span { max-width: 330px; margin-top: 9px; color: #7f919f; font-size: 12px; line-height: 1.5; }
.homepage-image-picker figcaption { position: absolute; right: 9px; bottom: 9px; left: 9px; padding: 8px 10px; overflow: hidden; border: 1px solid rgba(118,233,255,.28); border-radius: 8px; color: #dff8ff; background: rgba(3,8,13,.8); font: 700 9px/1.3 var(--mono); letter-spacing: .05em; text-overflow: ellipsis; white-space: nowrap; }
.homepage-image-picker:not(.has-photo) figcaption { display: none; }
.homepage-photo-form__save { margin-top: 25px; display: flex; align-items: center; gap: 20px; }
.homepage-photo-form__save .chrome-button { flex: 0 0 auto; }
.homepage-photo-form__save > span { color: #8fa0ae; font-size: 12px; line-height: 1.5; }

@keyframes cp04ControlPulse {
    0%,100% { opacity: .18; box-shadow: inset 0 0 0 rgba(118,233,255,0); }
    50% { opacity: .9; box-shadow: inset 0 0 18px rgba(118,233,255,.32); }
}

@keyframes cp04DistancePulse {
    0%,100% { border-color: rgba(255,255,255,.4); }
    50% { border-color: rgba(118,233,255,.82); }
}

@keyframes cp04RaceScan {
    from { transform: translateY(0); }
    to { transform: translateY(560px); }
}

@media (max-width: 780px) {
    .hero-distance { width: 154px; padding: 15px; }
    .hero-distance b { font-size: 46px; }
    .hero-distance small { font-size: 9px; }
    .tech-grid { grid-template-columns: 1fr; }
    .tech-card,
    .tech-card__inner,
    .tech-card__face { min-height: 330px; }
    .tech-card__face { padding: 23px; }
    .tech-card__front h3 { margin-top: 34px; font-size: clamp(47px,13vw,64px); }
    .tech-card__front p { font-size: 14px; }
    .tech-card__face > .tech-card__gesture { top: 15px; right: 15px; }
    .tech-card__back-caption { right: 15px; bottom: 15px; left: 15px; }
    .tech-card__back-caption span { max-width: 100%; }
    .race-control > .race-control__metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .race-control__metrics span { font-size: 8px; }
    .race-control__metrics b { font-size: 11px; }
    .homepage-photo-form__grid--main,
    .homepage-photo-form__grid--tech { grid-template-columns: 1fr; }
    .smtp-actions,
    .smtp-test-send { grid-template-columns: 1fr; align-items: stretch; }
    .smtp-actions .chrome-button,
    .smtp-test-button { width: 100%; }
    .site-toast-stack {
        top: max(88px,calc(env(safe-area-inset-top) + 78px));
        right: 17px;
        left: 17px;
        width: auto;
    }
    .form-notice.site-toast,
    .admin-notice.site-toast { padding: 15px 45px 15px 43px; }
    .site-toast__message { font-size: 13px; }
    .homepage-photo-form__save { align-items: stretch; flex-direction: column; }
    .homepage-photo-form__save .chrome-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .chrome-button--pulse::after,
    .chrome-button--quiet-pulse::after,
    .hero-distance,
    .latest-result.race-control::after { animation: none !important; }
    .tech-card__inner { transition-duration: .01ms; }
    .tech-card__gesture i { animation: none; }
    .current-gallery-stack__photo,
    .current-gallery-stack > i::after,
    .current-gallery-showcase::after { animation: none !important; }
    .form-notice.site-toast,
    .admin-notice.site-toast { transition-duration: .01ms; }
    .form-notice.site-toast::after,
    .admin-notice.site-toast::after { animation: none !important; }
}

/* Einheitlicher Seitenrhythmus fuer logisch zusammengehoerige Kacheln. */
.tech-grid,
.archive-strip,
.archive-numbers,
.future-grid,
.era-tabs,
.album-grid,
.video-albums,
.current-result-grid,
.member-layout,
.note-grid,
.admin-overview-grid,
.admin-steps,
.admin-stat-grid,
.admin-split,
.ftp-import-grid,
.admin-album,
.admin-album__extras,
.admin-photo-grid,
.archive-admin-albums,
.admin-deleted-overview,
.homepage-photo-form__grid {
    gap: var(--cp04-card-gap);
}

.archive-numbers { margin-top: var(--cp04-card-gap); }
.admin-album-list { gap: var(--cp04-stack-gap); }

@media (max-width: 780px) {
    :root {
        --cp04-card-gap: 12px;
        --cp04-stack-gap: 18px;
        --cp04-footer-gap: 56px;
    }
}

/* Boxenfunk, Rollen und der Galerie-Navigator folgen demselben Chrome-Pulse-Raster. */
.captcha-field b {
    margin-right: 18px;
}

.captcha-field input {
    width: 46px;
    margin-left: 0;
}

.smtp-panel__subsystem {
    position: relative;
    margin: 10px 0 24px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(118,233,255,.2);
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0,rgba(85,121,255,.13),transparent 42%),
        rgba(3,9,15,.42);
}

.smtp-panel__subsystem::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--cp04-electric),transparent);
    opacity: .7;
}

.smtp-panel__subsystem > div:first-child { margin-bottom: 22px; }
.smtp-panel__subsystem > div:first-child p { margin: 10px 0 0; color: #91a4b5; font-size: 13px; line-height: 1.6; }

.member-role-form {
    margin-left: auto;
    display: grid;
    grid-template-columns: minmax(120px,1fr) auto;
    gap: 8px;
    align-items: center;
}

.member-role-form select,
.member-role-form button {
    min-height: 36px;
    border: 1px solid rgba(218,239,255,.2);
    color: #dff6ff;
    background: rgba(4,10,16,.62);
    font: 750 9px/1 var(--mono);
    letter-spacing: .08em;
}

.member-role-form select { padding: 7px 30px 7px 9px; }
.member-role-form button { padding: 7px 10px; color: var(--cp04-electric); cursor: pointer; }
.member-role-form button:hover { border-color: var(--cp04-electric); background: rgba(118,233,255,.08); }

.member-list__head,
.member-account-form__head,
.member-account-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.member-list__head {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(218,239,255,.12);
}

.member-list__head .panel-label { margin: 0; }
.member-list__head > span { color: #8193a4; font: 750 9px/1 var(--mono); letter-spacing: .08em; }
.member-list .member-account-card { display: block; padding: 0; border-bottom: 1px solid rgba(218,239,255,.12); }
.member-list .member-account-card.is-inactive { opacity: .68; }

.member-account-summary {
    min-width: 0;
    min-height: 76px;
    padding: 14px 0;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) auto 38px;
    gap: 13px;
    align-items: center;
    cursor: pointer;
    list-style: none;
}
.member-account-summary::-webkit-details-marker { display: none; }
.member-account-summary::marker { content: ""; }
.member-account-avatar { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; color: #071018; background: linear-gradient(135deg,#fff,#8399ab 40%,#e6f7ff 65%,#718ca4); font: 800 10px/1 var(--mono); }
.member-account-summary__copy { min-width: 0; }
.member-account-summary__copy strong,
.member-account-summary__copy small { display: block; overflow-wrap: anywhere; }
.member-account-summary__copy strong { color: #e8f4fa; font-size: 15px; }
.member-account-summary__copy small { margin-top: 5px; color: #718394; font: 700 9px/1.4 var(--mono); letter-spacing: .06em; }
.member-account-summary > b { padding: 6px 8px; border: 1px solid rgba(118,233,255,.26); border-radius: 7px; color: var(--cp04-electric); font: 750 8px/1 var(--mono); letter-spacing: .09em; }
.member-account-summary > i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(118,233,255,.24); border-radius: 5px 11px 5px 11px; color: var(--cp04-electric); background: rgba(118,233,255,.035); font: 300 23px/1 var(--display); font-style: normal; transition: transform .35s var(--cp04-ease),background .25s,border-color .25s; }
.member-account-summary:hover > i { border-color: rgba(118,233,255,.55); background: rgba(118,233,255,.09); }
.member-account-card[open] .member-account-summary > i { transform: rotate(45deg); }
.member-account-card[open] .member-account-summary { border-bottom: 1px solid rgba(218,239,255,.1); }

.member-account-form {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 13px;
    padding: 18px 0 22px 53px;
    animation: memberAccountOpen .32s var(--cp04-ease) both;
}

@keyframes memberAccountOpen {
    from { opacity: 0; transform: translateY(-7px); }
    to { opacity: 1; transform: translateY(0); }
}

.member-account-form__head strong { font-size: 14px; }
.member-account-form__head small { font-size: 9px; }
.member-account-form__head > b {
    padding: 6px 8px;
    border: 1px solid rgba(118,233,255,.26);
    border-radius: 7px;
    color: var(--cp04-electric);
    font: 750 8px/1 var(--mono);
    letter-spacing: .09em;
}

.member-account-form__fields {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}

.member-account-form__fields label { margin: 0; }
.member-account-form__fields input,
.member-account-form__fields select { min-height: 42px; }
.member-account-form__fields .member-account-active {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 1px solid rgba(218,239,255,.16);
    border-radius: 9px;
    background: rgba(4,10,16,.45);
}
.member-account-active input { width: 18px; min-height: 18px; margin: 0; accent-color: var(--cp04-electric); }
.member-account-active span { color: #bfd0de; font: 750 9px/1 var(--mono); letter-spacing: .08em; }
.member-account-form__footer small { color: #718394; font-size: 10px; }
.member-account-form__footer button {
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid var(--cp04-electric);
    border-radius: 8px;
    color: var(--cp04-electric);
    background: transparent;
    font: 750 9px/1 var(--mono);
    letter-spacing: .08em;
    cursor: pointer;
}
.member-account-form__footer button:hover { color: #061019; background: var(--cp04-electric); }

.member-role-badge {
    margin-bottom: 30px;
    padding: 12px 15px;
    border: 1px solid rgba(218,239,255,.2);
    border-radius: 11px;
    color: #9babb9;
    background: rgba(218,239,255,.035);
    font: 750 10px/1 var(--mono);
    letter-spacing: .1em;
}

.member-role-badge.is-team {
    color: var(--cp04-electric);
    border-color: rgba(118,233,255,.42);
    box-shadow: inset 0 1px rgba(255,255,255,.15),0 0 28px rgba(118,233,255,.08);
}

.team-inbox,
.team-results {
    position: relative;
    margin-bottom: var(--cp04-footer-gap);
    overflow: hidden;
    border: 1px solid rgba(225,245,255,.3);
    border-radius: var(--cp04-radius);
    background:
        radial-gradient(ellipse 55% 44% at 100% 0,rgba(85,121,255,.2),transparent 68%),
        linear-gradient(145deg,#0e1926,#070d15 62%,#0d1a2b);
    box-shadow: inset 0 1px rgba(255,255,255,.22),0 35px 80px rgba(0,0,0,.27);
}

.team-inbox::before,
.team-results::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 45%;
    height: 220%;
    top: -60%;
    right: -25%;
    transform: rotate(18deg);
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(118,233,255,.05),transparent);
    animation: teamConsoleSweep 8s var(--cp04-ease) infinite alternate;
    pointer-events: none;
}

.team-console-head,
.team-inbox-toolbar,
.team-message-stream,
.team-inbox-empty,
.team-results > * { position: relative; z-index: 1; }

.team-console-head {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 28px;
    align-items: end;
    padding: clamp(28px,5vw,64px);
}

.team-console-head h2,
.team-results__copy h2 {
    margin: 22px 0 0;
    font: 830 clamp(44px,6vw,82px)/.82 var(--display);
    letter-spacing: -.075em;
}

.team-console-head h2 em,
.team-results__copy h2 em { color: var(--cp04-electric); font-style: normal; font-weight: 280; }

.team-inbox-status {
    min-width: 150px;
    padding: 18px;
    border: 1px solid rgba(118,233,255,.26);
    border-radius: 16px;
    background: rgba(3,9,15,.58);
    text-align: right;
}

.team-inbox-status b { display: block; color: var(--cp04-electric); font: 820 54px/.75 var(--display); letter-spacing: -.06em; }
.team-inbox-status span,
.team-inbox-status small { display: block; margin-top: 10px; color: #9aacba; font: 750 10px/1.25 var(--mono); letter-spacing: .09em; }
.team-inbox-status small { margin-top: 6px; color: #607181; font-size: 9px; }

.team-inbox-toolbar {
    min-height: 65px;
    padding: 14px clamp(24px,5vw,64px);
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    border-block: 1px solid rgba(218,239,255,.13);
    background: rgba(2,7,12,.34);
}

.team-inbox-toolbar p { margin: 0; color: #8fa1b0; font-size: 13px; line-height: 1.55; }
.team-inbox-toolbar button,
.team-message__assignment button,
.team-reply-form button {
    min-height: 38px;
    padding: 10px 13px;
    border: 1px solid rgba(118,233,255,.4);
    border-radius: 10px;
    color: var(--cp04-electric);
    background: rgba(3,9,15,.62);
    font: 760 10px/1 var(--mono);
    letter-spacing: .08em;
    cursor: pointer;
    transition: transform .25s var(--cp04-ease),background .25s,border-color .25s;
}

.team-inbox-toolbar button:hover,
.team-message__assignment button:hover,
.team-reply-form button:hover { transform: translateY(-2px); border-color: var(--cp04-electric); background: rgba(118,233,255,.1); }

[data-member-async][aria-busy="true"] { cursor: wait; }
[data-member-async] button.is-loading { position: relative; color: transparent !important; pointer-events: none; }
[data-member-async] button.is-loading > * { visibility: hidden; }
[data-member-async] button.is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 17px;
    margin: -9px 0 0 -9px;
    border: 2px solid rgba(118,233,255,.25);
    border-top-color: var(--cp04-electric);
    border-radius: 50%;
    animation: smtpButtonSpin .72s linear infinite;
}

.team-message-stream {
    max-height: min(900px,75vh);
    padding: var(--cp04-card-gap);
    display: grid;
    gap: var(--cp04-card-gap);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: var(--cp04-electric) #09111b;
}

.team-message {
    position: relative;
    padding: clamp(20px,3.5vw,38px);
    overflow: hidden;
    border: 1px solid rgba(218,239,255,.17);
    border-radius: 19px;
    background: linear-gradient(145deg,rgba(236,248,255,.075),rgba(255,255,255,.014) 52%,rgba(85,121,255,.045));
    transition: border-color .35s,box-shadow .35s,opacity .35s,transform .35s;
}

.team-message.is-unread {
    border-color: rgba(118,233,255,.62);
    box-shadow: inset 3px 0 var(--cp04-electric),0 0 34px rgba(118,233,255,.08);
}

.team-message.is-complete { opacity: .68; }
.team-message.is-claimed { border-color: rgba(118,233,255,.38); }
.team-message > header { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.team-message > header > div { display: flex; gap: 10px; align-items: center; }
.team-message > header span,
.team-message > header small,
.team-message > header time { font: 750 9px/1 var(--mono); letter-spacing: .09em; }
.team-message > header span { padding: 7px 9px; border: 1px solid rgba(118,233,255,.35); border-radius: 8px; color: var(--cp04-electric); }
.team-message > header small,
.team-message > header time { color: #718291; }

.team-message__identity {
    margin: 22px 0;
    display: grid;
    grid-template-columns: minmax(150px,.45fr) minmax(0,1fr);
    gap: 22px;
    align-items: end;
}

.team-message__identity strong,
.team-message__identity span { display: block; overflow-wrap: anywhere; }
.team-message__identity strong { color: #eff9ff; font-size: 15px; }
.team-message__identity span { margin-top: 5px; color: #7e91a1; font-size: 12px; }
.team-message__identity h3 { margin: 0; font: 780 clamp(24px,3vw,38px)/.9 var(--display); letter-spacing: -.045em; }

.team-message__conversation {
    max-height: 490px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(218,239,255,.12);
    border-radius: 14px;
    background: rgba(2,7,12,.45);
}

.team-message__bubble {
    width: min(82%,760px);
    padding: 16px 18px;
    border: 1px solid rgba(218,239,255,.15);
    border-radius: 15px 15px 15px 4px;
    background: linear-gradient(145deg,rgba(231,247,255,.09),rgba(255,255,255,.025));
    transition: transform .5s var(--cp04-ease),opacity .5s;
}

.team-message__bubble.is-outgoing {
    align-self: flex-end;
    border-color: rgba(118,233,255,.28);
    border-radius: 15px 15px 4px 15px;
    background: linear-gradient(145deg,rgba(85,121,255,.17),rgba(118,233,255,.065));
}

.team-message__bubble.is-new { opacity: 0; transform: translateY(14px) scale(.98); }
.team-message__bubble > span,
.team-message__bubble time { color: var(--cp04-electric); font: 750 9px/1 var(--mono); letter-spacing: .08em; }
.team-message__bubble p { margin: 12px 0; color: #c5d1da; font-size: 14px; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; }
.team-message__bubble time { color: #697a89; font-size: 8px; }

.team-message__assignment {
    margin-top: 14px;
    padding: 13px 0;
    display: flex;
    gap: 8px;
    align-items: center;
    border-top: 1px solid rgba(218,239,255,.1);
}

.team-message__assignment > span { margin-right: auto; color: #748695; font: 750 9px/1.3 var(--mono); letter-spacing: .08em; }
.team-message__assignment form[hidden] { display: none; }

.team-reply-form {
    padding-top: 15px;
    border-top: 1px solid rgba(218,239,255,.1);
}

.team-reply-form[hidden] { display: none; }
.team-reply-form label { display: block; color: #7f91a0; font: 750 9px/1 var(--mono); letter-spacing: .09em; }
.team-reply-form label > span { display: block; margin-bottom: 8px; color: var(--cp04-electric); }
.team-reply-form textarea { width: 100%; min-height: 125px; padding: 15px; resize: vertical; border: 1px solid rgba(218,239,255,.18); border-radius: 12px; color: #edf8ff; background: rgba(3,8,14,.58); font: 400 14px/1.6 var(--body); }
.team-reply-form textarea:focus { border-color: var(--cp04-electric); outline: none; box-shadow: 0 0 0 3px rgba(118,233,255,.07); }
.team-reply-form > div { margin-top: 10px; display: flex; gap: 16px; align-items: center; justify-content: space-between; }
.team-reply-form > div p { margin: 0; color: #718291; font-size: 12px; line-height: 1.5; }

.team-inbox-empty { margin: var(--cp04-card-gap); padding: 34px; display: flex; gap: 20px; align-items: center; border: 1px dashed rgba(118,233,255,.25); border-radius: 16px; }
.team-inbox-empty > span { color: rgba(118,233,255,.4); font: 820 56px/.8 var(--display); }
.team-inbox-empty strong { color: #dcebf4; font: 750 12px/1 var(--mono); letter-spacing: .1em; }
.team-inbox-empty p { margin: 9px 0 0; color: #7f91a0; font-size: 13px; line-height: 1.6; }

.team-results {
    padding: clamp(28px,5vw,62px);
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(420px,1fr);
    gap: clamp(28px,5vw,72px);
    align-items: center;
}

.team-results__copy > p:last-of-type { max-width: 490px; color: #94a5b4; font-size: 14px; line-height: 1.7; }
.team-results__copy > div { margin-top: 30px; display: flex; gap: 13px; align-items: end; }
.team-results__copy > div b { color: var(--cp04-electric); font: 820 54px/.8 var(--display); }
.team-results__copy > div span { color: #708292; font: 750 9px/1 var(--mono); letter-spacing: .09em; }
.team-result-form { margin: 0; }

.reader-toolbar {
    position: relative;
    z-index: 215;
    flex: 0 0 auto;
    min-height: 52px;
    margin-bottom: 22px;
    display: grid;
    grid-template-columns: minmax(150px,1fr) minmax(260px,520px) minmax(48px,1fr);
    gap: 14px;
    align-items: center;
}

.reader-toolbar button {
    min-height: 46px;
    border: 1px solid rgba(218,239,255,.2);
    border-radius: 12px;
    color: #dcebf4;
    background: linear-gradient(145deg,rgba(238,249,255,.09),rgba(6,13,21,.78));
    font: 750 10px/1 var(--mono);
    letter-spacing: .09em;
    cursor: pointer;
    transition: transform .25s var(--cp04-ease),border-color .25s,background .25s,color .25s;
}

.reader-toolbar button:hover { transform: translateY(-2px); border-color: rgba(118,233,255,.58); color: var(--cp04-electric); }
.reader-toolbar__all { justify-self: start; padding: 0 16px; }
.reader-album-switcher { display: grid; grid-template-columns: 48px minmax(0,1fr) 48px; gap: 7px; }
.reader-album-switcher > button:first-child,
.reader-album-switcher > button:last-child { padding: 0; font-size: 18px; }
.reader-album-switcher > button:disabled { opacity: .3; transform: none; cursor: default; }
.reader-album-switcher #reader-album-browser { min-width: 0; padding: 7px 13px; display: grid; grid-template-columns: minmax(0,1fr) auto; text-align: left; }
.reader-album-switcher #reader-album-browser small { grid-column: 1; color: var(--cp04-electric); font-size: 8px; }
.reader-album-switcher #reader-album-browser strong { grid-column: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.reader-album-switcher #reader-album-browser > span { grid-column: 2; grid-row: 1/3; align-self: center; font-size: 17px; }
.reader-toolbar .reader-close { position: static; justify-self: end; width: 46px; padding: 0; font: 300 25px/1 var(--display); }

.reader-heading h2 {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    padding-bottom: 11px;
}

.reader-heading,
.reader-navigator,
.reader-actions { flex: 0 0 auto; }

.reader-heading h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg,var(--cp04-electric),rgba(85,121,255,.65),transparent);
    box-shadow: 0 0 18px rgba(118,233,255,.2);
}

.reader-album-drawer {
    position: fixed;
    z-index: 230;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(520px,92vw);
    padding: 34px;
    overflow-y: auto;
    border-left: 1px solid rgba(118,233,255,.32);
    background:
        radial-gradient(ellipse 80% 40% at 100% 0,rgba(85,121,255,.24),transparent 68%),
        rgba(5,11,18,.985);
    box-shadow: -35px 0 90px rgba(0,0,0,.55);
    opacity: 0;
    visibility: hidden;
    transform: translateX(105%);
    transition: transform .52s var(--cp04-ease),opacity .3s,visibility .52s;
}

.reader-album-drawer.is-open { opacity: 1; visibility: visible; transform: translateX(0); }
.reader-album-drawer__head { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.reader-album-drawer__head span { color: var(--cp04-electric); font: 750 9px/1 var(--mono); letter-spacing: .11em; }
.reader-album-drawer__head h3 { margin: 10px 0 0; font: 810 40px/.88 var(--display); letter-spacing: -.06em; }
.reader-album-drawer__head button { width: 42px; height: 42px; border: 1px solid rgba(218,239,255,.2); border-radius: 11px; color: #fff; background: rgba(255,255,255,.04); font-size: 23px; }
.reader-album-search { display: block; margin-top: 30px; color: #8092a1; font: 750 9px/1 var(--mono); letter-spacing: .1em; }
.reader-album-search span { display: block; margin-bottom: 8px; }
.reader-album-search input { width: 100%; padding: 14px; border: 1px solid rgba(218,239,255,.22); border-radius: 11px; color: #f1f9ff; background: rgba(2,7,12,.58); }
.reader-album-search input:focus { border-color: var(--cp04-electric); outline: none; box-shadow: 0 0 0 3px rgba(118,233,255,.07); }
.reader-album-status { margin: 15px 0; color: #708292; font: 720 9px/1.4 var(--mono); letter-spacing: .07em; }
.reader-album-list { display: grid; gap: 9px; }
.reader-album-group { min-width: 0; display: grid; gap: 9px; }
.reader-album-group + .reader-album-group { margin-top: 7px; }
.reader-album-group__label { padding: 2px 3px 5px; color: var(--cp04-electric); font: 760 8px/1 var(--mono); letter-spacing: .11em; }
.reader-album-group__items { min-width: 0; display: grid; gap: 9px; }
.reader-album-group__items[hidden] { display: none; }
.reader-album-group__items--archive:not([hidden]) { animation: readerArchiveReveal .34s var(--cp04-ease) both; }
.reader-album-group__toggle { width: 100%; min-width: 0; min-height: 76px; padding: 14px 16px; display: flex; justify-content: space-between; gap: 18px; align-items: center; border: 1px solid rgba(118,233,255,.28); border-radius: 14px; color: #e7f4fb; background: linear-gradient(135deg,rgba(118,233,255,.075),rgba(85,121,255,.065) 48%,rgba(4,9,15,.72)); text-align: left; cursor: pointer; transition: transform .25s var(--cp04-ease),border-color .25s,background .25s,box-shadow .25s; }
.reader-album-group__toggle:hover { transform: translateY(-2px); border-color: rgba(118,233,255,.6); box-shadow: 0 14px 34px rgba(0,0,0,.2),0 0 22px rgba(118,233,255,.07); }
.reader-album-group__toggle > span { min-width: 0; }
.reader-album-group__toggle small, .reader-album-group__toggle strong { display: block; }
.reader-album-group__toggle small { color: var(--cp04-electric); font: 770 9px/1 var(--mono); letter-spacing: .12em; }
.reader-album-group__toggle strong { margin-top: 8px; overflow: hidden; color: #bac9d3; font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.reader-album-group__toggle > b { flex: 0 0 auto; min-width: 57px; padding: 10px; border: 1px solid rgba(218,239,255,.15); border-radius: 9px; color: var(--cp04-electric); background: rgba(2,7,12,.42); font: 780 10px/1 var(--mono); text-align: center; }
.reader-album-group__empty { margin: 0; padding: 22px; border: 1px dashed rgba(218,239,255,.13); border-radius: 13px; color: #718493; text-align: center; font-size: 12px; }
.reader-album-option { width: 100%; min-width: 0; padding: 8px; display: grid; grid-template-columns: 96px minmax(0,1fr) auto; gap: 13px; align-items: center; border: 1px solid rgba(218,239,255,.14); border-radius: 13px; color: #e6f2f8; background: rgba(218,239,255,.025); text-align: left; cursor: pointer; transition: transform .25s,border-color .25s,background .25s; }
.reader-album-option:hover,
.reader-album-option.is-active { transform: translateX(-4px); border-color: rgba(118,233,255,.5); background: rgba(118,233,255,.07); }
.reader-album-option__visual { position: relative; height: 64px; overflow: hidden; border-radius: 8px; background: #131d28; }
.reader-album-option__visual img { width: 100%; height: 100%; object-fit: cover; }
.reader-album-option__visual i { position: absolute; left: 5px; bottom: 5px; padding: 4px; color: var(--cp04-electric); background: rgba(3,8,13,.76); font: 750 7px/1 var(--mono); font-style: normal; }
.reader-album-option__copy { min-width: 0; }
.reader-album-option__copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 760 18px/.95 var(--display); }
.reader-album-option__copy small { display: block; margin-top: 7px; color: #728493; font: 700 8px/1.25 var(--mono); letter-spacing: .07em; }
.reader-album-option > b { color: var(--cp04-electric); font: 750 9px/1 var(--mono); }

.album-card > strong {
    position: relative;
    padding-left: 13px;
}

.album-card > strong::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 2px;
    background: linear-gradient(var(--cp04-electric),rgba(85,121,255,.25));
    box-shadow: 0 0 11px rgba(118,233,255,.26);
}

@keyframes teamConsoleSweep {
    from { transform: translateX(-8%) rotate(18deg); opacity: .55; }
    to { transform: translateX(10%) rotate(18deg); opacity: .9; }
}

@keyframes smtpButtonSpin {
    to { transform: rotate(360deg); }
}

@keyframes readerArchiveReveal {
    from { opacity: 0; transform: translateY(-7px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
    .team-results { grid-template-columns: 1fr; }
    .member-role-form { grid-template-columns: 1fr; }
    .member-list article { align-items: flex-start; flex-wrap: wrap; }
    .member-role-form { width: 100%; margin-left: 46px; }
    .member-account-form { width: calc(100% - 46px); }
}

@media (max-width: 780px) {
    .member-list__head,
    .member-account-form__head,
    .member-account-form__footer { align-items: flex-start; flex-direction: column; }
    .member-account-form__fields { grid-template-columns: 1fr; }
    .member-account-form__footer button { width: 100%; }
    .member-account-summary { grid-template-columns: 40px minmax(0,1fr) 38px; }
    .member-account-summary > b { grid-column: 2; justify-self: start; }
    .member-account-summary > i { grid-column: 3; grid-row: 1 / span 2; }
    .member-account-form { width: 100%; padding-left: 0; }
    .captcha-field b { margin-right: 20px; }
    .captcha-field input { width: 44px; }
    .smtp-panel__subsystem { padding: 17px; }
    .member-role-badge { justify-self: start; margin-bottom: 0; font-size: 11px; }
    .team-inbox,
    .team-results { margin-bottom: 56px; border-radius: 19px; }
    .team-console-head { grid-template-columns: minmax(0,1fr) auto; padding: 25px 20px; gap: 12px; }
    .team-console-head h2,
    .team-results__copy h2 { font-size: clamp(39px,12vw,58px); }
    .team-inbox-status { min-width: 92px; padding: 13px 10px; }
    .team-inbox-status b { font-size: 42px; }
    .team-inbox-status span { font-size: 9px; }
    .team-inbox-status small { font-size: 8px; }
    .team-inbox-toolbar { padding: 14px 20px; align-items: stretch; flex-direction: column; }
    .team-inbox-toolbar p { font-size: 14px; }
    .team-inbox-toolbar button { width: 100%; }
    .team-message-stream { max-height: none; padding: 10px; overflow: visible; }
    .team-message { padding: 19px 15px; border-radius: 15px; }
    .team-message > header { align-items: flex-start; }
    .team-message > header > div { flex-wrap: wrap; }
    .team-message > header time { white-space: nowrap; }
    .team-message__identity { grid-template-columns: 1fr; gap: 15px; }
    .team-message__identity span { font-size: 13px; }
    .team-message__conversation { max-height: 520px; padding: 9px; }
    .team-message__bubble { width: 94%; padding: 14px; }
    .team-message__bubble p { font-size: 15px; }
    .team-message__assignment { align-items: stretch; flex-wrap: wrap; }
    .team-message__assignment > span { width: 100%; margin: 0 0 4px; font-size: 10px; }
    .team-message__assignment form { flex: 1; }
    .team-message__assignment button { width: 100%; }
    .team-reply-form > div { align-items: stretch; flex-direction: column; }
    .team-reply-form > div p { font-size: 13px; }
    .team-reply-form button { width: 100%; }
    .team-results { padding: 24px 19px; }
    .album-reader { display: block; }
    .reader-toolbar { margin-bottom: 26px; grid-template-columns: minmax(0,1fr) auto; gap: 10px 8px; }
    .reader-toolbar__all { min-height: 42px !important; justify-self: stretch; }
    .reader-album-switcher { grid-column: 1/-1; grid-row: 2; grid-template-columns: 44px minmax(0,1fr) 44px; }
    .reader-toolbar .reader-close { grid-column: 2; grid-row: 1; width: 42px; min-height: 42px; }
    .reader-heading { padding-right: 0; }
    .reader-heading > div > span { display: block; }
    .reader-heading #reader-label { display: none; }
    .reader-heading h2 { margin-top: 0; font-size: clamp(30px,9.5vw,46px); }
    .reader-heading p { font-size: 10px; line-height: 1.45; }
    .reader-album-drawer { top: auto; width: 100%; max-height: 86vh; max-height: 86dvh; padding: 22px 17px max(24px,env(safe-area-inset-bottom)); border-top: 1px solid rgba(118,233,255,.35); border-left: 0; border-radius: 22px 22px 0 0; transform: translateY(105%); }
    .reader-album-drawer.is-open { transform: translateY(0); }
    .reader-album-drawer__head h3 { font-size: 34px; }
    .reader-album-option { grid-template-columns: 80px minmax(0,1fr) auto; }
    .reader-album-option__visual { height: 58px; }
    .reader-album-option__copy strong { font-size: 17px; }
    .reader-album-option__copy small { font-size: 9px; }
    .reader-album-group__toggle { min-height: 72px; padding: 13px 14px; }
    .reader-album-group__toggle strong { font-size: 12px; }
    .album-card > strong { min-height: 0; font-size: 22px; line-height: .95; }
    .album-card > em,
    .album-card > small,
    .album-card__visual i { font-size: 10px; }
}

@media (max-width: 430px) {
    .team-console-head { grid-template-columns: 1fr; }
    .team-inbox-status { width: 100%; display: grid; grid-template-columns: auto 1fr; gap: 5px 10px; align-items: end; text-align: left; }
    .team-inbox-status b { grid-row: 1/3; }
    .reader-toolbar button { font-size: 9px; }
    .reader-album-switcher #reader-album-browser strong { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .team-inbox::before,
    .team-results::before,
    .reader-album-group__items--archive { animation: none; }
}

/* Kompakte Albumsteuerung: Chrome-Pulse statt Bilderwand. */
.admin-album-order,
.admin-photo-manager-shell,
.admin-removed-albums {
    position: relative;
    isolation: isolate;
    box-shadow: 0 24px 64px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.025);
}

.admin-album-order::before,
.admin-photo-manager-shell::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 100% 0,rgba(85,121,255,.12),transparent 38%);
}

.admin-album-order li:hover {
    transform: translateX(3px);
    border-color: rgba(118,233,255,.35);
    background: rgba(118,233,255,.045);
}

.admin-album-order li.is-dragging {
    animation: adminAlbumLift .9s ease-in-out infinite alternate;
}

.admin-album-order__grip,
.admin-album-order__buttons button,
.admin-photo-manager-shell > summary > b,
.admin-album-remove {
    transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.admin-album-order__grip:hover,
.admin-album-order__buttons button:not(:disabled):hover,
.admin-photo-manager-shell > summary:hover > b {
    transform: translateY(-2px);
    border-color: var(--cp04-electric);
    background: rgba(118,233,255,.09);
    box-shadow: 0 8px 22px rgba(71,201,255,.12);
}

.admin-album-remove:hover {
    transform: translateY(-2px);
    border-color: #ff8da2;
    background: rgba(255,80,110,.09);
    box-shadow: 0 10px 28px rgba(255,80,110,.11);
}

.admin-permanent-delete {
    transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease;
}

.admin-permanent-delete:hover {
    transform: translateY(-2px);
    border-color: #ff8da2;
    color: #ffd7df;
    background: rgba(255,80,110,.12);
    box-shadow: 0 10px 28px rgba(255,80,110,.14),inset 0 1px rgba(255,255,255,.08);
}

.admin-photo-manager-shell[open] > summary > b {
    border-color: rgba(255,190,109,.4);
    color: #ffd69c;
}

.admin-photo-position {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid rgba(218,239,255,.1);
    border-bottom: 1px solid rgba(218,239,255,.1);
}

.admin-photo-position > label {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin: 0 2px 8px;
    color: #aebdca;
    font: 760 9px/1 var(--mono);
    letter-spacing: .08em;
}

.admin-photo-position > label small {
    color: #718493;
    font: inherit;
}

.admin-photo-position > div {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr);
    gap: 6px;
    align-items: stretch;
}

.admin-photo-position input,
.admin-photo-position button {
    width: 100%;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid rgba(109,230,255,.36);
    border-radius: 8px;
    color: var(--cyan);
    background: rgba(109,230,255,.035);
    font: 760 10px/1 var(--mono);
    letter-spacing: .05em;
}

.admin-photo-position input {
    padding: 8px 7px;
    color: #edf9ff;
    text-align: center;
}

.admin-photo-position button {
    padding: 8px;
    cursor: pointer;
    transition: transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.admin-photo-position button:hover {
    transform: translateY(-1px);
    border-color: var(--cp04-electric);
    background: rgba(118,233,255,.09);
    box-shadow: 0 8px 22px rgba(71,201,255,.1);
}

.admin-photo-position input:focus-visible,
.admin-photo-position button:focus-visible {
    outline: 2px solid var(--cp04-electric);
    outline-offset: 2px;
}

.admin-photo-grid[aria-busy="true"] .admin-photo-card {
    pointer-events: none;
}

@keyframes adminAlbumLift {
    from { box-shadow: 0 13px 34px rgba(0,0,0,.24),0 0 0 rgba(118,233,255,0); }
    to { box-shadow: 0 18px 44px rgba(0,0,0,.31),0 0 24px rgba(118,233,255,.11); }
}

@media (prefers-reduced-motion: reduce) {
    .admin-album-order li.is-dragging { animation: none; }
}

/* Mitgliederbereich: kompakte Chrome-04-Arbeitsflaeche. */
.member-dashboard {
    padding-top: clamp(118px,10vw,150px);
}

.member-dashboard .member-welcome {
    position: relative;
    margin-bottom: var(--cp04-stack-gap);
    padding: clamp(24px,3vw,38px);
    overflow: hidden;
    border: 1px solid rgba(225,245,255,.3);
    border-radius: 8px 28px 8px 28px;
    background:
        linear-gradient(112deg,rgba(245,252,255,.12),rgba(137,158,174,.035) 35%,transparent 36%),
        radial-gradient(circle at 92% 0,rgba(85,121,255,.18),transparent 38%),
        #09121d;
    box-shadow: inset 0 1px rgba(255,255,255,.2),0 24px 60px rgba(0,0,0,.24);
}

.member-dashboard .member-welcome::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%;
    height: 2px;
    background: linear-gradient(90deg,transparent,var(--cp04-electric));
    box-shadow: 0 0 20px rgba(118,233,255,.25);
}

.member-dashboard .member-welcome h1 {
    margin: 18px 0 0;
    font-size: clamp(48px,6vw,82px);
    line-height: .78;
}

.member-dashboard .member-role-badge {
    position: relative;
    z-index: 1;
    margin: 0;
    align-self: center;
    border-radius: 7px 14px 7px 14px;
    font-size: 12px;
}

.team-inbox,
.member-board--console,
.team-results {
    margin-bottom: var(--cp04-stack-gap);
    border-radius: 8px 30px 8px 30px;
    background:
        radial-gradient(ellipse 54% 42% at 100% 0,rgba(85,121,255,.17),transparent 70%),
        linear-gradient(145deg,#0d1824,#070d15 60%,#0c1828);
}

.team-console-head {
    padding: clamp(28px,3.8vw,48px);
}

.team-console-head h2,
.member-board__head h2,
.team-results__copy h2 {
    font-size: clamp(46px,5.4vw,76px);
    line-height: .78;
}

.team-console-head h2 em,
.member-board__head h2 em,
.team-results__copy h2 em {
    color: var(--cp04-electric);
    font-style: normal;
    font-weight: 280;
}

.team-inbox-status,
.member-board__metric {
    min-width: 142px;
    padding: 18px;
    border: 1px solid rgba(118,233,255,.29);
    border-radius: 7px 17px 7px 17px;
    background:
        linear-gradient(135deg,rgba(239,249,255,.1),rgba(118,233,255,.025) 38%,rgba(85,121,255,.08)),
        rgba(3,9,15,.52);
    box-shadow: inset 0 1px rgba(255,255,255,.16),0 0 28px rgba(118,233,255,.055);
    text-align: right;
}

.team-inbox-status b,
.member-board__metric b {
    display: block;
    color: var(--cp04-electric);
    font: 820 50px/.75 var(--display);
    letter-spacing: -.06em;
}

.team-inbox-status span,
.team-inbox-status small,
.member-board__metric span {
    display: block;
    margin-top: 9px;
    color: #9aacba;
    font: 750 12px/1.25 var(--mono);
    letter-spacing: .09em;
}

.team-inbox-status small { margin-top: 6px; color: #6d7e8e; }

.team-inbox-toolbar {
    padding: 14px clamp(28px,3.8vw,48px);
    border-top-color: rgba(218,239,255,.1);
    border-bottom-color: rgba(218,239,255,.1);
    background: linear-gradient(90deg,rgba(235,248,255,.055),transparent 72%);
}

.team-inbox-toolbar p { font-size: 14px; }

.team-message-stream {
    max-height: none;
    padding: var(--cp04-card-gap);
    overflow: visible;
}

.team-message {
    padding: clamp(19px,2.5vw,30px);
    border-radius: 6px 22px 6px 22px;
    background:
        linear-gradient(118deg,rgba(236,248,255,.075),transparent 27%),
        linear-gradient(145deg,rgba(5,12,19,.96),rgba(11,23,36,.93));
    box-shadow: inset 0 1px rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.22);
}

.team-message::after {
    content: "";
    position: absolute;
    top: 0;
    right: 9%;
    width: 34%;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(233,249,255,.7),transparent);
}

.team-message__topbar {
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(218,239,255,.1);
}

.team-message__topbar span,
.team-message__topbar small,
.team-message__topbar time { font-size: 12px; }

.team-message__identity {
    margin: 18px 0;
    grid-template-columns: minmax(190px,.42fr) minmax(0,1fr);
    gap: clamp(20px,3vw,42px);
    align-items: center;
}

.team-message__sender small,
.team-message__topic small {
    display: block;
    margin-bottom: 7px;
    color: var(--cp04-electric);
    font: 750 12px/1 var(--mono);
    letter-spacing: .1em;
}

.team-message__identity strong { font-size: 17px; }
.team-message__identity span { font-size: 14px; }
.team-message__identity h3 { font-size: clamp(27px,3vw,42px); }

.team-message__conversation {
    max-height: 440px;
    padding: 0;
    gap: 9px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.team-message__bubble {
    width: 100%;
    padding: 15px 17px;
    border-radius: 4px 14px 14px 4px;
    border-color: rgba(218,239,255,.13);
    border-left: 3px solid var(--cp04-electric);
    background: linear-gradient(100deg,rgba(231,247,255,.09),rgba(255,255,255,.02) 64%,transparent);
}

.team-message__bubble.is-outgoing {
    width: calc(100% - clamp(18px,5vw,90px));
    margin-left: clamp(18px,5vw,90px);
    border: 1px solid rgba(118,233,255,.25);
    border-right: 3px solid #6d83ff;
    border-radius: 14px 4px 4px 14px;
    background: linear-gradient(270deg,rgba(85,121,255,.15),rgba(118,233,255,.05) 68%,transparent);
}

.team-message__bubble > span,
.team-message__bubble time { font-size: 12px; }
.team-message__bubble p { margin: 9px 0; font-size: 15px; line-height: 1.58; }

.team-message__assignment {
    margin-top: 16px;
    padding: 14px 0;
}

.team-message__assignment > span {
    color: #9aabb8;
    font-size: 12px;
}

.team-message__assignment > span small {
    display: block;
    margin-bottom: 6px;
    color: #677988;
    font: 750 11px/1 var(--mono);
    letter-spacing: .1em;
}

.team-inbox-toolbar button,
.team-message__assignment button,
.team-reply-form button { min-height: 43px; font-size: 11px; }

.team-reply-disclosure {
    border-top: 1px solid rgba(218,239,255,.1);
}

.team-reply-disclosure > summary,
.member-compose > summary {
    min-height: 66px;
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #effaff;
    cursor: pointer;
    list-style: none;
}

.team-reply-disclosure > summary::-webkit-details-marker,
.member-compose > summary::-webkit-details-marker { display: none; }

.team-reply-disclosure > summary span small,
.team-reply-disclosure > summary span strong,
.member-compose > summary span small,
.member-compose > summary span strong { display: block; }

.team-reply-disclosure > summary span small,
.member-compose > summary span small {
    color: var(--cp04-electric);
    font: 750 11px/1 var(--mono);
    letter-spacing: .11em;
}

.team-reply-disclosure > summary span strong,
.member-compose > summary span strong { margin-top: 7px; font-size: 16px; }

.team-reply-disclosure > summary > b,
.member-compose > summary > b {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(118,233,255,.4);
    border-radius: 7px 13px 7px 13px;
    color: var(--cp04-electric);
    background: rgba(118,233,255,.05);
    font: 300 25px/1 var(--display);
    transition: transform .36s var(--cp04-ease),background .25s,border-color .25s;
}

.team-reply-disclosure[open] > summary > b,
.member-compose[open] > summary > b {
    transform: rotate(45deg);
    border-color: rgba(255,255,255,.62);
    background: rgba(218,239,255,.12);
}

.team-reply-form {
    padding: 18px 0 4px;
    animation: memberPanelReveal .42s var(--cp04-ease) both;
}

.team-reply-form label,
.team-reply-form label > span { font-size: 12px; }
.team-reply-form textarea { min-height: 112px; font-size: 15px; }
.team-reply-form > div p { font-size: 13px; }

.member-board--console {
    position: relative;
    padding: clamp(28px,3.8vw,48px);
    overflow: hidden;
    border: 1px solid rgba(225,245,255,.3);
    box-shadow: inset 0 1px rgba(255,255,255,.2),0 30px 70px rgba(0,0,0,.25);
}

.member-board--console::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 1px;
    background: linear-gradient(90deg,transparent,#fff 44%,var(--cp04-electric));
    opacity: .66;
}

.member-board__head {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 28px;
}

.member-board__head h2 { margin: 20px 0 0; font-family: var(--display); letter-spacing: -.065em; }
.member-board__head > div:first-child > p:last-child { max-width: 620px; margin: 20px 0 0; color: #94a6b5; font-size: 15px; line-height: 1.65; }

.member-compose {
    position: relative;
    margin-top: 26px;
    padding: 0 20px;
    border: 1px solid rgba(118,233,255,.25);
    border-radius: 6px 18px 6px 18px;
    background:
        linear-gradient(112deg,rgba(238,249,255,.1),rgba(118,233,255,.025) 28%,transparent 29%),
        rgba(3,9,15,.5);
    transition: border-color .3s,box-shadow .3s,background .3s;
}

.member-compose:hover,
.member-compose[open] {
    border-color: rgba(118,233,255,.55);
    box-shadow: 0 0 30px rgba(118,233,255,.07);
}

.member-note-form {
    position: static;
    margin: 0 -20px;
    padding: 24px 20px 20px;
    border: 0;
    border-top: 1px solid rgba(218,239,255,.11);
    background: rgba(1,6,11,.34);
    animation: memberPanelReveal .42s var(--cp04-ease) both;
}

.member-note-form__grid {
    display: grid;
    grid-template-columns: minmax(170px,.7fr) minmax(240px,1.45fr) minmax(190px,.85fr);
    gap: 12px;
}

.member-note-form__grid label { margin-bottom: 18px; }
.member-note-form label > span { font-size: 12px; }
.member-note-form input,
.member-note-form select,
.member-note-form textarea { min-height: 48px; font-size: 15px; }
.member-note-form textarea { min-height: 105px; }
.member-note-form .chrome-button { max-width: 290px; margin-left: auto; }

.crew-board-empty { margin-top: var(--cp04-card-gap); }
.crew-board-empty[hidden],
.note-list[hidden] { display: none; }

.note-list {
    margin-top: var(--cp04-card-gap);
    display: grid;
    gap: 9px;
}

.member-note {
    position: relative;
    min-height: 0;
    padding: 17px 19px;
    display: grid;
    grid-template-columns: minmax(185px,.28fr) minmax(0,1fr) minmax(155px,auto);
    gap: clamp(18px,2.5vw,38px);
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(218,239,255,.14);
    border-radius: 4px 16px 4px 16px;
    background: linear-gradient(110deg,rgba(234,248,255,.085),rgba(255,255,255,.018) 36%,rgba(85,121,255,.045));
    transition: transform .35s var(--cp04-ease),border-color .3s,background .3s,opacity .45s;
}

.member-note::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: var(--cp04-electric);
    box-shadow: 0 0 16px rgba(118,233,255,.35);
}

.member-note.is-termin::before { background: #76e9ff; }
.member-note.is-technik::before { background: #ffbd72; box-shadow: 0 0 16px rgba(255,189,114,.28); }
.member-note.is-notiz::before { background: #8194ff; box-shadow: 0 0 16px rgba(129,148,255,.3); }
.member-note:hover { transform: translateX(4px); border-color: rgba(118,233,255,.36); background-color: rgba(118,233,255,.025); }
.member-note.is-new { opacity: 0; transform: translateY(-10px); }

.member-note__top { display: flex; align-items: flex-start; flex-direction: column; gap: 11px; }
.member-note__top > span {
    padding: 7px 9px;
    border: 1px solid rgba(118,233,255,.28);
    border-radius: 6px;
    color: var(--cp04-electric);
    background: rgba(118,233,255,.045);
    font: 750 11px/1 var(--mono);
    letter-spacing: .09em;
}
.member-note.is-technik .member-note__top > span { border-color: rgba(255,189,114,.3); color: #ffd09a; background: rgba(255,189,114,.045); }
.member-note.is-notiz .member-note__top > span { border-color: rgba(129,148,255,.32); color: #b9c3ff; background: rgba(129,148,255,.05); }
.member-note time { margin: 0; color: #96a7b5; font: 700 12px/1.2 var(--mono); letter-spacing: .07em; }
.member-note__copy h3 { margin: 0; color: #f0f8fd; font: 760 27px/.95 var(--display); letter-spacing: -.045em; }
.member-note__copy p { margin: 8px 0 0; color: #aebdca; font-size: 15px; line-height: 1.55; white-space: pre-line; }
.member-note > small { margin: 0; padding: 0; color: #758796; font: 700 12px/1.45 var(--mono); letter-spacing: .07em; text-align: right; }

.team-results {
    margin-bottom: 0;
    padding: clamp(28px,3.8vw,48px);
}

.team-results::after {
    content: "03 / RENNDATEN";
    position: absolute;
    right: 28px;
    bottom: 20px;
    color: rgba(118,233,255,.28);
    font: 750 11px/1 var(--mono);
    letter-spacing: .12em;
}

.team-results .member-form { border-radius: 6px 20px 6px 20px; }
.team-result-form label > span { font-size: 12px; }

@keyframes memberPanelReveal {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
    .member-note-form__grid { grid-template-columns: 1fr 1fr; }
    .member-note-form__grid label:nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
    .member-note { grid-template-columns: minmax(170px,.35fr) minmax(0,1fr); }
    .member-note > small { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid rgba(218,239,255,.08); text-align: left; }
}

@media (max-width: 780px) {
    .member-dashboard { padding-top: 120px; }
    .member-dashboard .member-welcome { padding: 22px 18px; border-radius: 7px 21px 7px 21px; }
    .member-dashboard .member-welcome h1 { font-size: clamp(46px,16vw,68px); }
    .member-dashboard .member-role-badge { font-size: 11px; }
    .team-inbox,
    .member-board--console,
    .team-results { margin-bottom: var(--cp04-stack-gap); border-radius: 7px 22px 7px 22px; }
    .team-console-head,
    .member-board--console,
    .team-results { padding: 24px 18px; }
    .team-console-head h2,
    .member-board__head h2,
    .team-results__copy h2 { font-size: clamp(42px,13vw,58px); }
    .team-console-head,
    .member-board__head { grid-template-columns: 1fr auto; align-items: end; gap: 12px; }
    .team-inbox-status,
    .member-board__metric { min-width: 90px; padding: 12px 10px; }
    .team-inbox-status b,
    .member-board__metric b { font-size: 39px; }
    .team-inbox-status span,
    .team-inbox-status small,
    .member-board__metric span { font-size: 10px; }
    .team-inbox-toolbar { padding: 14px 18px; }
    .team-message-stream { padding: 9px; }
    .team-message { padding: 17px 14px; border-radius: 5px 17px 5px 17px; }
    .team-message__topbar { align-items: flex-start; }
    .team-message__topbar > div { flex-wrap: wrap; }
    .team-message__topbar time { padding-top: 7px; white-space: nowrap; }
    .team-message__identity { grid-template-columns: 1fr; gap: 16px; }
    .team-message__identity h3 { font-size: 29px; }
    .team-message__conversation { max-height: 460px; }
    .team-message__bubble,
    .team-message__bubble.is-outgoing { width: 100%; margin-left: 0; padding: 14px; }
    .team-message__bubble p { font-size: 15px; }
    .team-message__assignment { align-items: stretch; flex-wrap: wrap; }
    .team-message__assignment > span { width: 100%; margin-bottom: 3px; }
    .team-message__assignment form { flex: 1; }
    .team-message__assignment button { width: 100%; }
    .team-reply-disclosure > summary,
    .member-compose > summary { min-height: 62px; }
    .member-board__head > div:first-child > p:last-child { font-size: 14px; }
    .member-compose { padding: 0 14px; }
    .member-note-form { margin-inline: -14px; padding-inline: 14px; }
    .member-note-form__grid { grid-template-columns: 1fr; }
    .member-note-form__grid label:nth-child(2) { grid-column: auto; grid-row: auto; }
    .member-note-form .chrome-button { max-width: none; }
    .member-note { grid-template-columns: 1fr; gap: 15px; padding: 16px; }
    .member-note__top { align-items: center; flex-direction: row; justify-content: space-between; }
    .member-note__copy h3 { font-size: 25px; }
    .member-note > small { grid-column: auto; }
    .team-results::after { display: none; }
}

@media (max-width: 430px) {
    .team-console-head,
    .member-board__head { grid-template-columns: 1fr; }
    .team-inbox-status,
    .member-board__metric { width: 100%; display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: end; text-align: left; }
    .team-inbox-status b,
    .member-board__metric b { grid-row: 1 / 3; }
    .member-note__top { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .team-reply-form,
    .member-note-form { animation: none; }
}

/* Live-Boxenfunk: sichtbarer Zustand ohne eine weitere Bedienebene. */
.team-live-state {
    flex: 0 0 auto;
    display: inline-flex;
    min-height: 34px;
    padding: 0 12px;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(218,239,255,.15);
    border-radius: 5px 12px 5px 12px;
    color: #7f909e;
    background: rgba(2,8,14,.48);
    font: 750 11px/1 var(--mono);
    letter-spacing: .08em;
    white-space: nowrap;
}

.team-live-state i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #788693;
    box-shadow: 0 0 0 rgba(118,233,255,0);
}

.team-live-state.is-live {
    border-color: rgba(91,231,157,.42);
    color: #aef4ce;
    background: rgba(91,231,157,.07);
}

.team-live-state.is-live i {
    background: #5be79d;
    animation: liveSignal 1.8s ease-out infinite;
}

.team-live-state.is-fallback {
    border-color: rgba(245,194,88,.4);
    color: #f3d58f;
    background: rgba(245,194,88,.07);
}

.team-live-state.is-fallback i {
    background: #f5c258;
    animation: fallbackSignal 2.4s ease-in-out infinite;
}

.team-inbox-toolbar { gap: 14px; }
.team-inbox-toolbar > p { margin-right: auto; }
.team-inbox-toolbar > form { flex: 0 0 auto; }

@keyframes liveSignal {
    0% { box-shadow: 0 0 0 0 rgba(91,231,157,.4); }
    75%,100% { box-shadow: 0 0 0 9px rgba(91,231,157,0); }
}

@keyframes fallbackSignal {
    0%,100% { opacity: .48; transform: scale(.78); }
    50% { opacity: 1; transform: scale(1); }
}

/* Aktuelle Videos: schraege Filmstreifen-Vorschau im Chrome-Pulse-04-System. */
.video-era { padding-bottom: clamp(80px,10vw,138px); }
.video-era-panel { min-width: 0; }
.video-era-panel .archive-banner { margin-top: 0; }

.current-video-heading {
    margin: 38px 0 34px;
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(270px,.75fr);
    gap: clamp(28px,6vw,90px);
    align-items: end;
}

.current-video-heading h2 {
    margin: 18px 0 0;
    color: #f2f8fc;
    font: 830 clamp(54px,7vw,104px)/.78 var(--display);
    letter-spacing: -.075em;
    text-transform: uppercase;
}

.current-video-heading h2 em { color: var(--cp04-electric); font-style: normal; font-weight: 280; }
.current-video-heading > p { margin: 0; color: #9dacb9; font-size: 16px; line-height: 1.65; }

.current-video-showcase {
    display: grid;
    gap: var(--cp04-stack-gap);
}

.current-video-card {
    position: relative;
    min-width: 0;
    min-height: 410px;
    padding: clamp(28px,4.2vw,62px);
    display: grid;
    grid-template-columns: minmax(310px,1.12fr) minmax(270px,.88fr);
    grid-template-rows: 1fr auto;
    gap: 24px clamp(34px,6vw,92px);
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(224,243,255,.34);
    border-radius: 8px 30px 8px 30px;
    background:
        linear-gradient(118deg,rgba(237,249,255,.13),transparent 24%),
        radial-gradient(circle at 100% 0,rgba(86,120,255,.24),transparent 44%),
        linear-gradient(145deg,#101b28,#07101a 68%,#101d30);
    box-shadow: inset 0 1px rgba(255,255,255,.17),0 28px 72px rgba(0,0,0,.27);
}

.current-video-card::before {
    content: "";
    position: absolute;
    right: -8%;
    bottom: -26%;
    width: 54%;
    aspect-ratio: 1;
    border: 1px solid rgba(118,233,255,.12);
    border-radius: 50%;
    box-shadow: inset 0 0 60px rgba(118,233,255,.04);
    pointer-events: none;
}

.current-video-card__stack {
    position: relative;
    z-index: 1;
    min-width: 0;
    height: clamp(250px,28vw,390px);
    perspective: 1100px;
}

.current-video-frame {
    position: absolute;
    inset: 8% 4% 8% 3%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(226,246,255,.4);
    border-radius: 5px 18px 5px 18px;
    background:
        repeating-linear-gradient(90deg,#02070b 0 13px,transparent 13px 25px) top/100% 9px no-repeat,
        repeating-linear-gradient(90deg,#02070b 0 13px,transparent 13px 25px) bottom/100% 9px no-repeat,
        #111d28;
    box-shadow: 0 22px 54px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.18);
    transform: translate(calc(var(--video-frame-index) * 5%),calc(var(--video-frame-index) * -3%)) rotate(calc((var(--video-frame-index) - 1) * 3deg));
    transform-origin: 50% 78%;
    transition: transform .7s var(--cp04-ease),filter .45s,opacity .45s;
}

.current-video-frame:nth-child(1) { z-index: 3; }
.current-video-frame:nth-child(2) { z-index: 2; filter: brightness(.76) saturate(.78); }
.current-video-frame:nth-child(3) { z-index: 1; filter: brightness(.58) saturate(.65); }
.current-video-card:hover .current-video-frame:nth-child(1) { transform: translate(-2%,-1%) rotate(-2deg); }
.current-video-card:hover .current-video-frame:nth-child(2) { transform: translate(8%,-8%) rotate(2deg); }
.current-video-card:hover .current-video-frame:nth-child(3) { transform: translate(15%,-13%) rotate(5deg); }

.current-video-frame img,
.current-video-frame video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    background: #0d1822;
}

.current-video-frame video { opacity: .25; transition: opacity .35s ease; }
.current-video-frame video.has-frame { opacity: 1; }
.current-video-frame.has-video-error::before {
    content: "VORSCHAU NICHT VERFÜGBAR";
    position: absolute;
    z-index: 2;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
    color: #9eb0bd;
    background: radial-gradient(circle at 50% 42%,rgba(118,233,255,.1),transparent 46%),#0d1822;
    text-align: center;
    font: 750 10px/1.45 var(--mono);
    letter-spacing: .1em;
}
.current-video-frame > span {
    position: absolute;
    right: 15px;
    bottom: 16px;
    padding: 7px 9px;
    border: 1px solid rgba(118,233,255,.4);
    border-radius: 5px;
    color: var(--cp04-electric);
    background: rgba(2,8,13,.82);
    font: 800 11px/1 var(--mono);
    letter-spacing: .09em;
}

.current-video-card__copy { position: relative; z-index: 2; min-width: 0; }
.current-video-card__copy small,
.current-video-card__copy b { display: block; color: var(--cp04-electric); font: 750 11px/1.35 var(--mono); letter-spacing: .1em; }
.current-video-card__copy h3 { margin: 17px 0; color: #f3f8fb; font: 810 clamp(40px,5vw,72px)/.82 var(--display); letter-spacing: -.065em; text-transform: uppercase; overflow-wrap: anywhere; }
.current-video-card__copy p { margin: 0 0 22px; color: #afbdc8; font-size: 16px; line-height: 1.62; }
.current-video-card__copy b { color: #8294a4; }

.current-video-card__open {
    position: relative;
    z-index: 2;
    grid-column: 2;
    width: 100%;
    min-height: 55px;
    padding: 0 22px;
    border: 1px solid rgba(118,233,255,.46);
    border-radius: 5px 15px 5px 15px;
    color: #dff9ff;
    background: linear-gradient(100deg,rgba(118,233,255,.11),rgba(85,121,255,.14));
    box-shadow: inset 0 1px rgba(255,255,255,.14),0 0 0 rgba(118,233,255,0);
    font: 800 12px/1 var(--mono);
    letter-spacing: .09em;
    transition: transform .3s var(--cp04-ease),box-shadow .3s,border-color .3s;
}

.current-video-card__open:hover { transform: translateY(-3px); border-color: var(--cp04-electric); box-shadow: 0 12px 34px rgba(118,233,255,.13); }

.video-playback-error {
    position: absolute;
    z-index: 4;
    inset: 0;
    padding: clamp(24px,5vw,70px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #eaf7fc;
    background: radial-gradient(circle at 50% 35%,rgba(85,121,255,.24),transparent 48%),rgba(3,8,13,.94);
    text-align: center;
    opacity: 0;
    transition: opacity .3s ease;
}
.video-playback-error[hidden] { display: none; }
.video-playback-error.is-visible { opacity: 1; }
.video-playback-error small { color: var(--cp04-electric); font: 780 10px/1.4 var(--mono); letter-spacing: .12em; }
.video-playback-error strong { max-width: 780px; margin-top: 19px; font: 810 clamp(28px,4.8vw,64px)/.88 var(--display); letter-spacing: -.055em; }
.video-playback-error p { max-width: 700px; margin: 20px 0 0; color: #adbdc8; font-size: 15px; line-height: 1.65; }
.video-playback-error a { margin-top: 28px; padding: 14px 18px; border: 1px solid rgba(118,233,255,.48); border-radius: 5px 14px 5px 14px; color: var(--cp04-electric); background: rgba(118,233,255,.055); text-decoration: none; font: 780 11px/1 var(--mono); letter-spacing: .09em; }
.video-playback-error a:hover { color: #071018; background: var(--cp04-electric); }

/* Videoverwaltung: kompakt, klar und auch bei vielen Dateien beherrschbar. */
.video-admin-albums { display: grid; gap: var(--cp04-stack-gap); }
.video-admin-album {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(221,242,255,.28);
    border-radius: 7px 26px 7px 26px;
    background: radial-gradient(circle at 100% 0,rgba(85,121,255,.16),transparent 36%),linear-gradient(145deg,#0c1723,#060c13 70%);
    box-shadow: inset 0 1px rgba(255,255,255,.12),0 22px 56px rgba(0,0,0,.22);
}

.video-admin-album__head {
    padding: clamp(22px,3vw,34px);
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    border-bottom: 1px solid rgba(218,239,255,.1);
}
.video-admin-album__head span { display: inline-block; padding: 7px 9px; border: 1px solid rgba(118,233,255,.32); border-radius: 5px; color: var(--cp04-electric); font: 800 11px/1 var(--mono); letter-spacing: .09em; }
.video-admin-album__head small { display: block; margin-top: 10px; color: #718494; font: 700 11px/1.45 var(--mono); letter-spacing: .07em; overflow-wrap: anywhere; }
.video-admin-album__head h3 { margin: 11px 0 0; color: #f1f8fc; font: 810 clamp(37px,4.5vw,62px)/.82 var(--display); letter-spacing: -.06em; }

.video-admin-album__order,
.video-admin-album__order form,
.video-admin-album__actions form { margin: 0; }
.video-admin-album__order { display: flex; gap: 7px; }
.video-admin-album__order button,
.video-file-card__controls button,
.video-deleted-list button {
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid rgba(118,233,255,.27);
    border-radius: 4px 10px 4px 10px;
    color: #cceff6;
    background: rgba(118,233,255,.035);
    font: 750 10px/1 var(--mono);
    letter-spacing: .07em;
}
.video-admin-album__order button:disabled,
.video-file-card__controls button:disabled { opacity: .28; cursor: default; }

.video-admin-album__body {
    padding: clamp(20px,3vw,34px);
    display: grid;
    grid-template-columns: minmax(250px,.72fr) minmax(0,1.28fr);
    gap: clamp(20px,3vw,38px);
    align-items: stretch;
}
.video-admin-cover {
    position: relative;
    min-height: 270px;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(218,239,255,.24);
    border-radius: 6px 20px 6px 20px;
    background: linear-gradient(135deg,rgba(235,248,255,.11),rgba(118,233,255,.025) 34%,rgba(85,121,255,.12)),#0b151f;
}
.video-admin-cover::before,
.video-admin-cover::after { content: ""; position: absolute; z-index: 2; left: 0; right: 0; height: 9px; background: repeating-linear-gradient(90deg,#02070b 0 13px,transparent 13px 25px); pointer-events: none; }
.video-admin-cover::before { top: 0; }
.video-admin-cover::after { bottom: 0; }
.video-admin-cover img { width: 100%; height: 100%; min-height: 270px; display: block; object-fit: cover; }
.video-admin-cover > video { width: 100%; height: 100%; min-height: 270px; display: block; object-fit: cover; opacity: .24; transition: opacity .3s ease; }
.video-admin-cover > video.has-frame { opacity: 1; }
.video-admin-cover.has-video-error::before { content: "VIDEO-VORSCHAU NICHT VERFÜGBAR"; z-index: 3; height: 100%; display: grid; place-items: center; padding: 28px; color: #9eb0bd; background: radial-gradient(circle at 50% 44%,rgba(118,233,255,.12),transparent 48%),#0c1722; text-align: center; font: 750 10px/1.45 var(--mono); letter-spacing: .1em; }
.video-admin-cover.has-video-error::after { z-index: 4; }
.video-admin-cover__label { position: absolute; z-index: 5; left: 17px; bottom: 18px; padding: 7px 9px; border: 1px solid rgba(118,233,255,.38); border-radius: 5px; color: var(--cp04-electric); background: rgba(2,8,13,.82); font: 760 9px/1 var(--mono); letter-spacing: .09em; }
.video-admin-cover > div { position: absolute; inset: 0; display: grid; place-content: center; gap: 13px; color: #8fa2b1; text-align: center; }
.video-admin-cover > div b { color: var(--cp04-electric); font: 300 62px/1 var(--display); }
.video-admin-cover > div span { font: 750 11px/1 var(--mono); letter-spacing: .1em; }
.video-admin-cover > i { position: absolute; z-index: 3; width: 46%; height: 1px; right: -8%; background: rgba(118,233,255,.35); transform: rotate(-15deg); pointer-events: none; }
.video-admin-cover > i:first-of-type { top: 24%; }
.video-admin-cover > i:last-of-type { bottom: 20%; }
.video-album-settings { margin: 0; border-radius: 6px 19px 6px 19px; }
.video-album-settings textarea { min-height: 95px; }

.video-admin-album__actions {
    padding: 0 clamp(20px,3vw,34px) clamp(20px,3vw,34px);
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
}
.video-admin-album__actions > form:first-child { flex: 1 1 260px; }
.video-admin-album__actions .admin-publish-button { width: 100%; min-height: 48px; }
.video-admin-album__actions > a,
.video-admin-album__actions > form:not(:first-child) { flex: 0 1 auto; }

.video-admin-album__extras {
    padding: clamp(20px,3vw,34px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    border-top: 1px solid rgba(218,239,255,.09);
    background: rgba(1,6,11,.28);
}
.video-admin-album__extras .admin-panel { margin: 0; }
.compact-sync { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.compact-sync p { margin: 0; color: #8fa1af; font-size: 14px; line-height: 1.5; }
.compact-sync p b { color: #dbeaf2; }

.video-file-manager { border-top: 1px solid rgba(218,239,255,.11); background: rgba(2,8,13,.44); }
.video-file-manager > summary { min-height: 76px; padding: 17px clamp(20px,3vw,34px); display: flex; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; list-style: none; }
.video-file-manager > summary::-webkit-details-marker { display: none; }
.video-file-manager > summary span small,
.video-file-manager > summary span strong { display: block; }
.video-file-manager > summary small { color: var(--cp04-electric); font: 750 11px/1 var(--mono); letter-spacing: .1em; }
.video-file-manager > summary strong { margin-top: 8px; color: #aabac6; font-size: 15px; }
.video-file-manager > summary > b { padding: 10px 13px; border: 1px solid rgba(118,233,255,.26); border-radius: 5px 12px 5px 12px; color: #cceff6; font: 750 10px/1 var(--mono); letter-spacing: .08em; }
.video-file-manager[open] > summary > b { color: #ffd39b; border-color: rgba(255,190,109,.35); }

.video-file-list { padding: 0 clamp(20px,3vw,34px) clamp(20px,3vw,34px); display: grid; gap: 9px; }
.video-file-card {
    min-width: 0;
    padding: 11px;
    display: grid;
    grid-template-columns: 180px minmax(170px,1fr) minmax(300px,.8fr);
    gap: 18px;
    align-items: center;
    border: 1px solid rgba(218,239,255,.13);
    border-radius: 5px 15px 5px 15px;
    background: linear-gradient(100deg,rgba(234,248,255,.07),transparent 48%,rgba(85,121,255,.045));
}
.video-file-card__preview { position: relative; height: 102px; overflow: hidden; border-radius: 4px 11px 4px 11px; background: #101a24; }
.video-file-card__preview::before,
.video-file-card__preview::after { content: ""; position: absolute; z-index: 2; left: 0; right: 0; height: 6px; background: repeating-linear-gradient(90deg,#02070b 0 8px,transparent 8px 15px); }
.video-file-card__preview::before { top: 0; }
.video-file-card__preview::after { bottom: 0; }
.video-file-card__preview video { width: 100%; height: 100%; object-fit: cover; opacity: .24; transition: opacity .3s; }
.video-file-card__preview video.has-frame { opacity: 1; }
.video-file-card__preview span { position: absolute; z-index: 3; left: 9px; bottom: 11px; padding: 5px 7px; color: var(--cp04-electric); background: rgba(1,7,12,.82); font: 750 9px/1 var(--mono); letter-spacing: .07em; }
.video-file-card__meta { min-width: 0; }
.video-file-card__meta strong,
.video-file-card__meta small { display: block; overflow: hidden; text-overflow: ellipsis; }
.video-file-card__meta strong { color: #e8f4fa; font-size: 16px; white-space: nowrap; }
.video-file-card__meta small { margin-top: 8px; color: #788a98; font: 700 10px/1.45 var(--mono); letter-spacing: .06em; overflow-wrap: anywhere; }
.video-file-card__controls { min-width: 0; display: grid; gap: 7px; }
.video-file-card__controls > div { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.video-file-card__controls form { margin: 0; }
.video-file-card__controls button { width: 100%; }
.video-file-card__controls input[type=file] { min-width: 0; width: 100%; color: #8da0af; font-size: 12px; }
.video-file-replace { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; align-items: center; }
.video-file-delete { color: #ff9bad !important; border-color: rgba(255,105,132,.34) !important; background: rgba(255,80,110,.035) !important; }

.video-deleted-list { margin: 0 clamp(20px,3vw,34px) clamp(20px,3vw,34px); padding: 14px; border: 1px solid rgba(255,190,109,.22); border-radius: 5px 14px 5px 14px; }
.video-deleted-list h4 { margin: 0 0 11px; color: #ffd39b; font: 750 11px/1 var(--mono); letter-spacing: .09em; }
.video-deleted-list form { padding: 10px 0; display: flex; gap: 16px; align-items: center; justify-content: space-between; border-top: 1px solid rgba(218,239,255,.08); }
.video-deleted-list span { min-width: 0; }
.video-deleted-list strong,
.video-deleted-list small { display: block; overflow-wrap: anywhere; }
.video-deleted-list small { margin-top: 5px; color: #728391; font: 700 10px/1.35 var(--mono); }

.admin-overview-card--video { background: radial-gradient(circle at 88% 3%,rgba(85,121,255,.25),transparent 38%),linear-gradient(145deg,rgba(118,233,255,.075),rgba(255,255,255,.018)); }
.video-codec-note { margin: var(--cp04-stack-gap) 0 0; border-color: rgba(255,190,109,.32); background: linear-gradient(120deg,rgba(255,190,109,.09),rgba(85,121,255,.055)); }

@media (max-width: 980px) {
    .current-video-card { grid-template-columns: minmax(260px,1fr) minmax(230px,.85fr); gap: 24px; }
    .video-file-card { grid-template-columns: 150px minmax(150px,1fr); }
    .video-file-card__controls { grid-column: 1 / -1; grid-template-columns: 1fr 1fr 1fr; }
    .video-file-card__controls > div { align-self: stretch; }
}

@media (max-width: 780px) {
    .team-inbox-toolbar { align-items: stretch; }
    .team-live-state { width: 100%; justify-content: center; }
    .team-inbox-toolbar > form { width: 100%; }
    .current-video-heading { grid-template-columns: 1fr; gap: 18px; align-items: start; }
    .current-video-heading h2 { font-size: clamp(50px,16vw,72px); }
    .current-video-heading > p { font-size: 15px; }
    .current-video-card { min-height: 0; padding: 23px 17px; grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 22px; border-radius: 7px 22px 7px 22px; }
    .current-video-card__stack { height: min(68vw,310px); }
    .current-video-frame { inset: 7% 8% 7% 3%; }
    .current-video-card__copy h3 { font-size: clamp(39px,13vw,58px); }
    .current-video-card__copy p { font-size: 15px; }
    .current-video-card__open { grid-column: 1; }
    .video-admin-album__head { align-items: stretch; flex-direction: column; }
    .video-admin-album__order { width: 100%; }
    .video-admin-album__order form { flex: 1; }
    .video-admin-album__order button { width: 100%; }
    .video-admin-album__body,
    .video-admin-album__extras { grid-template-columns: minmax(0,1fr); }
    .video-admin-cover,
    .video-admin-cover img { min-height: 220px; }
    .compact-sync { align-items: stretch; flex-direction: column; }
    .video-admin-album__actions > a,
    .video-admin-album__actions > form { flex: 1 1 100% !important; width: 100%; }
    .video-admin-album__actions button,
    .video-admin-album__actions a { width: 100%; }
    .video-file-card { grid-template-columns: minmax(0,1fr); }
    .video-file-card__preview { height: min(52vw,220px); }
    .video-file-card__controls { grid-column: auto; grid-template-columns: minmax(0,1fr); }
    .video-file-replace { grid-template-columns: minmax(0,1fr); }
    .video-file-manager > summary { align-items: flex-start; flex-direction: column; }
    .video-file-manager > summary > b { width: 100%; text-align: center; }
    .video-deleted-list form { align-items: stretch; flex-direction: column; }
    .video-deleted-list button { width: 100%; }
}

@media (max-width: 430px) {
    .current-video-card__stack { height: 61vw; }
    .current-video-frame > span { right: 10px; bottom: 12px; }
    .current-video-card__copy small,
    .current-video-card__copy b { font-size: 10px; }
    .video-admin-album__head h3 { font-size: 39px; }
    .video-admin-album__order { display: grid; grid-template-columns: 1fr 1fr; }
    .video-file-card__controls > div { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .team-live-state.is-live i,
    .team-live-state.is-fallback i { animation: none; }
    .current-video-frame,
    .current-video-card__open { transition: none; }
    .member-account-form { animation: none; }
}

/* Mitgliederzentrale: kompakte Vorgänge, pflegbares Crew-Board und sichere Zugänge. */
.member-operations {
    display: grid;
    gap: var(--cp04-stack-gap);
    align-items: start;
}

.member-operations .team-inbox,
.member-operations .member-board--console { min-width: 0; margin-bottom: 0; }

.team-inbox-filters {
    padding: 14px clamp(20px,2.8vw,38px) 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.team-inbox-filters button {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(218,239,255,.16);
    border-radius: 5px 12px 5px 12px;
    color: #8799a8;
    background: rgba(3,9,15,.42);
    font: 780 11px/1 var(--mono);
    letter-spacing: .08em;
    transition: border-color .25s,color .25s,background .25s,transform .25s var(--cp04-ease);
}

.team-inbox-filters button b { margin-left: 7px; color: #617381; }
.team-inbox-filters button:hover,
.team-inbox-filters button.is-active { color: #e8fbff; border-color: rgba(118,233,255,.55); background: rgba(118,233,255,.09); transform: translateY(-1px); }
.team-inbox-filters button.is-active b { color: var(--cp04-electric); }

.team-message-stream { gap: 8px; }
.team-message-stream[hidden],
.team-message[hidden],
.team-message-archive[hidden] { display: none !important; }

.team-message {
    padding: 0;
    overflow: hidden;
    transition: opacity .3s,border-color .3s,background .3s,transform .3s var(--cp04-ease);
}

.team-message.is-done { opacity: .58; }
.team-message.is-done:hover,
.team-message.is-done[open] { opacity: .82; }
.team-message.is-waiting { border-color: rgba(129,148,255,.28); }

.team-message__summary {
    min-height: 76px;
    padding: 13px 16px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto auto;
    gap: 15px;
    align-items: center;
    cursor: pointer;
    list-style: none;
}

.team-message__summary::-webkit-details-marker { display: none; }
.team-message__summary .team-message__status {
    min-width: 72px;
    padding: 8px 9px;
    border: 1px solid rgba(118,233,255,.36);
    border-radius: 5px 10px 5px 10px;
    color: var(--cp04-electric);
    background: rgba(118,233,255,.05);
    font: 780 10px/1 var(--mono);
    letter-spacing: .08em;
    text-align: center;
}

.team-message.is-waiting .team-message__status { color: #c4ccff; border-color: rgba(129,148,255,.36); background: rgba(129,148,255,.07); }
.team-message.is-done .team-message__status { color: #8495a3; border-color: rgba(218,239,255,.16); background: rgba(218,239,255,.025); }
.team-message__summary-main,
.team-message__summary-meta { min-width: 0; }
.team-message__summary-main strong,
.team-message__summary-main small,
.team-message__summary-meta time,
.team-message__summary-meta small { display: block; }
.team-message__summary-main strong { overflow: hidden; color: #eef9ff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.team-message__summary-main small { margin-top: 6px; overflow: hidden; color: #91a3b1; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.team-message__summary-meta { text-align: right; }
.team-message__summary-meta time,
.team-message__summary-meta small { color: #748695; font: 720 10px/1.35 var(--mono); letter-spacing: .06em; white-space: nowrap; }
.team-message__summary-meta small { margin-top: 5px; color: #586a79; }
.team-message__summary > b {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(118,233,255,.27);
    border-radius: 5px 12px 5px 12px;
    color: var(--cp04-electric);
    background: rgba(118,233,255,.035);
    font: 300 23px/1 var(--display);
    transition: transform .36s var(--cp04-ease),background .25s;
}
.team-message[open] .team-message__summary > b { transform: rotate(45deg); background: rgba(118,233,255,.1); }

.team-message__detail {
    padding: 0 clamp(16px,2.3vw,28px) clamp(18px,2.5vw,30px);
    border-top: 1px solid rgba(218,239,255,.1);
    animation: memberPanelReveal .38s var(--cp04-ease) both;
}

.team-message-archive,
.member-note-archive,
.member-note-trash {
    margin: 0 var(--cp04-card-gap) var(--cp04-card-gap);
    overflow: hidden;
    border: 1px solid rgba(218,239,255,.13);
    border-radius: 5px 16px 5px 16px;
    background: rgba(2,8,14,.42);
}

.team-message-archive > summary,
.member-note-archive > summary {
    min-height: 66px;
    padding: 13px 17px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    cursor: pointer;
    list-style: none;
}
.team-message-archive > summary::-webkit-details-marker,
.member-note-archive > summary::-webkit-details-marker { display: none; }
.team-message-archive > summary span small,
.team-message-archive > summary span strong,
.member-note-archive > summary span small,
.member-note-archive > summary span strong { display: block; }
.team-message-archive > summary small,
.member-note-archive > summary small { color: #6f8291; font: 760 10px/1 var(--mono); letter-spacing: .09em; }
.team-message-archive > summary strong,
.member-note-archive > summary strong { margin-top: 7px; color: #a8b8c4; font-size: 15px; }
.team-message-archive > summary > b,
.member-note-archive > summary > b { min-width: 38px; padding: 9px; border: 1px solid rgba(218,239,255,.16); border-radius: 5px 11px 5px 11px; color: #8798a6; font: 780 11px/1 var(--mono); text-align: center; }
.team-message-archive .team-message-stream,
.member-note-archive .note-list { margin: 0; padding: 0 10px 10px; }

.member-board--console { padding: clamp(24px,3.2vw,42px); }
.member-board__head { align-items: start; }
.member-board__head h2 { font-size: clamp(42px,4.6vw,68px); }
.member-board__metric { min-width: 108px; padding: 14px; }
.member-board__metric b { font-size: 42px; }

.member-note { grid-template-columns: minmax(148px,.26fr) minmax(0,1fr) minmax(190px,auto); gap: 18px; }
.member-note.is-past { opacity: .68; }
.member-note.is-pinned { border-color: rgba(118,233,255,.5); box-shadow: inset 0 1px rgba(255,255,255,.12),0 0 26px rgba(118,233,255,.07); }
.member-note.is-done { opacity: .58; }
.member-note__top > b { color: #dffaff; font: 760 10px/1 var(--mono); letter-spacing: .08em; }
.member-note__copy small { display: block; margin-top: 10px; color: #718392; font: 700 10px/1.4 var(--mono); letter-spacing: .06em; }
.member-note__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.member-note__actions form { margin: 0; }
.member-note__actions button,
.member-note-editor > summary,
.member-note-trash button {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid rgba(118,233,255,.25);
    border-radius: 4px 10px 4px 10px;
    color: #c9edf5;
    background: rgba(118,233,255,.035);
    font: 760 10px/1 var(--mono);
    letter-spacing: .06em;
}
.member-note__actions button:hover,
.member-note-editor > summary:hover { color: #061019; border-color: var(--cp04-electric); background: var(--cp04-electric); }
.member-note__actions button.is-delete { color: #ff9cad; border-color: rgba(255,110,136,.3); }
.member-note-editor { grid-column: 1 / -1; }
.member-note-editor > summary { display: grid; place-items: center; cursor: pointer; list-style: none; }
.member-note-editor > summary::-webkit-details-marker { display: none; }
.member-note-editor > form { margin-top: 7px; padding: 12px; display: grid; gap: 9px; border: 1px solid rgba(218,239,255,.12); border-radius: 4px 11px 4px 11px; background: rgba(1,6,11,.55); }
.member-note-editor label { margin: 0; }
.member-note-editor label span { display: block; margin-bottom: 5px; color: #7d91a0; font: 720 9px/1 var(--mono); letter-spacing: .07em; }
.member-note-editor input,
.member-note-editor select,
.member-note-editor textarea { min-height: 39px; padding: 9px 10px; border: 1px solid rgba(218,239,255,.16); color: #e7f4fb; background: #07101a; font-size: 14px; }
.member-note-editor textarea { min-height: 84px; resize: vertical; }

.member-note-archive { margin: var(--cp04-card-gap) 0 0; }
.member-note-trash { margin: 9px 0 0; opacity: .75; }
.member-note-trash > summary { padding: 15px; color: #778a98; cursor: pointer; font: 740 10px/1.35 var(--mono); letter-spacing: .08em; }
.member-note-trash > div { padding: 0 12px 12px; }
.member-note-trash form { padding: 10px 0; display: flex; justify-content: space-between; gap: 14px; align-items: center; border-top: 1px solid rgba(218,239,255,.09); }
.member-note-trash span { min-width: 0; }
.member-note-trash strong,
.member-note-trash small { display: block; overflow-wrap: anywhere; }
.member-note-trash strong { color: #aab8c3; font-size: 14px; }
.member-note-trash small { margin-top: 5px; color: #657887; font: 700 9px/1.3 var(--mono); }
.member-note-trash button { width: auto; flex: 0 0 auto; }

.member-access {
    margin-top: var(--cp04-stack-gap);
    padding: clamp(28px,3.8vw,48px);
    border: 1px solid rgba(225,245,255,.28);
    border-radius: 8px 30px 8px 30px;
    background: radial-gradient(circle at 100% 0,rgba(85,121,255,.17),transparent 39%),linear-gradient(145deg,#0d1824,#070d15 65%);
    box-shadow: inset 0 1px rgba(255,255,255,.15),0 26px 65px rgba(0,0,0,.23);
}
.member-access__head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.7fr); gap: 34px; align-items: end; }
.member-access__head h2 { margin: 18px 0 0; color: #f1f8fc; font: 820 clamp(44px,5vw,72px)/.78 var(--display); letter-spacing: -.065em; }
.member-access__head h2 em { color: var(--cp04-electric); font-style: normal; font-weight: 280; }
.member-access__head > p { margin: 0; color: #93a5b3; font-size: 15px; line-height: 1.65; }
.member-access__panels { margin-top: 25px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.member-access__panels:has(.member-access-panel:only-child) { grid-template-columns: 1fr; }
.member-access-panel { overflow: hidden; border: 1px solid rgba(118,233,255,.23); border-radius: 6px 18px 6px 18px; background: rgba(3,9,15,.48); }
.member-access-panel > summary { min-height: 72px; padding: 15px 18px; display: flex; justify-content: space-between; gap: 18px; align-items: center; cursor: pointer; list-style: none; }
.member-access-panel > summary::-webkit-details-marker { display: none; }
.member-access-panel > summary small,
.member-access-panel > summary strong { display: block; }
.member-access-panel > summary small { color: var(--cp04-electric); font: 750 10px/1 var(--mono); letter-spacing: .09em; }
.member-access-panel > summary strong { margin-top: 8px; color: #dcebf3; font-size: 16px; }
.member-access-panel > summary > b { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(118,233,255,.28); border-radius: 5px 12px 5px 12px; color: var(--cp04-electric); font: 300 24px/1 var(--display); transition: transform .35s var(--cp04-ease); }
.member-access-panel[open] > summary > b { transform: rotate(45deg); }
.member-access-panel .member-form { position: static; width: auto; margin: 0; padding: 18px; border: 0; border-top: 1px solid rgba(218,239,255,.1); border-radius: 0; background: rgba(1,6,11,.3); }
.member-access-panel .member-form > p { color: #879aa8; font-size: 13px; line-height: 1.55; }

.temporary-password-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.temporary-password-field input { min-width: 0; }
.temporary-password-field button { min-width: 105px; border: 1px solid rgba(118,233,255,.34); border-radius: 5px 13px 5px 13px; color: var(--cp04-electric); background: rgba(118,233,255,.05); font: 760 10px/1 var(--mono); letter-spacing: .07em; }
.member-create-form__hint { color: #7f91a0; font-size: 13px; line-height: 1.5; }

.member-password-gate { padding-top: clamp(126px,11vw,170px); padding-bottom: var(--cp04-footer-gap); }
.member-password-gate > section { padding: clamp(28px,5vw,70px); display: grid; grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr); gap: clamp(36px,7vw,100px); align-items: center; border: 1px solid rgba(225,245,255,.34); border-radius: 8px 30px 8px 30px; background: radial-gradient(circle at 100% 0,rgba(85,121,255,.2),transparent 45%),linear-gradient(145deg,#101c29,#070e16 68%); box-shadow: inset 0 1px rgba(255,255,255,.18),0 30px 80px rgba(0,0,0,.28); }
.member-password-gate__copy h1 { margin: 22px 0; color: #f3f9fd; font: 830 clamp(55px,7vw,102px)/.77 var(--display); letter-spacing: -.075em; }
.member-password-gate__copy h1 em { color: var(--cp04-electric); font-style: normal; font-weight: 280; }
.member-password-gate__copy > p:last-child { max-width: 640px; color: #a2b1bd; font-size: 16px; line-height: 1.7; }
.member-password-gate .member-form { position: static; width: auto; margin: 0; }

@media (min-width: 1500px) {
    .member-operations.has-inbox { grid-template-columns: minmax(0,1.42fr) minmax(390px,.72fr); }
    .member-operations.has-inbox .team-console-head,
    .member-operations.has-inbox .member-board__head { padding: 28px; }
    .member-operations.has-inbox .team-console-head h2,
    .member-operations.has-inbox .member-board__head h2 { font-size: clamp(43px,3.7vw,58px); }
    .member-operations.has-inbox .member-board--console { padding: 28px; }
    .member-operations.has-inbox .member-board__head { grid-template-columns: minmax(0,1fr); gap: 18px; }
    .member-operations.has-inbox .member-board__metric { width: 100%; display: grid; grid-template-columns: auto 1fr; gap: 5px 10px; align-items: end; text-align: left; }
    .member-operations.has-inbox .member-board__metric b { grid-row: 1 / 3; }
    .member-operations.has-inbox .member-note-form__grid { grid-template-columns: minmax(0,1fr); }
    .member-operations.has-inbox .member-note { grid-template-columns: minmax(0,1fr); gap: 12px; }
    .member-operations.has-inbox .member-note__top { flex-direction: row; align-items: center; flex-wrap: wrap; }
    .member-operations.has-inbox .member-note__actions { grid-template-columns: 1fr 1fr; }
    .member-operations.has-inbox .member-compose { margin-top: 20px; }
}

@media (max-width: 900px) {
    .member-access__head,
    .member-password-gate > section { grid-template-columns: minmax(0,1fr); }
    .member-access__panels { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 780px) {
    .team-message__summary { grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; }
    .team-message__summary-meta { grid-column: 2; grid-row: 2; text-align: left; }
    .team-message__summary > b { grid-column: 3; grid-row: 1 / 3; }
    .team-message__summary .team-message__status { min-width: 60px; }
    .member-note { grid-template-columns: minmax(0,1fr); gap: 13px; }
    .member-note__top { flex-direction: row; align-items: center; flex-wrap: wrap; }
    .member-note__actions { grid-template-columns: 1fr 1fr; }
    .member-access { padding: 22px 16px; border-radius: 7px 22px 7px 22px; }
    .member-access__head { gap: 18px; }
    .member-access__head > p { font-size: 15px; }
    .temporary-password-field { grid-template-columns: minmax(0,1fr); }
    .temporary-password-field button { min-height: 44px; }
    .member-password-gate > section { padding: 24px 17px; }
}

@media (max-width: 430px) {
    .team-inbox-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .team-inbox-filters button:first-child { grid-column: 1 / -1; }
    .team-message__summary { padding: 12px; }
    .team-message__summary .team-message__status { min-width: 54px; padding-inline: 6px; font-size: 9px; }
    .team-message__summary-main strong { font-size: 16px; }
    .team-message__summary-main small { font-size: 13px; }
    .team-message__summary-meta time,
    .team-message__summary-meta small { font-size: 9px; }
    .team-message__summary > b { width: 34px; height: 34px; }
    .member-note__actions { grid-template-columns: minmax(0,1fr); }
    .member-note-editor { grid-column: auto; }
    .member-note-trash form { align-items: stretch; flex-direction: column; }
    .member-note-trash button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .team-message__detail { animation: none; }
    .team-message,
    .team-message__summary > b,
    .member-access-panel > summary > b { transition: none; }
}

/* Login-Flaechen: lange deutsche Titel und Formwerte bleiben sicher in ihrer Kachel. */
.admin-login__card {
    width: min(100%,660px);
    padding: clamp(24px,4vw,40px);
    overflow: hidden;
    border-radius: 8px 28px 8px 28px;
}

.admin-login__card h1 {
    max-width: 100%;
    margin: clamp(28px,4vw,38px) 0;
    font-size: clamp(40px,6vw,68px);
    line-height: .82;
    letter-spacing: -.075em;
    white-space: nowrap;
}

.admin-login__card form label,
.member-login .member-form label {
    display: block;
    margin-bottom: 18px;
    color: #b8c7d2;
    font: 740 14px/1.25 var(--mono);
    letter-spacing: .07em;
}

.admin-login__card form label > span,
.member-login .member-form label > span {
    display: block;
    margin-bottom: 9px;
}

.admin-login__card form input,
.member-login .member-form input {
    width: 100%;
    min-height: 54px;
    height: 54px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid rgba(218,239,255,.28);
    border-radius: 5px 14px 5px 14px;
    color: #f3f9fd;
    background: linear-gradient(145deg,rgba(238,249,255,.09),rgba(5,10,16,.54));
    box-shadow: inset 0 1px rgba(255,255,255,.09);
    font: 520 16px/1.35 var(--body);
    -webkit-text-fill-color: #f3f9fd;
}

.admin-login__card form input:focus,
.member-login .member-form input:focus {
    padding: 0 15px;
    border-color: var(--cp04-electric);
    box-shadow: 0 0 0 3px rgba(118,233,255,.08),inset 0 1px rgba(255,255,255,.12);
}

.admin-login__card form input:-webkit-autofill,
.member-login .member-form input:-webkit-autofill {
    border-color: rgba(118,233,255,.38);
    -webkit-box-shadow: 0 0 0 1000px #111d2c inset;
    box-shadow: 0 0 0 1000px #111d2c inset;
    -webkit-text-fill-color: #f3f9fd;
}

@media (max-width: 600px) {
    .admin-login { width: min(100% - 28px,940px); padding-block: 34px; gap: 28px; }
    .admin-login__card { padding: 22px 18px; border-radius: 7px 22px 7px 22px; }
    .admin-login__card h1 { font-size: clamp(32px,8.7vw,46px); letter-spacing: -.065em; }
    .admin-login__card form label,
    .member-login .member-form label { font-size: 13px; }
}

/* Interner Changelog: verständlich, datiert und im gemeinsamen Chrome-04-Raster. */
.changelog-page { background: #060c13; }

.changelog-shell {
    padding-top: clamp(126px,11vw,172px);
    padding-bottom: var(--cp04-footer-gap);
}

.changelog-intro {
    position: relative;
    overflow: hidden;
    min-height: 470px;
    padding: clamp(30px,5vw,76px);
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(220px,.55fr);
    gap: clamp(34px,7vw,110px);
    align-items: end;
    border: 1px solid rgba(225,245,255,.34);
    border-radius: 9px 31px 9px 31px;
    background:
        radial-gradient(circle at 92% 5%,rgba(73,105,255,.2),transparent 43%),
        linear-gradient(145deg,rgba(25,37,49,.96),rgba(5,12,20,.98) 66%);
    box-shadow: inset 0 1px rgba(255,255,255,.18),0 30px 90px rgba(0,0,0,.28);
}

.changelog-intro::before {
    content: "";
    position: absolute;
    width: 44%;
    height: 190%;
    top: -46%;
    right: 5%;
    pointer-events: none;
    opacity: .34;
    transform: rotate(20deg);
    background: linear-gradient(90deg,transparent,rgba(216,242,255,.14),transparent);
    animation: changelogGlow 9s ease-in-out infinite alternate;
}

.changelog-intro__copy,
.changelog-intro__metric { position: relative; z-index: 1; }
.changelog-intro__copy { min-width:0; container-type:inline-size; }

.changelog-intro__copy h1 {
    max-width: 980px;
    margin: clamp(27px,4vw,50px) 0 28px;
    color: #f4f9fc;
    font: 830 clamp(24px,4.6vw,80px)/1.04 var(--display);
    font-size: clamp(24px,11cqi,104px);
    letter-spacing: -.055em;
    white-space: nowrap;
    text-transform: uppercase;
}

.changelog-intro__copy h1 em {
    color: var(--cp04-electric);
    font-style: normal;
    font-weight: 260;
}

.changelog-intro__copy > p:not(.micro-label) {
    max-width: 790px;
    margin: 0 0 28px;
    color: #a7b7c3;
    font-size: clamp(15px,1.25vw,18px);
    line-height: 1.72;
}

.changelog-intro__metric {
    min-height: 226px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(118,233,255,.33);
    border-radius: 7px 24px 7px 24px;
    color: #b7c9d6;
    background: rgba(3,10,17,.52);
    box-shadow: inset 0 1px rgba(255,255,255,.1);
}

.changelog-intro__metric span,
.changelog-intro__metric small {
    font: 760 10px/1.45 var(--mono);
    letter-spacing: .11em;
}

.changelog-intro__metric span { color: var(--cp04-electric); }
.changelog-intro__metric b { color: #f4f9fc; font: 820 clamp(74px,8vw,118px)/.72 var(--display); letter-spacing: -.08em; }
.changelog-intro__metric small { color: #8497a6; }

.changelog-jump {
    position: relative;
    z-index: 12;
    top: auto;
    margin: 18px 0 70px;
    padding: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-width: 0;
    max-width: 100%;
    gap: 8px;
    border: 1px solid rgba(218,239,255,.17);
    border-radius: 6px 17px 6px 17px;
    background: rgba(5,12,19,.86);
    box-shadow: 0 16px 38px rgba(0,0,0,.2);
    backdrop-filter: blur(18px);
}

.changelog-jump > span {
    flex: 0 0 100%;
    margin: 0 0 4px;
    padding-left: 8px;
    color: #778a99;
    font: 740 12px/1.4 var(--mono);
    letter-spacing: .11em;
}

.changelog-jump a {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(218,239,255,.16);
    border-radius: 4px 11px 4px 11px;
    color: #aab9c4;
    background: rgba(255,255,255,.025);
    text-decoration: none;
    font: 760 14px/1.3 var(--mono);
    letter-spacing: .08em;
    transition: border-color .3s var(--cp04-ease),color .3s var(--cp04-ease),background .3s var(--cp04-ease),transform .3s var(--cp04-ease);
}

.changelog-jump a:hover,
.changelog-jump a.is-current {
    border-color: rgba(118,233,255,.46);
    color: var(--cp04-electric);
    background: rgba(118,233,255,.07);
    transform: translateY(-1px);
}

.changelog-release {
    scroll-margin-top: 175px;
    padding-bottom: clamp(74px,9vw,130px);
}

.changelog-release + .changelog-release {
    padding-top: clamp(65px,8vw,112px);
    border-top: 1px solid rgba(218,239,255,.16);
}

.changelog-release__head {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: minmax(120px,.28fr) minmax(0,1.72fr);
    gap: clamp(22px,5vw,72px);
    align-items: start;
}

.changelog-release__date {
    min-height: 132px;
    padding: 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(118,233,255,.28);
    border-radius: 6px 18px 6px 18px;
    background: linear-gradient(145deg,rgba(118,233,255,.07),rgba(6,13,21,.5));
}

.changelog-release__date span { color: var(--cp04-electric); font: 760 12px/1 var(--mono); }
.changelog-release__date time { color: #c5d4df; font: 740 11px/1 var(--mono); letter-spacing: .08em; }
.changelog-release__head > div:last-child > p { margin: 0 0 13px; color: var(--cp04-electric); font: 760 10px/1 var(--mono); letter-spacing: .12em; }
.changelog-release__head h2 { margin: 0; color: #f2f8fc; font: 820 clamp(41px,5vw,72px)/.9 var(--display); letter-spacing: -.055em; }
.changelog-release__head > div:last-child > div { max-width: 850px; margin-top: 20px; color: #96a8b6; font-size: 16px; line-height: 1.65; }

.changelog-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.changelog-card {
    position: relative;
    overflow: hidden;
    min-height: 305px;
    padding: clamp(22px,3vw,34px);
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(218,239,255,.18);
    border-radius: 6px 20px 6px 20px;
    background: linear-gradient(145deg,rgba(25,37,49,.72),rgba(5,11,18,.88) 70%);
    box-shadow: inset 0 1px rgba(255,255,255,.08);
    transition: border-color .38s var(--cp04-ease),transform .38s var(--cp04-ease),box-shadow .38s var(--cp04-ease);
}

.changelog-card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    top: 0;
    left: 28px;
    background: linear-gradient(90deg,var(--cp04-electric),transparent);
    opacity: .68;
}

.changelog-card:hover {
    border-color: rgba(118,233,255,.36);
    transform: translateY(-4px);
    box-shadow: inset 0 1px rgba(255,255,255,.1),0 22px 55px rgba(0,0,0,.24);
}

.changelog-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.changelog-card__meta span,
.changelog-card__meta b {
    font: 760 10px/1 var(--mono);
    letter-spacing: .1em;
    text-transform: uppercase;
}

.changelog-card__meta span { color: var(--cp04-electric); }
.changelog-card__meta b { padding: 8px 10px; border: 1px solid rgba(218,239,255,.18); border-radius: 4px 10px 4px 10px; color: #95a7b5; }
.changelog-card h3 { max-width: 620px; margin: 30px 0 16px; color: #eff6fa; font: 780 clamp(25px,2.4vw,35px)/.95 var(--display); letter-spacing: -.035em; }
.changelog-card > p { max-width: 690px; margin: 0; color: #9cadb9; font-size: 15px; line-height: 1.63; }

.changelog-card footer {
    margin-top: auto;
    padding-top: 24px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    border-top: 1px solid rgba(218,239,255,.1);
}

.changelog-card footer > span { color: #c3d0d9; font: 700 11px/1.45 var(--mono); letter-spacing: .04em; }
.changelog-card footer small { display: block; margin-bottom: 7px; color: #687b8a; font: 730 9px/1 var(--mono); letter-spacing: .11em; }
.changelog-card footer a { flex: 0 0 auto; color: var(--cp04-electric); text-decoration: none; font: 780 10px/1 var(--mono); letter-spacing: .08em; }

@keyframes changelogGlow {
    from { transform: translate3d(-24%,0,0) rotate(20deg); opacity: .14; }
    to { transform: translate3d(34%,0,0) rotate(20deg); opacity: .38; }
}

@media (max-width: 900px) {
    .changelog-intro { min-height: auto; grid-template-columns: minmax(0,1fr); }
    .changelog-intro__metric { min-height: 170px; display: grid; grid-template-columns: auto 1fr; column-gap: 18px; align-items: end; }
    .changelog-intro__metric span { grid-column: 1 / -1; }
    .changelog-intro__metric b { grid-row: 2; }
    .changelog-intro__metric small { grid-row: 2; align-self: end; padding-bottom: 5px; }
    .changelog-grid { grid-template-columns: minmax(0,1fr); }
    .changelog-card { min-height: 275px; }
}

@media (max-width: 620px) {
    .changelog-shell { padding-top: 108px; }
    .changelog-intro { padding: 25px 18px; border-radius: 7px 22px 7px 22px; }
    .changelog-intro__metric { min-height: 145px; padding: 18px; }
    .changelog-intro__metric b { font-size: 67px; }
    .changelog-jump { margin-bottom:52px; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#648393 #0c1726; }
    .changelog-jump > span { flex:0 0 80px; margin:0 4px 0 0; padding-left:3px; }
    .changelog-jump a { flex: 0 0 auto; }
    .changelog-release__head { grid-template-columns: 82px minmax(0,1fr); gap: 16px; }
    .changelog-release__date { min-height: 110px; padding: 13px 10px; }
    .changelog-release__date time { font-size: 9px; letter-spacing: .03em; }
    .changelog-release__head h2 { font-size: clamp(32px,9.2vw,46px); }
    .changelog-release__head > div:last-child > div { font-size: 15px; }
    .changelog-card { min-height: 0; padding: 22px 17px; }
    .changelog-card h3 { margin-top: 24px; font-size: 27px; }
    .changelog-card > p { font-size: 15px; }
    .changelog-card footer { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .changelog-intro::before { animation: none; }
    .changelog-card,
    .changelog-jump a { transition: none; }
}

/* Rennleitungs-Control-Deck: alle eindeutigen Ziele in einer gemeinsamen Reihe. */
.admin-overview-grid {
    --admin-deck-overlap: 16px;
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 18px 0 31px;
    counter-reset: admin-deck;
    isolation: isolate;
}

.admin-overview-grid::before,
.admin-overview-grid::after {
    content: "";
    position: absolute;
    z-index: 30;
    right: 0;
    bottom: 10px;
    left: 0;
    height: 2px;
    pointer-events: none;
}

.admin-overview-grid::before {
    background: linear-gradient(90deg,rgba(118,233,255,.08),rgba(218,239,255,.36),rgba(85,121,255,.16),rgba(118,233,255,.08));
}

.admin-overview-grid::after {
    width: 24%;
    right: auto;
    background: linear-gradient(90deg,transparent,var(--cp04-electric),#f7fdff,var(--cp04-blue),transparent);
    box-shadow: 0 0 16px rgba(118,233,255,.5);
    animation: adminDeckRail 6.5s var(--cp04-ease) infinite alternate;
}

.admin-overview-card {
    counter-increment: admin-deck;
    position: relative;
    min-width: 0;
    min-height: 390px;
    padding: 24px 20px 22px 22px;
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(226,245,255,.24);
    border-radius: 7px 23px 7px 23px;
    background:
        linear-gradient(118deg,rgba(255,255,255,.08),transparent 24%),
        linear-gradient(148deg,rgba(27,40,54,.94),rgba(5,11,18,.97) 72%);
    box-shadow: inset 0 1px rgba(255,255,255,.17),0 22px 48px rgba(0,0,0,.18);
    transform-origin: 50% 100%;
    transition:
        flex-grow .58s var(--cp04-ease),
        transform .48s var(--cp04-ease),
        border-color .38s ease,
        box-shadow .48s var(--cp04-ease),
        filter .42s ease,
        opacity .42s ease;
}

.admin-overview-card + .admin-overview-card { margin-left: calc(var(--admin-deck-overlap) * -1); }
.admin-overview-card:nth-child(2n) { transform: translateY(7px); }
.admin-overview-card:nth-child(3n) { transform: translateY(3px); }

.admin-overview-card::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 70%;
    height: 190%;
    top: -46%;
    left: -92%;
    transform: rotate(13deg);
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(118,233,255,.08),transparent);
    transition: left .86s var(--cp04-ease);
    pointer-events: none;
}

.admin-overview-card::after {
    content: "0" counter(admin-deck);
    position: absolute;
    z-index: 0;
    right: 11px;
    bottom: -10px;
    color: rgba(118,233,255,.055);
    font: 850 92px/.8 var(--display);
    letter-spacing: -.08em;
    pointer-events: none;
}

.admin-overview-card > * { position: relative; z-index: 2; }
.admin-overview-card > span { white-space: nowrap; }
.admin-overview-card h3 {
    max-width: 100%;
    margin: 34px 0 20px;
    font-size: clamp(29px,2.35vw,41px);
    overflow-wrap: normal;
}
.admin-overview-card p { max-width: 290px; font-size: 12px; }
.admin-overview-card b { overflow-wrap: anywhere; }
.admin-overview-card i { align-self: flex-start; padding-bottom: 5px; border-bottom: 1px solid rgba(118,233,255,.52); }
.admin-overview-card:focus-visible { outline: 2px solid #f7fdff; outline-offset: 4px; }

.admin-overview-card--primary {
    background:
        radial-gradient(ellipse at 88% 5%,rgba(118,233,255,.22),transparent 48%),
        linear-gradient(148deg,#1d3342,#07111a 70%,#11233a);
}

.admin-overview-card--video {
    background:
        radial-gradient(circle at 88% 3%,rgba(85,121,255,.3),transparent 40%),
        linear-gradient(148deg,#18263b,#070e18 72%);
}

.admin-overview-card:nth-child(4) {
    background:
        radial-gradient(circle at 93% 8%,rgba(118,233,255,.11),transparent 42%),
        linear-gradient(148deg,#172230,#070d14 72%);
}

.admin-overview-card:nth-child(5) {
    background:
        radial-gradient(circle at 88% 4%,rgba(85,121,255,.15),transparent 43%),
        linear-gradient(148deg,#182334,#070d14 72%);
}

.admin-overview-card:nth-child(6) {
    background:
        radial-gradient(circle at 90% 5%,rgba(218,239,255,.12),transparent 45%),
        linear-gradient(148deg,#171e28,#070c12 72%);
}

@media (min-width: 1181px) {
    .admin-overview-card { flex: 1 1 0; }
    .admin-overview-grid:hover .admin-overview-card:not(:hover),
    .admin-overview-grid:focus-within .admin-overview-card:not(:focus) {
        flex-grow: .88;
        opacity: .78;
        filter: saturate(.72) brightness(.82);
    }
    .admin-overview-grid .admin-overview-card:hover,
    .admin-overview-grid .admin-overview-card:focus-visible {
        z-index: 20;
        flex-grow: 1.65;
        opacity: 1;
        filter: saturate(1.12) brightness(1.08);
        transform: translateY(-12px) perspective(900px) rotateX(1.5deg) scale(1.012);
        border-color: rgba(118,233,255,.8);
        box-shadow: inset 0 1px rgba(255,255,255,.28),0 30px 70px rgba(0,0,0,.4),0 0 34px rgba(118,233,255,.13);
    }
    .admin-overview-card:hover::before,
    .admin-overview-card:focus-visible::before { left: 128%; }
}

@media (max-width: 1180px) {
    .admin-overview-grid {
        width: calc(100% + 24px);
        margin-left: -12px;
        padding: 18px 12px 32px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-padding-inline: 12px;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        scrollbar-color: var(--cp04-electric) rgba(218,239,255,.08);
        -webkit-overflow-scrolling: touch;
    }
    .admin-overview-grid::-webkit-scrollbar { height: 5px; }
    .admin-overview-grid::-webkit-scrollbar-track { background: rgba(218,239,255,.07); }
    .admin-overview-grid::-webkit-scrollbar-thumb { border-radius: 5px; background: linear-gradient(90deg,var(--cp04-electric),var(--cp04-blue)); }
    .admin-overview-card {
        flex: 0 0 clamp(255px,34vw,330px);
        min-height: 350px;
        scroll-snap-align: start;
        transform: none;
    }
    .admin-overview-card:nth-child(2n),
    .admin-overview-card:nth-child(3n) { transform: none; }
    .admin-overview-card:hover,
    .admin-overview-card:focus-visible {
        z-index: 20;
        border-color: rgba(118,233,255,.72);
        box-shadow: inset 0 1px rgba(255,255,255,.25),0 25px 58px rgba(0,0,0,.34),0 0 28px rgba(118,233,255,.1);
    }
    .admin-overview-card:hover::before,
    .admin-overview-card:focus-visible::before { left: 128%; }
}

@media (max-width: 780px) {
    .site-header.is-authenticated .session-status { left: auto; bottom: auto; width: auto; }
    .admin-overview-grid { width: calc(100% + 17px); margin-left: 0; padding-left: 0; scroll-padding-inline: 0; }
    .admin-overview-card {
        flex-basis: min(82vw,320px);
        min-height: 330px;
        padding: 22px 19px 20px;
        border-radius: 7px 20px 7px 20px;
    }
    .admin-overview-card h3 { margin-top: 28px; font-size: clamp(31px,9vw,39px); }
    .admin-overview-card p { font-size: 13px; }
}

@keyframes adminDeckRail {
    from { transform: translate3d(-5%,0,0); opacity: .48; }
    to { transform: translate3d(320%,0,0); opacity: .95; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-overview-grid::after { animation: none; transform: translateX(155%); }
    .admin-overview-card,
    .admin-overview-card::before { transition: none; }
    .admin-overview-card:nth-child(2n),
    .admin-overview-card:nth-child(3n),
    .admin-overview-grid .admin-overview-card:hover,
    .admin-overview-grid .admin-overview-card:focus-visible { transform: none; }
}

/* Mitgliederbereich: Twin Console mit ruhigem Drei-Minuten-Abruf. */
.member-dashboard .member-welcome {
    min-height: 0;
    padding: clamp(18px,2.2vw,27px) clamp(20px,2.8vw,36px);
    grid-template-columns: minmax(0,1fr) auto;
    gap: 26px;
    align-items: center;
}

.member-welcome__copy {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(220px,.52fr) minmax(330px,1fr);
    gap: clamp(24px,4vw,62px);
    align-items: center;
}

.member-welcome__copy .micro-label { margin: 0; }
.member-welcome__copy > div { min-width: 0; display: flex; gap: clamp(20px,3vw,46px); align-items: center; }
.member-dashboard .member-welcome__copy h1 {
    margin: 0;
    flex: 0 0 auto;
    font-size: clamp(34px,3.6vw,54px);
    line-height: .86;
    white-space: nowrap;
}
.member-welcome__copy > div > p {
    max-width: 520px;
    margin: 0;
    color: #8fa2b0;
    font-size: 14px;
    line-height: 1.55;
}

.member-welcome__state { display: grid; justify-items: end; gap: 10px; }
.member-welcome__state small {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #6f8291;
    font: 740 9px/1 var(--mono);
    letter-spacing: .1em;
}
.member-welcome__state small i { width: 6px; height: 6px; border-radius: 50%; background: #5be79d; box-shadow: 0 0 12px rgba(91,231,157,.55); }
.member-welcome__shortcuts {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px 18px;
}
.member-welcome__shortcuts .line-link {
    min-height: 30px;
    padding: 0 0 5px;
    align-items: center;
    white-space: nowrap;
}

.member-operations.has-inbox {
    position: relative;
    gap: clamp(14px,1.5vw,24px);
    margin-bottom: var(--cp04-stack-gap);
    align-items: stretch;
}

.member-operations.has-inbox::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 50px;
    bottom: 50px;
    left: calc(55% - 1px);
    width: 2px;
    pointer-events: none;
    background: linear-gradient(180deg,transparent,rgba(118,233,255,.1) 16%,rgba(118,233,255,.75) 48%,rgba(85,121,255,.18) 82%,transparent);
    box-shadow: 0 0 24px rgba(118,233,255,.22);
    animation: twinConsoleSeam 5.6s ease-in-out infinite;
}

.member-console-panel {
    isolation: isolate;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-color: rgba(218,239,255,.3);
    box-shadow: inset 0 1px rgba(255,255,255,.18),0 26px 64px rgba(0,0,0,.24),0 0 30px rgba(118,233,255,.035);
}

.member-console-panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(118deg,rgba(239,250,255,.055),transparent 24%,transparent 72%,rgba(85,121,255,.035));
}

.member-console-panel__content { min-height: 0; flex: 1 1 auto; }
.team-console-head,
.member-board__head {
    min-height: 218px;
    padding: clamp(24px,2.6vw,34px);
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 22px;
    align-items: start;
}
.team-console-head h2,
.member-board__head h2 { margin-top: 18px; font-size: clamp(42px,4vw,61px); }
.team-inbox-status,
.member-board__metric { min-width: 112px; padding: 14px; }
.team-inbox-status b,
.member-board__metric b { font-size: 44px; }

.member-board--console { padding: 0; }
.member-board__head > div:first-child > p:last-child { margin-top: 16px; font-size: 14px; }
.member-board__metric { text-align: right; }
.member-compose {
    min-height: 70px;
    margin: 0 clamp(20px,2.6vw,34px) 14px;
    padding-inline: 18px;
}
.member-compose > summary { min-height: 68px; }
.member-board--console > .member-console-panel__content { padding: 0 clamp(20px,2.6vw,34px) clamp(20px,2.6vw,34px); }

.team-inbox-toolbar {
    min-height: 84px;
    padding: 13px clamp(20px,2.6vw,34px);
    display: grid;
    grid-template-columns: minmax(190px,1fr) auto;
    gap: 9px 12px;
    align-items: center;
}
.team-inbox-toolbar > p { grid-row: 1 / 3; margin: 0; }
.team-inbox-toolbar > form { grid-column: 2; }
.team-inbox-toolbar > form button { width: 100%; }

.team-live-state {
    min-height: 31px;
    padding: 7px 11px;
    justify-content: flex-start;
    border-color: rgba(118,233,255,.23);
    color: #91a7b5;
    background: rgba(2,8,14,.35);
    white-space: nowrap;
}
.team-live-state i { flex: 0 0 auto; }
.team-live-state.is-ready { border-color: rgba(91,231,157,.34); color: #aef4ce; background: rgba(91,231,157,.055); }
.team-live-state.is-ready i { background: #5be79d; box-shadow: 0 0 11px rgba(91,231,157,.48); }
.team-live-state.is-checking { border-color: rgba(118,233,255,.34); color: #b9edf7; background: rgba(118,233,255,.05); }
.team-live-state.is-checking i { background: var(--cp04-electric); animation: pollCheck 1.6s ease-in-out infinite; }
.team-live-state.is-error { border-color: rgba(255,110,136,.38); color: #ffb1c0; background: rgba(255,110,136,.055); }
.team-live-state.is-error i { background: #ff6e88; box-shadow: 0 0 12px rgba(255,110,136,.4); }

.team-inbox-filters { padding: 14px clamp(20px,2.6vw,34px) 0; }
.team-message-stream { padding: 14px clamp(20px,2.6vw,34px) clamp(20px,2.6vw,34px); }
.team-message-archive { margin: 0 clamp(20px,2.6vw,34px) clamp(20px,2.6vw,34px); }

.console-empty {
    min-height: 206px;
    margin: 14px clamp(20px,2.6vw,34px) clamp(20px,2.6vw,34px);
    padding: clamp(24px,3vw,38px);
    display: flex;
    gap: clamp(20px,2.5vw,34px);
    align-items: center;
    border: 1px solid rgba(118,233,255,.18);
    border-radius: 6px 20px 6px 20px;
    background: radial-gradient(circle at 17% 50%,rgba(118,233,255,.07),transparent 25%),linear-gradient(120deg,rgba(233,248,255,.045),rgba(85,121,255,.025));
}
.member-board--console .console-empty { margin: 0; }
.console-empty > div { min-width: 0; }
.console-empty small,
.console-empty strong { display: block; }
.console-empty small { color: var(--cp04-electric); font: 750 10px/1 var(--mono); letter-spacing: .12em; }
.console-empty strong { margin-top: 10px; color: #dcebf3; font: 760 clamp(18px,1.6vw,24px)/1.08 var(--display); letter-spacing: -.025em; }
.console-empty p { max-width: 500px; margin: 10px 0 0; color: #7f92a1; font-size: 13px; line-height: 1.55; }

.console-empty__radar,
.console-empty__signal {
    position: relative;
    width: 88px;
    height: 88px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(118,233,255,.2);
    border-radius: 50%;
    background: radial-gradient(circle,rgba(118,233,255,.12) 0 5%,transparent 7% 33%,rgba(118,233,255,.1) 34% 35%,transparent 36% 62%,rgba(118,233,255,.08) 63% 64%,transparent 65%);
}
.console-empty__radar::before,
.console-empty__radar::after,
.console-empty__signal::before,
.console-empty__signal::after { content: ""; position: absolute; background: rgba(118,233,255,.14); }
.console-empty__radar::before,
.console-empty__signal::before { width: 1px; height: 70%; }
.console-empty__radar::after,
.console-empty__signal::after { width: 70%; height: 1px; }
.console-empty__radar i,
.console-empty__signal i { width: 8px; height: 8px; border-radius: 50%; background: var(--cp04-electric); box-shadow: 0 0 15px rgba(118,233,255,.65); }
.console-empty__radar b { position: absolute; inset: 9px; overflow: hidden; border-radius: 50%; animation: radarSweep 4.8s linear infinite; }
.console-empty__radar b::before { content: ""; position: absolute; top: 50%; left: 50%; width: 50%; height: 1px; transform-origin: left center; background: linear-gradient(90deg,var(--cp04-electric),transparent); box-shadow: 0 0 10px rgba(118,233,255,.7); }

.note-list { margin-top: 0; gap: 8px; }
.member-note {
    min-height: 0;
    padding: 0;
    display: block;
}
.member-note > summary::-webkit-details-marker { display: none; }
.member-note__summary {
    min-height: 86px;
    padding: 13px 15px;
    display: grid;
    grid-template-columns: minmax(125px,.34fr) minmax(0,1fr) auto;
    gap: 15px;
    align-items: center;
    cursor: pointer;
    list-style: none;
}
.member-note__top { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
.member-note__copy { min-width: 0; }
.member-note__title {
    display: block;
    overflow: hidden;
    color: #f0f8fd;
    font: 760 clamp(20px,1.8vw,27px)/1 var(--display);
    letter-spacing: -.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.member-note__copy small { overflow: hidden; margin-top: 8px; text-overflow: ellipsis; white-space: nowrap; }
.member-note__fold { display: grid; grid-template-columns: auto 36px; gap: 8px; align-items: center; }
.member-note__fold small { color: #718493; font: 730 9px/1 var(--mono); letter-spacing: .08em; }
.member-note__fold b {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(118,233,255,.28);
    border-radius: 5px 11px 5px 11px;
    color: var(--cp04-electric);
    background: rgba(118,233,255,.035);
    font: 300 22px/1 var(--display);
    transition: transform .35s var(--cp04-ease),background .25s;
}
.member-note[open] .member-note__fold b { transform: rotate(45deg); background: rgba(118,233,255,.1); }
.member-note__detail {
    padding: 17px 15px 15px;
    border-top: 1px solid rgba(218,239,255,.1);
    animation: memberPanelReveal .34s var(--cp04-ease) both;
}
.member-note__detail > p { margin: 0 0 16px; color: #aebdca; font-size: 14px; line-height: 1.6; white-space: pre-line; }
.member-note__actions { grid-template-columns: repeat(4,minmax(0,1fr)); }
.member-note-editor { grid-column: auto; }
.member-note-editor[open] { grid-column: 1 / -1; }
.member-note-editor > form { min-width: 0; }
.member-note:hover { transform: translateX(2px); }
.member-note[open] { border-color: rgba(118,233,255,.36); background-color: rgba(118,233,255,.025); }

@media (min-width: 1281px) {
    .member-operations.has-inbox { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
}

@media (max-width: 1280px) {
    .member-welcome__copy { grid-template-columns: minmax(0,1fr); gap: 12px; }
    .member-welcome__copy > div { justify-content: space-between; }
    .member-operations.has-inbox { grid-template-columns: minmax(0,1fr); align-items: start; }
    .member-operations.has-inbox::before { display: none; }
    .member-console-panel { height: auto; }
    .team-console-head,
    .member-board__head { min-height: 0; }
}

@media (max-width: 780px) {
    .member-dashboard .member-welcome { grid-template-columns: minmax(0,1fr); gap: 18px; }
    .member-welcome__copy > div { display: block; }
    .member-welcome__copy > div > p { margin-top: 14px; }
    .member-welcome__state { justify-items: start; }
    .member-welcome__shortcuts { justify-content: flex-start; }
    .team-console-head,
    .member-board__head { grid-template-columns: minmax(0,1fr); }
    .team-inbox-status,
    .member-board__metric { width: 100%; display: grid; grid-template-columns: auto 1fr; gap: 5px 11px; align-items: end; text-align: left; }
    .team-inbox-status b,
    .member-board__metric b { grid-row: 1 / 3; }
    .team-inbox-toolbar { grid-template-columns: minmax(0,1fr); }
    .team-inbox-toolbar > p { grid-row: auto; }
    .team-inbox-toolbar > form { grid-column: auto; }
    .team-live-state { white-space: normal; }
    .member-note__summary { grid-template-columns: minmax(0,1fr) auto; }
    .member-note__top { grid-column: 1; flex-direction: row; align-items: center; flex-wrap: wrap; }
    .member-note__copy { grid-column: 1; }
    .member-note__fold { grid-column: 2; grid-row: 1 / 3; }
    .member-note__fold small { display: none; }
    .member-note__actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .member-note-editor { grid-column: auto; }
    .member-note-editor > form { min-width: 0; }
}

@media (max-width: 520px) {
    .member-welcome__copy > div > p { font-size: 13px; }
    .team-console-head,
    .member-board__head { padding: 22px 17px; }
    .member-compose { margin-inline: 16px; }
    .member-board--console > .member-console-panel__content { padding-inline: 16px; }
    .team-inbox-toolbar,
    .team-inbox-filters { padding-inline: 16px; }
    .team-message-stream { padding-inline: 16px; }
    .team-message-archive,
    .console-empty { margin-inline: 16px; }
    .console-empty { min-height: 0; padding: 22px 17px; align-items: flex-start; flex-direction: column; }
    .console-empty__radar,
    .console-empty__signal { width: 68px; height: 68px; }
    .member-note__actions { grid-template-columns: minmax(0,1fr); }
}

@keyframes twinConsoleSeam {
    0%,100% { opacity: .38; filter: brightness(.8); }
    50% { opacity: .95; filter: brightness(1.2); }
}

@keyframes pollCheck {
    0%,100% { opacity: .45; transform: scale(.75); }
    50% { opacity: 1; transform: scale(1); }
}

@keyframes radarSweep { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .member-operations.has-inbox::before,
    .team-live-state.is-checking i,
    .console-empty__radar b { animation: none; }
    .member-note__detail,
    .member-note__fold b { transition: none; animation: none; }
}

/* Einheitliche Anmeldung im Kopf und vollstaendige Linkreihen im Seitenfuss. */
.site-header .session-status__role strong { max-width: 118px; }

.admin-bar > .session-status {
    width: 205px;
    min-width: 205px;
    justify-self: end;
}

.admin-bar > .session-status .session-status__role {
    border-radius: 14px;
}

.site-footer {
    grid-template-columns: auto minmax(170px,1fr) auto;
}

.site-footer nav {
    max-width: none;
    display: grid;
    grid-template-columns: repeat(3,max-content);
    gap: 14px 20px;
}

.site-footer.is-authenticated nav {
    grid-template-columns: repeat(5,max-content);
}

@media (max-width: 1050px) {
    .site-footer { grid-template-columns: auto minmax(0,1fr); }
    .site-footer nav { justify-self: end; }
    .admin-bar > .session-status { width: 172px; min-width: 172px; }
}

@media (max-width: 780px) {
    .admin-bar { column-gap: 6px; }
    .admin-bar > .session-status { left: auto; bottom: auto; width: auto; min-width: 0; }
    .admin-bar > .session-status .session-status__role { min-height: 43px; padding: 4px 5px 4px 8px; gap: 7px; border-radius: 11px; }
    .admin-bar > .session-status .session-status__role > div { min-width: 6px; }
    .admin-bar > .session-status .session-status__role > div > span { width: 6px; overflow: hidden; font-size: 0; }
    .admin-bar > .session-status .session-status__role > div > span i { margin: 0; }
    .admin-bar > .session-status .session-status__role strong { display: none; }
    .admin-bar > .session-status .session-status__role button { min-height: 33px; padding: 7px; }
    .admin-bar > .session-status .session-status__logout-full { display: none; }
    .admin-bar > .session-status .session-status__logout-short { display: inline; }
    .site-footer,
    .site-footer.is-authenticated { grid-template-columns: minmax(0,1fr); }
    .site-footer nav,
    .site-footer.is-authenticated nav {
        width: 100%;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px 12px;
        justify-self: stretch;
    }
    .site-footer:not(.is-authenticated) nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .site-footer nav a { min-height: 30px; display: flex; align-items: center; }
}

@media (max-width: 430px) {
    .site-footer:not(.is-authenticated) nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .site-footer nav { column-gap: 8px; }
    .site-footer nav a { font-size: 8px; letter-spacing: .06em; }
}

/* Strecken-Puls: datensparsame Reichweite als gemeinsame Chrome-Pulse-Konsole. */
.member-visitor-pulse { margin: var(--cp04-stack-gap,42px) 0; }
.visitor-admin-section { scroll-margin-top: 105px; }
.admin-overview-card--pulse {
    background:
        radial-gradient(circle at 87% 7%,rgba(118,233,255,.2),transparent 41%),
        linear-gradient(148deg,#15293a,#070d15 72%);
}

.visitor-pulse {
    --visitor-line: rgba(184,231,255,.19);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(196,236,255,.36);
    border-radius: 8px 34px 8px 34px;
    background:
        radial-gradient(ellipse at 94% 3%,rgba(74,102,255,.2),transparent 41%),
        radial-gradient(ellipse at 7% 88%,rgba(118,233,255,.1),transparent 45%),
        linear-gradient(132deg,rgba(24,37,50,.98),rgba(5,12,20,.98) 52%,rgba(14,25,43,.98));
    box-shadow: inset 0 1px rgba(255,255,255,.18),0 35px 80px rgba(0,0,0,.25);
}

.visitor-pulse::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 24%;
    height: 220%;
    top: -62%;
    left: -36%;
    transform: rotate(14deg);
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.13),rgba(118,233,255,.06),transparent);
    animation: visitorPulseSweep 12s var(--cp04-ease) infinite;
    pointer-events: none;
}

.visitor-pulse::after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg,transparent,var(--cp04-electric),#f6fdff,var(--cp04-blue),transparent);
    box-shadow: 0 0 18px rgba(118,233,255,.48);
    pointer-events: none;
}

.visitor-pulse__head {
    min-height: 215px;
    padding: clamp(28px,4vw,54px);
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: clamp(28px,5vw,76px);
    align-items: center;
}

.visitor-pulse__head h2 {
    margin: 26px 0 17px;
    font: 820 clamp(54px,6.2vw,92px)/.78 var(--display);
    letter-spacing: -.075em;
}

.visitor-pulse__head h2 em { color: var(--cp04-electric); font-style: normal; font-weight: 280; }
.visitor-pulse__head > div:first-child > p:last-child { max-width: 720px; margin: 0; color: #a4b3c1; font-size: 16px; line-height: 1.65; }
.visitor-pulse__live {
    width: 170px;
    min-height: 148px;
    padding: 20px;
    display: grid;
    grid-template-columns: 10px 1fr;
    align-content: center;
    border: 1px solid rgba(118,233,255,.36);
    border-radius: 7px 22px 7px 22px;
    background: rgba(2,9,15,.45);
}
.visitor-pulse__live > i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: #7dffbd; box-shadow: 0 0 0 5px rgba(125,255,189,.08),0 0 20px rgba(125,255,189,.55); }
.visitor-pulse__live > span { color: #b4c4d0; font: 760 11px/1.3 var(--mono); letter-spacing: .09em; }
.visitor-pulse__live > b { grid-column: 1/-1; margin-top: 13px; color: var(--cp04-electric); font: 840 51px/.8 var(--display); letter-spacing: -.06em; }
.visitor-pulse__live > small { grid-column: 1/-1; margin-top: 9px; color: #758795; font: 700 10px/1.3 var(--mono); letter-spacing: .09em; }

.visitor-pulse__counters {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    border-top: 1px solid var(--visitor-line);
    border-bottom: 1px solid var(--visitor-line);
    background: rgba(0,5,10,.18);
}
.visitor-pulse__counters > div { min-width: 0; padding: clamp(24px,3vw,40px) clamp(22px,3.2vw,46px); }
.visitor-pulse__counters > div + div { border-left: 1px solid var(--visitor-line); }
.visitor-pulse__counters span { display: block; color: var(--cp04-electric); font: 780 13px/1 var(--mono); letter-spacing: .13em; }
.visitor-pulse__counters b { display: block; margin-top: 17px; color: #f3f9fd; font: 850 clamp(58px,7.2vw,108px)/.7 var(--display); letter-spacing: -.075em; animation: visitorCountEnter .72s var(--cp04-ease) both; }
.visitor-pulse__counters small { display: block; margin-top: 19px; color: #8293a2; font: 720 11px/1.35 var(--mono); letter-spacing: .08em; }

.visitor-pulse__signal { display: grid; grid-template-columns: minmax(0,1.28fr) minmax(300px,.72fr); }
.visitor-pulse__trend,
.visitor-pulse__ranking,
.visitor-pulse__timing { min-width: 0; padding: clamp(25px,3.4vw,47px); }
.visitor-pulse__signal > * + * { border-left: 1px solid var(--visitor-line); }
.visitor-pulse__trend > header,
.visitor-pulse__ranking > header,
.visitor-pulse__timing > header { display: flex; justify-content: space-between; gap: 18px; align-items: end; }
.visitor-pulse__trend > header span,
.visitor-pulse__ranking > header span,
.visitor-pulse__timing > header span { color: #768a9a; font: 750 11px/1.3 var(--mono); letter-spacing: .11em; }
.visitor-pulse__trend > header b { color: #b7c6d2; font: 750 11px/1.3 var(--mono); letter-spacing: .06em; text-align: right; }
.visitor-pulse__ranking h3,
.visitor-pulse__timing h3 { margin: 8px 0 0; color: #eff7fb; font: 780 28px/.95 var(--display); letter-spacing: -.045em; }

.visitor-pulse__bars { height: 150px; margin-top: 36px; display: flex; gap: clamp(4px,.65vw,10px); align-items: end; border-bottom: 1px solid rgba(218,239,255,.22); background: repeating-linear-gradient(to top,transparent 0,transparent 36px,rgba(218,239,255,.055) 37px); }
.visitor-pulse__bars > i { position: relative; flex: 1 1 0; height: var(--visitor-height); min-height: 4px; border-radius: 3px 3px 0 0; }
.visitor-pulse__bars > i::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg,#f2fbff 0%,var(--cp04-electric) 25%,rgba(85,121,255,.4) 100%); box-shadow: 0 0 15px rgba(118,233,255,.12); transform-origin: 50% 100%; animation: visitorBarRise .72s var(--cp04-ease) both; }
.visitor-pulse__bars > i:nth-child(2n)::before { opacity: .74; }
.visitor-pulse__bar-value { position: absolute; z-index: 1; left: 50%; bottom: calc(100% + 7px); transform: translateX(-50%); color: #dff8ff; font: normal 780 12px/1 var(--mono); font-variant-numeric: tabular-nums; letter-spacing: 0; text-shadow: 0 0 10px rgba(118,233,255,.45); white-space: nowrap; }
.visitor-pulse__bar-value.is-inside { top: 8px; bottom: auto; color: #06121b; text-shadow: 0 1px rgba(255,255,255,.3); }
.visitor-pulse__axis { margin-top: 10px; display: flex; justify-content: space-between; color: #667887; font: 700 10px/1 var(--mono); letter-spacing: .07em; }

.visitor-pulse__ranking ol { margin: 24px 0 0; padding: 0; display: grid; gap: 17px; list-style: none; }
.visitor-pulse__ranking li > span { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.visitor-pulse__ranking li b { min-width: 0; overflow: hidden; color: #c8d5de; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.visitor-pulse__ranking li em { color: var(--cp04-electric); font: normal 760 12px/1 var(--mono); }
.visitor-pulse__ranking li > i { display: block; height: 3px; margin-top: 8px; overflow: hidden; background: rgba(218,239,255,.08); }
.visitor-pulse__ranking li > i::after { content: ""; display: block; width: var(--visitor-bar); height: 100%; background: linear-gradient(90deg,var(--cp04-electric),var(--cp04-blue)); box-shadow: 0 0 12px rgba(118,233,255,.35); }
.visitor-pulse__empty { margin: 24px 0 0; color: #8192a0; font-size: 15px; line-height: 1.55; }
.visitor-pulse__domains { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(218,239,255,.12); }
.visitor-pulse__domains > span { display: block; color: #91a7b6; font: 760 11px/1.3 var(--mono); letter-spacing: .1em; }
.visitor-pulse__domains > p { margin: 13px 0 0; color: #7f919f; font-size: 14px; line-height: 1.5; }
.visitor-pulse__domains ol { margin-top: 13px; gap: 0; }
.visitor-pulse__domains li { min-width: 0; padding: 10px 0; display: flex; justify-content: space-between; gap: 14px; align-items: center; border-top: 1px solid rgba(218,239,255,.09); }
.visitor-pulse__domains li > span { min-width: 0; display: grid; justify-content: initial; gap: 4px; }
.visitor-pulse__domains li b { overflow: hidden; color: #d9e8ef; font: 720 14px/1.25 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.visitor-pulse__domains li small { color: #6f8594; font: 700 10px/1.2 var(--mono); letter-spacing: .08em; }
.visitor-pulse__domains li em { flex: 0 0 auto; color: var(--cp04-electric); font: normal 760 12px/1 var(--mono); }

.visitor-pulse__details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--visitor-line); }
.visitor-pulse__details > * + * { border-left: 1px solid var(--visitor-line); }
.visitor-pulse__details .visitor-pulse__ranking,
.visitor-pulse__details .visitor-pulse__timing { padding: clamp(24px,2.6vw,38px); }
.visitor-pulse__timing > header { display: block; }
.visitor-pulse__timing dl { margin: 24px 0 0; }
.visitor-pulse__timing dl > div { padding: 13px 0; display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid rgba(218,239,255,.1); }
.visitor-pulse__timing dt { color: #718493; font: 720 10px/1.35 var(--mono); letter-spacing: .08em; }
.visitor-pulse__timing dd { margin: 0; color: #dbe8ef; font: 750 13px/1.25 var(--mono); text-align: right; }

.visitor-pulse__foot { min-height: 82px; padding: 21px clamp(25px,3.4vw,47px); display: flex; justify-content: space-between; gap: 32px; align-items: center; border-top: 1px solid var(--visitor-line); background: rgba(2,8,14,.34); }
.visitor-pulse__foot p { max-width: 850px; margin: 0; color: #8092a0; font-size: 14px; line-height: 1.55; }
.visitor-pulse__foot p b { color: #a9bbc8; font: 760 11px/1 var(--mono); letter-spacing: .08em; }
.visitor-pulse__foot > span { flex: 0 0 auto; color: var(--cp04-electric); font: 740 10px/1.3 var(--mono); letter-spacing: .08em; }

.visitor-admin-tools { padding: 20px 22px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 18px; align-items: center; border: 1px solid rgba(218,239,255,.18); border-top: 0; border-radius: 0 0 8px 26px; background: rgba(3,9,15,.72); }
.visitor-admin-tools > div > span { color: var(--cp04-electric); font: 760 11px/1 var(--mono); letter-spacing: .1em; }
.visitor-admin-tools > div > span.is-ready::before,
.visitor-admin-tools > div > span.is-error::before { content: ""; width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: #79ffb9; box-shadow: 0 0 14px rgba(121,255,185,.52); }
.visitor-admin-tools > div > span.is-error { color: #ff9aad; }
.visitor-admin-tools > div > span.is-error::before { background: #ff718d; box-shadow: 0 0 14px rgba(255,113,141,.5); }
.visitor-admin-tools > div > p { max-width: 640px; margin: 8px 0 0; color: #8294a2; font-size: 14px; line-height: 1.5; }
.visitor-admin-export,
.visitor-admin-tools button { min-height: 46px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(118,233,255,.56); border-radius: 8px 16px 8px 16px; color: var(--cp04-electric); background: rgba(5,13,21,.72); text-decoration: none; font: 760 11px/1 var(--mono); letter-spacing: .08em; }
.visitor-admin-tools form { display: flex; gap: 10px; align-items: center; }
.visitor-admin-tools form label { min-height: 46px; padding: 0 13px; display: flex; gap: 9px; align-items: center; border: 1px solid rgba(255,118,146,.28); border-radius: 8px; }
.visitor-admin-tools form label span { color: #d5a1ac; font: 720 10px/1.25 var(--mono); letter-spacing: .06em; }
.visitor-admin-tools form input { accent-color: #ff718d; }
.visitor-admin-tools button { border-color: rgba(255,113,141,.55); color: #ff9aad; }
.visitor-admin-export:hover,
.visitor-admin-export:focus-visible { color: #071019; background: var(--cp04-electric); }
.visitor-admin-tools button:hover,
.visitor-admin-tools button:focus-visible { color: #16070b; background: #ff8da5; }

.privacy-shell { padding: 165px 0 120px; }
.privacy-hero { position: relative; padding: clamp(34px,5vw,68px); overflow: hidden; border: 1px solid rgba(218,239,255,.32); border-radius: 8px 38px 8px 38px; background: radial-gradient(ellipse at 90% 5%,rgba(85,121,255,.2),transparent 45%),linear-gradient(142deg,rgba(26,39,52,.95),rgba(5,11,18,.98)); }
.privacy-hero::after { content: "PRIVAT"; position: absolute; right: -9px; bottom: -30px; color: rgba(118,233,255,.045); font: 850 clamp(95px,15vw,220px)/.75 var(--display); letter-spacing: -.08em; pointer-events: none; }
.privacy-hero > * { position: relative; z-index: 1; }
.privacy-hero h1 { margin: 35px 0 27px; font: 840 clamp(64px,9vw,135px)/.73 var(--display); letter-spacing: -.08em; }
.privacy-hero h1 em { color: var(--cp04-electric); font-style: normal; font-weight: 270; }
.privacy-hero > p:last-child { max-width: 800px; margin: 0; color: #a4b3bf; font-size: 17px; line-height: 1.72; }
.privacy-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid rgba(218,239,255,.2); border-radius: 8px 30px 8px 30px; overflow: hidden; }
.privacy-grid section { min-width: 0; padding: clamp(28px,4vw,52px); background: linear-gradient(145deg,rgba(218,239,255,.055),rgba(218,239,255,.015)); }
.privacy-grid section:nth-child(2n) { border-left: 1px solid rgba(218,239,255,.16); }
.privacy-grid section:nth-child(n+3) { border-top: 1px solid rgba(218,239,255,.16); }
.privacy-grid section > span { color: var(--cp04-electric); font: 760 12px/1 var(--mono); letter-spacing: .1em; }
.privacy-grid h2 { margin: 25px 0 18px; color: #eff8fc; font: 790 clamp(30px,3vw,44px)/.92 var(--display); letter-spacing: -.05em; }
.privacy-grid p { margin: 0; color: #9cabb7; font-size: 16px; line-height: 1.72; }
.privacy-grid p + p { margin-top: 17px; }
.privacy-grid code { color: #d9f8ff; font: 730 14px/1.4 var(--mono); overflow-wrap: anywhere; }
.privacy-grid .line-link { margin-top: 24px; }

@keyframes visitorPulseSweep {
    0%,20% { left: -36%; opacity: 0; }
    42%,58% { opacity: .9; }
    80%,100% { left: 116%; opacity: 0; }
}
@keyframes visitorCountEnter { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes visitorBarRise { from { transform: scaleY(.05); opacity: .2; } to { transform: scaleY(1); opacity: 1; } }

@media (max-width: 1120px) {
    .visitor-pulse__details { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .visitor-pulse__details > *:nth-child(3) { border-left: 0; }
    .visitor-pulse__details > *:nth-child(n+3) { border-top: 1px solid var(--visitor-line); }
    .visitor-admin-tools { grid-template-columns: minmax(0,1fr) auto; }
    .visitor-admin-tools > form { grid-column: 1/-1; justify-content: flex-end; }
}

@media (max-width: 780px) {
    .member-visitor-pulse { margin: 34px 0; }
    .visitor-pulse { border-radius: 7px 24px 7px 24px; }
    .visitor-pulse__head { min-height: 0; padding: 28px 20px; grid-template-columns: minmax(0,1fr) 116px; gap: 17px; }
    .visitor-pulse__head h2 { margin: 22px 0 14px; font-size: clamp(48px,14vw,72px); }
    .visitor-pulse__head > div:first-child > p:last-child { grid-column: 1/-1; font-size: 15px; }
    .visitor-pulse__live { width: 116px; min-height: 118px; padding: 14px; }
    .visitor-pulse__live > span { font-size: 9px; }
    .visitor-pulse__live > b { font-size: 40px; }
    .visitor-pulse__live > small { font-size: 8px; }
    .visitor-pulse__counters > div { padding: 24px 15px; }
    .visitor-pulse__counters span { font-size: 11px; }
    .visitor-pulse__counters b { margin-top: 14px; font-size: clamp(42px,14vw,70px); }
    .visitor-pulse__counters small { margin-top: 15px; font-size: 9px; overflow-wrap: anywhere; }
    .visitor-pulse__signal { grid-template-columns: minmax(0,1fr); }
    .visitor-pulse__signal > * + * { border-top: 1px solid var(--visitor-line); border-left: 0; }
    .visitor-pulse__trend,
    .visitor-pulse__ranking,
    .visitor-pulse__timing { padding: 27px 20px; }
    .visitor-pulse__bars { height: 118px; gap: clamp(2px,.9vw,5px); }
    .visitor-pulse__foot { padding: 20px; align-items: flex-start; flex-direction: column; gap: 12px; }
    .visitor-pulse__foot p { font-size: 13px; }
    .visitor-admin-tools { padding: 18px; grid-template-columns: minmax(0,1fr); }
    .visitor-admin-tools > form { grid-column: auto; justify-content: stretch; align-items: stretch; flex-direction: column; }
    .visitor-admin-export,
    .visitor-admin-tools button { width: 100%; }
    .privacy-shell { padding: 125px 0 80px; }
    .privacy-hero { padding: 31px 20px; border-radius: 7px 25px 7px 25px; }
    .privacy-hero h1 { font-size: clamp(54px,17vw,78px); }
    .privacy-hero > p:last-child { font-size: 16px; }
    .privacy-grid { grid-template-columns: minmax(0,1fr); }
    .privacy-grid section:nth-child(2n) { border-left: 0; }
    .privacy-grid section + section { border-top: 1px solid rgba(218,239,255,.16); }
}

@media (max-width: 480px) {
    .visitor-pulse__head { grid-template-columns: minmax(0,1fr); }
    .visitor-pulse__live { width: 100%; min-height: 88px; grid-template-columns: 10px 1fr auto; align-items: center; }
    .visitor-pulse__live > b { grid-column: 3; grid-row: 1/3; margin: 0; }
    .visitor-pulse__live > small { grid-column: 2; margin-top: 4px; }
    .visitor-pulse__counters { grid-template-columns: minmax(0,1fr); }
    .visitor-pulse__counters > div + div { border-top: 1px solid var(--visitor-line); border-left: 0; }
    .visitor-pulse__counters > div { display: grid; grid-template-columns: minmax(70px,.55fr) minmax(0,1fr); gap: 6px 18px; align-items: center; }
    .visitor-pulse__counters span { grid-row: 1/3; }
    .visitor-pulse__counters b { margin: 0; font-size: 58px; }
    .visitor-pulse__counters small { margin: 0; }
    .visitor-pulse__details { grid-template-columns: minmax(0,1fr); }
    .visitor-pulse__details > * { border-left: 0 !important; }
    .visitor-pulse__details > * + * { border-top: 1px solid var(--visitor-line); }
    .visitor-pulse__trend > header { align-items: flex-start; flex-direction: column; }
    .visitor-pulse__trend > header b { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .visitor-pulse::before,
    .visitor-pulse__counters b,
    .visitor-pulse__bars > i::before { animation: none; }
}

/* Driver portal · invitation, race night and personal paddock */
.member-paddock,
.member-invitations {
    position: relative;
    margin: 34px 0;
    overflow: hidden;
    border: 1px solid rgba(125,233,255,.28);
    border-radius: 8px 34px 8px 34px;
    background: linear-gradient(118deg,rgba(12,24,34,.97),rgba(7,15,25,.98) 53%,rgba(19,32,61,.92));
    box-shadow: 0 30px 80px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.04);
}
.member-paddock::before,
.member-invitations::before { content:""; position:absolute; z-index:2; inset:2px auto auto 4%; --cp04-scan-width:28%; width:var(--cp04-scan-width); height:3px; background:linear-gradient(90deg,transparent,var(--cp04-electric) 38%,#edfcff 50%,var(--cp04-electric) 62%,transparent); box-shadow:0 3px 16px rgba(125,233,255,.65); animation:driverScan 8s ease-in-out infinite alternate; pointer-events:none; }
.member-paddock__head,
.member-invitations > header { position:relative; z-index:1; padding:clamp(25px,3.5vw,48px); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:end; border-bottom:1px solid rgba(218,239,255,.12); }
.member-paddock__head h2,
.member-invitations > header h2 { margin:18px 0 0; color:#f4f9fc; font:820 clamp(48px,5.7vw,88px)/.76 var(--display); letter-spacing:-.07em; }
.member-paddock__head h2 em,
.member-invitations > header h2 em { color:var(--cp04-electric); font-style:normal; font-weight:250; }
.member-paddock__fresh { min-width:190px; display:grid; grid-template-columns:auto 1fr; gap:10px 16px; align-items:end; padding:18px 22px; border:1px solid rgba(125,233,255,.28); border-radius:6px 18px 6px 18px; background:rgba(2,8,14,.55); }
.member-paddock__fresh b { grid-row:1/3; color:var(--cp04-electric); font:820 64px/.75 var(--display); }
.member-paddock__fresh span { color:#9cadb9; font:750 10px/1.4 var(--mono); letter-spacing:.08em; }
.member-paddock__event { padding:clamp(20px,2.8vw,38px); }
.member-next-event { display:grid; grid-template-columns:150px minmax(0,1fr) minmax(300px,.62fr); gap:clamp(22px,3vw,44px); align-items:stretch; }
.member-next-event__date { min-height:210px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid rgba(125,233,255,.36); border-radius:5px 25px 5px 25px; background:linear-gradient(145deg,rgba(218,239,255,.12),rgba(20,38,66,.72)); transform:skewY(-2deg); }
.member-next-event__date > * { transform:skewY(2deg); }
.member-next-event__date span,.member-next-event__date small { color:var(--cp04-electric); font:760 11px/1 var(--mono); letter-spacing:.12em; }
.member-next-event__date b { margin:12px 0 9px; color:#f5faff; font:820 86px/.72 var(--display); letter-spacing:-.06em; }
.member-next-event__copy { align-self:center; }
.member-next-event.is-cancelled { opacity:.78; }.member-next-event.is-cancelled .member-next-event__date { border-color:rgba(255,120,149,.48); }.member-next-event.is-cancelled .member-next-event__copy .micro-label { color:#ff8ca3; }
.member-next-event__copy h3 { margin:17px 0 13px; color:#f2f8fb; font:780 clamp(32px,3.3vw,50px)/.9 var(--display); letter-spacing:-.045em; }
.member-next-event__copy > p:not(.micro-label) { max-width:720px; margin:0; color:#a2b2bd; font-size:16px; line-height:1.62; }
.member-event-meta { margin-top:22px; display:flex; flex-wrap:wrap; gap:9px; }
.member-event-meta span { padding:9px 11px; border:1px solid rgba(218,239,255,.15); color:#9babb7; font:730 10px/1 var(--mono); letter-spacing:.07em; }
.member-event-focus { position:relative; min-height:62px; margin:0 0 24px; display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr) auto; gap:20px; align-items:center; padding:13px 18px; overflow:hidden; border:1px solid rgba(125,233,255,.28); border-radius:4px 17px 4px 4px; background:linear-gradient(115deg,rgba(125,233,255,.08),rgba(3,10,17,.72) 48%,rgba(32,53,91,.28)); box-shadow:inset 3px 0 rgba(125,233,255,.8); }
.member-event-focus::after { content:""; position:absolute; inset:0 auto 0 -15%; width:28%; background:linear-gradient(105deg,transparent,rgba(232,248,255,.12),transparent); transform:skewX(-18deg); animation:memberEventFocusSweep 6s ease-in-out infinite; pointer-events:none; }
.member-event-focus > * { position:relative; z-index:1; }
.member-event-focus > span { display:flex; gap:9px; align-items:center; color:var(--cp04-electric); font:750 10px/1.3 var(--mono); letter-spacing:.08em; }
.member-event-focus > span i { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:var(--cp04-electric); box-shadow:0 0 14px var(--cp04-electric); }
.member-event-focus > strong { min-width:0; overflow:hidden; color:#eff8fc; font:760 18px/1.15 var(--display); text-overflow:ellipsis; white-space:nowrap; }
.member-event-focus > time,.member-event-focus > small { color:#9babb7; font:720 10px/1.35 var(--mono); letter-spacing:.06em; text-align:right; }
.member-event-focus.is-warning { border-color:rgba(255,143,166,.38); box-shadow:inset 3px 0 rgba(255,120,149,.78); }
.member-event-focus.is-warning > span { color:#ff9bb0; }.member-event-focus.is-warning > span i { background:#ff7895; box-shadow:0 0 14px rgba(255,120,149,.8); }
.member-next-event__response { padding:21px; border-left:1px solid rgba(125,233,255,.24); background:linear-gradient(90deg,rgba(2,8,14,.16),rgba(2,8,14,.42)); }
.member-next-event__response > small { color:#728695; font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-next-event__response > strong { display:block; margin-top:9px; color:#eff8fc; font:780 25px/1 var(--display); }
.member-next-event__response > p { margin:13px 0 0; color:#91a5b3; font-size:13px; line-height:1.45; }
.member-rsvp-lights { margin-top:20px; display:grid; gap:8px; }
.member-rsvp-lights form { margin:0; }
.member-rsvp-lights button { width:100%; min-height:45px; display:flex; align-items:center; gap:11px; padding:0 14px; border:1px solid rgba(218,239,255,.16); background:rgba(1,7,12,.48); color:#b8c7d0; font:760 12px/1 var(--mono); letter-spacing:.07em; cursor:pointer; }
.member-rsvp-lights button i { width:9px; height:9px; border-radius:50%; background:#51606b; box-shadow:0 0 0 5px rgba(255,255,255,.025); }
.member-rsvp-lights > button.is-yes > b { margin-left:auto; color:var(--cp04-electric); font:300 20px/1 var(--display); transition:transform .25s ease; }
.member-rsvp-lights > button.is-yes[aria-expanded="true"] > b { transform:rotate(45deg); }
.member-rsvp-lights button.is-yes.is-active { border-color:#6ef0ae; color:#8ff8bf; }
.member-rsvp-lights button.is-yes.is-active i { background:#6ef0ae; box-shadow:0 0 16px #6ef0ae; }
.member-rsvp-lights button.is-maybe.is-active { border-color:#f2c763; color:#f7d98f; }
.member-rsvp-lights button.is-maybe.is-active i { background:#f2c763; box-shadow:0 0 16px #f2c763; }
.member-rsvp-lights button.is-no.is-active { border-color:#ff7895; color:#ff9aad; }
.member-rsvp-lights button.is-no.is-active i { background:#ff7895; box-shadow:0 0 16px #ff7895; }
.member-rsvp-people { grid-column:1/-1; margin:3px 0 0!important; padding:14px; display:grid; gap:11px; border:1px solid rgba(110,240,174,.3); background:linear-gradient(135deg,rgba(6,24,23,.82),rgba(2,9,15,.92)); box-shadow:inset 3px 0 #6ef0ae,0 14px 30px rgba(0,0,0,.2); }
.member-rsvp-people[hidden] { display:none!important; }
.member-rsvp-people label { display:grid; gap:7px; }
.member-rsvp-people label > span { color:#9eb0ba; font:720 10px/1.35 var(--mono); letter-spacing:.07em; }
.member-rsvp-people input { width:100%; min-width:0; min-height:43px; padding:0 11px; border:1px solid rgba(218,239,255,.18); background:#050c13; color:#e7f1f6; font-size:15px; }
.member-rsvp-people > button[type="submit"] { justify-content:center; border-color:rgba(110,240,174,.48); color:#8ff8bf; }
.member-event-upcoming { margin:24px 0 0; overflow:hidden; border:1px solid rgba(125,233,255,.2); border-radius:4px 18px 4px 4px; background:rgba(1,7,12,.42); }
.member-event-upcoming > summary { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 18px; cursor:pointer; list-style:none; }
.member-event-upcoming > summary::-webkit-details-marker { display:none; }
.member-event-upcoming > summary span > small,.member-event-upcoming > summary span > strong { display:block; }
.member-event-upcoming > summary span > small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-event-upcoming > summary span > strong { margin-top:8px; color:#dbe7ed; font-size:16px; }
.member-event-upcoming > summary > b { min-width:42px; height:38px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.24); color:var(--cp04-electric); font:780 19px/1 var(--display); }
.member-event-upcoming[open] > summary > b { color:#061017; background:var(--cp04-electric); }
.member-event-upcoming__list { border-top:1px solid rgba(218,239,255,.1); }
.member-event-upcoming__list > a { min-height:78px; display:grid; grid-template-columns:72px minmax(0,1fr) minmax(140px,.32fr) auto; gap:18px; align-items:center; padding:10px 18px; color:inherit; text-decoration:none; transition:background .25s ease,border-color .25s ease; }
.member-event-upcoming__list > a + a { border-top:1px solid rgba(218,239,255,.08); }
.member-event-upcoming__list > a:hover { background:linear-gradient(90deg,rgba(125,233,255,.08),rgba(125,233,255,.015)); }
.member-event-upcoming__list > a > time { height:55px; display:grid; grid-template-columns:auto 1fr; gap:3px 7px; align-content:center; padding:7px 10px; border:1px solid rgba(125,233,255,.24); background:rgba(125,233,255,.04); }
.member-event-upcoming__list > a > time b { grid-row:1/3; color:#eff8fc; font:790 31px/.82 var(--display); }
.member-event-upcoming__list > a > time span { align-self:end; color:var(--cp04-electric); font:720 8px/1.2 var(--mono); letter-spacing:.06em; }
.member-event-upcoming__title { min-width:0; }.member-event-upcoming__title > small,.member-event-upcoming__title > strong { display:block; }
.member-event-upcoming__title > small { color:#7f929f; font:720 9px/1 var(--mono); letter-spacing:.08em; }
.member-event-upcoming__title > strong { margin-top:8px; overflow:hidden; color:#dfeaf0; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.member-event-upcoming__answer { min-width:0; padding-left:14px; border-left:1px solid rgba(218,239,255,.1); }.member-event-upcoming__answer > * { display:block; }
.member-event-upcoming__answer small { color:#728695; font:720 8px/1 var(--mono); letter-spacing:.07em; }
.member-event-upcoming__answer b { margin-top:7px; color:#aebdc6; font:740 10px/1.2 var(--mono); letter-spacing:.05em; }
.member-event-upcoming__answer.is-yes b { color:#83efb6; }.member-event-upcoming__answer.is-maybe b { color:#f1cd76; }.member-event-upcoming__answer.is-no b,.member-event-upcoming__answer.is-cancelled b { color:#ff8fa6; }
.member-event-upcoming__open { color:var(--cp04-electric); font:740 9px/1 var(--mono); letter-spacing:.07em; white-space:nowrap; }
.member-event-upcoming__list > a.is-cancelled { opacity:.62; }
.member-event-roster { margin:0 clamp(20px,2.8vw,38px) clamp(20px,2.8vw,38px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid rgba(218,239,255,.12); }
.member-event-roster > div { padding:17px 20px; }
.member-event-roster > div + div { border-left:1px solid rgba(218,239,255,.12); }
.member-event-roster small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.08em; }
.member-event-roster p { margin:9px 0 0; color:#a9b7c1; font-size:14px; line-height:1.5; }
.member-event-team-overview {
    margin:clamp(18px,2vw,28px) clamp(20px,2.8vw,38px) clamp(20px,2.8vw,38px);
    overflow:hidden;
    border:1px solid rgba(125,233,255,.23);
    border-radius:5px 22px 5px 22px;
    background:linear-gradient(135deg,rgba(7,18,28,.92),rgba(9,20,41,.72));
    box-shadow:inset 3px 0 rgba(125,233,255,.72),0 20px 55px rgba(0,0,0,.2);
}
.member-paddock__event > .member-event-team-overview,
.member-paddock__event > .member-event-control { margin-inline:0; }
.member-event-team-overview > header { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:20px 22px; border-bottom:1px solid rgba(218,239,255,.12); }
.member-event-team-overview > header small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-event-team-overview > header strong { display:block; margin-top:8px; color:#edf7fb; font:760 24px/1 var(--display); }
.member-event-team-overview > header p { margin:8px 0 0; color:#8da0ad; font-size:14px; line-height:1.45; }
.member-event-team-overview__tools { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; align-items:center; flex:0 0 auto; }
.member-event-team-overview__metric { display:grid; grid-template-columns:auto auto; gap:10px; align-items:end; }
.member-event-team-overview__metric b { color:var(--cp04-electric); font:820 48px/.78 var(--display); }
.member-event-team-overview__metric span { color:#8fa2af; font:740 9px/1.35 var(--mono); letter-spacing:.08em; }
.member-event-share { min-height:45px; padding:0 15px; border:1px solid rgba(125,233,255,.42); border-radius:4px 13px 4px 13px; background:rgba(3,10,17,.68); color:var(--cp04-electric); font:760 10px/1 var(--mono); letter-spacing:.08em; cursor:pointer; transition:border-color .25s ease,background .25s ease,transform .25s ease; }
.member-event-share b { margin-left:8px; color:#dffaff; }
.member-event-share:hover { border-color:rgba(125,233,255,.85); background:rgba(125,233,255,.08); transform:translateY(-2px); }
.member-event-team-overview__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.member-event-team-overview__grid article { min-width:0; padding:18px; border-left:1px solid rgba(218,239,255,.1); }
.member-event-team-overview__grid article:first-child { border-left:0; }
.member-event-team-overview__grid article > div { display:flex; justify-content:space-between; gap:12px; align-items:center; padding-bottom:12px; border-bottom:1px solid rgba(218,239,255,.09); }
.member-event-team-overview__grid article small { color:#8fa2af; font:740 9px/1.25 var(--mono); letter-spacing:.07em; }
.member-event-team-overview__grid article > div b { color:#dce8ee; font:780 22px/1 var(--display); }
.member-event-team-overview__grid article.is-yes small,.member-event-team-overview__grid article.is-yes > div b { color:#83efb6; }
.member-event-team-overview__grid article.is-maybe small,.member-event-team-overview__grid article.is-maybe > div b { color:#f1cd76; }
.member-event-team-overview__grid article.is-no small,.member-event-team-overview__grid article.is-no > div b { color:#ff8fa6; }
.member-event-team-overview__grid ul { margin:13px 0 0; padding:0; list-style:none; }
.member-event-team-overview__grid li { padding:10px 0; border-top:1px solid rgba(218,239,255,.07); }
.member-event-team-overview__grid li:first-child { border-top:0; }
.member-event-team-overview__grid li strong { display:block; overflow-wrap:anywhere; color:#dbe7ed; font-size:14px; }
.member-event-team-overview__grid li span { display:block; margin-top:6px; overflow-wrap:anywhere; color:#8296a4; font:700 9px/1.4 var(--mono); letter-spacing:.05em; }
.member-event-team-overview__grid article > p { margin:14px 0 0; color:#6f8391; font-size:13px; }
.member-event-empty { min-height:190px; display:flex; gap:32px; align-items:center; padding:30px; border:1px solid rgba(125,233,255,.22); background:radial-gradient(circle at 18% 50%,rgba(102,225,249,.08),transparent 28%); }
.member-event-empty__signal { position:relative; flex:0 0 112px; height:112px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.22); border-radius:50%; }
.member-event-empty__signal::before,.member-event-empty__signal::after { content:""; position:absolute; background:rgba(125,233,255,.2); }
.member-event-empty__signal::before { width:1px; height:82%; }.member-event-empty__signal::after { width:82%; height:1px; }
.member-event-empty__signal i { width:10px; height:10px; border-radius:50%; background:var(--cp04-electric); box-shadow:0 0 18px var(--cp04-electric); }
.member-event-empty small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-event-empty strong { display:block; margin-top:14px; color:#dfeaf0; font:760 clamp(23px,2.3vw,34px)/1 var(--display); }
.member-event-empty p { margin:12px 0 0; color:#8fa2af; font-size:15px; line-height:1.55; }
.member-event-planner,.member-event-control,.member-event-history,.member-invite-history { margin:0 clamp(20px,2.8vw,38px) clamp(20px,2.8vw,38px); border:1px solid rgba(125,233,255,.2); background:rgba(1,7,12,.42); }
.member-event-planner > summary,.member-event-control > summary,.member-event-history > summary,.member-invite-history > summary { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; cursor:pointer; list-style:none; }
.member-event-planner > summary::-webkit-details-marker,.member-event-control > summary::-webkit-details-marker,.member-event-history > summary::-webkit-details-marker,.member-invite-history > summary::-webkit-details-marker { display:none; }
.member-event-planner summary small,.member-event-control summary small,.member-event-history summary small,.member-invite-history summary small { display:block; color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-event-planner summary strong,.member-event-control summary strong,.member-event-history summary strong,.member-invite-history summary strong { display:block; margin-top:8px; color:#dbe7ed; font-size:16px; }
.member-event-planner summary b,.member-event-control summary b,.member-event-history summary b,.member-invite-history summary b { color:var(--cp04-electric); font:300 25px/1 var(--display); }
.member-event-planner .member-form,.member-event-control .member-form { position:static; width:auto; margin:0; padding:22px; border:0; border-top:1px solid rgba(218,239,255,.12); border-radius:0; background:rgba(3,9,15,.4); }
.member-event-audience { position:relative; margin:22px 0 4px; padding:0 16px 16px; overflow:hidden; border:1px solid rgba(125,233,255,.24); border-radius:4px 18px 4px 4px; background:linear-gradient(125deg,rgba(125,233,255,.055),rgba(2,9,15,.72) 42%,rgba(61,85,157,.08)); box-shadow:inset 3px 0 rgba(125,233,255,.58); }
.member-event-audience::after { content:""; position:absolute; inset:0 0 auto auto; width:120px; height:1px; background:linear-gradient(90deg,transparent,var(--cp04-electric)); box-shadow:0 0 14px rgba(125,233,255,.4); pointer-events:none; }
.member-event-audience > legend { margin-left:6px; padding:0 9px; color:var(--cp04-electric); font:760 12px/1 var(--mono); letter-spacing:.09em; }
.member-event-audience__toolbar { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid rgba(218,239,255,.1); }
.member-event-audience__toolbar > span > * { display:block; }
.member-event-audience__toolbar strong { color:#dce8ee; font:760 15px/1.1 var(--display); }
.member-event-audience__toolbar small { margin-top:7px; color:#879aa7; font-size:13px; line-height:1.35; }
.member-event-audience__toolbar > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.member-event-audience__toolbar button { min-height:35px; padding:0 11px; border:1px solid rgba(125,233,255,.26); background:rgba(2,9,15,.7); color:#a9bbc5; font:740 12px/1 var(--mono); letter-spacing:.07em; cursor:pointer; }
.member-event-audience__toolbar button:first-child { border-color:rgba(125,233,255,.45); color:var(--cp04-electric); }
.member-event-audience__toolbar button:hover,.member-event-audience__toolbar button:focus-visible { border-color:var(--cp04-electric); color:#e8faff; }
.member-event-audience__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:14px 0; }
.member-form .member-event-audience__grid > label { min-width:0; min-height:60px; margin:0; padding:10px 11px; display:flex; flex-direction:row; align-items:center; gap:10px; border:1px solid rgba(218,239,255,.13); background:rgba(2,8,14,.48); cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.member-form .member-event-audience__grid > label:hover,.member-form .member-event-audience__grid > label:focus-within { border-color:rgba(125,233,255,.38); transform:translateY(-1px); }
.member-form .member-event-audience__grid > label.is-selected { border-color:rgba(125,233,255,.52); background:linear-gradient(115deg,rgba(125,233,255,.11),rgba(23,39,70,.2)); box-shadow:inset 2px 0 var(--cp04-electric); }
.member-form .member-event-audience__grid input[type="checkbox"] { width:18px; min-width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:var(--cp04-electric); }
.member-event-audience__grid label > span { min-width:0; }
.member-event-audience__grid label strong,.member-event-audience__grid label small { display:block; overflow-wrap:anywhere; }
.member-event-audience__grid label strong { color:#e1ecf1; font-size:14px; line-height:1.2; }
.member-event-audience__grid label small { margin-top:6px; color:#78909e; font:700 12px/1.35 var(--mono); letter-spacing:.04em; }
.member-event-audience__status { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid rgba(218,239,255,.1); background:rgba(1,7,12,.48); }
.member-event-audience__status span { min-height:49px; display:flex; align-items:center; gap:10px; padding:9px 12px; color:#91a4b0; font:730 12px/1.3 var(--mono); letter-spacing:.06em; }
.member-event-audience__status span + span { border-left:1px solid rgba(218,239,255,.1); }
.member-event-audience__status b { color:var(--cp04-electric); font:800 25px/1 var(--display); }
.member-event-audience > p { margin:12px 2px 0; color:#879aa7; font-size:13px; line-height:1.5; }
.member-event-audience__empty { padding:14px 0!important; color:#9aabb5!important; }
.member-event-attendance { padding:22px; border-top:1px solid rgba(218,239,255,.12); }
.member-event-attendance > p { margin:0 0 16px; }.member-event-attendance > p small,.member-event-attendance > p strong { display:block; }.member-event-attendance > p small { color:var(--cp04-electric); font:740 10px/1 var(--mono); }.member-event-attendance > p strong { margin-top:7px; color:#dce8ee; font-size:17px; }
.member-event-attendance > p span { display:block; margin-top:8px; color:#8094a1; font-size:13px; }.member-event-attendance :disabled { opacity:.42; cursor:not-allowed; }
.member-event-attendance > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.member-event-attendance label { display:flex; gap:10px; align-items:center; min-height:44px; padding:10px; border:1px solid rgba(218,239,255,.12); color:#b6c4cd; font-size:14px; }
.member-event-attendance button,.member-event-cancel button { margin-top:16px; min-height:43px; padding:0 16px; border:1px solid rgba(125,233,255,.35); background:transparent; color:var(--cp04-electric); font:750 12px/1 var(--mono); letter-spacing:.08em; }
.member-event-cancel { padding:0 22px 22px; }.member-event-cancel button { border-color:rgba(255,120,149,.35); color:#ff8da5; }
.member-event-history > div { border-top:1px solid rgba(218,239,255,.1); }
.member-event-history article { min-height:55px; display:grid; grid-template-columns:110px minmax(0,1fr) auto; gap:18px; align-items:center; padding:10px 20px; border-top:1px solid rgba(218,239,255,.07); }
.member-event-history time,.member-event-history span { color:#8296a4; font:720 10px/1 var(--mono); letter-spacing:.06em; }.member-event-history strong { color:#cddae2; font-size:14px; }
.member-event-history--pending form { padding:18px 20px; border-top:1px solid rgba(218,239,255,.08); }.member-event-history--pending form > p { margin:0; display:flex; gap:18px; }.member-event-history--pending form > div { margin-top:13px; display:flex; flex-wrap:wrap; gap:7px; }.member-event-history--pending label { display:flex; gap:8px; align-items:center; padding:8px 10px; border:1px solid rgba(218,239,255,.12); color:#aebdc6; font-size:13px; }.member-event-history--pending button { margin-top:13px; min-height:39px; padding:0 13px; border:1px solid rgba(125,233,255,.3); background:transparent; color:var(--cp04-electric); font:730 9px/1 var(--mono); }
.member-driver-strip { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); border-top:1px solid rgba(218,239,255,.12); }
.member-race-pass { position:relative; min-width:0; padding:clamp(25px,3vw,42px); border-right:1px solid rgba(218,239,255,.12); background:linear-gradient(135deg,rgba(218,239,255,.06),rgba(2,8,14,.15)); }
.member-race-pass::after { content:"LM"; position:absolute; right:24px; top:17px; color:rgba(125,233,255,.05); font:820 110px/1 var(--display); }
.member-race-pass > div:first-child { position:relative; z-index:1; }.member-race-pass small,.member-fresh-feed span { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }.member-race-pass strong { display:block; margin-top:13px; color:#f3f8fb; font:790 35px/.95 var(--display); }.member-race-pass > div > span { display:block; margin-top:8px; color:#8194a2; font:700 11px/1 var(--mono); }
.member-race-pass dl { margin:28px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.member-race-pass dl div { padding:13px 15px; border:1px solid rgba(218,239,255,.12); }.member-race-pass dl div + div { border-left:0; }.member-race-pass dt { color:#8094a2; font:720 9px/1 var(--mono); letter-spacing:.09em; }.member-race-pass dd { margin:11px 0 0; color:#e8f1f6; font:780 27px/1 var(--display); }
.member-race-pass > p { color:#8ea1ae; font-size:13px; line-height:1.55; }.member-race-pass__badges { display:flex; flex-wrap:wrap; gap:7px; }.member-race-pass__badges span { padding:8px 10px; border:1px solid rgba(218,239,255,.12); color:#647886; font:720 9px/1 var(--mono); }.member-race-pass__badges span.is-active { border-color:rgba(125,233,255,.42); color:var(--cp04-electric); box-shadow:inset 0 0 18px rgba(125,233,255,.06); }
.member-fresh-feed { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.member-fresh-feed > div { grid-column:1/-1; padding:18px 22px; border-bottom:1px solid rgba(218,239,255,.12); }.member-fresh-feed > div small { color:#7f929f; font:720 9px/1 var(--mono); }.member-fresh-feed > div strong { display:block; margin-top:8px; color:#d9e5eb; font-size:15px; }.member-fresh-feed a { min-width:0; min-height:145px; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; border-right:1px solid rgba(218,239,255,.1); color:inherit; text-decoration:none; transition:background .3s ease,transform .3s ease; }.member-fresh-feed a:last-child { border:0; }.member-fresh-feed a:hover { background:rgba(125,233,255,.06); transform:translateY(-3px); }.member-fresh-feed a strong { margin:12px 0; color:#dbe7ed; font:720 18px/1.05 var(--display); }.member-fresh-feed a small { color:#8295a2; font:700 9px/1.3 var(--mono); }

.member-note__audience { padding:5px 7px!important; border:1px solid rgba(125,233,255,.23)!important; color:#8ec6d4!important; font-size:8px!important; }
.member-invitations > header > p { max-width:620px; margin:0; color:#94a6b3; font-size:16px; line-height:1.65; }
.member-invitations__grid { display:grid; grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr); gap:0; padding:clamp(20px,2.8vw,38px); }
.member-invite-form { position:static!important; width:auto!important; margin:0!important; border-radius:5px 0 0 20px!important; }
.member-invite-output { min-width:0; min-height:420px; display:grid; grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr); gap:30px; align-items:center; padding:30px; border:1px solid rgba(125,233,255,.22); border-left:0; background:radial-gradient(circle at 20% 50%,rgba(125,233,255,.09),transparent 38%); }
.member-invite-output > .member-event-empty { grid-column:1/-1; border:0; }.member-invite-qr { margin:0; padding:12px 12px 0; overflow:hidden; border:1px solid rgba(125,233,255,.5); border-radius:5px 17px 5px 5px; background:#f4fbff; box-shadow:0 0 35px rgba(125,233,255,.12); transform:rotate(-2deg); }.member-invite-qr__code { padding:2px; background:#f4fbff; }.member-invite-qr__svg { display:block; width:100%; height:auto; }.member-invite-qr figcaption { margin:10px -12px 0; padding:12px 13px 13px; background:linear-gradient(118deg,#08131d,#12243a); }.member-invite-qr figcaption > * { display:block; }.member-invite-qr figcaption small { color:var(--cp04-electric); font:740 9px/1 var(--mono); letter-spacing:.09em; }.member-invite-qr figcaption strong { margin-top:7px; overflow:hidden; color:#f2f7fa; font:760 18px/1 var(--display); text-overflow:ellipsis; white-space:nowrap; }.member-invite-qr figcaption span { margin-top:8px; color:#8da0ac; font:700 8px/1.25 var(--mono); }.member-invite-output > div:last-child > small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }.member-invite-output > div:last-child > strong { display:block; margin-top:12px; color:#edf6fa; font:760 28px/1 var(--display); }.member-invite-output__facts { margin-top:17px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid rgba(218,239,255,.12); }.member-invite-output__facts span { min-width:0; padding:11px 12px; }.member-invite-output__facts span + span { border-left:1px solid rgba(218,239,255,.12); }.member-invite-output__facts small,.member-invite-output__facts b { display:block; }.member-invite-output__facts small { color:#718793; font:720 8px/1 var(--mono); letter-spacing:.08em; }.member-invite-output__facts b { margin-top:7px; overflow:hidden; color:#dce8ed; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.member-invite-output input { width:100%; margin-top:13px; min-height:48px; padding:0 12px; border:1px solid rgba(218,239,255,.16); background:#050c13; color:#9fb2be; }.member-invite-output p { color:#7f929f; font-size:13px; line-height:1.5; }
.member-invite-share { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.member-invite-share button,.member-invite-share a { min-height:42px; display:inline-grid; place-items:center; padding:0 13px; border:1px solid rgba(125,233,255,.32); background:transparent; color:var(--cp04-electric); text-decoration:none; font:740 12px/1 var(--mono); letter-spacing:.07em; cursor:pointer; }
.member-invite-active { margin:0 clamp(20px,2.8vw,38px) 10px; border:1px solid rgba(125,233,255,.25); background:linear-gradient(115deg,rgba(125,233,255,.045),rgba(2,8,14,.38) 46%,rgba(85,121,255,.04)); }.member-invite-active > header { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 20px; border-bottom:1px solid rgba(218,239,255,.1); }.member-invite-active > header small,.member-invite-active > header strong { display:block; }.member-invite-active > header small { color:var(--cp04-electric); font:740 9px/1 var(--mono); letter-spacing:.09em; }.member-invite-active > header strong { margin-top:8px; color:#dce8ed; font-size:17px; }.member-invite-active > header > b { min-width:44px; padding:10px; border:1px solid rgba(125,233,255,.26); color:var(--cp04-electric); font:780 22px/1 var(--display); text-align:center; }.member-invite-active > p { margin:0; padding:18px 20px; color:#7e929f; font-size:14px; }.member-invite-active__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(218,239,255,.08); }.member-invite-active article { position:relative; min-width:0; min-height:126px; padding:18px 19px 16px 23px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:16px; background:#08111b; }.member-invite-active article::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,var(--cp04-electric),rgba(85,121,255,.45)); box-shadow:0 0 14px rgba(125,233,255,.23); }.member-invite-active article div > * { display:block; }.member-invite-active article small { color:#7f94a0; font:730 9px/1 var(--mono); letter-spacing:.08em; }.member-invite-active article strong { margin-top:9px; overflow-wrap:anywhere; color:#eef5f8; font:760 22px/1 var(--display); }.member-invite-active article span { margin-top:10px; color:#718692; font:700 8px/1.35 var(--mono); }.member-invite-active article button { min-height:39px; padding:0 11px; border:1px solid rgba(255,120,149,.34); background:transparent; color:#ff90a6; font:740 9px/1 var(--mono); cursor:pointer; }.member-invite-active article button:hover,.member-invite-active article button:focus-visible { border-color:#ff90a6; background:rgba(255,120,149,.07); outline:none; }
.member-invite-history > div { border-top:1px solid rgba(218,239,255,.1); }.member-invite-history article { min-height:76px; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:13px 20px; border-bottom:1px solid rgba(218,239,255,.08); }.member-invite-history article div > * { display:block; }.member-invite-history article small { color:var(--cp04-electric); font:730 9px/1 var(--mono); }.member-invite-history article strong { margin-top:7px; color:#dce8ee; font-size:16px; }.member-invite-history article span { margin-top:6px; color:#728693; font:700 9px/1 var(--mono); }.member-invite-history article button { min-height:40px; border:1px solid rgba(255,120,149,.35); background:transparent; color:#ff8ca3; font:740 9px/1 var(--mono); }
.member-team-directory { position:relative; margin:10px clamp(20px,2.8vw,38px) clamp(20px,2.8vw,38px); overflow:hidden; border:1px solid rgba(125,233,255,.25); border-radius:5px 20px 5px 5px; background:linear-gradient(112deg,rgba(125,233,255,.045),rgba(2,8,14,.55) 44%,rgba(68,95,171,.06)); box-shadow:inset 3px 0 rgba(125,233,255,.48); }
.member-team-directory::before { content:""; position:absolute; z-index:0; inset:0 auto auto 20%; width:24%; height:1px; background:linear-gradient(90deg,transparent,var(--cp04-electric),transparent); box-shadow:0 0 15px rgba(125,233,255,.35); pointer-events:none; }
.member-team-directory > summary { position:relative; z-index:1; min-height:78px; display:grid; grid-template-columns:minmax(0,1fr) auto 42px; gap:20px; align-items:center; padding:15px 20px; cursor:pointer; list-style:none; }
.member-team-directory > summary::-webkit-details-marker { display:none; }
.member-team-directory > summary > span:first-child small,.member-team-directory > summary > span:first-child strong { display:block; }
.member-team-directory > summary > span:first-child small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-team-directory > summary > span:first-child strong { margin-top:8px; color:#e3eef3; font-size:18px; }
.member-team-directory__metric { display:grid; grid-template-columns:auto auto; gap:3px 9px; align-items:end; }
.member-team-directory__metric > b { grid-row:1/3; color:var(--cp04-electric); font:800 42px/.78 var(--display); }
.member-team-directory__metric > small { color:#bac8d0; font:740 10px/1 var(--mono); letter-spacing:.08em; }
.member-team-directory__metric > em { color:#718692; font:700 8px/1.2 var(--mono); font-style:normal; letter-spacing:.065em; }
.member-team-directory > summary > i { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.28); color:var(--cp04-electric); font:300 25px/1 var(--display); font-style:normal; transition:transform .3s var(--cp04-ease),background .3s ease,color .3s ease; }
.member-team-directory[open] > summary > i { transform:rotate(45deg); background:var(--cp04-electric); color:#061017; }
.member-team-directory__body { position:relative; z-index:1; border-top:1px solid rgba(218,239,255,.11); }
.member-team-directory__body > p { margin:0; padding:15px 20px; color:#8fa2af; font-size:14px; line-height:1.55; }
.member-team-directory__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border-top:1px solid rgba(218,239,255,.08); background:rgba(218,239,255,.08); }
.member-team-directory__entry { position:relative; min-width:0; min-height:104px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:15px; align-items:center; padding:16px 18px; background:linear-gradient(115deg,#08131d,#07101a 68%,#0b1627); transition:opacity .28s ease,transform .28s var(--cp04-ease),background .28s ease; }
.member-team-directory__entry:hover { background:linear-gradient(115deg,#0b1924,#08131e 65%,#101d34); }
.member-team-directory__entry.is-inactive { opacity:.66; }
.member-team-directory__entry.is-removing { opacity:0; transform:scale(.975); pointer-events:none; }
.member-team-directory__avatar { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(218,239,255,.55); border-radius:5px 15px 5px 15px; background:linear-gradient(135deg,#f5fbff,#8da5b4 47%,#e4f5fc); box-shadow:inset 0 1px #fff,0 0 20px rgba(125,233,255,.09); color:#07111a; font:820 14px/1 var(--display); }
.member-team-directory__identity { min-width:0; }
.member-team-directory__identity > * { display:block; }
.member-team-directory__identity strong { overflow-wrap:anywhere; color:#edf5f8; font:760 19px/1 var(--display); }
.member-team-directory__identity span { margin-top:6px; color:#86a1af; font:710 10px/1 var(--mono); }
.member-team-directory__identity small { margin-top:9px; color:#6f8592; font:700 8px/1.4 var(--mono); letter-spacing:.055em; }
.member-team-directory__entry form { margin:0; }
.member-team-directory__entry button { min-height:42px; padding:0 13px; border:1px solid rgba(255,120,149,.34); background:rgba(255,120,149,.015); color:#ff91a8; font:740 9px/1 var(--mono); letter-spacing:.055em; cursor:pointer; }
.member-team-directory__entry button:hover,.member-team-directory__entry button:focus-visible { border-color:#ff91a8; background:rgba(255,120,149,.08); outline:none; }
.member-team-directory__protected { color:#7f95a1; font:720 8px/1.4 var(--mono); letter-spacing:.06em; text-align:right; }
.member-team-directory__protected i { width:7px; height:7px; display:inline-block; margin-right:7px; border-radius:50%; background:#75efb2; box-shadow:0 0 11px rgba(117,239,178,.68); }
.member-onsite-access { position:relative; z-index:1; margin:clamp(20px,2.8vw,38px) clamp(20px,2.8vw,38px) 0; overflow:hidden; border:1px solid rgba(125,233,255,.34); border-radius:5px 28px 5px 5px; background:linear-gradient(112deg,rgba(218,239,255,.06),rgba(3,10,17,.76) 44%,rgba(85,121,255,.09)); box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 44px rgba(0,0,0,.2); }
.member-onsite-access::before { content:""; position:absolute; z-index:0; inset:-85% auto -85% -16%; width:12%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),rgba(125,233,255,.06),transparent); transform:skewX(-17deg); animation:memberOnsiteSweep 7s linear infinite; pointer-events:none; }
.member-onsite-access > * { position:relative; z-index:1; }
.member-onsite-access__head { min-height:98px; display:flex; justify-content:space-between; align-items:center; gap:22px; padding:22px 27px; border-bottom:1px solid rgba(218,239,255,.12); }
.member-onsite-access__head h3 { margin:11px 0 0; color:#f1f8fb; font:800 clamp(30px,3.1vw,48px)/.84 var(--display); letter-spacing:-.05em; }
.member-onsite-access__head h3 em { color:var(--cp04-electric); font-style:normal; font-weight:260; }
.member-onsite-access__head > span { min-height:40px; display:flex; align-items:center; gap:9px; padding:0 14px; border:1px solid rgba(110,240,174,.34); color:#8df5bd; font:740 10px/1 var(--mono); letter-spacing:.09em; }
.member-onsite-access__head > span i { width:8px; height:8px; border-radius:50%; background:#6ef0ae; box-shadow:0 0 13px #6ef0ae; }
.member-onsite-access__body { display:grid; grid-template-columns:minmax(190px,260px) minmax(0,1fr); gap:clamp(25px,3vw,46px); align-items:center; padding:clamp(24px,3vw,40px); }
.member-onsite-access__qr { margin:0; padding:12px 12px 0; overflow:hidden; border:1px solid rgba(125,233,255,.58); border-radius:5px 20px 5px 5px; background:#f4fbff; box-shadow:0 0 42px rgba(125,233,255,.16); transform:rotate(-1.7deg); }
.member-onsite-access__qr > div { padding:3px; background:#f4fbff; }
.member-onsite-access__qr figcaption { margin:10px -12px 0; padding:13px 14px 14px; background:linear-gradient(115deg,#07121b,#142744); }
.member-onsite-access__qr figcaption > * { display:block; }
.member-onsite-access__qr small { color:var(--cp04-electric); font:740 9px/1 var(--mono); letter-spacing:.1em; }
.member-onsite-access__qr strong { margin-top:7px; color:#f1f7fa; font:780 20px/1 var(--display); }
.member-onsite-access__copy > small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-onsite-access__copy > strong { display:block; margin-top:12px; color:#eff7fb; font:780 clamp(27px,2.6vw,40px)/.96 var(--display); }
.member-onsite-access__copy > p { max-width:800px; margin:13px 0 18px; color:#9babb6; font-size:15px; line-height:1.58; }
.member-onsite-access__copy label { display:grid; gap:7px; }
.member-onsite-access__copy label span { color:#718793; font:720 9px/1 var(--mono); letter-spacing:.09em; }
.member-onsite-access__copy input { width:100%; min-height:46px; min-width:0; padding:0 12px; border:1px solid rgba(218,239,255,.17); background:#040b12; color:#9eb2bd; font-size:13px; }
.member-onsite-access__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
.member-onsite-access__actions form { margin:0; }
.member-onsite-access__actions button,.member-onsite-access__actions a { min-height:42px; display:inline-grid; place-items:center; padding:0 14px; border:1px solid rgba(125,233,255,.34); background:rgba(2,8,14,.34); color:var(--cp04-electric); text-decoration:none; font:740 10px/1 var(--mono); letter-spacing:.07em; cursor:pointer; }
.member-onsite-access__actions form button { border-color:rgba(255,120,149,.32); color:#ff91a8; }
.member-onsite-access__actions button:hover,.member-onsite-access__actions button:focus-visible,.member-onsite-access__actions a:hover,.member-onsite-access__actions a:focus-visible { border-color:currentColor; background:rgba(125,233,255,.07); outline:none; }
.member-onsite-access__meta { display:block; margin-top:15px; color:#728691!important; }
.member-onsite-access__warning { margin:8px 0 0!important; color:#71838e!important; font-size:12px!important; }
@keyframes memberOnsiteSweep { 0% { transform:translateX(0) skewX(-17deg); opacity:0; } 12%,82% { opacity:1; } 100% { transform:translateX(990%) skewX(-17deg); opacity:0; } }
.member-mail-choices { margin:0; padding:14px; display:grid; gap:8px; border:1px solid rgba(218,239,255,.14); }.member-mail-choices legend { padding:0 6px; color:#8295a3; font:720 9px/1 var(--mono); letter-spacing:.08em; }.member-mail-choices label { min-height:36px; display:flex!important; flex-direction:row!important; align-items:center; gap:10px!important; color:#afbdc6; font-size:14px!important; }.member-mail-choices input { width:auto!important; min-height:0!important; }.member-mail-status { padding:9px 11px; border-left:2px solid #f0c25a; color:#f0c25a!important; font:730 9px/1 var(--mono)!important; }.member-mail-status.is-ready { border-color:#67efaa; color:#79f2b3!important; }.member-mail-resend { min-height:40px; border:1px solid rgba(125,233,255,.26); background:transparent; color:var(--cp04-electric); font:720 9px/1 var(--mono); }

.member-join { position:relative; min-height:100vh; padding-top:128px; display:grid; grid-template-columns:minmax(320px,.78fr) minmax(620px,1.22fr); gap:clamp(64px,6vw,100px); align-items:start; isolation:isolate; }
.member-join::before { content:""; position:fixed; z-index:-1; top:8%; left:-13vw; width:48vw; height:125vh; background:linear-gradient(112deg,transparent 25%,rgba(218,239,255,.035) 46%,rgba(125,233,255,.08) 50%,rgba(218,239,255,.025) 54%,transparent 76%); transform:translateX(-20%) skewX(-13deg); pointer-events:none; animation:memberJoinLightblade 11s var(--cp04-ease) infinite alternate; }
.member-join__intro { position:sticky; min-width:0; top:118px; padding:44px 0 34px; }
.member-join__intro::after { content:""; position:absolute; right:-28px; bottom:0; left:0; height:1px; background:linear-gradient(90deg,var(--cp04-electric),rgba(218,239,255,.18) 38%,transparent); transform-origin:left; animation:memberJoinIntroLine 4.8s var(--cp04-ease) infinite; }
.member-join__intro h1 { margin:23px 0 25px; color:#f3f8fb; font:820 clamp(58px,6.1vw,96px)/.72 var(--display); letter-spacing:-.075em; text-transform:uppercase; }
.member-join__intro h1 span,.member-join__intro h1 em { display:block; max-width:100%; }
.member-join__intro h1 em { color:transparent; background:linear-gradient(104deg,#eff9fd 0%,#758b9e 21%,#f8fdff 42%,var(--cp04-electric) 64%,#7990a4 84%,#e6f8ff 100%); background-size:210% 100%; background-clip:text; -webkit-background-clip:text; filter:drop-shadow(0 0 18px rgba(125,233,255,.1)); font-style:normal; font-weight:260; animation:memberJoinTitleChrome 7s ease-in-out infinite alternate; }
.member-join__intro > p:not(.micro-label) { max-width:470px; margin:0; color:#93a6b2; font-size:15px; line-height:1.62; }
.member-join__access-readout { width:min(100%,350px); margin-top:32px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; color:#8195a2; font:720 9px/1 var(--mono); letter-spacing:.09em; }
.member-join__access-readout::before { content:""; grid-column:1/-1; height:3px; background:linear-gradient(90deg,rgba(125,233,255,.14),var(--cp04-electric) 48%,rgba(125,233,255,.12)); background-size:220% 100%; box-shadow:0 0 16px rgba(125,233,255,.16); animation:memberJoinScanner 3.8s linear infinite; }
.member-join__access-readout span { display:flex; align-items:center; gap:8px; }
.member-join__access-readout span i { width:7px; height:7px; border-radius:50%; background:#73f1b4; box-shadow:0 0 13px rgba(115,241,180,.7); animation:memberJoinStatus 2.6s ease-in-out infinite; }
.member-join__access-readout strong { color:#b9c9d1; font:740 9px/1 var(--mono); white-space:nowrap; }
.member-join__access-readout strong b { margin-right:7px; color:var(--cp04-electric); font-size:19px; }
.member-join__surface { position:relative; min-width:0; padding:22px; overflow:hidden; border:1px solid rgba(218,239,255,.3); border-radius:7px 34px 7px 34px; background:radial-gradient(circle at 100% 0,rgba(85,121,255,.13),transparent 38%),linear-gradient(140deg,rgba(19,31,42,.98),rgba(6,13,22,.985) 57%,rgba(13,23,39,.98)); box-shadow:inset 0 1px rgba(255,255,255,.16),0 32px 80px rgba(0,0,0,.34),0 0 0 1px rgba(125,233,255,.025); }
.member-join__surface::before { content:""; position:absolute; z-index:0; inset:-75% auto -75% -38%; width:28%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),rgba(125,233,255,.07),transparent); transform:skewX(-16deg); pointer-events:none; animation:memberJoinSurfaceSweep 8.5s var(--cp04-ease) infinite; }
.member-join__surface::after { content:""; position:absolute; z-index:2; right:0; bottom:32px; width:3px; height:34%; background:linear-gradient(transparent,var(--cp04-electric),transparent); box-shadow:0 0 18px rgba(125,233,255,.35); pointer-events:none; animation:memberJoinEdgePulse 4.2s ease-in-out infinite; }
.member-join__surface > * { position:relative; z-index:1; }
.member-join__surface .member-form { position:static; width:auto; margin:0; padding:22px 24px 24px; border-radius:5px 5px 5px 26px; background:linear-gradient(150deg,rgba(218,239,255,.055),rgba(255,255,255,.012) 44%,rgba(85,121,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.13); }
.member-join__surface .member-form label { margin-bottom:16px; }
.member-join__surface .member-form label > span { color:#cbd9e1; font:740 11px/1.35 var(--mono); letter-spacing:.08em; }
.member-join__surface .member-form label > span > b { float:right; color:#a5bac6; font:720 8px/1.35 var(--mono); letter-spacing:.08em; }
.member-join__surface .member-form label > small { display:block; margin-top:6px; color:#aabac3; font:500 12px/1.42 var(--body); letter-spacing:0; }
.member-join__surface .member-form input { min-height:45px; margin-top:7px; border-color:rgba(218,239,255,.43); background:linear-gradient(145deg,rgba(39,55,70,.9),rgba(12,23,34,.94)); color:#f5f9fb; box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(125,233,255,.025); }
.member-join__surface .member-form input::placeholder { color:#91a5b1; opacity:1; }
.member-join__surface .member-form input:hover { border-color:rgba(218,239,255,.58); }
.member-join__surface .member-form input:focus { border-color:var(--cp04-electric); background:linear-gradient(145deg,rgba(43,61,77,.96),rgba(13,26,38,.98)); color:#fff; }
.member-join__ticket { position:relative; margin-bottom:10px; padding:17px 20px 16px 24px; display:grid; grid-template-columns:1fr auto; overflow:hidden; border:1px solid rgba(125,233,255,.3); border-radius:5px 27px 5px 5px; background:linear-gradient(105deg,rgba(125,233,255,.055),rgba(6,14,23,.25)); }
.member-join__ticket::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background:linear-gradient(180deg,#f5fdff,var(--cp04-electric),#5d7bff); box-shadow:0 0 15px rgba(125,233,255,.42); }
.member-join__ticket::after { content:"LM"; position:absolute; right:18px; top:-11px; color:rgba(218,239,255,.035); font:840 74px/1 var(--display); pointer-events:none; }
.member-join__ticket small { position:relative; z-index:1; grid-column:1/-1; color:var(--cp04-electric); font:730 8px/1 var(--mono); letter-spacing:.08em; }
.member-join__ticket strong { position:relative; z-index:1; margin-top:8px; color:#e8f1f6; font-size:21px; }
.member-join__ticket span { position:relative; z-index:1; align-self:end; color:#708491; font:700 8px/1 var(--mono); }
.member-join__identity-rail { margin:1px 0 18px; display:grid; grid-template-columns:auto minmax(30px,1fr) auto; align-items:center; gap:11px; color:#8497a3; font:720 8px/1 var(--mono); letter-spacing:.09em; }
.member-join__identity-rail span { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.member-join__identity-rail b { color:var(--cp04-electric); font-size:16px; }
.member-join__identity-rail i { position:relative; height:1px; overflow:visible; background:rgba(218,239,255,.16); }
.member-join__identity-rail i::after { content:""; position:absolute; top:-2px; width:5px; height:5px; border-radius:50%; background:var(--cp04-electric); box-shadow:0 0 10px rgba(125,233,255,.65); animation:memberJoinRail 3.2s ease-in-out infinite alternate; }
.member-join__identity-field { margin-bottom:17px!important; }
.member-join__identity-field input { border-color:rgba(125,233,255,.48); }
.member-join__surface .member-mail-choices { margin:1px 0 0; padding:12px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; border-color:rgba(218,239,255,.3); background:rgba(12,24,35,.58); }
.member-join__surface .member-mail-choices legend { padding-inline:8px; color:#b9ccd6; font-size:9px; }
.member-join__surface .member-mail-choices label { min-height:46px; margin:0; padding:9px 10px; gap:8px!important; border:1px solid rgba(218,239,255,.22); background:rgba(218,239,255,.045); color:#d1dce2; font-size:12px!important; line-height:1.3!important; transition:border-color .25s ease,background .25s ease,transform .25s ease; }
.member-join__surface .member-mail-choices label:hover,.member-join__surface .member-mail-choices label:focus-within { border-color:rgba(125,233,255,.34); background:rgba(125,233,255,.05); transform:translateY(-2px); }
.member-join__privacy { margin:12px 0 15px!important; color:#a9bac3!important; font-size:12px!important; line-height:1.5!important; }
.member-join__surface .chrome-button { isolation:isolate; min-height:48px; border-radius:9px; background:#dbeaf2; }
.member-join__surface .chrome-button::before { content:""; position:absolute; z-index:0; inset:0; display:block; border-radius:inherit; background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.86) 50%,transparent 62%),linear-gradient(123deg,#fff 0%,#8197aa 22%,#edfaff 42%,#6d879f 61%,#dff7ff 78%,#7891aa 100%); background-size:230% 100%,100% 100%; background-position:-135% 0,0 0; background-repeat:no-repeat; box-shadow:inset 0 1px #fff,inset 0 -1px rgba(4,12,20,.35); opacity:1!important; visibility:visible!important; transform:none!important; transition:background-position .75s var(--cp04-ease),filter .25s ease; pointer-events:none; }
.member-join__surface .chrome-button::after { z-index:1; }
.member-join__surface .chrome-button:hover::before,.member-join__surface .chrome-button:focus-visible::before,.member-join__surface .chrome-button:active::before { background-position:135% 0,0 0; filter:brightness(1.1); transform:none!important; }
.member-join__surface .member-join__submit-label,.member-join__surface .member-join__submit > b { position:relative; z-index:2; }
.member-join__surface .member-join__submit-label { color:#071018; -webkit-text-fill-color:#071018; }
.member-join__surface .member-join__submit > b { color:#3554b9; -webkit-text-fill-color:#3554b9; }
.member-confirm { min-height:75vh; padding-top:160px; }.member-confirm .member-event-empty { max-width:1000px; margin:auto; }

@keyframes memberJoinLightblade { from { transform:translateX(-24%) skewX(-13deg); opacity:.45; } to { transform:translateX(34%) skewX(-13deg); opacity:.92; } }
@keyframes memberJoinIntroLine { 0%,100% { transform:scaleX(.34); opacity:.46; } 55% { transform:scaleX(1); opacity:1; } }
@keyframes memberJoinTitleChrome { from { background-position:0 50%; } to { background-position:100% 50%; } }
@keyframes memberJoinScanner { to { background-position:-220% 0; } }
@keyframes memberJoinStatus { 50% { opacity:.5; box-shadow:0 0 4px rgba(115,241,180,.35); } }
@keyframes memberJoinSurfaceSweep { 0%,15% { transform:translateX(0) skewX(-16deg); opacity:0; } 36% { opacity:1; } 62%,100% { transform:translateX(610%) skewX(-16deg); opacity:0; } }
@keyframes memberJoinEdgePulse { 0%,100% { transform:translateY(-55%); opacity:.35; } 50% { transform:translateY(55%); opacity:1; } }
@keyframes memberJoinRail { from { left:0; } to { left:calc(100% - 5px); } }

/* Keep both ends inside the card, also for the wider snapshot light. */
@keyframes driverScan { from{ left:4%; opacity:.75; } to{ left:calc(96% - var(--cp04-scan-width,28%)); opacity:1; } }
@keyframes memberEventFocusSweep { 0%,22% { transform:translateX(0) skewX(-18deg); opacity:0; } 42% { opacity:1; } 72%,100% { transform:translateX(520%) skewX(-18deg); opacity:0; } }
@media (max-width:1100px) {
    .member-next-event { grid-template-columns:120px minmax(0,1fr); }.member-next-event__response { grid-column:1/-1; border-left:0; border-top:1px solid rgba(125,233,255,.2); }.member-rsvp-lights { grid-template-columns:repeat(3,minmax(0,1fr)); }.member-driver-strip { grid-template-columns:minmax(0,1fr); }.member-race-pass { border-right:0; border-bottom:1px solid rgba(218,239,255,.12); }.member-invitations__grid { grid-template-columns:minmax(0,1fr); }.member-invite-form { border-radius:5px 20px 0 0!important; }.member-invite-output { border-left:1px solid rgba(125,233,255,.22); border-top:0; }.member-team-directory__list { grid-template-columns:minmax(0,1fr); }.member-join { grid-template-columns:minmax(0,1fr); gap:34px; }.member-join__intro { position:static; padding:8px 0 28px; }.member-join__intro h1 { max-width:760px; }.member-join__access-readout { margin-top:25px; }
}
@media (max-width:1100px) {
    .member-event-team-overview__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .member-event-team-overview__grid article:nth-child(odd) { border-left:0; }
    .member-event-team-overview__grid article:nth-child(n+3) { border-top:1px solid rgba(218,239,255,.1); }
}
@media (max-width:720px) {
    .member-paddock,.member-invitations { margin-block:22px; border-radius:7px 24px 7px 24px; }.member-paddock__head,.member-invitations > header { grid-template-columns:minmax(0,1fr); padding:24px 17px; }.member-paddock__head h2,.member-invitations > header h2 { font-size:clamp(48px,15vw,70px); }.member-paddock__fresh { width:100%; min-width:0; }.member-paddock__event { padding:16px; }.member-next-event { grid-template-columns:82px minmax(0,1fr); gap:16px; }.member-next-event__date { min-height:142px; }.member-next-event__date b { font-size:57px; }.member-next-event__copy h3 { font-size:31px; }.member-next-event__copy > p:not(.micro-label) { font-size:15px; }.member-rsvp-lights { grid-template-columns:minmax(0,1fr); }.member-event-roster { grid-template-columns:minmax(0,1fr); margin-inline:16px; }.member-event-roster > div + div { border-left:0; border-top:1px solid rgba(218,239,255,.12); }.member-event-planner,.member-event-control,.member-event-history,.member-invite-history { margin-inline:16px; }.member-event-empty { padding:22px 17px; gap:18px; align-items:flex-start; }.member-event-empty__signal { flex-basis:70px; height:70px; }.member-event-attendance > div { grid-template-columns:minmax(0,1fr); }.member-event-history article { grid-template-columns:82px minmax(0,1fr); }.member-event-history article span { grid-column:2; }.member-race-pass,.member-fresh-feed > div { padding:22px 17px; }.member-race-pass dl { grid-template-columns:minmax(0,1fr); }.member-race-pass dl div + div { border-left:1px solid rgba(218,239,255,.12); border-top:0; }.member-fresh-feed { grid-template-columns:minmax(0,1fr); }.member-fresh-feed a { min-height:105px; border-right:0; border-bottom:1px solid rgba(218,239,255,.1); }.member-invitations > header > p { font-size:15px; }.member-onsite-access { margin:16px 16px 0; }.member-onsite-access__head { align-items:flex-start; padding:19px 17px; }.member-onsite-access__head h3 { font-size:35px; }.member-onsite-access__body { grid-template-columns:minmax(0,1fr); padding:20px 17px; }.member-onsite-access__qr { width:min(100%,230px); justify-self:center; }.member-onsite-access__copy > strong { font-size:29px; }.member-onsite-access__actions > *,.member-onsite-access__actions button,.member-onsite-access__actions a { width:100%; }.member-invitations__grid { padding:16px; }.member-invite-output { min-height:0; grid-template-columns:minmax(0,1fr); padding:22px 17px; }.member-invite-qr { max-width:240px; justify-self:center; }.member-invite-history article { align-items:flex-start; flex-direction:column; }.member-invite-history article form,.member-invite-history article button { width:100%; }.member-team-directory { margin-inline:16px; }.member-team-directory > summary { grid-template-columns:minmax(0,1fr) 42px; gap:14px; padding:16px; }.member-team-directory__metric { grid-column:1; grid-row:2; justify-self:start; }.member-team-directory > summary > i { grid-column:2; grid-row:1/3; }.member-team-directory__body > p { padding:15px 16px; }.member-team-directory__entry { grid-template-columns:44px minmax(0,1fr); gap:13px; padding:15px 16px; }.member-team-directory__avatar { width:44px; height:44px; }.member-team-directory__entry form,.member-team-directory__protected { grid-column:1/-1; width:100%; }.member-team-directory__entry button { width:100%; }.member-team-directory__protected { padding-top:11px; border-top:1px solid rgba(218,239,255,.08); text-align:left; }.member-join { padding-top:112px; gap:26px; }.member-join::before { width:90vw; }.member-join__surface { padding:12px; border-radius:6px 25px 6px 25px; }.member-join__surface .member-form { padding:18px 15px; border-radius:4px 4px 4px 20px; }.member-join__intro h1 { font-size:clamp(51px,18vw,78px); }.member-join__intro > p:not(.micro-label) { font-size:14px; }.member-join__ticket { grid-template-columns:minmax(0,1fr); padding:16px 17px 15px 20px; }.member-join__ticket span { margin-top:8px; }.member-join__surface .member-form label > span > b { float:none; display:block; margin-top:4px; }.member-join__surface .member-mail-choices { grid-template-columns:minmax(0,1fr); }.member-join__surface .member-mail-choices label { min-height:42px; }.member-join__identity-rail { gap:7px; font-size:7px; }.member-join__identity-rail b { font-size:13px; }
}
@media (max-width:720px) {
    .member-event-team-overview { margin-inline:16px; }
    .member-event-team-overview > header { flex-direction:column; align-items:stretch; padding:18px 16px; }
    .member-event-team-overview__tools { width:100%; justify-content:space-between; }
    .member-event-team-overview__metric b { font-size:40px; }
    .member-event-share { flex:1 1 190px; }
    .member-event-team-overview__grid { grid-template-columns:minmax(0,1fr); }
    .member-event-team-overview__grid article,.member-event-team-overview__grid article:nth-child(odd) { border-left:0; }
    .member-event-team-overview__grid article:nth-child(n+2) { border-top:1px solid rgba(218,239,255,.1); }
}
@media (max-width:720px) {
    .member-event-audience { margin-top:18px; padding-inline:12px; }
    .member-event-audience__toolbar { align-items:flex-start; flex-direction:column; gap:12px; }
    .member-event-audience__toolbar > div { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .member-event-audience__toolbar button { width:100%; min-height:41px; }
    .member-event-audience__grid { grid-template-columns:minmax(0,1fr); }
    .member-form .member-event-audience__grid > label { min-height:55px; }
    .member-event-audience__status { grid-template-columns:minmax(0,1fr); }
    .member-event-audience__status span + span { border-left:0; border-top:1px solid rgba(218,239,255,.1); }
}
@media (max-width:720px) {
    .member-event-focus { grid-template-columns:minmax(0,1fr) auto; gap:9px 14px; padding:13px 14px; }
    .member-event-focus > strong { grid-column:1/-1; grid-row:2; font-size:16px; white-space:normal; }
    .member-event-focus > time,.member-event-focus > small { grid-column:2; grid-row:1; }
    .member-event-upcoming__list > a { grid-template-columns:64px minmax(0,1fr) auto; gap:12px; padding:10px 12px; }
    .member-event-upcoming__answer { grid-column:2; padding:0; border-left:0; }
    .member-event-upcoming__open { grid-column:3; grid-row:1/3; }
    .member-event-upcoming__list > a > time { padding-inline:7px; }
    .member-event-upcoming__list > a > time b { font-size:27px; }
}
@media (max-width:430px) {
    .member-event-focus { grid-template-columns:minmax(0,1fr); }
    .member-event-focus > time,.member-event-focus > small { grid-column:1; grid-row:auto; text-align:left; }
    .member-event-upcoming__list > a { grid-template-columns:57px minmax(0,1fr); }
    .member-event-upcoming__answer { grid-column:2; }
    .member-event-upcoming__open { grid-column:1/-1; grid-row:auto; padding-top:9px; border-top:1px solid rgba(218,239,255,.08); text-align:right; }
}
@media (prefers-reduced-motion:reduce) { .member-paddock::before,.member-invitations::before,.member-onsite-access::before,.member-join::before,.member-join__intro::after,.member-join__intro h1 em,.member-join__access-readout::before,.member-join__access-readout span i,.member-join__surface::before,.member-join__surface::after,.member-join__identity-rail i::after,.member-event-focus::after { animation:none; }.member-fresh-feed a,.member-join__surface .member-mail-choices label,.member-event-share,.member-event-upcoming__list > a,.member-team-directory > summary > i,.member-team-directory__entry { transition:none; } }
@media (max-width:720px) { .member-invite-active { margin-inline:16px; }.member-invite-active__list { grid-template-columns:minmax(0,1fr); }.member-invite-active article { grid-template-columns:minmax(0,1fr); }.member-invite-active article form,.member-invite-active article button { width:100%; }.member-invite-output__facts { grid-template-columns:minmax(0,1fr); }.member-invite-output__facts span + span { border-left:0; border-top:1px solid rgba(218,239,255,.12); } }
@media (max-width:1100px) {
    .member-invitations__grid { grid-template-columns:minmax(0,1fr); }
    .member-invite-output { order:1; min-height:0; border:1px solid rgba(125,233,255,.22); border-bottom:0; border-radius:5px 20px 0 0; }
    .member-invite-form { order:2; border-radius:0 0 5px 20px!important; }
    .member-invite-output > .member-event-empty { min-height:220px; display:block; margin:-30px; padding:clamp(28px,4vw,42px); background:radial-gradient(circle at 8% 50%,rgba(125,233,255,.1),transparent 34%); }
    .member-invite-output > .member-event-empty .member-event-empty__signal { display:none; }
    .member-invite-output > .member-event-empty strong { max-width:860px; font-size:clamp(34px,5vw,52px); line-height:.9; letter-spacing:-.04em; }
    .member-invite-output > .member-event-empty p { max-width:650px; font-size:16px; }
}
@media (max-width:720px) {
    .member-invite-output > .member-event-empty { min-height:0; margin:-22px -17px; padding:27px 20px 29px; }
    .member-invite-output > .member-event-empty strong { max-width:none; font-size:clamp(30px,8.7vw,42px); line-height:.92; }
}
/* Race-night maintenance · compact dates and protected response capture */
.member-event-upcoming__list > a > time { height:62px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; padding:7px 5px; overflow:hidden; }
.member-event-upcoming__list > a > time b { grid-row:auto; font-size:31px; line-height:.78; }
.member-event-upcoming__list > a > time span { width:100%; align-self:auto; color:var(--cp04-electric); font:720 10px/1 var(--mono); letter-spacing:.035em; text-align:center; white-space:nowrap; }
.member-rsvp-people input:disabled,.member-event-managed-response input:disabled { border-color:rgba(218,239,255,.09); background:rgba(2,8,14,.62); color:#526572; opacity:.58; cursor:not-allowed; }
.member-event-history--cancelled { border-color:rgba(255,120,149,.24); }
.member-event-history--cancelled summary small,.member-event-history--cancelled summary b,.member-event-history--cancelled article span { color:#ff91a8; }
.member-event-roster-entry > small { display:block; margin-top:7px; color:#8fa2af!important; font:710 9px/1.35 var(--mono)!important; letter-spacing:.055em; }
.member-event-managed-response { width:100%; margin-top:9px; border:1px solid rgba(125,233,255,.16); background:rgba(2,8,14,.46); }
.member-event-managed-response > summary { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 10px; color:var(--cp04-electric); font:740 12px/1 var(--mono); letter-spacing:.06em; cursor:pointer; list-style:none; }
.member-event-managed-response > summary::-webkit-details-marker { display:none; }
.member-event-managed-response > summary > span { display:inline; margin:0; color:inherit; font:inherit; letter-spacing:inherit; }
.member-event-managed-response > summary b { color:var(--cp04-electric); font:300 18px/1 var(--display); transition:transform .2s ease; }
.member-event-managed-response[open] > summary b { transform:rotate(45deg); }
.member-event-managed-response > form { padding:11px; display:grid; gap:10px; border-top:1px solid rgba(218,239,255,.1); }
.member-event-managed-response fieldset { margin:0; padding:8px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; border:1px solid rgba(218,239,255,.12); }
.member-event-managed-response legend { padding:0 5px; color:#8fa2af; font:710 8px/1.25 var(--mono); letter-spacing:.06em; }
.member-event-managed-response fieldset label { min-height:36px; display:flex; align-items:center; gap:7px; padding:5px 7px; border:1px solid rgba(218,239,255,.09); color:#b6c5cd; font:720 12px/1.25 var(--mono); cursor:pointer; }
.member-event-managed-response fieldset label > span { display:inline; margin:0; color:inherit; font:inherit; letter-spacing:inherit; }
.member-event-managed-response fieldset input { width:auto; min-height:0; margin:0; accent-color:var(--cp04-electric); }
.member-event-managed-response__guests { display:none; grid-template-columns:90px minmax(0,1fr); gap:7px; }
.member-event-managed-response__guests.is-enabled { display:grid; }
.member-event-managed-response__guests label { display:grid; gap:5px; color:#8fa2af; font:710 8px/1.25 var(--mono); letter-spacing:.05em; }
.member-event-managed-response__guests label > span { margin:0; color:inherit; font:inherit; letter-spacing:inherit; }
.member-event-managed-response__guests input { width:100%; min-width:0; min-height:35px; padding:0 8px; border:1px solid rgba(218,239,255,.17); background:#050c13; color:#e7f1f6; font-size:13px; }
.member-event-managed-response > form > button { min-height:40px; border:1px solid rgba(125,233,255,.34); background:rgba(125,233,255,.04); color:var(--cp04-electric); font:740 12px/1 var(--mono); letter-spacing:.06em; cursor:pointer; }
.member-event-managed-response > form > button b { margin-left:7px; }

/* Gemeinsame Boxengassen-Leiste fuer Planung und abgesagte Rennabende */
.member-event-station { position:relative; margin:clamp(22px,2.5vw,34px) 0 0; overflow:hidden; border:1px solid rgba(125,233,255,.24); border-radius:4px 22px 4px 4px; background:linear-gradient(112deg,rgba(3,11,18,.96),rgba(9,20,34,.94) 54%,rgba(40,58,108,.12)); box-shadow:inset 3px 0 rgba(125,233,255,.72),0 18px 45px rgba(0,0,0,.14); }
.member-event-station::before { content:""; position:absolute; z-index:2; inset:0 0 auto auto; width:38%; height:1px; background:linear-gradient(90deg,transparent,rgba(125,233,255,.85)); box-shadow:0 0 16px rgba(125,233,255,.38); pointer-events:none; }
.member-event-station__switches { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr); }
.member-event-station.has-one-action .member-event-station__switches { grid-template-columns:minmax(0,1fr); }
.member-event-station__switch { min-width:0; min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 22px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; transition:background .25s ease,box-shadow .25s ease; }
.member-event-station__switch + .member-event-station__switch { border-left:1px solid rgba(218,239,255,.12); }
.member-event-station__switch:hover,.member-event-station__switch[aria-expanded="true"] { background:linear-gradient(100deg,rgba(125,233,255,.075),rgba(125,233,255,.015)); }
.member-event-station__switch:focus-visible { outline:2px solid var(--cp04-electric); outline-offset:-4px; }
.member-event-station__switch span { min-width:0; }
.member-event-station__switch small,.member-event-station__switch strong { display:block; }
.member-event-station__switch small { color:var(--cp04-electric); font:750 11px/1 var(--mono); letter-spacing:.11em; }
.member-event-station__switch strong { margin-top:8px; color:#e3edf2; font:750 18px/1.08 var(--display); }
.member-event-station__switch > b { flex:0 0 auto; min-width:42px; height:40px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.3); color:var(--cp04-electric); font:300 24px/1 var(--display); transition:transform .25s ease,background .25s ease,color .25s ease; }
.member-event-station__switch[aria-expanded="true"] > b { transform:rotate(45deg); background:var(--cp04-electric); color:#061017; }
.member-event-station__switch.is-cancelled small,.member-event-station__switch.is-cancelled > b { color:#ff91a8; }
.member-event-station__switch.is-cancelled > b { border-color:rgba(255,145,168,.28); font-size:20px; }
.member-event-station__switch.is-cancelled[aria-expanded="true"] { background:linear-gradient(100deg,rgba(255,120,149,.055),rgba(255,120,149,.012)); }
.member-event-station__switch.is-cancelled[aria-expanded="true"] > b { transform:rotate(90deg); background:#ff91a8; color:#12070b; }
.member-event-station__panel { position:relative; border-top:1px solid rgba(218,239,255,.12); animation:event-station-panel-in .28s ease both; }
.member-event-station .member-event-planner { margin:0; border:0; background:transparent; }
.member-event-station .member-event-planner .member-form { margin:0; padding:22px; border:0; background:linear-gradient(120deg,rgba(125,233,255,.035),rgba(2,8,14,.4)); }
.member-event-station__cancelled { box-shadow:inset 3px 0 rgba(255,120,149,.55); }
.member-event-station__cancelled > header { padding:17px 22px 14px; }
.member-event-station__cancelled > header small,.member-event-station__cancelled > header strong { display:block; }
.member-event-station__cancelled > header small { color:#ff91a8; font:750 10px/1 var(--mono); letter-spacing:.1em; }
.member-event-station__cancelled > header strong { margin-top:8px; color:#dfe9ef; font-size:17px; }
.member-event-station__cancelled > div { border-top:1px solid rgba(218,239,255,.08); }
.member-event-station__cancelled article { min-height:58px; display:grid; grid-template-columns:112px minmax(0,1fr) auto; gap:18px; align-items:center; padding:11px 22px; border-top:1px solid rgba(218,239,255,.07); }
.member-event-station__cancelled article:first-child { border-top:0; }
.member-event-station__cancelled time,.member-event-station__cancelled span { color:#879aa7; font:720 11px/1.2 var(--mono); letter-spacing:.06em; }
.member-event-station__cancelled strong { color:#d6e2e8; font-size:15px; }
.member-event-station__cancelled span { color:#ff91a8; text-align:right; }
@keyframes event-station-panel-in { from { opacity:0; transform:translateY(-7px); } to { opacity:1; transform:translateY(0); } }

.admin-event-response-console { margin:0 0 24px; overflow:hidden; border:1px solid rgba(125,233,255,.24); border-radius:5px 22px 5px 5px; background:linear-gradient(125deg,rgba(125,233,255,.055),rgba(3,10,17,.84) 45%,rgba(50,73,135,.08)); box-shadow:inset 3px 0 rgba(125,233,255,.68); }
.admin-event-response-console > summary { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; cursor:pointer; list-style:none; }
.admin-event-response-console > summary::-webkit-details-marker { display:none; }
.admin-event-response-console > summary small,.admin-event-response-console > summary strong { display:block; }
.admin-event-response-console > summary small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.09em; }
.admin-event-response-console > summary strong { margin-top:8px; color:#e4eef3; font-size:18px; }
.admin-event-response-console > summary > b { min-width:43px; height:39px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.28); color:var(--cp04-electric); font:780 19px/1 var(--display); }
.admin-event-response-console[open] > summary > b { background:var(--cp04-electric); color:#061017; }
.admin-event-response-console__events { border-top:1px solid rgba(218,239,255,.11); }
.admin-event-response-event + .admin-event-response-event { border-top:1px solid rgba(125,233,255,.17); }
.admin-event-response-event > header { min-height:64px; display:grid; grid-template-columns:170px minmax(0,1fr) auto; gap:18px; align-items:center; padding:13px 20px; background:rgba(2,8,14,.42); }
.admin-event-response-event > header time,.admin-event-response-event > header span { color:#8fa2af; font:720 10px/1.35 var(--mono); letter-spacing:.06em; }
.admin-event-response-event > header strong { color:#e6f0f5; font-size:18px; }
.admin-event-response-event > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-event-response-person { min-width:0; display:grid; grid-template-columns:minmax(150px,.8fr) minmax(230px,1.2fr); gap:16px; align-items:start; padding:15px 18px; border-top:1px solid rgba(218,239,255,.08); }
.admin-event-response-person:nth-child(even) { border-left:1px solid rgba(218,239,255,.08); }
.admin-event-response-person > div > * { display:block; }
.admin-event-response-person > div strong { color:#dce8ee; font-size:15px; overflow-wrap:anywhere; }
.admin-event-response-person > div span { margin-top:7px; color:#89a0ad; font:720 9px/1.35 var(--mono); letter-spacing:.05em; }
.admin-event-response-person > div small { margin-top:8px; color:#9eb0ba; font:710 9px/1.4 var(--mono); letter-spacing:.045em; }
.admin-event-response-person .member-event-managed-response { margin-top:0; }

@media (max-width:1100px) {
    .admin-event-response-event > div { grid-template-columns:minmax(0,1fr); }
    .admin-event-response-person:nth-child(even) { border-left:0; }
}
@media (max-width:720px) {
    .member-event-station { margin-top:18px; border-radius:4px 18px 4px 4px; }
    .member-event-station__switches { grid-template-columns:minmax(0,1fr); }
    .member-event-station__switch { min-height:70px; padding:14px 16px; }
    .member-event-station__switch + .member-event-station__switch { border-left:0; border-top:1px solid rgba(218,239,255,.12); }
    .member-event-station__switch small { font-size:10px; }
    .member-event-station__switch strong { font-size:16px; }
    .member-event-station .member-event-planner .member-form { padding:18px 16px; }
    .member-event-station__cancelled > header { padding-inline:16px; }
    .member-event-station__cancelled article { grid-template-columns:86px minmax(0,1fr); gap:10px; padding:12px 16px; }
    .member-event-station__cancelled article span { grid-column:2; text-align:left; }
    .member-event-upcoming__list > a { grid-template-columns:70px minmax(0,1fr) auto; }
    .member-event-upcoming__list > a > time { padding-inline:4px; }
    .member-event-upcoming__list > a > time span { font-size:9px; }
    .member-event-managed-response fieldset,.member-event-managed-response__guests { grid-template-columns:minmax(0,1fr); }
    .admin-event-response-console { margin-bottom:18px; }
    .admin-event-response-console > summary { padding-inline:15px; }
    .admin-event-response-event > header { grid-template-columns:minmax(0,1fr); gap:7px; padding:14px 15px; }
    .admin-event-response-person { grid-template-columns:minmax(0,1fr); padding:14px; }
}
@media (prefers-reduced-motion:reduce) { .member-event-station__switch,.member-event-station__switch > b { transition:none; }.member-event-station__panel { animation:none; } }
@media (max-width:430px) {
    .member-event-upcoming__list > a { grid-template-columns:70px minmax(0,1fr); }
}

.member-account-insight { min-height:72px; padding:14px; border:1px solid rgba(125,233,255,.14); background:rgba(2,8,14,.35); }
.member-account-insight > * { display:block; }.member-account-insight span { color:var(--cp04-electric); font:730 9px/1 var(--mono); letter-spacing:.08em; }.member-account-insight strong { margin-top:8px; color:#dce8ee; font-size:15px; }.member-account-insight small { margin-top:7px; color:#7f929f; font:680 9px/1.35 var(--mono); overflow-wrap:anywhere; }
.member-account-insight--source { grid-column:1/-1; }

/* Printable permanent on-site registration pass */
.onsite-print-page { margin:0; padding:0; min-height:100vh; background:#050b12; color:#07111a; }
.onsite-print-toolbar { position:fixed; z-index:5; top:18px; left:50%; width:min(92vw,190mm); display:flex; justify-content:space-between; gap:12px; transform:translateX(-50%); }
.onsite-print-toolbar a,.onsite-print-toolbar button { min-height:44px; display:grid; place-items:center; padding:0 17px; border:1px solid rgba(125,233,255,.38); background:#08131e; color:#7de9ff; text-decoration:none; font:740 11px/1 var(--mono); letter-spacing:.08em; cursor:pointer; }
.onsite-print-sheet { position:relative; width:min(92vw,190mm); min-height:267mm; margin:82px auto 38px; padding:15mm; display:flex; flex-direction:column; overflow:hidden; border:1px solid #82a8b8; background:radial-gradient(circle at 103% 0,rgba(70,119,255,.15),transparent 32%),linear-gradient(138deg,#f9fdff,#d9e8ee 48%,#f7fcfe); box-shadow:0 32px 100px rgba(0,0,0,.45); }
.onsite-print-sheet::before { content:""; position:absolute; inset:-22% auto -22% 42%; width:13%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),rgba(89,220,249,.16),transparent); transform:skewX(-14deg); pointer-events:none; }
.onsite-print-sheet::after { content:"LM"; position:absolute; right:-13mm; bottom:-17mm; color:rgba(17,45,62,.055); font:900 112mm/.75 var(--display); letter-spacing:-.1em; pointer-events:none; }
.onsite-print-sheet > * { position:relative; z-index:1; }
.onsite-print-content { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; justify-content:center; }
.onsite-print-brand { display:flex; align-items:center; gap:12px; color:#07111a; font:800 20px/1 var(--display); letter-spacing:-.035em; }
.onsite-print-brand .brand-l { width:48px; height:48px; display:grid; place-items:center; border:1px solid #6d8b9a; border-radius:7px 17px 7px 17px; background:linear-gradient(135deg,#fff,#a7bdc8 48%,#edf8fc); color:#07111a; font-size:26px; box-shadow:inset 0 1px #fff; }
.onsite-print-brand strong { color:#098aa8; }
.onsite-print-brand small { display:block; margin-top:5px; color:#526977; font:720 8px/1 var(--mono); letter-spacing:.18em; }
.onsite-print-hero { margin-top:18mm; }
.onsite-print-hero > p { margin:0; color:#067e99; font:760 10px/1 var(--mono); letter-spacing:.18em; }
.onsite-print-hero h1 { margin:7mm 0 5mm; color:#07111a; font:850 29mm/.72 var(--display); letter-spacing:-.075em; }
.onsite-print-hero h1 em { color:#149fbd; font-style:normal; font-weight:280; }
.onsite-print-scanline { height:4px; background:linear-gradient(90deg,#07111a 0 13%,#29cce9 13% 52%,rgba(7,17,26,.15) 52%); }
.onsite-print-scanline i { display:block; width:13px; height:13px; margin-left:calc(52% - 7px); transform:translateY(-5px) rotate(45deg); border:2px solid #168eaa; background:#eaf7fb; }
.onsite-print-code { margin-top:13mm; display:grid; grid-template-columns:78mm minmax(0,1fr); gap:12mm; align-items:center; }
.onsite-print-code__qr { padding:5mm; border:2px solid #0b3443; border-radius:2mm 8mm 2mm 2mm; background:#fff; box-shadow:7mm 7mm 0 rgba(17,80,101,.08); transform:rotate(-1.3deg); }
.onsite-print-code__qr svg { display:block; width:100%; height:auto; }
.onsite-print-code small { color:#0786a3; font:760 9px/1 var(--mono); letter-spacing:.16em; }
.onsite-print-code strong { display:block; margin-top:5mm; color:#07111a; font:820 11mm/.86 var(--display); letter-spacing:-.05em; }
.onsite-print-code p { margin:6mm 0 0; color:#3f5764; font-size:15px; line-height:1.55; }
.onsite-print-steps { margin:16mm 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; border-block:1px solid rgba(7,42,56,.25); }
.onsite-print-steps li { min-height:25mm; display:flex; align-items:center; gap:5mm; padding:4mm; }
.onsite-print-steps li + li { border-left:1px solid rgba(7,42,56,.25); }
.onsite-print-steps b { color:#12a5c3; font:840 13mm/.8 var(--display); }
.onsite-print-steps span { color:#213b49; font:760 9px/1.4 var(--mono); letter-spacing:.08em; }
.onsite-print-footer { position:relative; display:flex; justify-content:space-between; align-items:end; gap:10mm; border-top:1px solid rgba(7,42,56,.23); padding-top:4mm; }
.onsite-print-footer span { color:#07111a; font:820 18px/1 var(--display); }
.onsite-print-footer small { max-width:115mm; color:#536a76; font:680 7px/1.35 var(--mono); text-align:right; overflow-wrap:anywhere; }
@media (max-width:760px) {
    .onsite-print-sheet { min-height:auto; padding:24px; }
    .onsite-print-hero { margin-top:48px; }.onsite-print-hero h1 { font-size:17vw; }
    .onsite-print-code { grid-template-columns:minmax(0,1fr); }.onsite-print-code__qr { width:min(100%,280px); justify-self:center; }
    .onsite-print-steps { grid-template-columns:minmax(0,1fr); }.onsite-print-steps li + li { border-left:0; border-top:1px solid rgba(7,42,56,.25); }
    .onsite-print-footer { margin-top:45px; flex-direction:column; align-items:flex-start; }.onsite-print-footer small { text-align:left; }
}
@page { size:A4 portrait; margin:10mm; }
@media print {
    html,body.onsite-print-page { margin:0!important; padding:0!important; background:#fff!important; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
    .onsite-print-toolbar { display:none!important; }
    .onsite-print-sheet { width:190mm; height:277mm; min-height:0; margin:0; padding:12mm; overflow:hidden; border:1px solid #82a8b8; box-shadow:none; break-inside:avoid; page-break-inside:avoid; }
    .onsite-print-brand { gap:3mm; font-size:18px; }
    .onsite-print-brand .brand-l { width:13mm; height:13mm; font-size:24px; }
    .onsite-print-brand small { margin-top:1.3mm; font-size:7px; }
    .onsite-print-hero { margin-top:0; }
    .onsite-print-hero h1 { margin:5mm 0 4mm; font-size:21mm; line-height:.74; }
    .onsite-print-code { margin-top:9mm; grid-template-columns:68mm minmax(0,1fr); gap:10mm; align-items:center; }
    .onsite-print-code__qr { width:auto; padding:4mm; border-radius:2mm 7mm 2mm 2mm; box-shadow:5mm 5mm 0 rgba(17,80,101,.08); }
    .onsite-print-code small { font-size:8px; }
    .onsite-print-code strong { margin-top:4mm; font-size:8.7mm; line-height:.88; }
    .onsite-print-code p { margin-top:4mm; font-size:13px; line-height:1.45; }
    .onsite-print-steps { margin-top:10mm; grid-template-columns:repeat(3,minmax(0,1fr)); }
    .onsite-print-steps li { min-height:21mm; gap:3mm; padding:3mm; }
    .onsite-print-steps li + li { border-top:0; border-left:1px solid rgba(7,42,56,.25); }
    .onsite-print-steps b { font-size:10mm; }
    .onsite-print-steps span { font-size:7px; }
    .onsite-print-footer { position:relative; margin:0; flex-direction:row; align-items:end; padding-top:3mm; }
    .onsite-print-footer span { font-size:16px; }
    .onsite-print-footer small { max-width:108mm; font-size:6px; text-align:right; }
}

/* Mobile Feinarbeit: weniger Rahmenebenen und optisch zentrierte Kennzahlen. */
@media (max-width:720px) {
    .member-event-station .member-event-audience {
        margin:22px 0 4px;
        padding:0 0 15px;
        overflow:visible;
        border-width:0 0 1px;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .member-event-station .member-event-audience::after {
        inset:auto 0 0 auto;
        width:84px;
        opacity:.72;
    }
    .member-event-station .member-event-audience > legend {
        float:left;
        width:100%;
        max-width:none;
        margin:0 0 12px;
        padding:0;
        line-height:1.35;
    }
    .member-event-station .member-event-audience__toolbar {
        clear:both;
        padding-top:0;
    }
}

@media (max-width:780px) {
    .team-inbox-status {
        grid-template-columns:auto minmax(0,1fr);
        grid-template-rows:auto auto;
        column-gap:13px;
        row-gap:6px;
        align-content:center;
        align-items:center;
    }
    .team-inbox-status b {
        grid-row:1 / 3;
        align-self:center;
    }
    .team-inbox-status span {
        align-self:end;
        margin-top:0;
    }
    .team-inbox-status small {
        align-self:start;
        margin-top:0;
    }
}

@media (max-width:480px) {
    .visitor-pulse__live {
        grid-template-columns:10px minmax(0,1fr) auto;
        column-gap:9px;
        padding-right:24px;
    }
    .visitor-pulse__live > i {
        justify-self:center;
        margin-top:0;
    }
    .visitor-pulse__live > b { margin-right:3px; }
}

/* Mitgliederbereich: eindeutiger Status und ein gemeinsamer Rhythmus aller Hauptflaechen. */
.member-welcome__state {
    width:max-content;
    max-width:100%;
    min-width:0;
    justify-items:stretch;
    gap:15px;
}
.member-dashboard .member-role-badge { justify-self:end; }
.member-welcome__shortcuts {
    width:100%;
    justify-content:space-between;
    gap:18px;
}
.member-welcome__shortcuts .line-link:last-child { margin-left:auto; }
.member-welcome__shortcuts .line-link:only-child { margin-left:0; }

.member-dashboard > :is(.member-welcome,.member-paddock,.member-operations,.member-snapshots,.member-invitations,.team-results,.member-visitor-pulse,.member-access) {
    margin-block:0;
}
.member-dashboard > :is(.member-welcome,.member-paddock,.member-operations,.member-snapshots,.member-invitations,.team-results,.member-visitor-pulse):not(:last-child) {
    margin-bottom:var(--cp04-stack-gap);
}

@media (max-width:780px) {
    .member-welcome__state {
        width:100%;
        min-width:0;
        gap:16px;
    }
    .member-dashboard .member-role-badge { justify-self:center; }
    .member-welcome__shortcuts {
        justify-content:space-between;
        gap:16px;
    }
}

/* Mobile Kopfzeile: eindeutige Anmeldung, erkannte Hinweise und klare Direktwege. */
.mobile-session-status,
.mobile-nav-signals,
.mobile-nav-section-label,
.admin-nav-label--mobile { display:none; }

.nav-toggle__badge {
    position:absolute;
    top:1px;
    right:0;
    min-width:19px;
    height:19px;
    display:grid;
    place-items:center;
    padding:0 5px;
    border:1px solid rgba(235,250,255,.72);
    border-radius:10px;
    color:#061017;
    background:var(--cp04-electric);
    box-shadow:0 0 18px rgba(125,233,255,.45);
    font:800 10px/1 var(--mono);
    font-style:normal;
}

.site-header .brand-l,
.admin-bar .brand-l {
    padding-bottom:1px;
    color:#08111b;
    font-family:Arial,Helvetica,sans-serif;
    font-stretch:normal;
    letter-spacing:0;
    text-indent:1px;
}

@media (max-width:780px) {
    .site-header,
    .site-header.is-authenticated {
        grid-template-columns:minmax(0,1fr) auto;
        column-gap:10px;
    }
    .site-header .site-header__actions,
    .site-header.is-authenticated .site-header__actions { display:none; }
    .site-header.is-authenticated .nav-toggle { min-width:94px; padding-left:10px; column-gap:8px; }

    .mobile-session-status {
        display:grid;
        gap:13px;
        padding:14px;
        border:1px solid rgba(125,233,255,.3);
        border-radius:4px 15px 4px 4px;
        background:
            linear-gradient(112deg,rgba(125,233,255,.09),transparent 43%),
            rgba(3,10,17,.86);
        box-shadow:inset 3px 0 rgba(125,233,255,.72),inset 0 1px rgba(255,255,255,.08);
    }
    .mobile-session-status__identity {
        min-width:0;
        display:grid;
        grid-template-columns:9px minmax(0,1fr);
        gap:11px;
        align-items:start;
    }
    .mobile-session-status__identity > i {
        width:8px;
        height:8px;
        margin-top:3px;
        border-radius:50%;
        background:#85ffb8;
        box-shadow:0 0 0 5px rgba(133,255,184,.08),0 0 15px rgba(133,255,184,.7);
    }
    .mobile-session-status__identity span,
    .mobile-session-status__identity small,
    .mobile-session-status__identity strong,
    .mobile-session-status__identity em { display:block; min-width:0; }
    .mobile-session-status__identity small {
        color:#8fa4b2;
        font:720 11px/1 var(--mono);
        letter-spacing:.1em;
    }
    .mobile-session-status__identity strong {
        margin-top:7px;
        overflow:hidden;
        color:#eef9ff;
        font:800 20px/1 var(--display);
        letter-spacing:-.025em;
        text-overflow:ellipsis;
        text-transform:uppercase;
        white-space:nowrap;
    }
    .mobile-session-status__identity em {
        margin-top:7px;
        color:var(--cp04-electric);
        font:750 11px/1 var(--mono);
        font-style:normal;
        letter-spacing:.1em;
    }
    .mobile-session-status form { margin:0; }
    .mobile-session-status form button {
        width:100%;
        min-height:43px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0 13px;
        border:1px solid rgba(255,139,164,.36);
        border-radius:8px;
        color:#ff9bae;
        background:rgba(255,112,143,.035);
        font:760 11px/1 var(--mono);
        letter-spacing:.09em;
    }
    .mobile-session-status form button b { color:#ff9bae; font-size:16px; }

    .mobile-nav-signals {
        display:grid;
        gap:6px;
        padding:3px 0 5px;
    }
    .mobile-nav-signals > p,
    .mobile-nav-section-label {
        margin:0;
        color:#8ca0ad;
        font:740 10px/1 var(--mono);
        letter-spacing:.12em;
    }
    .mobile-nav-signals > p {
        min-height:28px;
        display:flex;
        align-items:center;
        gap:9px;
        padding:0 10px;
    }
    .mobile-nav-signals > p > i,
    .mobile-nav-contact > i {
        position:relative;
        width:20px;
        height:16px;
        display:block;
        border:1px solid var(--cp04-electric);
        border-radius:6px;
        box-shadow:0 0 13px rgba(125,233,255,.18);
    }
    .mobile-nav-signals > p > i::after,
    .mobile-nav-contact > i::after {
        content:"";
        position:absolute;
        bottom:-4px;
        left:4px;
        width:6px;
        height:6px;
        border-bottom:1px solid var(--cp04-electric);
        border-left:1px solid var(--cp04-electric);
        background:#06101a;
        transform:skewY(-32deg);
    }
    .site-nav .mobile-nav-signal {
        min-height:59px;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        padding:10px 12px;
        border-color:rgba(218,239,255,.14);
        background:rgba(218,239,255,.025);
        text-transform:none;
    }
    .site-nav .mobile-nav-signal::after,
    .site-nav .mobile-nav-contact::after { display:none; }
    .site-nav .mobile-nav-signal.has-updates {
        border-color:rgba(125,233,255,.42);
        background:linear-gradient(100deg,rgba(125,233,255,.09),rgba(85,121,255,.035));
        box-shadow:inset 3px 0 var(--cp04-electric);
    }
    .mobile-nav-signal > span,
    .mobile-nav-signal > span strong,
    .mobile-nav-signal > span small { display:block; min-width:0; }
    .mobile-nav-signal > span strong {
        overflow:hidden;
        color:#e8f4fa;
        font:780 14px/1.1 var(--mono);
        letter-spacing:.035em;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .mobile-nav-signal > span small {
        margin-top:6px;
        color:#8295a2;
        font:680 11px/1.2 var(--body);
        letter-spacing:0;
    }
    .mobile-nav-signal > em {
        min-width:46px;
        display:grid;
        grid-template-columns:auto;
        justify-items:end;
        align-content:center;
        font-style:normal;
    }
    .mobile-nav-signal > em b { color:var(--cp04-electric); font:820 25px/.8 var(--display); }
    .mobile-nav-signal > em small { margin-top:7px; color:#89a0ad; font:720 8px/1 var(--mono); letter-spacing:.08em; }

    .mobile-nav-section-label {
        display:block;
        padding:8px 10px 3px;
    }
    .site-nav .mobile-nav-contact {
        min-height:58px;
        display:grid;
        grid-template-columns:24px minmax(0,1fr) auto;
        gap:12px;
        padding:9px 12px;
        border-color:rgba(125,233,255,.32);
        background:linear-gradient(108deg,rgba(125,233,255,.07),rgba(85,121,255,.035));
        text-transform:none;
    }
    .mobile-nav-contact > i { width:22px; height:18px; }
    .mobile-nav-contact > span,
    .mobile-nav-contact strong,
    .mobile-nav-contact small { display:block; min-width:0; }
    .mobile-nav-contact strong { color:#eaf8ff; font:780 15px/1 var(--mono); letter-spacing:.06em; }
    .mobile-nav-contact small { margin-top:6px; color:#91a5b2; font:680 11px/1 var(--body); letter-spacing:0; }
    .mobile-nav-contact > b { color:var(--cp04-electric); font:700 18px/1 var(--mono); }

    .admin-bar {
        min-height:72px;
        padding:0 17px;
        grid-template-columns:minmax(0,1fr) auto;
        column-gap:10px;
        row-gap:0;
    }
    .admin-bar > .nav-toggle { display:grid; }
    .admin-bar > .session-status { display:none; }
    .admin-bar nav {
        position:fixed;
        z-index:70;
        top:max(79px,calc(env(safe-area-inset-top) + 72px));
        right:17px;
        bottom:auto;
        left:auto;
        width:min(390px,calc(100% - 34px));
        max-width:calc(100% - 34px);
        max-height:calc(100vh - 96px);
        max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));
        display:flex;
        flex-direction:column;
        gap:5px;
        padding:10px;
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior:contain;
        border:1px solid rgba(218,239,255,.22);
        border-radius:16px;
        background:
            radial-gradient(ellipse 90% 55% at 100% 0,rgba(85,121,255,.2),transparent 68%),
            #05090e;
        box-shadow:0 26px 65px rgba(0,0,0,.58),0 0 0 100vmax rgba(2,5,9,.58);
        opacity:0;
        visibility:hidden;
        transform:translateY(-8px) scale(.985);
        transform-origin:top right;
        transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
        scrollbar-width:thin;
    }
    .nav-open .admin-bar nav { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
    .admin-bar nav > a {
        width:100%;
        min-height:45px;
        flex:0 0 auto;
        display:flex;
        align-items:center;
        padding:0 13px;
        border:1px solid rgba(218,239,255,.1);
        border-radius:10px;
        color:#dbe7f2;
        background:linear-gradient(120deg,rgba(255,255,255,.055),rgba(85,121,255,.025));
        font:750 clamp(18px,5.7vw,23px)/1 var(--display);
        letter-spacing:-.025em;
        text-transform:uppercase;
    }
    .admin-bar nav > a.is-active { border-color:rgba(125,233,255,.4); color:var(--cp04-electric); }
    .admin-nav-label--desktop { display:none; }
    .admin-nav-label--mobile { display:inline; }
}

@media (prefers-reduced-motion:reduce) {
    .admin-bar nav { transition:none; }
}

/* Mobile Navigation: kompakte Route-Matrix, die sichtbar aus der Kopfzeile ausfaehrt. */
@keyframes cp04MobileMenuScan {
    0% { opacity:0; transform:translate3d(-42%,-115%,0) skewY(-8deg); }
    34% { opacity:.34; }
    100% { opacity:0; transform:translate3d(38%,165%,0) skewY(-8deg); }
}

@media (max-width:780px) {
    .site-header.is-authenticated .nav-toggle,
    .nav-toggle {
        min-width:92px;
        padding:7px 8px;
        column-gap:8px;
        border:1px solid transparent;
        border-radius:10px;
        isolation:isolate;
        transition:border-color .28s ease,background .28s ease,box-shadow .28s ease;
    }
    .nav-toggle::before {
        content:"";
        position:absolute;
        z-index:-1;
        inset:4px;
        border:1px solid rgba(125,233,255,0);
        border-radius:7px;
        background:rgba(125,233,255,0);
        transform:scale(.88);
        opacity:0;
        transition:opacity .3s ease,transform .38s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease;
    }
    .nav-toggle span {
        box-shadow:0 0 0 rgba(125,233,255,0);
        transition:transform .38s cubic-bezier(.16,1,.3,1),width .28s ease,box-shadow .28s ease;
    }
    .nav-toggle b {
        font-size:10px;
        letter-spacing:.11em;
        transition:color .25s ease,transform .3s ease;
    }
    .nav-open .nav-toggle {
        border-color:rgba(125,233,255,.18);
        background:rgba(125,233,255,.035);
        box-shadow:0 0 25px rgba(71,201,255,.08);
    }
    .nav-open .nav-toggle::before {
        border-color:rgba(125,233,255,.28);
        background:linear-gradient(120deg,rgba(125,233,255,.08),rgba(85,121,255,.025));
        transform:scale(1);
        opacity:1;
    }
    .nav-open .nav-toggle span { box-shadow:0 0 9px rgba(125,233,255,.58); }
    .nav-open .nav-toggle b { color:var(--cp04-electric); transform:translateX(1px); }

    .site-nav,
    .admin-bar nav {
        isolation:isolate;
        width:min(430px,calc(100% - 34px));
        max-width:calc(100% - 34px);
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-content:start;
        justify-content:stretch;
        gap:7px;
        padding:12px;
        overflow-x:hidden;
        overflow-y:auto;
        border:1px solid rgba(218,239,255,.25);
        border-top-color:rgba(125,233,255,.42);
        border-radius:4px 4px 18px 18px;
        background:
            linear-gradient(180deg,rgba(125,233,255,.065),transparent 72px),
            radial-gradient(ellipse 100% 58% at 100% 0,rgba(85,121,255,.2),transparent 68%),
            linear-gradient(145deg,#07111b,#03070c 72%);
        box-shadow:0 30px 72px rgba(0,0,0,.62),0 0 0 100vmax rgba(2,5,9,.62),inset 0 1px rgba(255,255,255,.1);
        clip-path:inset(0 0 96% 0 round 4px 4px 18px 18px);
        filter:blur(2px);
        opacity:0;
        visibility:hidden;
        transform:translate3d(0,-17px,0) scaleX(.965);
        transform-origin:top right;
        will-change:clip-path,transform,opacity;
        transition:
            clip-path .5s cubic-bezier(.16,1,.3,1),
            transform .5s cubic-bezier(.16,1,.3,1),
            opacity .25s ease,
            filter .32s ease,
            visibility 0s linear .5s;
        scrollbar-width:thin;
    }
    .site-nav {
        top:max(80px,calc(env(safe-area-inset-top) + 72px));
        right:17px;
    }
    .admin-bar nav {
        top:max(68px,calc(env(safe-area-inset-top) + 68px));
        right:17px;
    }
    .nav-open .site-nav,
    .nav-open .admin-bar nav {
        clip-path:inset(0 round 4px 4px 18px 18px);
        filter:blur(0);
        opacity:1;
        visibility:visible;
        transform:translate3d(0,0,0) scaleX(1);
        transition-delay:0s;
    }
    .site-nav::before,
    .admin-bar nav::before {
        content:"";
        position:absolute;
        z-index:3;
        top:0;
        right:12px;
        left:12px;
        height:2px;
        pointer-events:none;
        background:linear-gradient(90deg,transparent,var(--cp04-electric) 35%,#f1fbff 50%,var(--cp04-electric) 65%,transparent);
        box-shadow:0 0 16px rgba(125,233,255,.65);
        opacity:0;
        transform:scaleX(.16);
        transition:opacity .28s ease .08s,transform .55s cubic-bezier(.16,1,.3,1) .05s;
    }
    .site-nav::after,
    .admin-bar nav::after {
        content:"";
        position:absolute;
        z-index:2;
        top:-35%;
        left:-28%;
        width:72%;
        height:78%;
        pointer-events:none;
        background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.14) 48%,rgba(125,233,255,.08) 52%,transparent 63%);
        opacity:0;
        transform:translate3d(-42%,-115%,0) skewY(-8deg);
    }
    .nav-open .site-nav::before,
    .nav-open .admin-bar nav::before { opacity:1; transform:scaleX(1); }
    .nav-open .site-nav::after,
    .nav-open .admin-bar nav::after { animation:cp04MobileMenuScan .9s ease-out .12s both; }

    .site-nav > *,
    .admin-bar nav > * {
        position:relative;
        z-index:1;
        opacity:0;
        transform:translateY(-9px);
        transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1);
    }
    .nav-open .site-nav > *,
    .nav-open .admin-bar nav > * { opacity:1; transform:translateY(0); }
    .nav-open .site-nav > :nth-child(1),
    .nav-open .admin-bar nav > :nth-child(1) { transition-delay:.09s; }
    .nav-open .site-nav > :nth-child(2),
    .nav-open .admin-bar nav > :nth-child(2) { transition-delay:.12s; }
    .nav-open .site-nav > :nth-child(3),
    .nav-open .admin-bar nav > :nth-child(3) { transition-delay:.15s; }
    .nav-open .site-nav > :nth-child(4),
    .nav-open .admin-bar nav > :nth-child(4) { transition-delay:.18s; }
    .nav-open .site-nav > :nth-child(5),
    .nav-open .admin-bar nav > :nth-child(5) { transition-delay:.21s; }
    .nav-open .site-nav > :nth-child(n+6),
    .nav-open .admin-bar nav > :nth-child(n+6) { transition-delay:.24s; }

    .mobile-session-status,
    .mobile-nav-signals,
    .mobile-nav-section-label,
    .site-nav .mobile-nav-contact {
        grid-column:1/-1;
    }
    .mobile-session-status {
        display:grid;
        gap:7px;
        padding:10px 11px;
        border-radius:3px 12px 3px 3px;
    }
    .mobile-session-status__row {
        min-width:0;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        align-items:center;
    }
    .mobile-session-status__identity {
        grid-template-columns:8px minmax(0,1fr);
        gap:9px;
        align-items:center;
    }
    .mobile-session-status__identity > i { width:7px; height:7px; margin-top:0; }
    .mobile-session-status__identity small { font-size:9px; letter-spacing:.09em; }
    .mobile-session-status__identity strong { margin-top:5px; font-size:17px; }
    .mobile-session-status__identity em { margin-top:5px; font-size:9px; }
    .mobile-session-status__row form { margin:0; }
    .mobile-session-status__row form button {
        width:auto;
        min-height:34px;
        justify-content:center;
        gap:7px;
        padding:0 10px;
        border-radius:7px;
        font-size:9px;
        letter-spacing:.075em;
        white-space:nowrap;
    }
    .mobile-session-status__row form button b { font-size:13px; }

    .mobile-nav-signals { gap:5px; padding:4px 0 3px; }
    .mobile-nav-signals > p { min-height:25px; padding:0 8px; font-size:9px; }
    .site-nav .mobile-nav-signal {
        min-height:54px;
        padding:9px 11px;
        border-radius:9px;
    }
    .mobile-nav-signal > span strong { font-size:13px; }
    .mobile-nav-signal > span small { margin-top:5px; font-size:11px; }
    .mobile-nav-signal > em { min-width:38px; }
    .mobile-nav-signal > em b { font-size:23px; }

    .mobile-nav-section-label {
        display:block;
        padding:8px 8px 2px;
        font-size:9px;
    }
    .site-nav > a:not(.mobile-nav-contact),
    .admin-bar nav > a {
        min-width:0;
        min-height:44px;
        padding:0 11px;
        border:1px solid rgba(218,239,255,.1);
        border-radius:9px;
        color:#cbd9e3;
        background:linear-gradient(125deg,rgba(255,255,255,.045),rgba(85,121,255,.018));
        font:760 13px/1 var(--mono);
        letter-spacing:.055em;
        text-transform:uppercase;
        transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;
    }
    .site-nav > a:not(.mobile-nav-contact):active,
    .admin-bar nav > a:active { transform:scale(.975); }
    .site-nav > a:not(.mobile-nav-contact).is-active,
    .admin-bar nav > a.is-active {
        border-color:rgba(125,233,255,.38);
        color:var(--cp04-electric);
        background:linear-gradient(110deg,rgba(125,233,255,.11),rgba(85,121,255,.035));
        box-shadow:inset 2px 0 var(--cp04-electric),0 0 20px rgba(71,201,255,.06);
    }
    .site-nav > a:not(.mobile-nav-contact)::after,
    .admin-bar nav > a::after {
        content:"";
        position:absolute;
        top:50%;
        right:9px;
        width:0;
        height:1px;
        background:var(--cp04-electric);
        box-shadow:0 0 10px var(--cp04-electric);
        transform:translateY(-50%);
        transition:width .22s ease;
    }
    .site-nav > a:not(.mobile-nav-contact):hover::after,
    .site-nav > a:not(.mobile-nav-contact).is-active::after,
    .admin-bar nav > a:hover::after,
    .admin-bar nav > a.is-active::after { right:9px; width:14px; }
    .admin-bar nav > a:last-child { grid-column:1/-1; }

    .site-nav .mobile-nav-contact {
        min-height:52px;
        margin-top:2px;
        padding:8px 11px;
        border-radius:9px;
    }
    .mobile-nav-contact strong { font-size:13px; }
    .mobile-nav-contact small { margin-top:5px; font-size:11px; }
}

@media (prefers-reduced-motion:reduce) {
    .nav-open .site-nav::after,
    .nav-open .admin-bar nav::after { animation:none; }
}

/* Chrome Drop-Bay: Das mobile Menue rollt als flexible Metallflaeche aus der Kopfzeile. */
.nav-focus-shield { display:none; }

@media (max-width:780px) {
    html.nav-open,
    body.nav-open {
        overflow:hidden;
        overscroll-behavior:none;
    }

    .nav-focus-shield {
        position:fixed;
        z-index:49;
        inset:0;
        width:100%;
        height:100%;
        display:block;
        margin:0;
        padding:0;
        border:0;
        border-radius:0;
        appearance:none;
        background:rgba(2,6,11,.48);
        -webkit-backdrop-filter:blur(7px) saturate(.58) brightness(.56);
        backdrop-filter:blur(7px) saturate(.58) brightness(.56);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .34s ease,visibility 0s linear .56s;
    }
    .admin-page .nav-focus-shield { z-index:59; }
    .nav-open .nav-focus-shield {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transition-delay:0s;
    }

    .site-header,
    .admin-bar {
        transition:border-color .32s ease,border-radius .42s var(--cp04-ease),background .32s ease,box-shadow .32s ease;
    }
    .nav-open .site-header {
        border-bottom-color:rgba(125,233,255,.64);
        border-radius:15px 15px 0 0;
        background:
            linear-gradient(112deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 31%,rgba(93,130,255,.12) 70%,rgba(255,255,255,.075)),
            rgba(5,10,16,.9);
        box-shadow:inset 0 1px rgba(255,255,255,.24),0 14px 38px rgba(0,0,0,.34),0 1px 18px rgba(118,233,255,.11);
    }
    .nav-open .site-header::before {
        right:10px;
        left:10px;
        opacity:1;
        box-shadow:0 0 13px rgba(118,233,255,.42);
    }
    .nav-open .admin-bar {
        border-bottom-color:rgba(125,233,255,.62);
        box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 34px rgba(0,0,0,.36),0 1px 17px rgba(118,233,255,.1);
    }

    .site-nav,
    .admin-bar nav {
        position:absolute;
        width:auto;
        max-width:none;
        min-height:0;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-content:start;
        justify-content:stretch;
        gap:0;
        padding:10px 16px 18px;
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior:contain;
        border:1px solid rgba(218,239,255,.24);
        border-top:0;
        border-bottom-color:rgba(218,239,255,.13);
        border-radius:0 0 14px 14px;
        background:
            linear-gradient(180deg,rgba(125,233,255,.075),transparent 62px),
            radial-gradient(ellipse 88% 54% at 50% 0,rgba(85,121,255,.14),transparent 70%),
            linear-gradient(145deg,rgba(7,17,27,.985),rgba(3,7,12,.995) 72%);
        box-shadow:0 32px 58px rgba(0,0,0,.64),0 18px 34px rgba(1,5,10,.3),inset 1px 0 rgba(255,255,255,.045),inset -1px 0 rgba(255,255,255,.045);
        clip-path:inset(0 0 99.5% 0 round 0 0 14px 14px);
        opacity:0;
        visibility:hidden;
        transform:translate3d(0,-2px,0);
        transform-origin:top center;
        backface-visibility:hidden;
        will-change:clip-path,transform,opacity;
        transition:
            clip-path .62s cubic-bezier(.22,1,.36,1),
            transform .62s cubic-bezier(.22,1,.36,1),
            opacity .18s ease,
            visibility 0s linear .62s;
        scrollbar-width:none;
    }
    .site-nav {
        z-index:3;
        top:calc(100% - 1px);
        right:-1px;
        left:-1px;
        max-height:calc(100vh - 84px);
        max-height:calc(100dvh - 84px - env(safe-area-inset-bottom));
    }
    .admin-bar nav {
        top:calc(100% - 1px);
        right:0;
        left:0;
        max-height:calc(100vh - 82px);
        max-height:calc(100dvh - 82px - env(safe-area-inset-bottom));
    }
    .site-nav::-webkit-scrollbar,
    .admin-bar nav::-webkit-scrollbar { width:0; }
    .site-nav.is-scrollable,
    .admin-bar nav.is-scrollable {
        scrollbar-width:thin;
        scrollbar-color:rgba(151,176,194,.42) transparent;
    }
    .site-nav.is-scrollable::-webkit-scrollbar,
    .admin-bar nav.is-scrollable::-webkit-scrollbar { width:3px; }
    .site-nav.is-scrollable::-webkit-scrollbar-thumb,
    .admin-bar nav.is-scrollable::-webkit-scrollbar-thumb { border-radius:3px; background:rgba(151,176,194,.42); }
    .site-nav::-webkit-scrollbar-track,
    .admin-bar nav::-webkit-scrollbar-track { background:transparent; }

    .nav-open .site-nav,
    .nav-open .admin-bar nav {
        clip-path:inset(0 round 0 0 14px 14px);
        opacity:1;
        visibility:visible;
        transform:translate3d(0,0,0);
        transition-delay:0s;
    }

    .site-nav::before,
    .admin-bar nav::before {
        top:0;
        right:10px;
        left:10px;
        height:1px;
        background:linear-gradient(90deg,transparent,var(--cp04-electric) 30%,#f5fcff 50%,var(--cp04-electric) 70%,transparent);
        box-shadow:0 0 15px rgba(125,233,255,.65);
        opacity:.88;
        transform:scaleX(1);
    }
    .site-nav::after,
    .admin-bar nav::after {
        top:0;
        bottom:auto;
        left:0;
        right:0;
        width:auto;
        height:6px;
        border:0;
        border-radius:0 0 13px 13px;
        background:linear-gradient(180deg,rgba(245,252,255,.72) 0,rgba(118,233,255,.28) 28%,rgba(25,38,51,.96) 68%,rgba(4,9,14,.96) 100%);
        box-shadow:0 5px 11px rgba(0,0,0,.44),0 1px 9px rgba(125,233,255,.13);
        opacity:0;
        transform:translate3d(0,0,0) scaleX(.84);
        transform-origin:top center;
        transition:top .62s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .62s cubic-bezier(.22,1,.36,1);
    }
    .nav-open .site-nav::after,
    .nav-open .admin-bar nav::after {
        top:calc(100% - 6px);
        opacity:.66;
        animation:none;
        transform:translate3d(0,0,0) scaleX(1);
    }

    .site-nav > *,
    .admin-bar nav > * {
        opacity:0;
        transform:translateY(-7px);
        transition:opacity .2s ease,transform .32s cubic-bezier(.16,1,.3,1);
    }
    .nav-open .site-nav > *,
    .nav-open .admin-bar nav > * { opacity:1; transform:translateY(0); }
    .nav-open .site-nav > :nth-child(1),
    .nav-open .admin-bar nav > :nth-child(1) { transition-delay:.14s; }
    .nav-open .site-nav > :nth-child(2),
    .nav-open .admin-bar nav > :nth-child(2) { transition-delay:.17s; }
    .nav-open .site-nav > :nth-child(3),
    .nav-open .admin-bar nav > :nth-child(3) { transition-delay:.2s; }
    .nav-open .site-nav > :nth-child(4),
    .nav-open .admin-bar nav > :nth-child(4) { transition-delay:.23s; }
    .nav-open .site-nav > :nth-child(5),
    .nav-open .admin-bar nav > :nth-child(5) { transition-delay:.26s; }
    .nav-open .site-nav > :nth-child(n+6),
    .nav-open .admin-bar nav > :nth-child(n+6) { transition-delay:.29s; }

    .mobile-session-status,
    .mobile-nav-signals,
    .mobile-nav-section-label,
    .site-nav .mobile-nav-contact { grid-column:1/-1; }

    .mobile-session-status {
        gap:0;
        padding:9px 8px 14px;
        border:0;
        border-bottom:1px solid rgba(125,233,255,.31);
        border-radius:0;
        background:transparent;
        box-shadow:0 5px 12px -12px rgba(125,233,255,.7);
    }
    .mobile-session-status__row {
        min-width:0;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        align-items:center;
    }
    .mobile-session-status__identity {
        grid-template-columns:8px minmax(0,1fr);
        gap:9px;
        align-items:center;
    }
    .mobile-session-status__identity > i { width:7px; height:7px; margin-top:0; }
    .mobile-session-status__identity small {
        color:#d9edf6;
        font-size:12px;
        letter-spacing:.09em;
        text-shadow:0 0 12px rgba(125,233,255,.12);
    }
    .mobile-session-status__identity strong { margin-top:4px; font-size:17px; }
    .mobile-session-status__identity em { margin-top:4px; font-size:9px; }
    .mobile-session-status__row form { margin:0; }
    .mobile-session-status__row form button {
        width:auto;
        min-height:32px;
        justify-content:center;
        gap:7px;
        padding:0 9px;
        border-radius:7px;
        font-size:9px;
        letter-spacing:.07em;
        white-space:nowrap;
    }
    .mobile-session-status__row form button b { font-size:13px; }

    .mobile-nav-signals {
        gap:0;
        padding:10px 8px 14px;
        border-bottom:1px solid rgba(125,233,255,.28);
        box-shadow:0 5px 12px -12px rgba(125,233,255,.65);
    }
    .mobile-nav-signals > p {
        min-height:30px;
        margin-bottom:10px;
        padding:0;
        color:#d9edf6;
        font-size:12px;
        letter-spacing:.09em;
        text-shadow:0 0 12px rgba(125,233,255,.12);
    }
    .mobile-nav-signals > p::after,
    .mobile-nav-section-label::after {
        content:"";
        flex:1 1 auto;
        height:1px;
        background:linear-gradient(90deg,rgba(125,233,255,.46),rgba(218,239,255,.12) 72%,transparent);
    }
    .site-nav .mobile-nav-signal {
        min-height:48px;
        padding:7px 6px;
        border:0;
        border-bottom:1px solid rgba(218,239,255,.105);
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .site-nav .mobile-nav-signal.has-updates {
        border-color:rgba(125,233,255,.24);
        background:linear-gradient(90deg,rgba(125,233,255,.075),transparent 66%);
        box-shadow:inset 2px 0 var(--cp04-electric);
    }
    .mobile-nav-signal > span strong { font-size:13px; }
    .mobile-nav-signal > span small { margin-top:4px; font-size:11px; }
    .mobile-nav-signal > em { min-width:38px; }
    .mobile-nav-signal > em b { font-size:22px; }
    .mobile-nav-signal > em small { margin-top:5px; }

    .mobile-nav-section-label {
        min-height:42px;
        display:flex;
        align-items:center;
        gap:11px;
        padding:10px 8px 3px;
        color:#d9edf6;
        font-size:12px;
        letter-spacing:.09em;
        text-shadow:0 0 12px rgba(125,233,255,.12);
    }
    .mobile-nav-section-label::before {
        content:"";
        flex:0 0 22px;
        height:1px;
        background:var(--cp04-electric);
        box-shadow:0 0 9px rgba(125,233,255,.42);
    }
    .site-nav > a:not(.mobile-nav-contact),
    .admin-bar nav > a {
        min-width:0;
        min-height:40px;
        padding:0 12px;
        border:0;
        border-bottom:1px solid rgba(218,239,255,.105);
        border-radius:0;
        color:#c7d5df;
        background:transparent;
        font:760 14px/1 var(--mono);
        letter-spacing:.045em;
        text-transform:uppercase;
        transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease;
    }
    .site-nav > a:not(.mobile-nav-contact):active,
    .admin-bar nav > a:active { transform:translateX(2px); }
    .site-nav > a:not(.mobile-nav-contact).is-active,
    .admin-bar nav > a.is-active {
        border-color:rgba(125,233,255,.32);
        color:var(--cp04-electric);
        background:linear-gradient(90deg,rgba(125,233,255,.085),transparent 82%);
        box-shadow:inset 0 -1px rgba(125,233,255,.38);
    }
    .site-nav > a:not(.mobile-nav-contact)::after,
    .admin-bar nav > a::after {
        right:7px;
        width:0;
        height:1px;
    }
    .site-nav > a:not(.mobile-nav-contact):hover::after,
    .site-nav > a:not(.mobile-nav-contact).is-active::after,
    .admin-bar nav > a:hover::after,
    .admin-bar nav > a.is-active::after { right:7px; width:12px; }
    .site-nav > a:nth-of-type(even):not(.mobile-nav-contact),
    .admin-bar nav > a:nth-of-type(even) {
        border-left:1px solid rgba(218,239,255,.105);
    }
    .admin-bar nav > a:last-child { grid-column:1/-1; }

    .site-nav .mobile-nav-contact {
        min-height:58px;
        margin-top:10px;
        padding:15px 8px 9px;
        border:0;
        border-top:1px solid rgba(125,233,255,.42);
        border-radius:0;
        background:linear-gradient(90deg,rgba(125,233,255,.06),transparent 72%);
        box-shadow:0 -4px 0 -3px rgba(218,239,255,.18);
    }
    .mobile-nav-contact strong { font-size:13px; }
    .mobile-nav-contact small { margin-top:4px; font-size:11px; }
}

@supports not (backdrop-filter:blur(1px)) {
    @media (max-width:780px) {
        .nav-focus-shield { background:rgba(2,6,11,.82); }
    }
}

@media (prefers-reduced-motion:reduce) {
    .site-header,
    .admin-bar,
    .site-nav,
    .admin-bar nav,
    .nav-focus-shield,
    .site-nav > *,
    .admin-bar nav > * { transition:none !important; }
    .nav-open .site-nav::after,
    .nav-open .admin-bar nav::after { top:calc(100% - 6px); transform:none; }
}

/* Admin: das automatisch gepflegte Schnappschuss-Systemalbum bleibt erkennbar, aber voll sortierbar. */
.admin-album-order li.is-system-album {
    border-color:rgba(118,233,255,.34);
    background:linear-gradient(90deg,rgba(118,233,255,.075),rgba(85,121,255,.035));
    box-shadow:inset 3px 0 rgba(118,233,255,.7);
}
.admin-album-order li.is-system-album .admin-album-order__copy strong { color:#bff6ff; }
.admin-album--system {
    border:1px solid rgba(118,233,255,.3);
    border-radius:7px 26px 7px 26px;
    overflow:hidden;
    background:radial-gradient(circle at 100% 0,rgba(85,121,255,.14),transparent 38%),rgba(3,9,15,.42);
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 58px rgba(0,0,0,.2);
}
.admin-album--system > .admin-album__preview,
.admin-album--system > .admin-panel { border:0; }
.admin-system-album__panel {
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(145deg,rgba(19,36,52,.72),rgba(4,10,17,.72));
}
.admin-system-album__panel > p {
    max-width:720px;
    margin:0;
    color:#a5b6c2;
    font-size:15px;
    line-height:1.65;
}
.admin-system-album__badge {
    flex:0 0 auto;
    padding:9px 11px;
    border:1px solid rgba(118,233,255,.4);
    border-radius:7px;
    color:var(--cp04-electric);
    background:rgba(118,233,255,.055);
    font:760 10px/1 var(--mono);
    letter-spacing:.09em;
}
.admin-system-album__facts {
    margin:24px 0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-block:1px solid rgba(218,239,255,.12);
}
.admin-system-album__facts div { min-width:0; padding:15px 12px; }
.admin-system-album__facts div + div { border-left:1px solid rgba(218,239,255,.12); }
.admin-system-album__facts dt { color:#718594; font:720 9px/1.2 var(--mono); letter-spacing:.08em; }
.admin-system-album__facts dd { margin:7px 0 0; color:#e7f4fb; font-size:13px; }
.admin-system-album__panel > .admin-preview-button { align-self:flex-start; width:auto; margin:0; }
.admin-album--system > .admin-photo-manager-shell { margin:0; border-width:1px 0 0; border-radius:0; }
.admin-album--system .admin-photo-card__meta small { color:#9dafbb; }

@media (max-width:780px) {
    .admin-album--system { border-radius:6px 21px 6px 21px; }
    .admin-system-album__facts { grid-template-columns:minmax(0,1fr); }
    .admin-system-album__facts div + div { border-left:0; border-top:1px solid rgba(218,239,255,.12); }
    .admin-system-album__panel > .admin-preview-button { width:100%; }
}

@media (max-width:780px) {
    .future-grid--with-race,
    .future-grid--without-race { grid-template-columns:1fr; }
    .future-grid--with-race .future-card--bar,
    .future-grid--without-race .future-card--bar { min-height:390px; }
}

/* Einheitliche Navigation und dezentes Live-Signal des vorhandenen Rennmonitors. */
.site-nav__label { min-width:0; }
.site-nav__race,
.admin-bar nav .site-nav__race {
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:7px;
    line-height:1;
}
.site-nav__race .site-nav__label {
    display:inline-flex;
    align-items:center;
    line-height:1;
}
.site-nav__live {
    min-height:17px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:3px 6px;
    border:1px solid rgba(101,244,168,.68);
    border-radius:9px;
    color:#91ffc1;
    background:#092119;
    box-shadow:0 0 0 1px rgba(2,8,13,.72),0 0 14px rgba(79,235,151,.24);
    font:820 7px/1 var(--mono);
    letter-spacing:.06em;
    opacity:0;
    visibility:hidden;
    transform:translateY(2px);
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;
}
.site-nav__live i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#6af2a9;
    box-shadow:0 0 0 2px rgba(106,242,169,.13),0 0 9px rgba(106,242,169,.92);
}
.site-nav__race.is-live .site-nav__live {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition-delay:0s;
}
.site-nav__race::before,
.admin-bar nav .site-nav__race::before {
    content:"";
    position:absolute;
    right:0;
    bottom:-12px;
    left:0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 0,transparent 35%,#effdff 49%,var(--cp04-electric) 55%,transparent 70%,transparent 100%);
    background-size:220% 100%;
    opacity:0;
}
.site-nav__race.is-live::before,
.admin-bar nav .site-nav__race.is-live::before {
    opacity:.95;
    animation:race-monitor-trace 1.9s linear infinite;
    box-shadow:0 0 10px rgba(125,233,255,.52);
}
@keyframes race-monitor-trace {
    from { background-position:115% 0; }
    to { background-position:-115% 0; }
}

@media (max-width:780px) {
    .site-nav__role-only { display:flex; }
    .admin-bar nav .site-nav__mobile-only { display:flex; }
    .site-nav__race,
    .admin-bar nav .site-nav__race { gap:8px; overflow:hidden; }
    .site-nav__race .site-nav__live { margin-left:auto; flex:0 0 auto; }
    .site-nav__race::before,
    .admin-bar nav .site-nav__race::before { bottom:0; }
    .admin-bar nav .mobile-nav-contact {
        grid-column:1/-1;
        min-height:58px;
        margin-top:10px;
        padding:15px 8px 9px;
        display:grid;
        grid-template-columns:24px minmax(0,1fr) auto;
        gap:12px;
        border:0;
        border-top:1px solid rgba(125,233,255,.42);
        border-radius:0;
        background:linear-gradient(90deg,rgba(125,233,255,.06),transparent 72%);
        text-transform:none;
    }
}

@media (prefers-reduced-motion:reduce) {
    .site-nav__race.is-live::before,
    .admin-bar nav .site-nav__race.is-live::before {
        animation:none;
        background:var(--cp04-electric);
        opacity:.72;
    }
}

/* Fester Zugang rechts, Boxenfunk in der Navigation und klar getrennte Fahrerlager-Bereiche. */
.session-status__role strong small {
    display:inline;
    margin-left:6px;
    color:#748997;
    font:720 8px/1 var(--mono);
    letter-spacing:.07em;
}
.session-status__login {
    min-height:32px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 9px;
    border:1px solid var(--cyan);
    border-radius:8px;
    color:var(--cyan);
    background:transparent;
    font:750 8px/1 var(--mono);
    letter-spacing:.07em;
    text-decoration:none;
    white-space:nowrap;
    transition:color .2s ease,background .2s ease,transform .2s ease;
}
.session-status__login:hover,
.session-status__login:focus-visible { color:#071018; background:var(--cyan); outline:none; transform:translateY(-1px); }
.session-status.is-logged-out { min-width:218px; }
.session-status.is-logged-out .session-status__role > div > span i { background:#7893a3; box-shadow:0 0 10px rgba(125,233,255,.32); }
.session-status.is-logged-out .session-status__role strong { color:#b9c9d3; font-size:10px; letter-spacing:.04em; }
.site-nav__contact { color:#dceaf2!important; }
.site-nav__contact .site-nav__label::before {
    content:"";
    width:6px;
    height:6px;
    display:inline-block;
    margin-right:7px;
    border:1px solid var(--cp04-electric);
    border-radius:50%;
    box-shadow:0 0 9px rgba(125,233,255,.42);
}

.member-priority-strip {
    min-height:58px;
    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
    margin:clamp(26px,3vw,42px) 0 0;
    overflow:hidden;
    border:1px solid rgba(125,233,255,.24);
    border-radius:5px 18px 5px 5px;
    background:linear-gradient(100deg,rgba(125,233,255,.07),rgba(3,10,17,.72) 38%,rgba(85,121,255,.05));
}
.member-priority-strip > a {
    min-width:0;
    min-height:58px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-right:1px solid rgba(218,239,255,.11);
    color:#9bafbb;
    font:740 14px/1.35 var(--mono);
    letter-spacing:.05em;
    overflow-wrap:anywhere;
    text-decoration:none;
}
.member-priority-strip > a { flex:1 1 0; justify-content:center; transition:color .2s ease,background .2s ease; }
.member-priority-strip__messages { container:priority-message / inline-size; }
.member-priority-strip__messages > span { min-width:0; }
.member-priority-strip__short { display:none; }
@container priority-message (max-width:16em) {
    .member-priority-strip__full { display:none; }
    .member-priority-strip__short { display:inline; }
}
.member-priority-strip > a:last-child { border-right:0; }
.member-priority-strip > a b { color:var(--cp04-electric); font:820 22px/.8 var(--display); letter-spacing:-.04em; }
.member-priority-strip > a.has-attention { color:#effaff; background:rgba(125,233,255,.075); box-shadow:inset 0 -2px var(--cp04-electric); }
.member-priority-strip > a:hover,
.member-priority-strip > a:focus-visible { color:#effaff; background:rgba(125,233,255,.06); outline:none; }

.member-race-zone,
.member-dashboard-zone { margin-top:clamp(64px,7vw,104px); scroll-margin-top:110px; }
.member-priority-strip + .member-paddock { margin-top:clamp(28px,3.5vw,48px)!important; }
.member-zone-heading {
    min-height:112px;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(280px,.68fr);
    gap:clamp(28px,5vw,70px);
    align-items:end;
    margin-bottom:24px;
    padding:0 8px 22px 24px;
    border-left:2px solid var(--cp04-electric);
    border-bottom:1px solid rgba(125,233,255,.2);
    background:linear-gradient(90deg,rgba(125,233,255,.045),transparent 48%);
}
.member-zone-heading h2 { margin:15px 0 0; color:#eff8fc; font:830 clamp(43px,5.2vw,76px)/.8 var(--display); letter-spacing:-.065em; }
.member-zone-heading h2 em { color:var(--cp04-electric); font-style:normal; font-weight:270; }
.member-zone-heading > p { max-width:620px; margin:0; color:#96a9b5; font-size:16px; line-height:1.58; }
.member-race-zone .member-driver-strip {
    overflow:hidden;
    border:1px solid rgba(125,233,255,.25);
    border-radius:6px 24px 6px 6px;
    background:rgba(3,10,17,.55);
    box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 58px rgba(0,0,0,.18);
}
.member-race-zone .member-race-results,
.member-race-zone .member-training-bests { margin-top:24px; }
.member-race-pass__garage{display:flex;justify-content:space-between;gap:18px;margin:18px 0 0;padding:15px 16px;border:1px solid rgba(101,222,247,.35);color:#dcecf1;text-decoration:none;background:rgba(3,12,18,.52)}
.member-race-pass__garage span{color:#67dff6;font:700 11px/1.2 var(--font-mono,monospace);letter-spacing:.1em}.member-race-pass__garage b{font:700 11px/1.2 var(--font-mono,monospace);letter-spacing:.06em;text-align:right}
@media(max-width:680px){.member-race-pass__garage{align-items:flex-start;flex-direction:column}.member-race-pass__garage b{text-align:left}}
.member-dashboard-zone > .member-operations,
.member-dashboard-zone > .member-snapshots { margin-block:0; }
.member-dashboard-zone > .member-snapshots { margin-top:24px; }
.member-dashboard-zone--team + .member-access,
.member-dashboard-zone--paddock + .member-access { margin-top:clamp(64px,7vw,104px); }
.member-operations.has-inbox { grid-template-columns:minmax(0,1fr)!important; align-items:start!important; }
.member-operations.has-inbox::before { display:none; }

.member-operations .member-console-panel { height:auto; }
.team-inbox.member-console-panel { min-height:0; height:auto; display:block; }
.team-inbox > summary { cursor:pointer; list-style:none; }
.team-inbox > summary::-webkit-details-marker { display:none; }
.team-inbox:not([open]) .team-console-head { min-height:116px; align-items:center; }
.team-inbox:not([open]) .team-console-head h2 { margin-top:10px; font-size:clamp(32px,3.5vw,48px); line-height:.84; }
.team-inbox:not([open]) .team-inbox-status { align-self:center; }
.team-inbox > summary.team-console-head { grid-template-columns:minmax(0,1fr) auto 42px; align-items:center; }
.team-inbox-toggle {
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid rgba(125,233,255,.25);
    border-radius:5px 11px 5px 5px;
    color:var(--cp04-electric);
    font:300 22px/1 var(--display);
    font-style:normal;
    transition:transform .3s ease;
}
.team-inbox[open] .team-inbox-toggle { transform:rotate(45deg); }

.member-team-tools { display:grid; gap:18px; }
.member-team-tool {
    overflow:hidden;
    border:1px solid rgba(125,233,255,.24);
    border-radius:6px 20px 6px 6px;
    background:linear-gradient(105deg,rgba(125,233,255,.04),rgba(3,9,15,.62) 46%,rgba(85,121,255,.045));
    box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.member-team-tool > summary {
    min-height:92px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 44px;
    gap:18px;
    align-items:center;
    padding:17px 20px 17px 24px;
    cursor:pointer;
    list-style:none;
    transition:background .25s ease,border-color .25s ease;
}
.member-team-tool > summary::-webkit-details-marker { display:none; }
.member-team-tool > summary > span,
.member-team-tool > summary small,
.member-team-tool > summary strong,
.member-team-tool > summary em { display:block; min-width:0; }
.member-team-tool > summary small { color:var(--cp04-electric); font:750 10px/1 var(--mono); letter-spacing:.09em; }
.member-team-tool > summary strong { margin-top:8px; color:#e2eef4; font:790 20px/1.05 var(--display); }
.member-team-tool > summary em { margin-top:7px; color:#8195a2; font:normal 14px/1.35 var(--body); }
.member-team-tool > summary > b { min-width:58px; color:#a5bac6; font:820 34px/.8 var(--display); text-align:right; }
.member-team-tool > summary > i { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.28); border-radius:5px 13px 5px 5px; color:var(--cp04-electric); font:300 25px/1 var(--display); font-style:normal; transition:transform .35s var(--cp04-ease); }
.member-team-tool[open] { border-color:rgba(125,233,255,.42); }
.member-team-tool[open] > summary { border-bottom:1px solid rgba(125,233,255,.2); background:rgba(125,233,255,.045); }
.member-team-tool[open] > summary > i { transform:rotate(45deg); }
.member-team-tool > .member-invitations,
.member-team-tool > .team-results,
.member-team-tool > .member-visitor-pulse { margin:0; border:0; border-radius:0; box-shadow:none; }
.member-team-tool > .member-visitor-pulse > .visitor-pulse { border:0; border-radius:0 0 5px 5px; box-shadow:none; }
.member-team-tool > .member-visitor-pulse > .visitor-pulse::after { display:none; }
.visitor-pulse__method { margin:18px 0; color:#a8c3d0; font-size:14px; line-height:1.6; }
.visitor-pulse__method summary { cursor:pointer; color:#76e9ff; padding:6px 0; }
.visitor-pulse__details > .visitor-pulse__ranking--origins { grid-column:1/-1; border-left:0; border-top:1px solid var(--visitor-line); }
.visitor-pulse__origin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:24px; }
.visitor-pulse__origin-grid > div { min-width:0; }
.visitor-pulse__origin-heading { margin:0; color:#c6dce8; font:750 14px/1.5 var(--mono); letter-spacing:.04em; }
.visitor-pulse__origin-note,.visitor-pulse__ranking--origins .visitor-pulse__method p,.visitor-pulse__ranking--origins .visitor-pulse__domains > p { margin:12px 0; color:#a2b7c5; font-size:16px; line-height:1.6; }
.visitor-pulse__ranking--origins .visitor-pulse__method summary { min-height:44px; padding:10px 0; font-size:14px; overflow-wrap:anywhere; }
.visitor-pulse__ranking--origins .visitor-pulse__method summary:focus-visible { outline:2px solid var(--cp04-electric); outline-offset:3px; }
.visitor-pulse__ranking .visitor-pulse__origin-list { display:grid; gap:0; margin:12px 0 0; padding:0; list-style:none; }
.visitor-pulse__ranking .visitor-pulse__origin-list > li { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; min-width:0; border-top:1px solid var(--visitor-line); }
.visitor-pulse__ranking .visitor-pulse__origin-list > li > span { display:block; min-width:0; }
.visitor-pulse__ranking .visitor-pulse__origin-list b { display:block; color:#d9e8ef; font:720 14px/1.5 var(--mono); white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.visitor-pulse__ranking .visitor-pulse__origin-list small { display:block; margin-top:4px; color:#8fa8b8; font:700 12px/1.4 var(--mono); }
.visitor-pulse__ranking .visitor-pulse__origin-list em { flex:0 0 auto; color:var(--cp04-electric); font:normal 760 14px/1.5 var(--mono); }
.visitor-pulse__previous-origins { border-top:1px solid var(--visitor-line); padding-top:12px; }
@media(max-width:1120px) {
    .visitor-pulse__details > .visitor-pulse__timing { grid-column:1/-1; border-left:0; border-top:1px solid var(--visitor-line); }
}
@media(max-width:780px) {
    .visitor-pulse__origin-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
    .visitor-pulse__origin-grid > div + div { border-top:1px solid var(--visitor-line); padding-top:24px; }
    .visitor-pulse__ranking--origins > header { display:block; }
    .visitor-pulse__ranking--origins > header h3 { margin-top:12px; }
}
.member-team-tool > .member-invitations,
.member-team-tool > .team-results { background:rgba(2,8,14,.28); }

.member-onsite-access { margin-top:18px; }
.member-onsite-access__summary {
    min-height:78px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 40px;
    gap:16px;
    align-items:center;
    padding:14px 18px;
    cursor:pointer;
    list-style:none;
}
.member-onsite-access__summary::-webkit-details-marker { display:none; }
.member-onsite-access__summary > span,
.member-onsite-access__summary small,
.member-onsite-access__summary strong,
.member-onsite-access__summary em { display:block; min-width:0; }
.member-onsite-access__summary small { color:var(--cp04-electric); font:740 9px/1 var(--mono); letter-spacing:.09em; }
.member-onsite-access__summary strong { margin-top:7px; color:#dfebf2; font:780 18px/1 var(--display); }
.member-onsite-access__summary em { margin-top:6px; color:#7f929f; font:normal 11px/1.3 var(--mono); letter-spacing:.04em; }
.member-onsite-access__summary > b { color:#79f2b3; font:740 10px/1 var(--mono); letter-spacing:.08em; }
.member-onsite-access__summary > i { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.28); border-radius:5px 12px 5px 5px; color:var(--cp04-electric); font:300 23px/1 var(--display); font-style:normal; transition:transform .35s var(--cp04-ease); }
.member-onsite-access[open] > .member-onsite-access__summary { border-bottom:1px solid rgba(218,239,255,.12); background:rgba(125,233,255,.035); }
.member-onsite-access[open] > .member-onsite-access__summary > i { transform:rotate(45deg); }

@media (max-width:1050px) {
    .session-status__role strong small { display:block; margin:3px 0 0; }
    .session-status.is-logged-out { min-width:184px; }
}

@media (max-width:780px) {
    .mobile-session-status__login {
        min-height:32px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        padding:0 9px;
        border:1px solid rgba(125,233,255,.4);
        border-radius:7px;
        color:var(--cp04-electric);
        font:760 9px/1 var(--mono);
        letter-spacing:.07em;
        text-decoration:none;
        white-space:nowrap;
    }
    .mobile-session-status.is-logged-out .mobile-session-status__identity > i { background:#7792a2; box-shadow:0 0 10px rgba(125,233,255,.32); }
    .mobile-session-status.is-logged-out .mobile-session-status__identity strong { color:#d6e4eb; font-size:15px; }
    .site-nav__contact .site-nav__label::before { width:5px; height:5px; margin-right:6px; }
    .member-priority-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; }
    .member-priority-strip > a { min-height:52px; padding:10px 12px; justify-content:flex-start; border-bottom:1px solid rgba(218,239,255,.08); }
    .member-priority-strip > a:nth-child(even) { border-right:0; }
    .member-priority-strip > a b { font-size:20px; }
    .member-race-zone,
    .member-dashboard-zone { margin-top:62px; }
    .member-zone-heading { min-height:0; grid-template-columns:minmax(0,1fr); gap:14px; margin-bottom:18px; padding:0 12px 18px 17px; }
    .member-zone-heading h2 { font-size:clamp(43px,13.5vw,62px); }
    .member-zone-heading > p { font-size:15px; }
    .member-race-zone .member-driver-strip { border-radius:6px 20px 6px 6px; }
    .team-inbox:not([open]) .team-console-head { min-height:104px; padding:18px 16px; }
    .team-inbox > summary.team-console-head { grid-template-columns:minmax(0,1fr) 92px 31px; gap:10px; }
    .team-inbox:not([open]) .team-console-head h2 { font-size:34px; }
    .team-inbox-toggle { width:27px; height:27px; font-size:19px; }
    .member-team-tool > summary { min-height:84px; grid-template-columns:minmax(0,1fr) auto 40px; gap:11px; padding:15px 14px 15px 17px; }
    .member-team-tool > summary strong { font-size:18px; }
    .member-team-tool > summary em { font-size:13px; }
    .member-team-tool > summary > b { min-width:34px; font-size:27px; }
    .member-team-tool > summary > i { width:36px; height:36px; }
    .member-onsite-access { margin-inline:16px; }
    .member-onsite-access__summary { grid-template-columns:minmax(0,1fr) 38px; padding:14px 15px; }
    .member-onsite-access__summary > b { grid-column:1; justify-self:start; }
    .member-onsite-access__summary > i { grid-column:2; grid-row:1/3; }
}

@media (max-width:430px) {
    .member-priority-strip { grid-template-columns:minmax(0,1fr); }
    .member-priority-strip > a { grid-column:1; border-right:0; }
    .member-team-tool > summary { grid-template-columns:minmax(0,1fr) 38px; }
    .member-team-tool > summary > b { grid-column:1; justify-self:start; margin-top:3px; text-align:left; }
    .member-team-tool > summary > i { grid-column:2; grid-row:1/3; }
}

@media (prefers-reduced-motion:reduce) {
    .session-status__login,
    .member-priority-strip > a,
    .team-inbox-toggle,
    .member-team-tool > summary,
    .member-team-tool > summary > i,
    .member-onsite-access__summary > i { transition:none; }
}

/* Abschlusskorrektur 2026-09-10: ruhige Desktop-Navigation und saubere Mitgliederflaechen. */
@media (min-width:781px) {
    .site-header,
    .site-header.is-authenticated {
        grid-template-columns:minmax(286px,1fr) auto minmax(286px,1fr);
        gap:18px;
    }
    .site-header .brand { justify-self:start; }
    .site-header .site-nav {
        height:100%;
        justify-self:center;
        align-items:center;
        justify-content:center;
        gap:clamp(11px,1.15vw,22px);
    }
    .site-header .site-nav > a {
        min-height:34px;
        display:inline-flex;
        align-items:center;
        padding:0 0 4px;
        line-height:1;
    }
    .site-header .site-nav > a.site-nav__mobile-only,
    .admin-bar nav > a.site-nav__mobile-only { display:none; }
    .site-header .site-nav > a::after { bottom:0; }
    .site-header .site-nav__race,
    .admin-bar nav .site-nav__race { gap:0; }
    .site-header .site-nav__race::before,
    .admin-bar nav .site-nav__race::before { bottom:0; }
    .site-header .site-nav__live,
    .admin-bar nav .site-nav__live {
        position:absolute;
        top:-5px;
        left:50%;
        min-height:14px;
        padding:2px 5px;
        transform:translate(-50%,2px);
        pointer-events:none;
    }
    .site-header .site-nav__race.is-live .site-nav__live,
    .admin-bar nav .site-nav__race.is-live .site-nav__live { transform:translate(-50%,0); }
    .site-header__actions { min-width:286px; justify-self:end; }
    .site-header .session-status { min-width:286px; }
    .site-header .session-status__role strong {
        max-width:none;
        overflow:visible;
        text-overflow:clip;
    }
    .site-header .session-status__role strong small {
        display:block;
        margin:4px 0 0;
        white-space:nowrap;
    }
    .admin-bar nav {
        height:100%;
        justify-self:center;
        align-items:center;
        justify-content:center;
    }
    .admin-bar nav > a {
        position:relative;
        min-height:34px;
        display:inline-flex;
        align-items:center;
        padding:0 0 4px;
    }
    .admin-bar nav > a::after {
        content:"";
        position:absolute;
        right:100%;
        bottom:0;
        left:0;
        height:1px;
        background:var(--cp04-electric);
        box-shadow:0 0 12px rgba(125,233,255,.7);
        transition:right .25s ease;
    }
    .admin-bar nav > a:hover::after,
    .admin-bar nav > a.is-active::after { right:0; }
}

@media (min-width:781px) and (max-width:1240px) {
    .site-header,
    .site-header.is-authenticated { grid-template-columns:minmax(205px,1fr) auto minmax(205px,1fr); gap:10px; }
    .site-header .site-nav { gap:8px; }
    .site-header .site-nav > a { font-size:8px; letter-spacing:.055em; }
    .site-header__actions,
    .site-header .session-status { min-width:205px; }
    .site-header .session-status__role { gap:7px; padding-inline:8px 6px; }
    .site-header .session-status__role strong { font-size:10px; }
    .site-header .session-status__role strong small { font-size:7px; }
    .site-header .session-status__role button { padding-inline:7px; }
}

.member-dashboard .micro-label:has(> i:first-child) {
    padding-left:17px;
    text-indent:-17px;
}
.member-dashboard .micro-label:has(> i:first-child) > i:first-child { margin-left:0; }

.member-zone-heading {
    position:relative;
    overflow:hidden;
    padding-left:clamp(18px,2vw,28px);
    border-left:0;
    border-bottom:1px solid rgba(125,233,255,.22);
    border-radius:0 24px 0 0;
    background:linear-gradient(90deg,rgba(125,233,255,.052),transparent 52%);
}
.member-zone-heading::after {
    content:"";
    position:absolute;
    right:auto;
    bottom:-1px;
    left:0;
    width:clamp(82px,12vw,180px);
    height:2px;
    background:linear-gradient(90deg,var(--cp04-electric),rgba(125,233,255,.08));
    box-shadow:0 0 13px rgba(125,233,255,.35);
}

.member-priority-strip > a { gap:15px; }
.member-priority-strip > a b { flex:0 0 auto; }

.member-fresh-feed a {
    min-height:198px;
    display:grid;
    grid-template-rows:76px minmax(0,1fr);
    gap:14px;
    justify-content:stretch;
    padding:16px;
}
.member-fresh-feed__preview {
    position:relative;
    min-width:0;
    height:76px;
    display:grid!important;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(125,233,255,.24);
    border-radius:4px 14px 4px 4px;
    background:linear-gradient(135deg,rgba(125,233,255,.08),rgba(85,121,255,.09));
}
.member-fresh-feed__preview img { width:100%; height:100%; display:block; object-fit:cover; }
.member-fresh-feed__preview i {
    color:rgba(125,233,255,.72);
    font:300 26px/1 var(--display);
    font-style:normal;
    text-shadow:0 0 14px rgba(125,233,255,.32);
}
.member-fresh-feed__preview--result {
    background:
        linear-gradient(90deg,rgba(255,255,255,.045) 50%,transparent 50%) 0 0/18px 18px,
        linear-gradient(rgba(255,255,255,.045) 50%,transparent 50%) 0 0/18px 18px,
        linear-gradient(135deg,#0b1b27,#08101a);
}
.member-fresh-feed__preview--result i { color:var(--cp04-electric); font:760 14px/1 var(--mono); letter-spacing:.08em; }
.member-fresh-feed__copy {
    min-width:0;
    display:grid!important;
    grid-template-rows:auto minmax(42px,auto) auto;
    align-content:end;
}
.member-fresh-feed__copy > span { display:block; }
.member-fresh-feed a .member-fresh-feed__copy > strong {
    min-height:42px;
    display:flex;
    align-items:flex-start;
    margin:10px 0 8px;
}

.team-inbox:not([open]) { min-height:0!important; height:auto!important; }
.team-inbox > summary.team-console-head {
    position:relative;
    grid-template-columns:minmax(0,1fr) auto;
    padding-right:clamp(28px,3vw,42px);
}
.team-inbox-toggle {
    position:absolute;
    top:16px;
    right:16px;
    z-index:2;
}
.team-inbox[open] .team-inbox-toggle { transform:rotate(45deg); }
.team-inbox:not([open]) .team-inbox-status { margin-top:28px; }
.member-team-tools { margin-top:4px; gap:22px; }
.member-team-tool > summary > span { display:grid; gap:0; }
.member-team-tool > summary strong { min-height:21px; }

@media (max-width:780px) {
    .member-zone-heading { padding-left:18px; border-radius:0 18px 0 0; }
    .member-priority-strip > a { gap:14px; }
    .member-fresh-feed a {
        min-height:116px;
        grid-template-columns:76px minmax(0,1fr);
        grid-template-rows:minmax(0,1fr);
        gap:15px;
        align-items:center;
    }
    .member-fresh-feed__preview { height:76px; }
    .member-fresh-feed__copy { grid-template-rows:auto auto auto; align-content:center; }
    .member-fresh-feed a .member-fresh-feed__copy > strong { min-height:0; margin:8px 0; }
    .team-inbox > summary.team-console-head { grid-template-columns:minmax(0,1fr) 92px; padding-right:54px; }
    .team-inbox-toggle { top:13px; right:13px; }
    .member-snapshots__head h2 em {
        font-size:clamp(27px,8.4vw,40px);
        white-space:normal;
        overflow-wrap:normal;
        word-break:normal;
    }
}

@media (max-width:430px) {
    .member-fresh-feed a { grid-template-columns:64px minmax(0,1fr); gap:13px; padding:14px; }
    .member-fresh-feed__preview { height:64px; }
    .team-inbox > summary.team-console-head { grid-template-columns:minmax(0,1fr); padding-right:52px; }
    .team-inbox:not([open]) .team-inbox-status { width:100%; margin-top:12px; }
}

/* Mobile Korrekturen 2026-09-10: gleiche Aktionen, vollständige Teamüberschrift. */
.member-zone-heading > div { min-width:0; }
#member-team-zone-title { line-height:1.04; overflow-wrap:anywhere; }
#member-team-zone-title em { display:inline-block; max-width:100%; }

@media (max-width:780px) {
    /* Login is an anchor, logout a form button: neither inherits the large menu-link style. */
    .site-nav .mobile-session-status__row a.mobile-session-status__login,
    .admin-bar nav .mobile-session-status__row a.mobile-session-status__login,
    .mobile-session-status__row form button {
        box-sizing:border-box;
        width:auto;
        min-height:36px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        margin:0;
        padding:0 9px;
        border-width:1px;
        border-style:solid;
        border-radius:7px;
        font:760 12px/1 var(--mono);
        letter-spacing:.02em;
        text-decoration:none;
        white-space:nowrap;
    }
    .site-nav .mobile-session-status__row a.mobile-session-status__login::after,
    .admin-bar nav .mobile-session-status__row a.mobile-session-status__login::after { content:none; }
    .mobile-session-status__row a.mobile-session-status__login b,
    .mobile-session-status__row form button b { font-size:13px; }
    .mobile-session-status.is-logged-out .mobile-session-status__identity strong {
        overflow:visible;
        white-space:normal;
        text-overflow:clip;
        overflow-wrap:anywhere;
    }
    .site-header .site-nav > a.site-nav__race,
    .admin-bar nav > a.site-nav__race { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; }
    .site-nav__race .site-nav__label { flex:1 1 auto; min-width:0; white-space:nowrap; }
    .site-nav__race .site-nav__live {
        position:static;
        flex:0 0 8px;
        width:8px;
        min-height:8px;
        height:8px;
        margin:0;
        padding:0;
        border:0;
        background:none;
        box-shadow:none;
        font-size:0;
        letter-spacing:0;
        gap:0;
        pointer-events:none;
    }
    .site-nav__race .site-nav__live i { flex:0 0 7px; width:7px; height:7px; }
    .site-nav__contact .site-nav__label { display:flex; align-items:center; gap:8px; width:100%; }
    .site-nav__contact .site-nav__label::before { content:none; }
    .site-nav__contact .site-nav__label::after {
        content:""; flex:0 0 6px; width:6px; height:6px; margin-left:auto;
        border:1px solid var(--cp04-electric); border-radius:50%; box-shadow:0 0 9px rgba(125,233,255,.42);
    }
    .mobile-nav-section-label,
    .mobile-nav-signals > p { color:var(--cp04-electric); font:780 13px/1.3 var(--mono); letter-spacing:.09em; }
    /* One joined corner instead of two crossing line ends. Original scroll behavior stays intact. */
    .nav-toggle::after {
        content:""; position:absolute; left:12px; top:calc(50% - 7px); width:14px; height:14px;
        border-right:1.5px solid var(--cp04-electric); border-bottom:1.5px solid var(--cp04-electric);
        transform:rotate(-45deg); opacity:0; pointer-events:none;
    }
    .nav-open .nav-toggle span { opacity:0; }
    .nav-open .nav-toggle::after { opacity:1; }
    #member-team-zone-title { font-size:clamp(32px,9vw,52px); }
    #member-team-zone-title em { display:block; font-size:clamp(27px,8vw,46px); }
}

/* Consistent hierarchy: category, subsection, related content. */
.member-dashboard { --member-section-gap:72px; --member-subsection-gap:44px; --member-content-gap:20px; }
.member-dashboard > .member-race-zone,
.member-dashboard > .member-dashboard-zone,
.member-dashboard > .member-access { margin-top:var(--member-section-gap); }
.member-dashboard-zone > .member-snapshots { margin-top:var(--member-subsection-gap); }
.member-operations.has-inbox { gap:var(--member-subsection-gap); }
.member-race-zone .member-race-results,
.member-race-zone .member-training-bests,
.member-team-tools { margin-top:var(--member-content-gap); }
.member-team-tools { gap:var(--member-content-gap); }
.member-zone-heading {
    padding:26px 28px;
    border:1px solid rgba(125,233,255,.20);
    border-radius:6px 24px 6px 6px;
    margin-bottom:var(--member-content-gap,20px);
}
.member-zone-heading .micro-label { margin-top:0; }
.member-zone-heading h2 { line-height:1.02; overflow-wrap:anywhere; }
.member-zone-heading h2 em { display:inline-block; max-width:100%; }
.member-zone-heading > p { margin:0; }
.member-paddock__head,
.member-snapshots__head,
.member-board__head,
.team-console-head { padding-top:28px; padding-bottom:28px; }
.member-fresh-feed__copy > span { line-height:1.4; }
.member-fresh-feed > div { align-content:start; }
.current-video-card { scroll-margin-top:110px; }
.changelog-release__date { justify-content:center; gap:18px; }
.changelog-release__date span { font:820 clamp(72px,7vw,112px)/.9 var(--display); letter-spacing:-.04em; }
.changelog-release__date time { font-size:13px; line-height:1.3; }
.changelog-release--same-day { padding-top:32px!important; border-top:0!important; }
.changelog-release--same-day .changelog-release__head { display:block; }
.changelog-release:has(+ .changelog-release--same-day) { padding-bottom:24px; }
@media (max-width:780px) {
    .member-dashboard { --member-section-gap:48px; --member-subsection-gap:32px; --member-content-gap:16px; }
    .member-zone-heading { padding:20px 18px; border-radius:6px 18px 6px 6px; }
    .member-zone-heading > p { font-size:16px; }
    .member-paddock__head,
    .member-snapshots__head,
    .member-board__head,
    .team-console-head { padding-top:20px; padding-bottom:20px; }
    .changelog-release__head { grid-template-columns:112px minmax(0,1fr); }
    .changelog-release__date { min-height:112px; gap:12px; align-items:center; }
    .changelog-release__date span { font-size:64px; }
}
@media (max-width:600px) {
    .changelog-release__head { grid-template-columns:minmax(0,1fr); gap:24px; }
    .changelog-release__date { width:120px; }
}

/* Existing Boxenfunk layout, separated review queue; no extra navigation. */
.contact-form .contact-extra-check { display:flex; gap:12px; align-items:flex-start; font:400 16px/1.5 var(--body); letter-spacing:normal; color:var(--paper); }
.contact-form .contact-extra-check[hidden] { display:none !important; }
.contact-form .contact-extra-check input,
.contact-review-info input[type="checkbox"] { flex:0 0 20px; width:20px; height:20px; margin:3px 0 0; accent-color:var(--cyan); }
.contact-review-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding-top:20px; border-top:1px solid rgba(132,219,240,.2); }
.contact-review-info > strong,
.contact-review-info > ul,
.contact-review-info > p { grid-column:1/-1; margin:0; font-size:16px; line-height:1.55; overflow-wrap:anywhere; }
.contact-review-info form { display:flex; flex-direction:column; gap:12px; min-width:0; justify-content:flex-end; }
.contact-review-info label { display:flex; gap:12px; font-size:16px; line-height:1.5; }
.contact-review-info button { width:100%; min-height:48px; padding:12px 16px; border:1px solid rgba(132,219,240,.35); border-radius:8px; background:#0d202b; color:#ddf6ff; font:700 14px/1.5 var(--mono); cursor:pointer; overflow-wrap:anywhere; }
.contact-review-info button:hover { border-color:var(--cyan); background:#153241; }
.contact-review-info button:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.contact-quarantine .team-message__status { color:#efca87; border-color:rgba(239,202,135,.4); }
.contact-review-policy { margin:20px; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.contact-delivery-status { margin:16px 0 0; font-size:14px; line-height:1.6; color:#a7bdca; overflow-wrap:anywhere; }
.contact-quarantine .team-message { min-width:0; }
@media (max-width:600px) {
    .contact-review-info { grid-template-columns:minmax(0,1fr); }
    .contact-quarantine > summary { align-items:center; }
    .contact-quarantine > summary > span { min-width:0; overflow-wrap:anywhere; }
}

/* Scanbare QR-Codes: ruhiger Code, sichtbarer Chrome-Pulse-Rahmen und große Touch-Ansicht. */
.qr-zoom-trigger {
    position:relative;
    width:100%;
    display:block;
    margin:0;
    padding:3px;
    border:0;
    border-radius:3px;
    background:#f4fbff;
    color:inherit;
    cursor:zoom-in;
    appearance:none;
    transform-style:preserve-3d;
    transition:transform .38s var(--cp04-ease),box-shadow .38s var(--cp04-ease);
}
.qr-zoom-trigger::before {
    content:"";
    position:absolute;
    inset:-8px;
    border:1px solid rgba(125,233,255,.56);
    border-radius:6px 15px 6px 6px;
    box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 22px rgba(125,233,255,.18);
    pointer-events:none;
    animation:qrFramePulse 2.8s ease-in-out infinite;
}
.qr-zoom-trigger::after {
    content:"";
    position:absolute;
    top:-9px;
    left:13%;
    width:28%;
    height:2px;
    background:linear-gradient(90deg,transparent,#fff,var(--cp04-electric),transparent);
    box-shadow:0 0 10px var(--cp04-electric);
    pointer-events:none;
    animation:qrEdgeRun 3.4s var(--cp04-ease) infinite;
}
.qr-zoom-trigger:hover,
.qr-zoom-trigger:focus-visible { outline:none; transform:translateY(-4px) rotateY(-4deg) scale(1.012); box-shadow:0 13px 28px rgba(0,0,0,.24); }
.qr-zoom-trigger:focus-visible::before { border-color:#fff; box-shadow:0 0 0 3px rgba(125,233,255,.24),0 0 28px rgba(125,233,255,.28); }
.qr-zoom-trigger .member-invite-qr__svg { position:relative; z-index:1; }
.member-invite-qr__code.qr-zoom-trigger { font:inherit; }
.member-onsite-access__qr > .qr-zoom-trigger { padding:3px; background:#f4fbff; }
/* The outer glow extends beyond the QR figure; clip the caption, not the light. */
.member-onsite-access__qr,.member-invite-qr { overflow:visible; }
.member-onsite-access__qr figcaption,.member-invite-qr figcaption { border-radius:0 0 4px 4px; }

.member-wifi-access {
    position:relative;
    margin:18px clamp(20px,2.8vw,38px) 0;
    overflow:hidden;
    border:1px solid rgba(125,233,255,.34);
    border-radius:5px 28px 5px 5px;
    background:linear-gradient(112deg,rgba(218,239,255,.06),rgba(3,10,17,.8) 48%,rgba(85,121,255,.1));
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.2);
}
.member-wifi-access::before {
    content:"";
    position:absolute;
    inset:-90% auto -90% -15%;
    width:12%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),rgba(125,233,255,.06),transparent);
    transform:skewX(-17deg);
    animation:memberOnsiteSweep 7s linear infinite;
    pointer-events:none;
}
.member-wifi-access > * { position:relative; z-index:1; }
.member-wifi-access__head {
    min-height:98px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:22px 27px;
    border-bottom:1px solid rgba(218,239,255,.12);
}
.member-wifi-access__head small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-wifi-access__head h3 { margin:11px 0 0; color:#f1f8fb; font:800 clamp(30px,3.1vw,48px)/.84 var(--display); letter-spacing:-.05em; }
.member-wifi-access__head h3 em { color:var(--cp04-electric); font-style:normal; font-weight:260; }
.member-wifi-access__head > span { min-height:40px; display:flex; align-items:center; gap:9px; padding:0 14px; border:1px solid rgba(110,240,174,.34); color:#8df5bd; font:740 10px/1 var(--mono); letter-spacing:.09em; }
.member-wifi-access__head > span i { width:8px; height:8px; border-radius:50%; background:#6ef0ae; box-shadow:0 0 13px #6ef0ae; }
.member-wifi-access__body { display:grid; grid-template-columns:minmax(190px,260px) minmax(0,1fr); gap:clamp(25px,3vw,46px); align-items:center; padding:clamp(24px,3vw,40px); }
.member-wifi-access__qr { width:100%; margin:0; padding:12px 12px 0; border:1px solid rgba(125,233,255,.58); border-radius:5px 20px 5px 5px; background:#f4fbff; box-shadow:0 0 42px rgba(125,233,255,.16); transform:rotate(1.7deg); }
.member-wifi-access__qr figcaption { margin:10px -12px 0; padding:15px 14px 16px; background:linear-gradient(115deg,#07121b,#142744); color:#f1f7fa; font:780 20px/1 var(--display); letter-spacing:.025em; }
.member-wifi-access__copy > small { color:var(--cp04-electric); font:740 10px/1 var(--mono); letter-spacing:.1em; }
.member-wifi-access__copy > strong { display:block; margin-top:12px; color:#eff7fb; font:780 clamp(27px,2.6vw,40px)/.96 var(--display); }
.member-wifi-access__copy > p { max-width:800px; margin:13px 0 0; color:#9babb6; font-size:16px; line-height:1.58; }
.member-wifi-access__copy > .member-wifi-access__privacy { color:#718793; font-size:13px; }

.qr-lightbox[hidden] { display:none; }
.qr-lightbox { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; padding:clamp(16px,4vw,48px); }
.qr-lightbox__backdrop { position:absolute; inset:0; border:0; background:rgba(0,5,9,.88); backdrop-filter:blur(13px); cursor:zoom-out; }
.qr-lightbox__panel {
    position:relative;
    width:min(92vw,680px);
    max-height:calc(100vh - 32px);
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    padding:clamp(15px,2.6vw,25px);
    overflow:auto;
    border:1px solid rgba(125,233,255,.68);
    border-radius:7px 34px 7px 7px;
    background:linear-gradient(145deg,#0d1a27,#050b11 58%,#14213d);
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.03),0 0 74px rgba(71,204,255,.24),0 34px 90px rgba(0,0,0,.64);
    animation:qrRevealFlip .52s var(--cp04-ease) both;
}
.qr-lightbox__panel::before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.08) 29%,transparent 39%); pointer-events:none; }
.qr-lightbox__top { position:relative; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; color:var(--cp04-electric); font:760 12px/1 var(--mono); letter-spacing:.12em; }
.qr-lightbox__close { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(125,233,255,.42); border-radius:5px 15px 5px 5px; background:rgba(4,12,20,.8); color:var(--cp04-electric); font:300 28px/1 var(--display); cursor:pointer; }
.qr-lightbox__close:hover,.qr-lightbox__close:focus-visible { outline:none; border-color:#fff; color:#fff; box-shadow:0 0 21px rgba(125,233,255,.22); }
.qr-lightbox__code { position:relative; width:min(78vw,560px); justify-self:center; padding:clamp(10px,2vw,16px); border:1px solid rgba(125,233,255,.7); border-radius:5px 22px 5px 5px; background:#f4fbff; box-shadow:0 0 34px rgba(125,233,255,.2); }
.qr-lightbox__code .member-invite-qr__svg { display:block; width:100%; height:auto; }
.qr-lightbox__hint { position:relative; margin:16px 0 0; color:#9db0bc; text-align:center; font:700 11px/1.4 var(--mono); letter-spacing:.08em; }
.qr-lightbox-open { overflow:hidden; }

@keyframes qrFramePulse { 0%,100% { opacity:.62; box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 14px rgba(125,233,255,.12); } 50% { opacity:1; box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 28px rgba(125,233,255,.3); } }
@keyframes qrEdgeRun { 0% { left:8%; opacity:0; } 14%,75% { opacity:1; } 100% { left:64%; opacity:0; } }
@keyframes qrRevealFlip { from { opacity:0; transform:perspective(1100px) rotateY(-17deg) translateY(18px) scale(.94); } to { opacity:1; transform:perspective(1100px) rotateY(0) translateY(0) scale(1); } }

@media (max-width:780px) {
    .member-wifi-access { margin:16px 16px 0; }
    .member-wifi-access__head { align-items:flex-start; padding:19px 17px; }
    .member-wifi-access__head h3 { font-size:35px; }
    .member-wifi-access__body { grid-template-columns:minmax(0,1fr); padding:23px 17px; }
    .member-wifi-access__qr { width:min(100%,230px); justify-self:center; }
    .member-wifi-access__copy > strong { font-size:29px; }
    .qr-lightbox { padding:12px; }
    .qr-lightbox__panel { width:100%; max-height:calc(100vh - 24px); border-radius:6px 24px 6px 6px; }
    .qr-lightbox__code { width:min(80vw,520px); }
}

@media (prefers-reduced-motion:reduce) {
    .qr-zoom-trigger,.qr-zoom-trigger::before,.qr-zoom-trigger::after,.member-wifi-access::before,.qr-lightbox__panel { animation:none; transition:none; }
    .qr-zoom-trigger:hover,.qr-zoom-trigger:focus-visible { transform:none; }
}

/* One continuous light plane for the team QR page, not one sweep per card.
   Relative geometry spans mobile through 4K without a fixed-pixel travel limit.
   Card backgrounds sit below it; text, controls and opaque QR plates above it. */
.member-qr-stage {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    gap:clamp(28px,2.5vw,56px);
    padding:18px clamp(20px,2.8vw,38px) 28px;
}
.member-qr-stage:not([hidden]) { display:grid; }
.member-qr-stage::before {
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(105deg,transparent 36%,rgba(218,239,255,.035) 43%,rgba(239,251,255,.13) 49%,rgba(125,233,255,.055) 54%,transparent 63%);
    pointer-events:none;
    animation:memberQrPageSweep 10s linear infinite;
}
.member-qr-stage > .member-onsite-access,
.member-qr-stage > .member-wifi-access { z-index:auto; min-width:0; margin:0; }
.member-qr-stage > .member-onsite-access::before,
.member-qr-stage > .member-wifi-access::before { content:none; animation:none; }
.member-qr-stage > .member-onsite-access > *,
.member-qr-stage > .member-wifi-access > * { z-index:2; }
.member-qr-stage .member-onsite-access__summary,
.member-qr-stage .member-wifi-access__head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:22px;
    padding:22px 27px;
    border-bottom:1px solid rgba(218,239,255,.12);
    cursor:default;
}
.member-qr-stage .member-onsite-access__summary > span,
.member-qr-stage .member-wifi-access__head > div { min-width:0; }
.member-qr-stage .member-onsite-access__summary strong,
.member-qr-stage .member-wifi-access__head h3 {
    margin:11px 0 0;
    color:#f1f8fb;
    font:800 clamp(30px,3.1vw,48px)/1 var(--display);
    letter-spacing:-.05em;
    overflow-wrap:break-word;
}
.member-qr-stage .member-onsite-access__summary small,
.member-qr-stage .member-wifi-access__head small { font:740 12px/1.3 var(--mono); letter-spacing:.09em; }
.member-qr-stage .member-onsite-access__summary > b,
.member-qr-stage .member-wifi-access__head > span { flex-shrink:0; }
@keyframes memberQrPageSweep {
    from { transform:translateX(-100%); }
    to { transform:translateX(100%); }
}
@media (max-width:780px) {
    .member-qr-stage { padding:16px 16px 24px; }
    .member-qr-stage .member-onsite-access__summary,
    .member-qr-stage .member-wifi-access__head { flex-wrap:wrap; align-items:flex-start; gap:14px; padding:19px 17px; }
    .member-qr-stage .member-onsite-access__summary > span,
    .member-qr-stage .member-wifi-access__head > div { flex:1 1 100%; }
}
@media (prefers-reduced-motion:reduce) {
    .member-qr-stage::before { animation:none; opacity:0; }
}