:root{--ba-marine:#1e2a44;--ba-night:#151d31;--ba-cream:#faf6ef;--ba-sand:#f3e9da;--ba-stone:#efeae1;--ba-coral:#e8604c;--ba-saffron:#f2b53a;--ba-blue:#2b86c5;--ba-teal:#3ba99c;--ba-bg:#faf6ef;--ba-surface:#fff;--ba-surface-muted:#efeae1;--ba-border:#ded7cb;--ba-text:#1e2a44;--ba-text-muted:#5c6270;--ba-text-inverse:#fff;--ba-primary:#1e6fa8;--ba-primary-hover:#185c8d;--ba-primary-subtle:#e3eff8;--ba-link:#1e6fa8;--ba-secondary:#1e2a44;--ba-focus:#2b86c5;--ba-accent:#e8604c;--ba-success:#237068;--ba-success-bg:#ddf1ee;--ba-warning:#8a5d09;--ba-warning-bg:#fcf0d6;--ba-error:#b8432f;--ba-error-bg:#fbe6e2;--ba-info:#1e6fa8;--ba-info-bg:#e3eff8;--ba-radius-sm:6px;--ba-radius:10px;--ba-radius-lg:16px;--ba-font:"Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ba-bg:#151d31;--ba-surface:#1e2a44;--ba-surface-muted:#26324f;--ba-border:#33405f;--ba-text:#f3e9da;--ba-text-muted:#c5cbd8;--ba-text-inverse:#151d31;--ba-primary:#6cb4e6;--ba-primary-hover:#9ccbee;--ba-primary-subtle:#22385a;--ba-link:#6cb4e6;--ba-secondary:#f3e9da;--ba-focus:#6cb4e6;--ba-accent:#f07b69;--ba-success:#5cc4b6;--ba-success-bg:#173a3a;--ba-warning:#f5c35e;--ba-warning-bg:#3a3220;--ba-error:#f07b69;--ba-error-bg:#3d2428;--ba-info:#6cb4e6;--ba-info-bg:#1d3552}}:root[data-theme=dark]{--ba-bg:#151d31;--ba-surface:#1e2a44;--ba-surface-muted:#26324f;--ba-border:#33405f;--ba-text:#f3e9da;--ba-text-muted:#c5cbd8;--ba-text-inverse:#151d31;--ba-primary:#6cb4e6;--ba-primary-hover:#9ccbee;--ba-primary-subtle:#22385a;--ba-link:#6cb4e6;--ba-secondary:#f3e9da;--ba-focus:#6cb4e6;--ba-accent:#f07b69;--ba-success:#5cc4b6;--ba-success-bg:#173a3a;--ba-warning:#f5c35e;--ba-warning-bg:#3a3220;--ba-error:#f07b69;--ba-error-bg:#3d2428;--ba-info:#6cb4e6;--ba-info-bg:#1d3552}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/Outfit-latin-ext-744997.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/Outfit-latin-ebadd8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/schriften/Outfit-latin-ext-744997.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/schriften/Outfit-latin-ebadd8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/schriften/Outfit-latin-ext-744997.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/schriften/Outfit-latin-ebadd8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/IBMPlexMono-latin-ext-5ca4c3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/IBMPlexMono-latin-01a7bb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/schriften/IBMPlexMono-latin-ext-8aaa1a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/schriften/IBMPlexMono-latin-1772d8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:var(--ba-bg);--surface:var(--ba-surface);--surface-2:var(--ba-surface-muted);--fg:var(--ba-text);--muted:var(--ba-text-muted);--line:var(--ba-border);--accent:var(--ba-primary);--accent-hover:var(--ba-primary-hover);--accent-fg:var(--ba-text-inverse);--accent-soft:var(--ba-primary-subtle);--warn:var(--ba-warning);--warn-soft:var(--ba-warning-bg);--err:var(--ba-error);--err-soft:var(--ba-error-bg);--ok:var(--ba-success);--ok-soft:var(--ba-success-bg);--plate:#1e2a44;--stage:var(--ba-surface-muted);--float:#fffffff0;--shadow:0 6px 22px #1e2a4424,0 1px 3px #1e2a441f;--f-display:var(--ba-font);--f-body:var(--ba-font);--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--r:var(--ba-radius);--tap:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--plate:#0d1322;--stage:#111829;--float:#1e2a44f0;--shadow:0 6px 22px #00000073,0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--plate:#0d1322;--stage:#111829;--float:#1e2a44f0;--shadow:0 6px 22px #00000073,0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.nur-dunkel,:root[data-theme=dark] .nur-hell{display:none!important}:root[data-theme=dark] .nur-dunkel{display:revert!important}.logo{width:auto;height:36px;display:block}.logo-zeichen{width:auto;height:30px;display:block}.start-laden{place-items:center;height:100%;display:grid}.start-laden img{width:96px;height:auto}html,body{overscroll-behavior:none;height:100%;margin:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}a{color:var(--ba-link)}*{box-sizing:border-box}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ba-focus);outline-offset:2px}#app{height:100%}.screen{flex-direction:column;height:100%;min-height:0;display:flex}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.brand{font-family:var(--f-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.brand-mark{grid-template-columns:repeat(2,9px);gap:2px;display:grid}.brand-mark i{border-radius:2px;width:9px;height:9px;display:block}.btn{min-height:var(--tap);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{color:var(--err)}.btn.small{min-height:34px;padding:0 12px;font-size:14px}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r);color:var(--fg);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.icon-btn:disabled{opacity:.35;background:0 0}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .lab{color:var(--muted);justify-content:space-between;gap:8px;font-size:13px;font-weight:600;display:flex}.field input:not([type=range]){min-height:var(--tap);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:100%;padding:0 12px}.field input:not([type=range]):focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.hint{color:var(--muted);margin:0;font-size:13px}.err{color:var(--err);margin:0;font-size:14px}.seg{background:var(--surface-2);border-radius:var(--r);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-weight:500}.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000001f}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.chip svg.i{width:14px;height:14px}.chip.have{background:var(--ok-soft);color:var(--ok)}.chip.avail{background:var(--accent-soft);color:var(--accent)}.chip.gone{background:var(--warn-soft);color:var(--warn)}.chip.neutral{background:var(--surface-2);color:var(--muted)}.sw{width:22px;height:22px;font-family:var(--f-mono);border-radius:5px;flex:none;place-items:center;font-size:11px;font-weight:500;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.strich:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--warn) calc(50% - 1px),var(--warn) calc(50% + 1px),transparent calc(50% + 1px));position:absolute;inset:0}.sw.trans{background-size:8px 8px;background-image:linear-gradient(45deg,#ffffff80 25%,#0000 25% 75%,#ffffff80 75%)!important}.switch{min-height:var(--tap);justify-content:space-between;align-items:center;gap:12px;display:flex}.switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(18px)}.switch input:disabled{opacity:.5}.switch span small{color:var(--muted);font-size:13px;display:block}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.big{font-family:var(--f-display);letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1}.note{color:var(--muted);background:var(--surface-2);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.note.warn{background:var(--warn-soft);color:var(--warn)}.rechte{cursor:pointer;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:14px;line-height:1.45;display:flex}.rechte input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:1px 0 0}.struck{text-decoration:line-through;-webkit-text-decoration-color:var(--warn);text-decoration-color:var(--warn);text-decoration-thickness:2px}.auth-card{flex-direction:column;gap:18px;width:100%;min-width:0;max-width:400px;display:flex}.auth-card h2{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:32px;font-weight:600;line-height:1.2}.auth-card p{margin:0}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-card .links{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;display:flex}.link{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.auth-foot{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.mailbox{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);flex-direction:column;gap:10px;padding:16px;display:flex}.mailbox .from{color:var(--muted);font-size:13px}.pw-meter{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.pw-meter i{background:var(--warn);width:0;height:100%;transition:width .2s,background .2s;display:block}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:flex}.topbar .grow{flex:1}.avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.menu{z-index:60;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:fixed}.menu .who{border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 10px 10px}.menu .who b{display:block}.menu .who span{color:var(--muted);font-size:13px}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.menu button:hover{background:var(--surface-2)}.menu button.danger{color:var(--warn)}.gallery{flex:1;padding:28px 16px 60px;overflow:auto}.gallery-in{flex-direction:column;gap:36px;max-width:1320px;margin:0 auto;display:flex}.gsec h2{font-family:var(--f-display);letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.3}.gsec>p{color:var(--muted);margin:0 0 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tile .prev{aspect-ratio:4/3;background:var(--stage);border:0;width:100%;padding:0;position:relative}.tile .prev canvas{object-fit:contain;width:calc(100% - 32px);height:calc(100% - 32px);display:block;position:absolute;inset:16px}.tile .meta{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.tile .meta .name{font-family:var(--f-display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}.tile .facts{font-family:var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:2px 12px;font-size:12.5px;display:flex}.tile .badges{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.tile .more{background:var(--float);width:36px;height:36px;box-shadow:var(--shadow);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.tile.new{border:2px dashed var(--line);color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:10px;min-height:280px;font-weight:600}.tile.new:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}.tile.new .plus{background:var(--surface-2);border-radius:18px;place-items:center;width:72px;height:72px;font-size:44px;font-weight:300;line-height:1;display:grid}.tile.new:hover .plus{background:var(--accent-soft)}.empty{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:14px;padding:28px}.kasten-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.kasten-kopf dl{gap:24px;margin:0;display:flex}.kasten-kopf dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:600}.kasten-kopf dd{margin:0}.palgrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.pal{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;gap:6px 10px;padding:10px;display:grid}.pal .sw{border-radius:7px;grid-row:span 2;width:40px;height:40px}.pal b{font-size:14px;font-weight:600}.pal .meta{color:var(--muted);font-size:12px;font-family:var(--f-mono)}.pal .flags{grid-column:1/-1;gap:6px;display:flex}.flag{border:1px solid var(--line);min-height:38px;color:var(--muted);background:0 0;border-radius:8px;flex:1;font-size:13px;font-weight:500}.flag[aria-pressed=true].f-have{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.flag[aria-pressed=true].f-avail{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.flag[aria-pressed=true].f-off{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.pal.is-off{opacity:.55}.overlay{z-index:50;background:#0a0f0c6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:520px;max-height:calc(100% - 32px);padding:22px;display:flex;overflow:auto}.dialog.wide{max-width:760px}.dialog h3{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.3}.dialog .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.choice{grid-template-columns:1fr 1fr;gap:14px;display:grid}.choice button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;gap:8px;min-height:140px;padding:18px;display:flex}.choice button:hover:not(:disabled),.choice button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.choice button:disabled{opacity:.45}.choice b{font-family:var(--f-display);font-size:18px}.choice span{color:var(--muted);font-size:14px}.choice svg.i{width:34px;height:34px;color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-weight:500;display:inline-flex}.chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chips .eigen{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.chips .eigen.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chips .eigen button{color:inherit;background:0 0;border:0;border-radius:0}.chips .eigen .x{opacity:.75;padding:0 10px 0 4px}.chips .eigen .x:hover{opacity:1}.chips .eigen .x svg.i{width:16px;height:16px}.share-list{border:1px solid var(--line);border-radius:var(--r);flex-direction:column;display:flex}.share-list>div{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 10px;display:flex}.share-list>div:first-child{border-top:0}.share-list .grow{flex:1;min-width:0}.share-list small{color:var(--muted);display:block}.inline{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline .field{flex:1;min-width:90px}.ed-top{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:56px;padding:6px 10px;display:grid}.ed-top .l,.ed-top .r{align-items:center;gap:6px;min-width:0;display:flex}.ed-top .r{justify-content:flex-end}.saved{width:30px;height:30px;color:var(--muted);opacity:.7;place-items:center;display:grid}.saved svg.i{width:20px;height:20px}.saved.busy{color:var(--accent);opacity:1}.tabs{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabs button{min-height:40px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:500}.tabs button[aria-current=true]{background:var(--accent);color:var(--accent-fg)}.tabs button:not([aria-current=true]):hover{background:var(--surface-2)}.ed-body{flex:1;min-height:0;display:flex;position:relative}.stage{background:var(--stage);flex:1;min-width:0;position:relative;overflow:hidden}.stage canvas.main{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.float{background:var(--float);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow);z-index:5;border-radius:14px;position:absolute}.rail{scrollbar-width:none;flex-direction:column;gap:2px;max-height:calc(100% - 24px);padding:5px;display:flex;top:50%;left:12px;overflow:auto;transform:translateY(-50%)}.rail hr,.viewctl hr{border:0;border-top:1px solid var(--line);width:calc(100% - 12px);margin:4px 6px}.ctx{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 150px);padding:6px 10px;display:flex;top:12px;left:50%;transform:translate(-50%)}.ctx .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.ctx .seg button{min-height:32px;padding:0 10px}.ctx .hint{max-width:30ch}.viewctl{flex-direction:column;align-items:center;gap:2px;padding:5px;display:flex;top:50%;right:12px;transform:translateY(-50%)}.viewctl .zoom{font-family:var(--f-mono);text-align:center;color:var(--muted);padding:2px 0;font-size:11.5px}.scroll-tg{width:var(--tap);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;padding:4px 0;font-size:10px;font-weight:600;line-height:1.1;display:flex}.scroll-tg[aria-pressed=true]{background:var(--warn-soft);color:var(--warn)}.strip{align-items:center;gap:8px;width:max-content;max-width:calc(100% - 150px);padding:6px;display:flex;bottom:12px;left:50%;transform:translate(-50%)}.strip .curbig{border:0;border-radius:10px;flex:none;width:48px;height:48px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0003}.strip .curbig .auf{background:var(--surface);width:18px;height:18px;color:var(--fg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0000004d}.strip .curbig .auf svg.i{stroke-width:2.6px;width:12px;height:12px}.strip .curname{flex-direction:column;flex:none;gap:2px;max-width:120px;font-size:12px;line-height:1.2;display:flex}.strip .curname b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.strip .used{scrollbar-width:none;touch-action:pan-x;align-items:center;gap:5px;min-width:0;padding:3px;display:flex;overflow-x:auto}.strip .used button{border:0;border-radius:7px;flex:none;width:32px;height:32px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.strip .used button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.strip .vsep{background:var(--line);flex:none;width:1px;height:34px}.strip .used .trenner{background:var(--muted);opacity:.5;border-radius:1px;flex:none;width:2px;height:30px;margin:0 4px}.pop{z-index:20;flex-direction:column;gap:10px;width:min(440px,100% - 24px);max-height:min(540px,100% - 100px);padding:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pop .head{align-items:center;gap:10px;display:flex}.pop .head .sw{border-radius:8px;width:34px;height:34px}.pop .head b{display:block}.pop input[type=search]{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:100%;min-height:40px;padding:0 12px}.pop .all{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;padding:2px;display:grid;overflow:auto}.pop .all button{aspect-ratio:1;border:0;border-radius:7px;width:100%;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.pop .all button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.pop .grp{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;margin-top:4px;font-size:12px;font-weight:600}.banner{border:1px solid var(--warn);flex-wrap:wrap;align-items:center;gap:10px;width:min(640px,100% - 150px);padding:10px 14px;display:flex;top:12px;left:50%;transform:translate(-50%)}.banner b{color:var(--warn)}.plnav{align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:6px;display:flex;top:12px;left:50%;transform:translate(-50%)}.plnav b{font-family:var(--f-display);white-space:nowrap;font-size:17px}.plnav span{color:var(--muted);white-space:nowrap;font-size:13px}.legend{scrollbar-width:thin;gap:6px;width:max-content;max-width:calc(100% - 24px);padding:8px;display:flex;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.legend span.e{font-family:var(--f-mono);background:var(--surface);border-radius:6px;flex:none;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:13px;display:inline-flex}.legend .sw{width:20px;height:20px}.side{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex:none;width:330px;transition:margin-right .2s;display:flex;overflow:auto}.side.zu{margin-right:-330px}.side section{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.side h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.side h3 span{text-transform:none;letter-spacing:0;font-family:var(--f-mono);font-weight:500}.side p{color:var(--muted);margin:0;font-size:13.5px}.clist{flex-direction:column;margin:0 -8px;display:flex}.crow{border-radius:9px;align-items:center;gap:10px;min-height:42px;padding:5px 8px;display:flex;position:relative}.crow:hover{background:var(--surface-2)}.crow .grip{touch-action:none;cursor:grab;color:var(--muted);border-radius:6px;flex:none;place-items:center;width:28px;height:34px;display:grid}.crow .sw{width:28px;height:28px}.crow .sw.zieh{touch-action:none;cursor:grab}.crow .nm{flex:1;min-width:0;font-size:14px;line-height:1.2}.crow .nm small{color:var(--muted);font-size:12px;display:block}.crow .ct{font-family:var(--f-mono);color:var(--muted);font-size:13px}.crow .sym{font-family:var(--f-mono);color:var(--muted);text-align:right;width:22px;font-size:13px}.crow.drop{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.crow.sel .nm{font-weight:600}.crow.flash{animation:1s flash}@keyframes flash{0%{background:var(--ok-soft)}to{background:0 0}}.zieh-geist{z-index:70;pointer-events:none;background:var(--surface);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:14px;font-weight:600;display:flex;position:fixed;transform:translate(-50%,-120%)}.zieh-geist .sw{width:28px;height:28px}.used button.drop{outline:3px dashed var(--accent);outline-offset:2px}.toast{opacity:0;z-index:80;background:var(--fg);color:var(--bg);pointer-events:none;border-radius:12px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 12px 10px 16px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:6px;font-weight:600;text-decoration:underline}.plates{gap:6px;display:grid}.plates button{aspect-ratio:var(--pa,1);border:1px solid var(--line);background:var(--surface);font-family:var(--f-mono);border-radius:8px;place-items:center;padding:0;font-size:12px;display:grid;position:relative;overflow:hidden}.plates button canvas{width:100%;height:100%;image-rendering:pixelated;opacity:.55;display:block}.plates button span{background:var(--surface);border-radius:4px;padding:0 4px;position:absolute;inset:auto 3px 3px auto}.plates button[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.plates button[aria-current=true] canvas{opacity:1}.plates button.done:after{content:"✓";color:var(--ok);font-weight:600;position:absolute;top:2px;left:5px}.parts{padding:24px 16px;position:absolute;inset:0;overflow:auto}.parts table{border-collapse:collapse;background:var(--surface);width:100%;max-width:760px;box-shadow:var(--shadow);border-radius:12px;margin:0 auto;overflow:hidden}.parts th,.parts td{text-align:left;border-top:1px solid var(--line);padding:9px 12px;font-size:14px}.parts th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);border-top:0;font-size:12px}.parts td.n{font-family:var(--f-mono);text-align:right}@media (max-width:860px){.side{z-index:30;box-shadow:var(--shadow);width:min(330px,88%);position:absolute;top:0;bottom:0;right:0}.side.zu{margin-right:-100%}.tabs button{padding:0 10px}.choice{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html{touch-action:pan-x pan-y}button,input,select,label,.seg,.chips,.tile,.plates button{touch-action:manipulation}.tile .prev img{object-fit:contain;width:calc(100% - 32px);height:calc(100% - 32px);image-rendering:pixelated;display:block;position:absolute;inset:16px}.tile .prev .leer-vorschau{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}textarea.export{width:100%;min-height:110px;font-family:var(--f-mono);border:1px solid var(--line);background:var(--surface-2);color:var(--fg);resize:vertical;border-radius:8px;padding:8px;font-size:11.5px}.facts{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:14px;display:grid}.facts dt{color:var(--muted)}.facts dd{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;margin:0}.laden{color:var(--muted);pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.sprachwahl{gap:4px;display:flex}.lese-zeit{color:var(--muted);width:100%;font-size:12px}.rechtstext{flex-direction:column;gap:6px;max-width:68ch;margin:0 auto;line-height:1.55;display:flex}.rechtstext h1{font-family:var(--f-display);letter-spacing:-.01em;margin:0 0 8px;font-size:32px;font-weight:600;line-height:1.2}.rechtstext h2{font-family:var(--f-display);margin:18px 0 2px;font-size:24px;font-weight:600;line-height:1.3}.rechtstext p,.rechtstext ul{margin:0}.rechtstext ul{flex-direction:column;gap:4px;padding-left:20px;display:flex}.ls{--bg:#151d31;--surface:#1e2a44;--surface-2:#26324f;--fg:#f3e9da;--muted:#c5cbd8;--line:#33405f;--accent:#6cb4e6;--accent-hover:#9ccbee;--accent-fg:#151d31;--accent-soft:#22385a;--ls-tief:#0f1626;--ls-glanz:#6cb4e629;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);height:100%;color:var(--fg);scroll-behavior:smooth;scroll-padding-top:76px;overflow:hidden auto}.ls-innen{max-width:1200px;margin:0 auto;padding:0 24px}.ls h2{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 28px;font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1.15}.ls h3{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.2}.ls h4{font-family:var(--f-display);margin:0;font-size:19px;font-weight:600;line-height:1.3}.ls p{margin:0}.ls img{max-width:100%;height:auto;display:block}.ls .btn{color:var(--fg);text-decoration:none}.ls .btn.primary{color:var(--accent-fg)}.ls-gross{border-radius:12px;min-height:52px;padding:0 24px;font-size:17px}.ls-kopf{z-index:20;-webkit-backdrop-filter:blur(12px);background:#151d31d1;border-bottom:1px solid #33405fb3;position:sticky;top:0}.ls-kopf-innen{align-items:center;gap:24px;height:68px;display:flex}.ls-marke{flex:none;display:block}.ls-marke .logo{height:38px}.ls-nav{gap:22px;margin-right:auto;display:flex}.ls-nav-link{color:var(--muted);font-weight:500;text-decoration:none}.ls-nav-link:hover{color:var(--fg)}.ls-kopf-rechts{align-items:center;gap:14px;display:flex}.ls-kopf-rechts .seg button{min-height:32px;padding:0 9px;font-size:13px}.ls-anmelden{color:var(--fg);padding:8px 4px;font-weight:600;text-decoration:none}.ls-anmelden:hover{color:var(--accent)}.ls-kopf-cta{min-height:40px;text-decoration:none}.ls-hero{background:radial-gradient(900px 520px at 78% 30%,var(--ls-glanz),transparent 70%),radial-gradient(700px 420px at 8% 100%,#e8604c1a,transparent 70%);padding:72px 0 88px;position:relative}.ls-hero-innen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid}.ls-hero-text{flex-direction:column;gap:22px;display:flex}.ls-oberzeile{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ba-saffron);font-size:13px}.ls-hero h1{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(40px,5.2vw,68px);font-weight:600;line-height:1.02}.ls-lead{color:var(--muted);max-width:52ch;font-size:clamp(17px,1.4vw,19px);line-height:1.6}.ls-aktionen{flex-wrap:wrap;gap:12px;display:flex}.ls-fein{color:var(--muted);font-size:14px}.ls-hero-bild{padding:0 0 40px 40px;position:relative}.ls-vorlage{border:3px solid var(--surface);background:var(--surface);border-radius:12px;width:34%;margin:0;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 18px 50px #0000008c}.ls-vorlage figcaption{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);background:#0f1626c7;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:8px;left:8px}.ls-fenster{background:var(--ls-tief);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #00000080,0 2px 6px #0006}.ls-fenster-leiste{background:var(--surface);border-bottom:1px solid var(--line);gap:7px;padding:10px 14px;display:flex}.ls-fenster-leiste i{background:#33405f;border-radius:50%;width:11px;height:11px}.ls-fenster-leiste i:first-child{background:var(--ba-coral)}.ls-fenster-leiste i:nth-child(2){background:var(--ba-saffron)}.ls-fenster-leiste i:nth-child(3){background:var(--ba-teal)}.ls-abschnitt{padding:88px 0}.ls-abschnitt+.ls-abschnitt,.ls-innen#funktionen{border-top:1px solid #33405f99}.ls-schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.ls-schritte li{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:26px;display:flex}.ls-schritte p{color:var(--muted)}.ls-nr{width:38px;height:38px;font-family:var(--f-mono);color:var(--accent-fg);background:var(--accent);border-radius:9px;place-items:center;margin-bottom:6px;font-weight:600;display:grid}.ls-schritte li:nth-child(2) .ls-nr{background:var(--ba-saffron)}.ls-schritte li:nth-child(3) .ls-nr{background:var(--ba-coral)}#funktionen{padding-top:88px;padding-bottom:40px}.ls-zwischen{text-align:center}.ls-funktion{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:56px;padding:44px 0;display:grid}.ls-funktion.ls-gespiegelt{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.ls-funktion.ls-gespiegelt .ls-funktion-text{order:2}.ls-funktion-text{flex-direction:column;gap:16px;display:flex}.ls-funktion-text>p{color:var(--muted);font-size:17px;line-height:1.6}.ls-haken{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.ls-haken li{padding-left:28px;position:relative}.ls-haken li:before{content:"";background:var(--ba-teal);border-radius:4px;width:15px;height:15px;position:absolute;top:5px;left:0;box-shadow:inset 0 -3px #0000002e}.ls-karten{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ls-karte{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.ls-karte p{color:var(--muted);font-size:15px}.ls-karte-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:6px;display:grid}.ls-karte-icon svg{width:22px;height:22px}.ls-breit{margin-top:56px}.ls-aufruf{background:radial-gradient(700px 360px at 50% 0%,var(--ls-glanz),transparent 70%);border-top:1px solid #33405f99;padding:96px 0}.ls-aufruf-innen{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.ls-aufruf h2{margin:0}.ls-aufruf p{color:var(--muted);max-width:54ch;font-size:18px}.ls-aufruf .ls-aktionen{justify-content:center;margin-top:8px}.ls-fuss{border-top:1px solid var(--line);background:var(--ls-tief);padding:28px 0}.ls-fuss-innen{color:var(--muted);align-items:center;gap:16px;font-size:14px;display:flex}.ls-fuss-innen .logo-zeichen{height:26px}.ls-fuss-links{gap:20px;margin-left:auto;display:flex}@media (max-width:980px){.ls-hero{padding:44px 0 56px}.ls-hero-innen,.ls-funktion,.ls-funktion.ls-gespiegelt{grid-template-columns:minmax(0,1fr);gap:32px}.ls-funktion.ls-gespiegelt .ls-funktion-text{order:0}.ls-karten{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-nav{display:none}.ls-kopf-rechts{margin-left:auto}}@media (max-width:640px){.ls-innen{padding:0 16px}.ls-kopf-innen{gap:10px;height:60px}.ls-marke .logo{height:30px}.ls-kopf-rechts{gap:8px}.ls-kopf-cta,.ls-kopf-rechts .sprachwahl{display:none}.ls-schritte,.ls-karten{grid-template-columns:minmax(0,1fr)}.ls-abschnitt,.ls-aufruf{padding:56px 0}#funktionen{padding-top:56px}.ls-funktion{padding:28px 0}.ls-hero-bild{padding:0 0 28px 20px}.ls-fuss-innen{flex-wrap:wrap}.ls-fuss-links{width:100%;margin-left:0}}.ls-auth{flex-direction:column;display:flex}.ls-auth-main{background:radial-gradient(800px 480px at 80% 35%,var(--ls-glanz),transparent 70%),radial-gradient(600px 380px at 5% 100%,#e8604c1a,transparent 70%);flex:1 0 auto;align-items:center;padding:56px 0;display:flex}.ls-auth-innen{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:72px;width:100%;display:grid}.ls-auth-karte{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:none;padding:32px;box-shadow:0 30px 80px #00000073}.ls-auth-karte .field input:not([type=range]){background:var(--bg)}.ls-auth-karte .btn.primary{min-height:48px;font-size:16px}.ls-auth-bild{flex-direction:column;gap:18px;min-width:0;display:flex}.ls-auth-text{flex-direction:column;gap:10px;display:flex}.ls-auth-text h1{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.05}.ls-auth-text p{color:var(--muted);font-size:17px}.ls-auth-bild .ls-fenster{max-width:560px}.ls-auth-bild canvas{aspect-ratio:4/3;background:#151d31;width:100%;height:auto;display:block}.ls-auth-masz{font-family:var(--f-mono);color:var(--muted);font-size:13px}@media (max-width:980px){.ls-auth-innen{grid-template-columns:minmax(0,1fr);justify-items:center}.ls-auth-karte{width:100%;max-width:460px}.ls-auth-bild{display:none}}@media (max-width:640px){.ls-auth-main{align-items:flex-start;padding:28px 0}.ls-auth-karte{border-radius:14px;padding:22px 18px}.ls-auth .ls-kopf-cta{min-height:36px;padding:0 12px;font-size:14px;display:inline-flex}}