@font-face{font-family:Sora;src:url(/fonts/Sora-latin.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/FragmentMono-latin.woff2)format("woff2");font-weight:400;font-display:swap}:root{--erde-0:#100a07;--erde-1:#17100b;--erde-2:#24180f;--erde-3:#33241a;--erde-4:#4a3627;--weiss:#fbf8f3;--tinte:#1a120c;--text-mute:#9d9995;--tuerkis:#3ee9d3;--magenta:#ed4ea3;--honig:#f4c049;--violett:#a467e9;--gruen:#8cd85a;--tuerkis-bloom:color-mix(in srgb, var(--weiss) 45%, var(--tuerkis));--tuerkis-asche:color-mix(in srgb, var(--weiss) 80%, var(--tuerkis));--magenta-bloom:color-mix(in srgb, var(--weiss) 45%, var(--magenta));--magenta-asche:color-mix(in srgb, var(--weiss) 80%, var(--magenta));--honig-bloom:#f7d996;--honig-asche:#faedd1;--violett-bloom:color-mix(in srgb, var(--weiss) 45%, var(--violett));--violett-asche:color-mix(in srgb, var(--weiss) 80%, var(--violett));--gruen-bloom:color-mix(in srgb, var(--weiss) 45%, var(--gruen));--gruen-asche:color-mix(in srgb, var(--weiss) 80%, var(--gruen));--papier-1:#3c264b;--papier-2:#71284c;--papier-3:#9d6579;--papier-4:#daccb2;--glow-farbe:var(--honig);--glow-1:0 0 6px color-mix(in srgb, var(--glow-farbe) 55%, transparent);--glow-2:0 0 14px color-mix(in srgb, var(--glow-farbe) 60%, transparent), 0 0 3px color-mix(in srgb, var(--glow-farbe) 80%, transparent);--glow-3:0 0 28px color-mix(in srgb, var(--glow-farbe) 55%, transparent), 0 0 8px color-mix(in srgb, var(--weiss) 60%, transparent);--loch-glow:0 0 36px 4px color-mix(in srgb, var(--honig-asche) 45%, transparent);--papier-schatten:0 5px 3px -1px color-mix(in srgb, var(--erde-0) 75%, transparent);--papier-schatten-s:0 3px 2px -1px color-mix(in srgb, var(--erde-0) 70%, transparent);--takt:.35s;--takt-2:.7s;--takt-3:1.05s;--takt-4:1.4s;--ease-bau:cubic-bezier(.2, .7, .1, 1);--ease-tier:cubic-bezier(.34, 1.3, .64, 1);--font-display:"Sora", system-ui, sans-serif;--font-id:"Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-wortmarke:18px;--fs-label:15px;--fs-feld:28px;--fs-zaehler:12px;--fs-kranz:13px;--hole-size:78vh}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--erde-0);color:var(--weiss);font:400 var(--fs-label) / 1.4 var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--honig-bloom);color:var(--tinte)}@property --cam{syntax:"<number>";inherits:true;initial-value:0}@property --lage{syntax:"<color>";inherits:true;initial-value:#100a07}.rh{z-index:0;--rh-s:max(calc(100vw / 1440), calc(100vh / 900));--vp-dx:1.5vw;--vp-dy:7vh;--cam-s0:0;--cam-s2:520;--cam-s3:780;--cam-s7:1396;--cam-ziel:var(--cam-s0);--fahrt:0s;--fahrt-delay:0s;position:fixed;inset:0}.rh-tunnel{background:var(--erde-0);perspective:var(--p,800px);perspective-origin:calc(50% + var(--vp-dx)) calc(50% + var(--vp-dy));--cam:var(--cam-ziel);transition:--cam var(--fahrt) var(--ease-bau) var(--fahrt-delay);position:absolute;inset:0;overflow:hidden}.rh-roll,.rh-breathe,.rh-cam{transform-style:preserve-3d;position:absolute;inset:0}.rh-cam{transform:translateZ(calc(var(--cam-ziel) * 1px));transition:transform var(--fahrt) var(--ease-bau) var(--fahrt-delay);will-change:transform}.rh[data-state=S0]{--cam-ziel:var(--cam-s0);--fahrt:0s}.rh[data-state=S1],.rh[data-state=S2]{--cam-ziel:var(--cam-s2);--fahrt:var(--takt-4)}.rh[data-state=S3],.rh[data-state=S4],.rh[data-state=S6]{--cam-ziel:var(--cam-s3);--fahrt:var(--takt-2)}.rh[data-state=S3][data-driving-back]{--cam-ziel:var(--cam-s2)}.rh[data-state=S5]{--cam-ziel:var(--cam-s7);--fahrt:var(--takt-4);--fahrt-delay:4.9s}.rh[data-state=S5][data-skipped]{--fahrt:var(--takt-2);--fahrt-delay:var(--skip-delay,0s)}.rh[data-state=S7],.rh[data-state=S8]{--cam-ziel:var(--cam-s7);--fahrt:0s}.rh[data-state=S1] .rh-roll{animation:rh-roll var(--takt-4) var(--ease-bau) both}@keyframes rh-roll{0%{transform:rotate(0)}45%{transform:rotate(1.2deg)}to{transform:rotate(0)}}.rh-breathe{animation:4.2s ease-in-out infinite rh-breathe}@keyframes rh-breathe{0%,to{transform:translateZ(0)}50%{transform:translateZ(14px)}}.rh[data-state=S4] .rh-breathe,.rh[data-state=S6] .rh-breathe,.rh[data-state=S8] .rh-breathe{animation-play-state:paused}.rh-layer{transform:translateZ(calc(var(--k) * var(--D) * -1px));--rel:calc(var(--cam) - var(--k) * var(--D));opacity:clamp(0, calc((520 - var(--rel)) / 120), 1);backface-visibility:hidden;will-change:transform, opacity;position:absolute;inset:-6%}.rh-paper{--lage:var(--lage-idle);transition:--lage var(--takt-2) ease-in-out}.rh-sheet{fill:var(--lage)}.rh-shadow{fill:var(--erde-0);opacity:.6}.rh-edge{fill:none;stroke:color-mix(in srgb, var(--weiss) 9%, var(--lage));stroke-width:1.2px}.rh-root{fill:none;stroke:color-mix(in srgb, var(--weiss) 5%, var(--lage));stroke-width:1.4px;stroke-linecap:round}.rh-light{fill:none;stroke:var(--honig-asche);stroke-width:1.6px;stroke-linejoin:round;opacity:0;transition:opacity var(--takt-2) ease-in-out, stroke var(--takt-2) ease-in-out}.rh-light-soft{stroke-width:7px;opacity:0}.rh[data-state=S1] .rh-layer[data-k="3"] .rh-light,.rh[data-state=S2] .rh-layer[data-k="3"] .rh-light{opacity:.95}.rh[data-state=S1] .rh-layer[data-k="3"] .rh-light-soft,.rh[data-state=S2] .rh-layer[data-k="3"] .rh-light-soft{opacity:.22}.rh[data-state=S1] .rh-layer[data-k="3"] .rh-light{transition-delay:var(--takt-2)}.rh[data-state=S3] .rh-layer[data-k="4"] .rh-light,.rh[data-state=S4] .rh-layer[data-k="4"] .rh-light,.rh[data-state=S6] .rh-layer[data-k="4"] .rh-light{opacity:.85;stroke:var(--honig-bloom)}.rh[data-state=S3] .rh-layer[data-k="4"] .rh-light-soft,.rh[data-state=S4] .rh-layer[data-k="4"] .rh-light-soft,.rh[data-state=S6] .rh-layer[data-k="4"] .rh-light-soft{opacity:.16}.rh[data-state=S3][data-driving-back] .rh-layer[data-k="4"] .rh-light{opacity:0}.rh[data-state=S3][data-driving-back] .rh-layer[data-k="3"] .rh-light{opacity:.95}.rh[data-state=S3][data-driving-back] .rh-layer[data-k="3"] .rh-light-soft{opacity:.22}.rh[data-state=S3] .rh-layer[data-k="3"] .rh-light,.rh[data-state=S4] .rh-layer[data-k="3"] .rh-light,.rh[data-state=S6] .rh-layer[data-k="3"] .rh-light{opacity:.28}.rh[data-state=S4] .rh-layer[data-k="4"] .rh-light{animation:rh-listen var(--takt-4) ease-in-out infinite}@keyframes rh-listen{0%,to{opacity:.5}50%{opacity:1}}.rh[data-state=S5] .rh-layer[data-k="4"] .rh-light{stroke:var(--weiss);opacity:1;transition-duration:var(--takt)}.rh[data-state=S5] .rh-layer[data-k="4"] .rh-light-soft{opacity:.4;transition-duration:var(--takt)}.rh[data-state=S5] .rh-layer[data-k="5"] .rh-light{stroke:var(--weiss);opacity:.7;transition:opacity var(--takt) var(--takt)}.rh[data-state=S7] .rh-light,.rh[data-state=S8] .rh-light{opacity:.22;stroke:var(--honig-asche);transition-duration:var(--takt-2)}.rh[data-state=S7] .rh-light-soft,.rh[data-state=S8] .rh-light-soft{opacity:.05}.rh[data-state=S5] .rh-paper,.rh[data-state=S7] .rh-paper,.rh[data-state=S8] .rh-paper{--lage:var(--lage-wach)}.rh[data-state=S5] .rh-paper{transition:--lage 2.1s ease-in-out var(--takt-2)}.rh[data-state=S5][data-skipped] .rh-paper{transition:--lage var(--takt-2) ease-in-out var(--skip-delay,0s)}.rh[data-state=S7] .rh-paper{transition-duration:0s}.rh[data-state=S8] .rh-paper{--lage:var(--erde-1);transition:--lage var(--takt) ease-in var(--takt-2)}.rh[data-state=S0] .rh-paper{transition:--lage var(--takt-2) ease-out}.rh-glow{background:radial-gradient(circle at calc(50% + var(--vp-dx)) calc(50% + var(--vp-dy)), color-mix(in srgb, var(--honig-asche) 28%, var(--erde-0)) 0, color-mix(in srgb, var(--honig-asche) 12%, var(--erde-0)) 7vh, var(--erde-0) 20vh);inset:-20%;opacity:1!important}.rh-glow:before,.rh-glow:after{content:"";opacity:0;transition:opacity var(--takt-2) ease-in-out;position:absolute;inset:0}.rh-glow:before{background:radial-gradient(circle at calc(50% + var(--vp-dx)) calc(50% + var(--vp-dy)), color-mix(in srgb, var(--honig-asche) 62%, var(--erde-0)) 0, color-mix(in srgb, var(--honig-asche) 30%, var(--erde-0)) 7vh, var(--erde-0) 20vh)}.rh[data-state=S0] .rh-glow:before{opacity:1}.rh-glow:after{background:var(--weiss)}.rh[data-state=S0] .rh-layer[data-k="6"] .rh-light{opacity:.5;animation:rh-far-breathe var(--takt-4) ease-in-out infinite}.rh[data-state=S1] .rh-layer[data-k="6"] .rh-light,.rh[data-state=S2] .rh-layer[data-k="6"] .rh-light,.rh[data-state=S3] .rh-layer[data-k="6"] .rh-light,.rh[data-state=S4] .rh-layer[data-k="6"] .rh-light,.rh[data-state=S6] .rh-layer[data-k="6"] .rh-light{opacity:.45}.rh[data-state=S4] .rh-layer[data-k="6"] .rh-light{animation:rh-listen var(--takt-4) ease-in-out infinite}@keyframes rh-far-breathe{0%,to{opacity:.35}50%{opacity:.65}}.rh[data-state=S5] .rh-glow:after,.rh[data-state=S7] .rh-glow:after,.rh[data-state=S8] .rh-glow:after{opacity:1}.rh[data-state=S5] .rh-glow:after{transition-duration:var(--takt)}.rh[data-state=S5] .rh-layer[data-k="6"] .rh-light{stroke:var(--weiss);opacity:1;transition-duration:var(--takt)}.rh-dim{background:var(--erde-0);opacity:1;pointer-events:none;transition:opacity var(--takt-2) ease-in-out;position:absolute;inset:0}.rh[data-state=S0] .rh-dim,.rh[data-state=S1] .rh-dim,.rh[data-state=S2] .rh-dim{opacity:0}.rh[data-state=S3] .rh-dim,.rh[data-state=S4] .rh-dim,.rh[data-state=S6] .rh-dim{opacity:.18}.rh[data-state=S3][data-driving-back] .rh-dim{opacity:0}.rh[data-state=S5] .rh-dim{opacity:.6;transition:opacity var(--takt-4) ease-in-out 6.3s}.rh[data-state=S5][data-skipped] .rh-dim{transition:opacity var(--takt-2) ease-in-out var(--skip-delay,0s)}.rh[data-state=S7] .rh-dim{opacity:.6;transition-duration:var(--takt-2)}.rh[data-state=S8] .rh-dim{opacity:1;transition:opacity var(--takt) ease-in var(--takt-2)}.rh-ghost{left:calc(50% + var(--vp-dx) * .245);top:calc(50% + var(--vp-dy) * .245);width:15ch;font:400 var(--fs-feld) / 1.2 var(--font-id);color:var(--weiss);pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.rh-ghost-label{white-space:nowrap;font:400 var(--fs-label) / 1.3 var(--font-display);position:absolute;bottom:calc(100% + 10px);left:0}.rh-ghost-line{border-bottom:1px solid var(--honig-bloom);opacity:.55;height:calc(1.2em + 12px);display:block}.rh-ghost-echo{left:50%;top:calc(50% - 250 * var(--rh-s) - 26px);font:400 var(--fs-zaehler) / 1 var(--font-id);letter-spacing:.06em;color:var(--honig-asche);white-space:nowrap;pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.rh-dip{background:var(--erde-0);opacity:0;pointer-events:none;animation:rh-dip var(--takt) ease-in-out both;position:absolute;inset:0}@keyframes rh-dip{0%{opacity:0}50%{opacity:.75}to{opacity:0}}@media (prefers-reduced-motion:reduce){.rh,.rh[data-state=S1],.rh[data-state=S2],.rh[data-state=S3],.rh[data-state=S4],.rh[data-state=S6],.rh[data-state=S3][data-driving-back]{--fahrt:0s;--fahrt-delay:.175s}.rh[data-state=S5]{--fahrt:0s;--fahrt-delay:4.9s}.rh[data-state=S5][data-skipped]{--fahrt:0s;--fahrt-delay:var(--skip-delay,0s)}.rh-breathe,.rh-roll,.rh[data-state=S0] .rh-layer[data-k="6"] .rh-light{animation:none!important}.rh[data-state=S4] .rh-layer[data-k="4"] .rh-light,.rh[data-state=S4] .rh-layer[data-k="6"] .rh-light{animation:rh-listen var(--takt-4) ease-in-out infinite!important}}.shell{z-index:1;pointer-events:none;--rh-s:max(calc(100vw / 1440), calc(100vh / 900));--vp-dx:1.5vw;--vp-dy:7vh;--ring-cx:calc(50% + var(--vp-dx) * .245);--ring-cy:calc(50% + var(--vp-dy) * .245);position:fixed;inset:0}.shell button,.shell input,.shell a,.shell [tabindex]{pointer-events:auto}.shell :focus-visible{outline:2px solid var(--honig-bloom);outline-offset:3px;border-radius:2px}.shell .station-input:focus-visible{border-bottom-color:var(--weiss);outline:none}.shell-brand{font:600 var(--fs-wortmarke) / 1 var(--font-display);letter-spacing:-.02em;color:var(--weiss);transition:opacity var(--takt-2);align-items:center;gap:10px;display:flex;position:absolute;top:28px;left:32px}.shell-seven{color:#0000;background-color:var(--weiss);width:24px;height:30px;display:inline-block;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Cpath d='M1.5 1.5h21L10 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='27' r='2.6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Cpath d='M1.5 1.5h21L10 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='27' r='2.6'/%3E%3C/svg%3E") 50%/contain no-repeat}.shell[data-state=S7] .shell-brand,.shell[data-state=S8] .shell-brand{opacity:.7}.shell-boot{font:400 var(--fs-zaehler) / 1 var(--font-id);color:var(--text-mute);letter-spacing:.3em;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shell-enter{left:var(--ring-cx);top:calc(var(--ring-cy) + 92px);color:#0000;animation:enter-breathe var(--takt-4) ease-in-out infinite;background:0 0;border:0;align-items:center;gap:14px;margin:0;padding:18px 22px;font-size:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.shell-enter:before{content:"";background:var(--weiss);width:34px;height:30px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M31 3v13H8M14 9l-7 7 7 7' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M31 3v13H8M14 9l-7 7 7 7' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.shell-enter:after{content:"";background:var(--tuerkis);border-radius:1px;width:2px;height:30px}.shell-enter:hover,.shell-enter:focus-visible{opacity:1;animation-play-state:paused}@keyframes enter-breathe{0%,to{opacity:.55}50%{opacity:1}}.shell-stations{margin:0;position:absolute;inset:0}.station{left:var(--ring-cx);top:var(--ring-cy);width:15ch;font:400 var(--fs-feld) / 1.2 var(--font-id);color:var(--weiss);transition:opacity var(--takt-2) ease-in-out;position:absolute;transform:translate(-50%,-100%)}.station label{display:block}.station-label{white-space:nowrap;font:400 var(--fs-label) / 1.3 var(--font-display);color:var(--weiss);position:absolute;bottom:calc(100% + 10px);left:0}.station-input{border:0;border-bottom:1px solid var(--honig-asche);width:100%;caret-color:var(--tuerkis);color:var(--weiss);box-shadow:0 1px 0 0 color-mix(in srgb, var(--honig-asche) 30%, transparent), 0 6px 18px -6px color-mix(in srgb, var(--honig) 45%, transparent);transition:opacity var(--takt-2), border-color var(--takt-2), box-shadow var(--takt-2);background:0 0;border-radius:0;outline:none;margin:0;padding:6px 0;display:block}.station-input:read-only{opacity:.6;caret-color:#0000}.station-count{white-space:nowrap;font:400 var(--fs-zaehler) / 1 var(--font-id);letter-spacing:.06em;color:var(--honig-asche);position:absolute;bottom:10px;left:calc(100% + 16px)}.station-echo{left:50%;top:calc(50% - 250 * var(--rh-s) - 26px);font:400 var(--fs-zaehler) / 1 var(--font-id);letter-spacing:.06em;color:var(--honig-asche);white-space:nowrap;opacity:0;transition:opacity var(--takt-2) ease-in-out var(--takt);position:fixed;transform:translate(-50%,-100%)}.station-password{width:15ch}.station-password .station-input{border-bottom-color:var(--honig-bloom);box-shadow:0 1px 0 0 color-mix(in srgb, var(--honig-bloom) 22%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--honig) 35%, transparent)}.station-eye{appearance:none;width:36px;height:36px;color:var(--honig-asche);cursor:pointer;opacity:.72;transition:opacity var(--takt), color var(--takt);background:0 0;border:0;border-radius:50%;margin:0;padding:0;font-size:0;line-height:0;position:absolute;bottom:5px;left:calc(100% + 12px)}.station-eye:before{content:"";width:22px;height:22px;transition:transform var(--takt) var(--ease-tier);background:currentColor;margin:7px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5c3.6 4.6 14.4 4.6 18 0M6.2 13.6l-1.4 2.2M12 14.6v2.6M17.8 13.6l1.4 2.2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5c3.6 4.6 14.4 4.6 18 0M6.2 13.6l-1.4 2.2M12 14.6v2.6M17.8 13.6l1.4 2.2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.station-eye[aria-pressed=true]{color:var(--honig-bloom);opacity:1}.station-eye[aria-pressed=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12c3.8-5.6 15.2-5.6 19 0c-3.8 5.6-15.2 5.6-19 0z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12c3.8-5.6 15.2-5.6 19 0c-3.8 5.6-15.2 5.6-19 0z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3C/svg%3E")}.station-eye:hover:not(:disabled),.station-eye:focus-visible{color:var(--weiss);opacity:1}.station-eye:hover:not(:disabled):before{transform:scale(1.08)}.station-eye:disabled{opacity:.28;cursor:default}.station-eye:focus-visible{outline-offset:0;border-radius:50%}.shell[data-state=S1] .station-handle{opacity:0;animation:station-in var(--takt) ease-out var(--takt-3) forwards}@keyframes station-in{to{opacity:1}}.shell[data-state=S3] .station-handle label,.shell[data-state=S4] .station-handle label,.shell[data-state=S3] .station-handle .station-count,.shell[data-state=S4] .station-handle .station-count{opacity:0;visibility:hidden;transition:opacity var(--takt) ease-in, visibility 0s var(--takt)}.shell[data-state=S3] .station-echo,.shell[data-state=S4] .station-echo{opacity:1}.shell[data-state=S3] .station-password{opacity:0;animation:station-in var(--takt) ease-out var(--takt) forwards}.shell[data-state=S3][data-driving-back] .station-password{opacity:0;animation:none}.shell[data-state=S3][data-driving-back] .station-echo{opacity:0;transition-delay:0s}.shell[data-state=S3][data-driving-back] .station-handle label,.shell[data-state=S3][data-driving-back] .station-handle .station-count{opacity:1;visibility:visible;transition:opacity var(--takt) ease-out var(--takt), visibility 0s}.shell[data-state=S4] .station-password .station-input{opacity:.6}.shell-listen{left:var(--ring-cx);top:calc(var(--ring-cy) + 14px);font:400 var(--fs-feld) / 1 var(--font-id);color:var(--honig-asche);opacity:0;animation:listen-in var(--takt) ease-out 3.5s forwards;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.listen-dot{animation:listen-dot var(--takt-4) ease-in-out infinite}.listen-dot:nth-child(2){animation-delay:.233s}.listen-dot:nth-child(3){animation-delay:.466s}@keyframes listen-in{to{opacity:1}}@keyframes listen-dot{0%,to{opacity:.35}50%{opacity:1}}.shell-message{left:var(--ring-cx);top:calc(var(--ring-cy) + 60px);white-space:nowrap;text-align:center;min-height:1.4em;font:400 var(--fs-label) / 1.4 var(--font-display);color:var(--weiss);animation:message-in var(--takt) ease-out both;margin:0;position:absolute;transform:translate(-50%)}.shell-message:empty{animation:none}@keyframes message-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.shell-user{font:400 var(--fs-zaehler) / 1 var(--font-id);letter-spacing:.06em;color:var(--honig-asche);opacity:.85;animation:message-in var(--takt-2) ease-out both;margin:0;position:absolute;bottom:28px;right:32px}@media (prefers-reduced-motion:reduce){.shell-enter{opacity:.85;animation:none}.shell-enter:after{animation:none}.listen-dot{opacity:.8;animation:none}.shell[data-state=S1] .station-handle{animation-delay:0s}.station-eye:before{transition:none}.station-eye:hover:not(:disabled):before{transform:none}}.hole{width:var(--hole-size,78vh);height:var(--hole-size,78vh);margin:calc(var(--hole-size,78vh) / -2) 0 0 calc(var(--hole-size,78vh) / -2);color:var(--tinte);--kerbe:51.4286deg;--far-scale:.19;transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%}.hole:before{content:"";background:var(--weiss);box-shadow:var(--papier-schatten), 0 0 0 1px color-mix(in srgb, var(--erde-0) 35%, transparent), 0 0 24px 12px color-mix(in srgb, var(--erde-0) 70%, transparent);border-radius:50%;position:absolute;inset:0}.hole-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0}.ring-notch{background:var(--tinte);opacity:.38;--a:calc(180deg + (var(--slot) - 4) * var(--kerbe));width:2px;height:16px;transform:rotate(var(--a)) translateY(calc(var(--hole-size,78vh) / -2));border-radius:1px;margin:-8px 0 0 -1px;position:absolute;top:50%;left:50%}.ring-notch[data-slot="1"]{--slot:1}.ring-notch[data-slot="2"]{--slot:2}.ring-notch[data-slot="3"]{--slot:3}.ring-notch[data-slot="4"]{--slot:4}.ring-notch[data-slot="5"]{--slot:5}.ring-notch[data-slot="6"]{--slot:6}.ring-notch[data-slot="7"]{--slot:7}.hole-rim{pointer-events:none;animation:rim-in var(--takt-2) ease-out both;position:absolute;inset:0}.hole-rim button{pointer-events:auto;--a:calc(180deg + (var(--slot) - 4) * var(--kerbe));--r:calc(var(--hole-size,78vh) / 2);transform:translate(calc(-50% + sin(var(--a)) * var(--r)), calc(-50% - cos(var(--a)) * var(--r)));background:var(--weiss);color:var(--tinte);font:400 var(--fs-kranz) / 1 var(--font-id);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--papier-schatten-s);transition:background-color var(--takt), color var(--takt), box-shadow var(--takt);border:0;border-radius:999px;padding:7px 14px;position:absolute;top:50%;left:50%}.hole-rim button:not(.rim-logout):first-child{--slot:1}.hole-rim button:not(.rim-logout):nth-child(2){--slot:2}.hole-rim button:not(.rim-logout):nth-child(3){--slot:3}.hole-rim button:hover{background:var(--honig-bloom)}.hole-rim button[aria-pressed=true]{background:var(--honig-bloom);box-shadow:var(--papier-schatten-s), inset 0 0 0 1px color-mix(in srgb, var(--tinte) 25%, transparent)}.hole-rim button.rim-logout{--slot:4;background:var(--erde-2);color:var(--weiss)}.hole-rim button.rim-logout:hover{background:var(--erde-4)}@keyframes rim-in{0%{opacity:0}to{opacity:1}}.hole-core{width:calc(var(--hole-size,78vh) * .62);height:calc(var(--hole-size,78vh) * .62);color:var(--tinte);animation:rim-in var(--takt-2) ease-out both;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hole-core[data-stage]{width:calc(var(--hole-size,78vh) * .8476);height:calc(var(--hole-size,78vh) * .5298)}.hole-core{font:400 12px / 1.5 var(--font-display)}.hole-core table{border-collapse:collapse;font-variant-numeric:tabular-nums}.hole-core th{font-weight:600}.hole-core td,.hole-core th{padding:5px 6px}.hole-core button{border:1px solid color-mix(in srgb, var(--tinte) 30%, transparent);color:var(--tinte);font:400 12px / 1.2 var(--font-id);letter-spacing:.04em;transition:background-color var(--takt), border-color var(--takt);background:0 0;border-radius:999px;padding:4px 10px}.hole-core button:hover{background:var(--honig-asche)}.hole-core button[aria-pressed=true]{background:var(--honig-bloom);border-color:#0000}.hole-core textarea{font-family:var(--font-display)}.hole-core textarea:focus{outline:2px solid var(--honig-bloom);outline-offset:0}.shell[data-state=S5] .hole{opacity:0;transform:translate(calc(var(--vp-dx,0px) * .17), calc(var(--vp-dy,0px) * .17)) scale(var(--far-scale));animation:hole-grow var(--takt-2) var(--ease-bau) 7s forwards}.shell[data-state=S5][data-skipped] .hole{animation:hole-grow-skip var(--takt-2) var(--ease-bau) var(--skip-delay,0s) forwards}.shell[data-state=S5] .ring-notch{opacity:0;animation:.2s ease-out 7.5s forwards notch-in}.shell[data-state=S5][data-skipped] .ring-notch{animation:notch-in-skip .2s ease-out calc(var(--skip-delay,0s) + .5s) forwards}@keyframes hole-grow{0%{opacity:1;transform:translate(calc(var(--vp-dx,0px) * .17), calc(var(--vp-dy,0px) * .17)) scale(var(--far-scale))}to{opacity:1;transform:translate(0)scale(1)}}@keyframes hole-grow-skip{0%{opacity:1;transform:translate(calc(var(--vp-dx,0px) * .17), calc(var(--vp-dy,0px) * .17)) scale(var(--far-scale))}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notch-in{to{opacity:.38}}@keyframes notch-in-skip{to{opacity:.38}}.shell[data-state=S8] .hole{animation:hole-shrink var(--takt-2) var(--ease-bau) var(--takt) forwards}.shell[data-state=S8] .ring-notch{opacity:0;transition:opacity var(--takt)}@keyframes hole-shrink{0%{transform:translate(0)scale(1)}to{transform:translate(calc(var(--vp-dx,0px) * .17), calc(var(--vp-dy,0px) * .17)) scale(var(--far-scale))}}@media (prefers-reduced-motion:reduce){.shell[data-state=S5] .hole{animation:hole-fade var(--takt-2) ease-out 7s forwards;transform:none}.shell[data-state=S5][data-skipped] .hole{animation:hole-fade var(--takt-2) ease-out var(--skip-delay,0s) forwards}.shell[data-state=S8] .hole{animation:hole-fade-out var(--takt) ease-in forwards}@keyframes hole-fade{to{opacity:1}}@keyframes hole-fade-out{to{opacity:0}}}
