:root{--ukb-slate:#4d5a60;--ukb-teal:#009bbb;--ukb-orange:#ed7100;--ukb-yellow:#fdc200;--ukb-green:#50ae30;--ukb-red:#dc2f0c;--slate-900:#222a2e;--slate-800:#313c41;--slate-600:#4d5a60;--slate-500:#6b777d;--slate-300:#b4bcbf;--slate-200:#d6dadc;--slate-100:#eceeef;--slate-50:#f6f7f7;--teal-700:#00748c;--teal-600:#0086a1;--teal-100:#d4eff4;--teal-50:#ecf8fa;--surface:#fff;--ink:#222a2e;--ink-secondary:#4d5a60;--ink-tertiary:#6b777d;--border:#d6dadc;--font-display:"Hanken Grotesk", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-body:"Mulish", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--shadow-xs:0 1px 2px #222a2e0f;--shadow-sm:0 1px 3px #222a2e14, 0 1px 2px #222a2e0d;--shadow-focus:0 0 0 3px #009bbb4d}*{box-sizing:border-box}html{background:var(--slate-50);min-width:320px}body{color:var(--ink);background:var(--slate-50);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.55}button,select,input,textarea{color:inherit;font:inherit}a{color:var(--teal-700)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);line-height:1.15}h1{margin-bottom:0;font-size:clamp(1.35rem,6vw,1.75rem)}h2{margin-bottom:8px;font-size:1.375rem}h3{margin-bottom:4px;font-size:1rem}:focus-visible{outline:2px solid var(--teal-700);outline-offset:3px;box-shadow:var(--shadow-focus)}.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}.skip-link{z-index:100;color:#fff;background:var(--teal-700);border-radius:6px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.evaluation-banner{z-index:10;min-height:32px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;color:var(--slate-900);background:var(--ukb-yellow);letter-spacing:.04em;text-align:center;text-transform:uppercase;font-size:.75rem;font-weight:800;position:relative}.app-frame{min-height:100dvh}.app-column{background:var(--surface);width:min(100%,480px);min-height:calc(100dvh - 32px);box-shadow:var(--shadow-sm);flex-direction:column;margin:0 auto;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px;display:flex}.app-eyebrow{color:var(--ink-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.75rem;font-weight:800}.role-chip{border:1px solid var(--border);background:var(--slate-50);border-radius:24px;align-items:center;gap:8px;max-width:54%;min-height:44px;padding:6px 10px;display:flex}.role-chip__dot{background:var(--ukb-teal);border-radius:50%;flex:none;width:10px;height:10px}.role-chip strong,.role-chip small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.role-chip strong{font-size:.75rem}.role-chip small{color:var(--ink-secondary);font-size:.75rem}.dev-auth-banner{background:var(--teal-50);border-bottom:1px solid #b8e4ec;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.dev-auth-banner strong,.dev-auth-banner span{display:block}.dev-auth-banner strong{color:var(--teal-700);font-size:.75rem}.dev-auth-banner span{color:var(--ink-secondary);font-size:.75rem}.dev-auth-banner select{border:1px solid var(--slate-300);background:#fff;border-radius:6px;min-width:112px;min-height:44px;padding:8px 28px 8px 10px}.app-main{flex:1;width:100%;padding:20px 16px 32px}.page-stack{gap:16px;display:grid}.page-heading{padding:4px 0 8px}.page-heading p:last-child{color:var(--ink-secondary);margin-bottom:0}.bottom-navigation{z-index:20;min-height:calc(68px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:#fffffffa;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:sticky;bottom:0}.bottom-navigation__item{min-width:0;min-height:60px;color:var(--ink-secondary);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;font-size:.75rem;font-weight:700;text-decoration:none;display:flex}.bottom-navigation__item.is-active{color:var(--teal-700);background:var(--teal-50)}.bottom-navigation__icon{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.75rem;display:grid}.empty-state,.pearl-card,.patient-bar,.alert-card,.provenance-drawer,.feature-card,.menu-row{border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;border-radius:10px}.empty-state{text-align:center;padding:24px 20px}.empty-state__symbol{width:44px;height:44px;color:var(--teal-700);background:var(--teal-50);font-family:var(--font-display);border-radius:50%;place-items:center;margin:0 auto 12px;font-weight:800;display:grid}.empty-state__message{color:var(--ink-secondary)}.next-step{border-left:4px solid var(--ukb-teal);background:var(--teal-50);text-align:left;border-radius:3px 6px 6px 3px;padding:12px}.next-step strong{margin-bottom:2px;font-size:.875rem;display:block}.next-step p{color:var(--ink-secondary);margin-bottom:0;font-size:.875rem}.button{text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:10px 16px;font-weight:800;line-height:1.25;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{color:#fff;background:var(--teal-700)}.button--primary:hover:not(:disabled){background:#005e71}.button--secondary{color:var(--teal-700);border-color:var(--teal-700);background:#fff;margin-top:16px}.pearl-card{border-top:4px solid var(--ukb-yellow);padding:20px}.pearl-card__heading{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pearl-card__heading h2{margin-bottom:0}.pearl-card__icon,.feature-card__icon{width:44px;height:44px;color:var(--slate-900);background:#fff6cc;border-radius:10px;flex:none;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.text-link{align-items:center;min-height:44px;margin-top:8px;font-weight:800;display:inline-flex}.feature-card{min-height:72px;color:var(--ink);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.feature-card>span:nth-child(2),.feature-card>span:first-child:not(.feature-card__icon){flex:1;min-width:0}.feature-card strong,.feature-card small,.menu-row strong,.menu-row small{display:block}.feature-card small,.menu-row small{color:var(--ink-secondary);font-size:.75rem}.feature-card--disabled,.menu-row[aria-disabled=true]{color:var(--ink-secondary);background:var(--slate-50)}.feature-grid,.menu-list{gap:8px;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-row{min-height:64px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.patient-bar{border-left:4px solid var(--ukb-teal);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.patient-bar__label{color:var(--ink-tertiary);font-size:.75rem;display:block}.status-pill,.evidence-badge,.alert-card__severity{min-height:28px;color:var(--ink-secondary);background:var(--slate-100);border-radius:24px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.alert-stack{gap:8px;display:grid}.alert-card{border-left-width:4px;padding:12px}.alert-card--blockierend{border-left-color:var(--ukb-red)}.alert-card--pruefpflichtig{border-left-color:var(--ukb-orange)}.alert-card--informativ{border-left-color:var(--ukb-teal)}.alert-card__header{align-items:center;gap:8px;display:flex}.alert-card__header h3{margin:0}.alert-card__body p{color:var(--ink-secondary);margin:8px 0 0;font-size:.875rem}.alert-stack__remaining,.provenance-drawer{padding:12px}.alert-stack__remaining summary,.provenance-drawer summary{cursor:pointer;min-height:44px;font-weight:800}.provenance-drawer__content{padding-top:12px}.login-page,.loading-state{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:min(100%,440px);padding:28px 20px;box-shadow:0 12px 28px #222a2e1f}.login-card__intro{color:var(--ink-secondary);margin:16px 0 24px}.dev-login-label{background:var(--teal-50);border-radius:6px;margin-bottom:12px;padding:10px 12px}.dev-login-label strong,.dev-login-label span{display:block}.dev-login-label span{color:var(--ink-secondary);font-size:.875rem}.login-options{gap:8px;display:grid}.login-options .button{flex-direction:column}.login-options small{font-weight:400}.evaluation-note{border-top:1px solid var(--border);color:var(--ink-secondary);text-align:center;margin:24px 0 0;padding-top:16px;font-size:.75rem;font-weight:800}.form-error{border-left:4px solid var(--ukb-red);color:#7d1b08;background:#dc2f0c14;border-radius:3px 6px 6px 3px;margin-top:12px;padding:12px}@media (max-width:359px){.app-header{flex-direction:column;align-items:flex-start}.role-chip{width:100%;max-width:none}.dev-auth-banner{flex-direction:column;align-items:stretch}.dev-auth-banner select{width:100%}}@media (min-width:768px){.app-column{border:1px solid var(--border);border-radius:16px;min-height:calc(100dvh - 80px);margin-top:24px;margin-bottom:24px;overflow:clip}.app-main{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body:before{content:"Druck ist in Slice 1 nicht verfügbar";padding:16px;font-weight:800;display:block}.app-frame,.login-page{display:none}}