:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120d2b;--surface:#1d1740;--surface-alt:#272058;--text:#e5e0ff;--text-h:#f7fbff;--muted:#b5addf;--border:#4a3f86;--accent:#a799ff;--accent-strong:#7f6cf2;--accent-cyan:#5ab6ff;--sans:Inter, "Segoe UI", Roboto, sans-serif;--display:"Space Grotesk", Inter, "Segoe UI", sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1fb;--surface:#fff;--surface-alt:#f5f6ff;--text:#1d2040;--text-h:#12152e;--muted:#5f6387;--border:#d8dcf0;--accent:#5f4fd4;--accent-strong:#4a3ec0;--accent-cyan:#2d78d5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);caret-color:var(--accent);background:radial-gradient(circle at 10% -2%, #7f6cf261, transparent 38%), radial-gradient(circle at 90% 0%, #5ab6ff52, transparent 28%), radial-gradient(circle at 50% 120%, #6446c24d, transparent 45%), var(--bg);margin:0}:root[data-theme=light] body{background:radial-gradient(circle at 10% -2%, #6f5fd33d, transparent 38%), radial-gradient(circle at 90% 0%, #3c80d633, transparent 28%), radial-gradient(circle at 50% 120%, #7a84d62e, transparent 45%), var(--bg)}a{color:inherit;text-underline-offset:.22em}a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{color:var(--text-h);line-height:1.2;font-family:var(--display);letter-spacing:-.01em}p{margin:0}::selection{color:#f9f7ff;background:#7f6cf280}:root[data-theme=light] ::selection{color:#fff;background:#5f4fd46b}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1539}::-webkit-scrollbar-thumb{background:#6255ae;border:2px solid #1a1539;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7969cf}:root[data-theme=light] ::-webkit-scrollbar-track{background:#e8eaf8}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#a7add6;border-color:#e8eaf8}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#8e96c8}#root{width:min(1260px,100% - 2rem);margin:2rem auto}.page{gap:1.5rem;display:grid;position:relative}.page:before{content:"";pointer-events:none;background:radial-gradient(380px circle at var(--cursor-x,50%) var(--cursor-y,40%), #7a6adf33, transparent 65%);z-index:0;position:fixed;inset:0}.intro-overlay{z-index:30;pointer-events:none;background:radial-gradient(circle,#2d2366 0%,#110d2b 72%);place-items:center;gap:.4rem;animation:.76s cubic-bezier(.2,.9,.2,1) forwards intro-hide;display:grid;position:fixed;inset:0}.intro-overlay img{opacity:.9;width:min(220px,48vw)}.intro-overlay p{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#f3eeff;margin:0;font-size:1.1rem}.page-shell{position:relative}.page-content{gap:1.5rem;display:grid}.hero{text-align:center;border:1px solid var(--border);background:linear-gradient(#140e2fb8,#1c1540f0);border-radius:1.25rem;padding:5rem 2rem 3rem;position:relative;overflow:hidden;box-shadow:0 26px 54px #100a2c8a}.hero:before{content:"";opacity:.62;z-index:0;background-color:#0000;background-image:linear-gradient(#0e0a261a,#0c0922d6),url(/twitch-assets/banner-kollen.png);background-position:88% 30%;background-repeat:no-repeat;background-size:128%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-logo{width:min(360px,78vw);height:auto;margin-bottom:1rem;animation:.7s cubic-bezier(.2,.9,.2,1) both fade-slide-up}.hero-subtitle{color:#d7d0ff;letter-spacing:.03em;text-shadow:0 8px 20px #07041ca6;margin-bottom:.8rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;animation:.82s cubic-bezier(.2,.9,.2,1) both fade-slide-up}.hero-copy{color:#ece7ff;max-width:60ch;margin:0 auto;animation:.92s cubic-bezier(.2,.9,.2,1) both fade-slide-up}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;animation:1s cubic-bezier(.2,.9,.2,1) both fade-slide-up;display:flex}.hero-actions a{color:var(--text-h);border:1px solid var(--border);background:#1a143ad6;border-radius:999px;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 20px #0c092166}.hero-actions a svg{fill:currentColor;width:1.18rem;height:1.18rem;transition:transform .3s}.hero-actions a:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 12px 24px #131f4f80}.hero-actions a:hover svg{transform:scale(1.12)rotate(-6deg)}.hero-actions a:active{transform:translateY(0)scale(.96)}.hero-mark{opacity:.22;filter:saturate(122%);z-index:0;pointer-events:none;width:min(240px,36vw);animation:7s ease-in-out infinite mark-float;position:absolute;bottom:-108px;right:-86px}.section{border:1px solid var(--border);background:linear-gradient(145deg, #a799ff14, #5ab6ff0f), var(--surface);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:1.25rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 18px 38px #0e0b284d}.section:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #b7a7ff2e;position:absolute;inset:0}.section-head{margin-bottom:1.25rem}.section-head h2{margin:0 0 .45rem}.section-head p{color:var(--muted);margin:0}.section-divider{place-items:center;margin:-.2rem 0 .25rem;display:grid}.section-divider img{opacity:.16;filter:saturate(118%);pointer-events:none;width:min(220px,52vw)}.live-strip{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.live-strip-status{align-items:center;gap:.6rem;display:inline-flex}.live-strip-status p{color:#efe9ff;margin:0}.live-dot{background:#7f6cf2;border-radius:999px;width:.62rem;height:.62rem;box-shadow:0 0 #7f6cf273}.live-dot.is-live{background:#ff4f7a;animation:1.5s ease-in-out infinite pulse-live}.live-dot.is-loading{animation:1.5s ease-in-out infinite pulse-live}.live-strip-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:inline-flex}.live-strip-actions a{color:var(--text-h);border:1px solid var(--border);background:#272058b8;border-radius:999px;padding:.45rem .8rem;font-size:.88rem;text-decoration:none;transition:transform .24s,border-color .24s}.live-strip-actions a:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.media-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.media-card{appearance:none;text-align:left;cursor:pointer;color:inherit;border:1px solid var(--border);background:linear-gradient(165deg, #afa1ff1a, #5ab6ff12), var(--surface-alt);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;border-radius:1rem;padding:0;text-decoration:none;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s cubic-bezier(.2,.9,.2,1),border-color .28s cubic-bezier(.2,.9,.2,1);position:relative;overflow:hidden;box-shadow:0 14px 26px #09081e47}.media-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block;transform:translateZ(14px)}.media-body{padding:.85rem 1rem 1rem}.media-platform{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem;font-size:.76rem;display:inline-block}.media-body h3{margin:0 0 .5rem;font-size:1rem}.media-body p{color:var(--muted);margin:0;font-size:.9rem}.media-card:after{content:"";background:radial-gradient(170px circle at var(--glow-x,50%) var(--glow-y,35%), #77c5ff33, transparent 70%);opacity:0;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.media-card:is(:hover,:focus-visible){transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);border-color:var(--accent-cyan);box-shadow:0 22px 34px #0a0d2d66,0 0 0 1px #5ab6ff4d}.media-card:is(:hover,:focus-visible):after{opacity:1}.media-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#050410cc;place-items:center;padding:1rem;animation:.22s both modal-fade-in;display:grid;position:fixed;inset:0}.media-modal{border:1px solid var(--border);background:linear-gradient(165deg,#6956ca38,#171232f2);border-radius:1rem;width:min(960px,100%);animation:.26s cubic-bezier(.22,1,.36,1) both modal-scale-in;position:relative;overflow:hidden;box-shadow:0 28px 50px #03020a99}.media-modal-close{color:#fff;cursor:pointer;background:#140e30d9;border:0;border-radius:999px;width:2rem;height:2rem;font-size:1.35rem;line-height:1;transition:transform .2s,background-color .2s;position:absolute;top:.55rem;right:.6rem}.media-modal-close:hover{background:#2e2061f2;transform:rotate(90deg)}.media-embed-wrap{aspect-ratio:16/9;width:100%}.media-embed-wrap iframe{border:0;width:100%;height:100%}.media-modal-meta{justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem 1rem 1rem;display:flex}.media-modal-meta h3{margin:0;font-size:1rem}.media-modal-meta a{color:var(--text-h)}.card-link{color:inherit;animation:.62s cubic-bezier(.2,.9,.2,1) both fade-slide-up;animation-delay:calc(90ms * var(--card-index,0));text-decoration:none;display:block}.card{border:1px solid var(--border);background:linear-gradient(165deg, #afa1ff1a, #5ab6ff12), var(--surface-alt);height:100%;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;border-radius:1rem;padding:1rem;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s cubic-bezier(.2,.9,.2,1),border-color .28s cubic-bezier(.2,.9,.2,1);position:relative;overflow:hidden;box-shadow:0 14px 26px #09081e47}.project-image{aspect-ratio:16/9;object-fit:cover;border:1px solid #a799ff52;border-radius:.75rem;width:100%;margin-bottom:.9rem;transition:transform .36s cubic-bezier(.2,.9,.2,1);transform:translateZ(16px)}.card h3{margin:0}.card p{margin:.7rem 0 1rem}.card-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.card-top span{color:var(--muted);font-size:.85rem}.card:after{content:"";background:radial-gradient(190px circle at var(--glow-x,50%) var(--glow-y,35%), #77c5ff2e, transparent 70%);opacity:0;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.card-link:is(:hover,:focus-visible) .card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);border-color:var(--accent-cyan);box-shadow:0 22px 34px #0a0d2d66,0 0 0 1px #5ab6ff4d}.card-link:is(:hover,:focus-visible) .card:after{opacity:1}.card-link:is(:hover,:focus-visible) .project-image{transform:translateZ(16px)scale(1.03)}.card-link:active .card,.media-card:active{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(.985)}.creator-links ul{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.contact-card{border:1px solid var(--border);background:#2720588f;border-radius:.9rem;max-width:32rem;margin-bottom:0;padding:.9rem 1rem}.contact-card h3{margin:0 0 .35rem;font-size:1rem}.contact-card a{color:var(--text-h);margin-bottom:.35rem;display:inline-block}.contact-card p{color:var(--muted);margin:0;font-size:.9rem}.creator-links a{color:var(--text-h);border:1px solid var(--border);background:linear-gradient(160deg, #a799ff14, #5ab6ff0f), var(--surface-alt);border-radius:.85rem;justify-content:space-between;align-items:center;padding:.85rem 1rem;text-decoration:none;transition:border-color .25s,transform .25s;display:flex}.creator-links a:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.creator-links span{color:var(--muted)}.creator-main{color:var(--text-h);align-items:center;gap:.55rem;display:inline-flex}.creator-main svg{fill:currentColor;width:1rem;height:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.creator-handle{color:var(--muted)}.about-mini p{max-width:72ch;margin:0}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .8rem;margin-bottom:1.5rem;padding-top:.9rem;display:flex}.footer p{margin:0}.footer a{color:var(--muted)}.footer a:hover{color:var(--text-h)}.cursor-fx{pointer-events:none;z-index:25;opacity:0;transition:opacity .2s;position:fixed;inset:0}.cursor-fx.is-visible{opacity:1}.cursor-ring,.cursor-dot,.cursor-trail{pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.cursor-ring{border:1px solid #b1a5ffcc;width:28px;height:28px;margin-top:-14px;margin-left:-14px;box-shadow:0 0 0 1px #5ab6ff3d}.cursor-dot{background:#d9d0ff;width:6px;height:6px;margin-top:-3px;margin-left:-3px}.cursor-trail{opacity:0;background:#7aceff94;width:7px;height:7px;margin-top:-3.5px;margin-left:-3.5px}:root[data-theme=light] .hero{background:linear-gradient(#f9f9ffb8,#eef1fde6);box-shadow:0 18px 36px #3c468733}:root[data-theme=light] .hero:before{background:linear-gradient(#ffffff4d,#eff2ffcc),url(/twitch-assets/banner-kollen.png)}:root[data-theme=light] .hero-subtitle{color:#2b2b5f;text-shadow:0 6px 16px #ffffffbf}:root[data-theme=light] .hero-copy{color:#303765}:root[data-theme=light] .hero-actions a{background:#ffffffdb;box-shadow:0 8px 20px #38438233}:root[data-theme=light] .live-strip-status p{color:var(--text)}:root[data-theme=light] .live-strip-actions a{background:#ffffffe0}:root[data-theme=light] .contact-card{background:#f0f4ffe6}:root[data-theme=light] .media-modal-backdrop{background:#0e142d80}:root[data-theme=light] .media-modal{background:linear-gradient(165deg,#f5f7fff7,#e5eafefa);box-shadow:0 24px 44px #2d397647}:root[data-theme=light] .media-modal-close{color:var(--text-h);background:#e9edfff2}:root[data-theme=light] .media-modal-close:hover{background:#d8dffc}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-live{0%{box-shadow:0 0 #ff4f7a73}70%{box-shadow:0 0 0 10px #ff4f7a00}to{box-shadow:0 0 #ff4f7a00}}@keyframes intro-hide{0%,72%{opacity:1}to{opacity:0;visibility:hidden}}@media (width<=760px){.hero{padding:3.5rem 1rem 2rem}.hero:before{background-image:linear-gradient(#0e0a261f,#0c0922db),url(/twitch-assets/banner-kollen-mobile.png);background-position:50% 22%;background-size:cover}.hero-logo{margin-bottom:.75rem}.hero-mark{bottom:-98px;right:-74px}.section{padding:1rem}.section-divider img{width:min(170px,48vw)}.live-strip{flex-direction:column;align-items:flex-start}.card-grid,.media-grid{grid-template-columns:1fr}.hero-actions a{width:2.75rem;height:2.75rem}.creator-links a,.footer{flex-direction:column;align-items:flex-start;gap:.35rem}.media-modal-meta{flex-direction:column;align-items:flex-start}}@media (width>=980px){.hero:before{background-position:94% 28%;background-size:138%}}@media (prefers-reduced-motion:reduce){.page:before{display:none}.hero-logo,.hero-subtitle,.hero-copy,.hero-actions,.hero-mark,.card-link{animation:none}.card,.project-image,.media-card,.media-modal,.media-modal-backdrop,.creator-links a,.hero-actions a,.cursor-fx{transition:none;animation:none}}@media (pointer:coarse),(width<=1024px){.cursor-fx{display:none}}