:root{--bg:#0b1520;--text-primary:#e6eef8;--text-secondary:#d0dbed;--text-tertiary:#92b1cc;--text-muted:#98c3ff59;--action-primary:#618bfee6;--action-success:#61fe8bcc}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}#root{min-height:100vh;margin:0}.mode-selector{z-index:3000;background:var(--bg,#0b1520);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:clip hidden}.mode-selector-video-bg{object-fit:cover;z-index:0;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-selector-overlay{z-index:1;background:radial-gradient(at 50% 40%,#0b1520bf 0%,#0b1520eb 70%);position:absolute;inset:0}@keyframes modeSelectorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tileSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-selector-content{z-index:2;width:100%;max-width:1000px;padding:clamp(20px,4vw,40px) clamp(16px,4vw,24px);padding-bottom:max(56px, calc(env(safe-area-inset-bottom,0px) + 48px));box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(24px,5vw,40px);animation:.5s ease-out modeSelectorFadeIn;display:flex;position:relative}.mode-selector-header{text-align:left;flex-direction:row;align-items:center;gap:20px;display:flex}.mode-selector-header--title-only{text-align:center;justify-content:center;width:100%}.mode-selector-header-text{flex-direction:column;gap:4px;display:flex}.mode-selector-logo{opacity:.95;filter:drop-shadow(0 4px 12px #0000004d);flex-shrink:0;width:72px;height:72px}.mode-selector-title{color:var(--text-primary,#e6eef8);letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#a8c0e8 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 20px #98c3ff33;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(3rem,10vw + 1rem,6rem);font-weight:700;line-height:1.15}.mode-selector-subtitle{color:var(--text-tertiary,#92b1cc);opacity:.85;letter-spacing:.01em;margin:0;font-size:17px;font-weight:400}.mode-selector-buttons{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:stretch;gap:clamp(12px,2.5vw,16px);width:100%;max-width:900px;display:grid}.mode-button{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(165deg,#98c3ff14 0%,#98c3ff08 100%);border:1px solid #98c3ff14;border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;width:100%;height:100%;min-height:clamp(200px,36vw,220px);padding:clamp(16px,3vw,24px) clamp(12px,2.5vw,16px);transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out backwards tileSlideIn;display:flex;position:relative;overflow:hidden}.mode-button:first-child{animation-delay:.1s}.mode-button:nth-child(2){animation-delay:.15s}.mode-button:nth-child(3){animation-delay:.2s}.mode-button:nth-child(4){animation-delay:.25s}.mode-button:nth-child(5){animation-delay:.3s}.mode-button:nth-child(6){animation-delay:.35s}.mode-button:before{content:"";background:radial-gradient(circle at 50% 0%, var(--app-color,#98c3ff26) 0%, transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.mode-button:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.mode-button:hover{box-shadow:0 20px 40px #0000004d, 0 0 60px color-mix(in srgb, var(--app-color,#5271ff) 10%, transparent);border-color:#98c3ff26;transform:translateY(-6px)}.mode-button:hover:before{opacity:.6}.mode-button:hover:after{opacity:1}.mode-button:active{transform:translateY(-3px)}.mode-button-paradigmatic-group{min-height:clamp(220px,38vw,240px);padding:clamp(20px,3.4vw,28px) clamp(14px,2.8vw,20px)}.mode-button-topicules{--mode-color:var(--action-primary,#618bfee6)}.mode-button-topicules:hover{background:#618bfe26}.mode-button-topicules .mode-button-icon{color:var(--action-primary,#618bfee6)}.mode-button-education{--mode-color:var(--action-success,#61fe8bcc)}.mode-button-education:hover{background:#61fe8b1f}.mode-button-education .mode-button-icon{color:var(--action-success,#61fe8bcc)}.mode-button-admin{--mode-color:#ef4444e6}.mode-button-admin:hover{background:#ef44441f}.mode-button-admin .mode-button-icon{color:#ef4444e6}.mode-button-virtual-history{--mode-color:#f59e0be6}.mode-button-virtual-history:hover{background:#f59e0b1f}.mode-button-virtual-history .mode-button-icon{color:#f59e0be6}.mode-button-argumentation-mapping{--mode-color:#8b5cf6e6}.mode-button-argumentation-mapping:hover{background:#8b5cf61f}.mode-button-argumentation-mapping .mode-button-icon{color:#8b5cf6e6}.mode-button-kairos-learning{--mode-color:#ec4899e6}.mode-button-kairos-learning:hover{background:#ec48991f}.mode-button-kairos-learning .mode-button-icon{color:#ec4899e6}.mode-button-nexus{--mode-color:#14b8a6e6}.mode-button-nexus:hover{background:#14b8a61f}.mode-button-nexus .mode-button-icon{color:#14b8a6e6}.mode-button-qma-experimental{--mode-color:#a855f7e6}.mode-button-qma-experimental:hover{background:#a855f71f}.mode-button-qma-experimental .mode-button-icon{color:#a855f7e6}.mode-button:hover{background:linear-gradient(165deg, color-mix(in srgb, var(--app-color,#5271ff) 12%, transparent) 0%, color-mix(in srgb, var(--app-color,#5271ff) 5%, transparent) 100%)}.mode-selector-loading{min-height:200px;color:var(--text-tertiary,#92b1cc);justify-content:center;align-items:center;font-size:16px;display:flex}.mode-selector-error{color:#ef4444e6;background:#ef44441a;border-radius:12px;justify-content:center;align-items:center;padding:16px 24px;font-size:14px;display:flex}.mode-button-icon{background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:none;display:flex}.mode-button:hover .mode-button-icon{background:0 0}.mode-button-icon svg{width:48px;height:48px}.mode-button-logo-img{object-fit:contain;width:72px;height:72px;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--app-color) 45%, transparent));transition:transform .3s,filter .3s;display:block}.mode-button-tetranomics .mode-button-logo-img{filter:hue-rotate(-82deg) saturate(1.18) brightness(1.04) drop-shadow(0 0 14px color-mix(in srgb, var(--app-color) 48%, transparent))}.mode-button-pi-health .mode-button-logo-img{filter:hue-rotate(44deg) saturate(1.2) brightness(1.03) drop-shadow(0 0 14px color-mix(in srgb, var(--app-color) 48%, transparent))}.mode-button:hover .mode-button-logo-img{transform:scale(1.08)}.mode-button-paradigmatic-group:hover .mode-button-logo-img{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--app-color) 70%, transparent)) drop-shadow(0 0 8px var(--app-color))}.mode-button-tetranomics:hover .mode-button-logo-img{filter:hue-rotate(-82deg) saturate(1.18) brightness(1.04) drop-shadow(0 0 22px color-mix(in srgb, var(--app-color) 72%, transparent)) drop-shadow(0 0 8px var(--app-color))}.mode-button-pi-health:hover .mode-button-logo-img{filter:hue-rotate(44deg) saturate(1.2) brightness(1.03) drop-shadow(0 0 22px color-mix(in srgb, var(--app-color) 72%, transparent)) drop-shadow(0 0 8px var(--app-color))}.mode-selector-footer{bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:4;text-align:center;pointer-events:none;padding:0 16px;position:fixed;left:0;right:0}.mode-selector-footer .mode-selector-footer-links,.mode-selector-footer .mode-selector-impressum-link{pointer-events:auto}.mode-selector-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:inline-flex}.mode-selector-footer-sep{color:#98c3ff47;-webkit-user-select:none;user-select:none;font-weight:300}.mode-selector-impressum-link{color:var(--text-muted,#98c3ff66);font-size:12px;font-weight:400;text-decoration:none;transition:color .2s}.mode-selector-impressum-link:hover{color:#ffffffbf}.mode-button-text{flex-direction:column;flex:auto;justify-content:space-between;align-items:stretch;gap:8px;width:100%;min-height:0;display:flex}.mode-button-title-row{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;padding:0 4px;display:flex}.mode-button-title{color:var(--text-primary,#e6eef8);letter-spacing:-.01em;text-align:center;text-wrap:balance;margin:0;font-size:clamp(14px,2.4vw,18px);font-weight:600;line-height:1.3}.mode-button-description{color:var(--text-tertiary,#92b1cc);text-align:center;opacity:.85;flex:none;max-width:100%;margin:0;font-size:clamp(11px,2vw,14px);line-height:1.45}.mode-selector-hint{color:var(--text-muted,#98c3ff59);margin:8px 0 0;font-size:12px;font-weight:400}@media (width<=900px){.mode-selector-buttons{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));max-width:640px}}@media (width<=640px){.mode-selector{-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto}.mode-selector-content{padding-top:max(24px, env(safe-area-inset-top,0px));gap:28px}.mode-selector-buttons{grid-template-columns:1fr;max-width:min(360px,100%)}.mode-button{min-height:auto;padding:20px 18px}.mode-button-logo-img{width:56px;height:56px}}@media (width<=400px){.mode-selector-content{padding-left:14px;padding-right:14px}.mode-button-logo-img{width:48px;height:48px}}@media (height>=700px){.mode-selector{align-items:center}}@media (height<=520px) and (orientation:landscape){.mode-selector-content{padding-top:12px;padding-bottom:max(44px, env(safe-area-inset-bottom,0px) + 40px);gap:16px}.mode-selector-title{font-size:clamp(2.5rem,8vh,4rem)}.mode-button{min-height:0;padding:12px 14px}.mode-button-logo-img{width:44px;height:44px}}.impressum-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top,0px) + 16px) clamp(16px, 4vw, 24px) max(32px, env(safe-area-inset-bottom,0px) + 24px);background:var(--bg,#0b1520);color:var(--text-primary,#e6eef8)}.impressum-inner{max-width:min(520px,100%);margin:0 auto}.impressum-back{color:var(--text-tertiary,#92b1cc);margin-bottom:clamp(20px,4vw,28px);font-size:clamp(13px,2.5vw,14px);text-decoration:none;transition:color .15s;display:inline-block}.impressum-back:hover{color:#fff}.impressum-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a8c0e8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(20px,4vw,28px);font-size:clamp(1.35rem,4vw + .5rem,1.75rem);font-weight:700;line-height:1.2}.impressum-section{margin-bottom:clamp(18px,3vw,24px)}.impressum-section h2{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin:0 0 10px;font-size:clamp(11px,2vw,13px);font-weight:600}.impressum-section p{color:#ffffffe0;word-wrap:break-word;overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(14px,2.5vw,15px);line-height:1.55}.impressum-company{color:#fff;font-weight:600}.impressum-address{color:#ffffffbf}.impressum-section a{color:#7ba3ff;text-decoration:none}.impressum-section a:hover{text-decoration:underline}.impressum-page h3{color:#ffffffe0;margin:14px 0 8px;font-size:clamp(13px,2.2vw,15px);font-weight:600}.impressum-page ul{color:#ffffffe0;margin:0 0 12px;padding-left:1.35em;font-size:clamp(14px,2.5vw,15px);line-height:1.55}.impressum-page li{margin-bottom:6px}.impressum-lead{margin-bottom:clamp(18px,3vw,22px)}.impressum-lead p:last-child{margin-bottom:0}