:root{--app-viewport-height: 100vh;--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-primary: #36509F;--color-primary-hover: #2E458A;--color-primary-light: rgba(54, 80, 159, .14);--color-text: #1C2536;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-success: #047857;--color-success-light: rgba(4, 120, 87, .14);--color-warning: #B45309;--color-warning-light: rgba(180, 83, 9, .14);--color-danger: #B91C1C;--color-danger-light: rgba(185, 28, 28, .14);--bg-glass: rgba(248, 250, 252, .75);--bg-glass-card: rgba(255, 255, 255, .65);--border-glass: rgba(255, 255, 255, .4);--blur-md: 16px;--color-starkstrom: #EF4444;--color-starkstrom-light: rgba(239, 68, 68, .15);--color-schwachstrom: #3B82F6;--color-schwachstrom-light: rgba(59, 130, 246, .15);--color-bma: #D97706;--color-bma-light: rgba(245, 158, 11, .15);--color-separator: #9CA3AF;--color-reserve: #F3F4F6;--color-kategorie-leistung: #0F766E;--color-kategorie-leistung-light: rgba(15, 118, 110, .12);--color-kategorie-schutz: #6D28D9;--color-kategorie-schutz-light: rgba(109, 40, 217, .12);--color-surface: var(--color-card);--color-background: var(--color-bg);--color-text-light: var(--color-text-muted);--color-bg-dark: var(--color-bg);--color-bg-darker: var(--color-bg);--color-bg-card: var(--color-card);--color-primary-dark: var(--color-primary-hover);--color-primary-surface: var(--color-primary-light);--color-warning-surface: var(--color-warning-light)}@supports (height: 100dvh){:root{--app-viewport-height: 100dvh}}:root.theme-light,body.theme-light{--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-primary: #36509F;--color-primary-hover: #2E458A;--color-primary-light: rgba(54, 80, 159, .14);--color-text: #1C2536;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-success: #047857;--color-success-light: rgba(4, 120, 87, .14);--color-warning: #B45309;--color-warning-light: rgba(180, 83, 9, .14);--color-danger: #B91C1C;--color-danger-light: rgba(185, 28, 28, .14);--bg-glass: rgba(248, 250, 252, .75);--bg-glass-card: rgba(255, 255, 255, .65);--border-glass: rgba(255, 255, 255, .4);--color-separator: #9CA3AF;--color-reserve: #F3F4F6;--color-bma: #D97706;--color-kategorie-leistung: #0F766E;--color-kategorie-leistung-light: rgba(15, 118, 110, .12);--color-kategorie-schutz: #6D28D9;--color-kategorie-schutz-light: rgba(109, 40, 217, .12);--color-surface: var(--color-card);--color-background: var(--color-bg);--color-text-light: var(--color-text-muted);--color-bg-dark: var(--color-bg);--color-bg-darker: var(--color-bg);--color-bg-card: var(--color-card);--color-primary-dark: var(--color-primary-hover);--color-primary-surface: var(--color-primary-light);--color-warning-surface: var(--color-warning-light)}body.palette-indigo{--color-primary: #4962B5;--color-primary-hover: #5D75C7;--color-primary-light: rgba(73, 98, 181, .18)}body.palette-classic-indigo{--color-primary: #6366F1;--color-primary-hover: #818CF8;--color-primary-light: rgba(99, 102, 241, .15)}body.palette-emerald{--color-primary: #10B981;--color-primary-hover: #34D399;--color-primary-light: rgba(16, 185, 129, .14)}body.palette-amber{--color-primary: #F59E0B;--color-primary-hover: #FBBF24;--color-primary-light: rgba(245, 158, 11, .14)}body.palette-rose{--color-primary: #E11D48;--color-primary-hover: #FB7185;--color-primary-light: rgba(225, 29, 72, .14)}body.theme-light.palette-indigo{--color-primary: #3F58A8;--color-primary-hover: #5270BF;--color-primary-light: rgba(63, 88, 168, .14)}body.theme-light.palette-classic-indigo{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: rgba(99, 102, 241, .1)}body.theme-light.palette-emerald{--color-primary: #059669;--color-primary-hover: #047857;--color-primary-light: rgba(5, 150, 105, .12)}body.theme-light.palette-amber{--color-primary: #d97706;--color-primary-hover: #b45309;--color-primary-light: rgba(217, 119, 6, .14)}body.theme-light.palette-rose{--color-primary: #e11d48;--color-primary-hover: #be123c;--color-primary-light: rgba(225, 29, 72, .12)}body.corners-sharp{--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-full: 0px}body.corners-sharp :is(.card,.btn-primary,.btn-secondary,.input-field,.select-field,.grid-select-item,button,input,select,textarea,.toggle-slider){border-radius:0!important}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--font-size-xxs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--radius-control-inner: calc(var(--radius-md) - 3px);--hit-area-min: 40px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(73, 98, 181, .18);--shadow-focus: 0 0 0 3px var(--color-primary-light);--transition: .15s ease;--transition-slow: .3s ease;--transition-control: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);--transition-input: border-color var(--transition), box-shadow var(--transition), background-color var(--transition);--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-crawl: .8s;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-linear: linear}body.font-inter{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body.font-ui{--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body.font-technical{--font-family: "Bahnschrift", "DIN Alternate", "Arial Narrow", "Segoe UI", sans-serif}body.font-serif{--font-family: Georgia, "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{line-height:1.3;text-wrap:balance}h1{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}h3{font-size:var(--font-size-lg);font-weight:700}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-danger{0%{box-shadow:0 0 #ef444466;border-color:#ef4444cc}70%{box-shadow:0 0 0 10px #ef444400;border-color:#ef4444}to{box-shadow:0 0 #ef444400;border-color:#ef4444cc}}@keyframes pulse-warning{0%{box-shadow:0 0 #f59e0b66;border-color:#f59e0bcc}70%{box-shadow:0 0 0 10px #f59e0b00;border-color:#f59e0b}to{box-shadow:0 0 #f59e0b00;border-color:#f59e0bcc}}.pulse-danger{animation:pulse-danger 2s infinite}.pulse-warning{animation:pulse-warning 2s infinite}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-slow),border-color var(--transition);animation:fadeIn .3s ease}.card-elevated{box-shadow:var(--shadow-md)}.card-accent-primary{border-left:4px solid var(--color-primary)}.card-accent-warning{border-left:4px solid var(--color-warning)}.card-accent-danger{border-left:4px solid var(--color-danger)}.card-accent-success{border-left:4px solid var(--color-success)}.card-accent-schwachstrom{border-left:4px solid var(--color-schwachstrom)}.card-header{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.card-header .icon{display:flex;flex-shrink:0}:where(.card-header,.form-label,.result-label,.metric-label,.tip-text){text-wrap:pretty}.numeric-tabular{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-control);line-height:1.4;min-height:var(--hit-area-min)}.btn:hover{background:var(--color-bg);border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border));box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{background:var(--color-border-light);border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.btn:disabled:hover{background:var(--color-border-light);border-color:var(--color-border);box-shadow:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-light)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover{background:color-mix(in srgb,var(--color-success) 88%,black);border-color:color-mix(in srgb,var(--color-success) 88%,black)}.project-adopt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-success);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:var(--transition-control);min-height:var(--hit-area-min)}.project-adopt-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-success) 88%,black);transform:translateY(-1px);box-shadow:var(--shadow-md)}.project-adopt-btn:active:not(:disabled){transform:scale(.96)}.project-adopt-btn:disabled{opacity:.55;cursor:not-allowed}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-light)}.btn-danger:hover{background:var(--color-danger-light)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--color-bg);border-color:var(--color-border)}.segment-control{display:flex;background:var(--color-border-light);padding:3px;border-radius:var(--radius-md);gap:2px;border:1px solid var(--color-border)}.segment-control button{flex:1;padding:6px var(--space-3);font-size:var(--font-size-xs);font-weight:700;border:none;border-radius:var(--radius-control-inner);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-control);min-height:var(--hit-area-min)}.segment-control button:hover{color:var(--color-text)}.segment-control button:active:not(:disabled){transform:scale(.96)}.segment-control button:disabled{opacity:.45;cursor:not-allowed;transform:none}.segment-control button.active{background:var(--color-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}:where(button,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-input-mono{font-family:var(--font-mono);font-weight:600}.slider-row{display:flex;align-items:center;gap:var(--space-3)}.slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-card);box-shadow:0 1px 3px #0003}.slider-value{font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-mono);color:var(--color-text);min-width:50px;text-align:right}.slider-label-row{display:flex;justify-content:space-between;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.kpi-card{background:var(--color-card);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.kpi-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);line-height:1.2;font-variant-numeric:tabular-nums}.kpi-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-1)}.kpi-unit{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted)}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.tag-stark{background:var(--color-starkstrom-light);color:var(--color-starkstrom)}.tag-schwach{background:var(--color-schwachstrom-light);color:var(--color-schwachstrom)}.tag-success{background:var(--color-success-light);color:var(--color-success)}.tag-warning{background:var(--color-warning-light);color:var(--color-warning)}.tag-danger{background:var(--color-danger-light);color:var(--color-danger)}.info-box{background:var(--color-primary-light);border-left:3px solid var(--color-primary);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--color-text)}.suggestion-banner{display:grid;gap:var(--space-3);margin-bottom:var(--space-4);background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 14%,white),color-mix(in srgb,var(--color-primary) 6%,transparent)),var(--bg-glass-card)}.suggestion-banner-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text)}.suggestion-banner-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 16%,white);color:var(--color-primary)}.suggestion-banner-body{display:grid;gap:var(--space-2)}.suggestion-banner-body p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.suggestion-banner-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestion-banner-actions .btn{flex:0 0 auto}.suggestion-banner-dismiss{color:var(--color-text-secondary)}.warn-box{background:var(--color-warning-light);border-left:3px solid var(--color-warning);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--color-text)}.error-box{background:var(--color-danger-light);border-left:3px solid var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--color-danger);font-weight:500}.easy-mode-box{width:calc(100% + (var(--space-2) * 2));margin-left:calc(var(--space-2) * -1);margin-right:calc(var(--space-2) * -1);padding:var(--space-3);background:var(--color-primary-light);background-image:linear-gradient(150deg,color-mix(in srgb,var(--color-primary) 22%,transparent) 0%,color-mix(in srgb,var(--color-primary) 10%,transparent) 55%,transparent 100%);border:1px solid color-mix(in srgb,var(--color-primary) 36%,transparent);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box}.easy-mode-box-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.easy-mode-box-title{font-size:var(--font-size-xxs);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.easy-mode-box-subtitle{display:none}.easy-mode-box-body{display:flex;flex-direction:column;gap:var(--space-3)}.easy-mode-box-body>*+*{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-primary) 24%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-muted);animation:empty-state-in var(--duration-slow) var(--ease-out)}.empty-state.compact{padding:var(--space-6) var(--space-4)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.4;color:var(--color-primary)}.empty-state-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.empty-state-desc{max-width:42ch;font-size:var(--font-size-xs);line-height:1.5}.empty-state-action{display:inline-flex;justify-content:center}.easy-group-subtitle{display:none}.easy-mode-kpi-list{font-size:var(--font-size-xs);color:var(--color-text);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);display:flex;flex-direction:column;gap:2px}.easy-mode-kpi-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.easy-mode-kpi-row strong{font-weight:700;font-variant-numeric:tabular-nums}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead th{background:var(--color-bg);font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-bg)}.table-standard-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:auto;max-height:460px}.table-standard{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--font-size-sm);min-width:580px}.table-standard thead th{position:sticky;top:0;z-index:5;background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;line-height:1.2;min-height:40px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.table-standard tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:middle;line-height:1.3}.table-standard tbody tr:last-child td{border-bottom:none}.table-standard tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-bg) 55%,transparent)}.table-standard tbody tr:hover{background:color-mix(in srgb,var(--color-primary-light) 32%,transparent)}.table-standard tbody tr.is-active{background:var(--color-primary-light)}.table-standard tbody tr.is-active td{color:var(--color-text);font-weight:700}.result-box{background:var(--color-success-light);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent);border-left:4px solid var(--color-success)}.result-box.fail{background:var(--color-danger-light);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent);border-left-color:var(--color-danger)}.result-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text)}.result-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:11px;cursor:pointer;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-text);border-radius:50%;transition:transform var(--transition);box-shadow:0 1px 2px #00000026}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input-wrapper input{padding-left:36px}.grid-select{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.grid-select-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:inherit;color:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);cursor:pointer;text-align:left;font-size:var(--font-size-xs);transition:var(--transition-control);display:flex;flex-direction:column;justify-content:center}.grid-select-item:hover{background:var(--color-bg);border-color:var(--color-border-light)}.grid-select-item.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary) inset}.grid-select-item:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary) inset,var(--shadow-focus)}.grid-select-item .item-label{font-weight:700}.grid-select-item .item-desc{color:var(--color-text-muted);font-size:var(--font-size-xxs);margin-top:2px}.svg-visualization-wrapper,.visualization-panel,.lighting-visualization{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.result-value,.qb-chain-value,.qb-power-summary strong,.house-card-value,.pb-kpi-value,.lightning-result-value{font-variant-numeric:tabular-nums}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.tool-mode-toggle{margin-top:var(--space-3);margin-bottom:var(--space-4)}.tool-mode-label{display:block;font-size:var(--font-size-xxs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.tool-mode-segment{width:100%}.tool-mode-segment button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}.mode-switch{width:100%}.mode-switch button{min-height:30px}.mode-switch-unified button{letter-spacing:.2px}.mode-switch-unified button.mode-choice-easy,.mode-switch-unified button.mode-choice-expert,.mode-switch-unified button.mode-choice-special{background:transparent;color:var(--color-text-secondary)}.mode-switch-unified button.mode-choice-easy.active,.mode-switch-unified button.mode-choice-expert.active{background:var(--color-primary);color:#fff}.mode-switch-unified button.mode-choice-special.active{background:var(--color-warning);color:var(--color-text)}.action-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.result-card-unified{display:flex;flex-direction:column;gap:var(--space-3)}.result-card-contract{display:flex;flex-direction:column;gap:0}.result-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.result-card-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.result-card-line:last-of-type{border-bottom:none}.result-card-accent{border-left:3px solid var(--color-success);background:linear-gradient(135deg,rgba(16,185,129,.04) 0%,transparent 60%);box-shadow:var(--shadow-md),0 0 12px #10b9810f;border-radius:var(--radius-lg);padding:var(--space-4)}.result-card-line strong{font-variant-numeric:tabular-nums}.input-group label,.wv-field label,.wv-toggle-list label,.ct-label-field,.db2-route-field>span,.db2-opening-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.wv-plan-table th,.house-zs-comparison-table th,.house-table th,.pb-table th{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.table-summary-row{background:var(--color-bg-darker)}.table-summary-row td{border-top:2px solid var(--color-primary)!important;border-bottom:none!important;padding:var(--space-3) var(--space-2)!important}.table-summary-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.table-summary-value{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.result-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.result-card-title-wrap{display:inline-flex;align-items:center;gap:var(--space-2)}.result-card-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text)}.tool-main-grid-standard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr);gap:var(--space-5);align-items:start}.tool-main-grid-standard>*{min-width:0}.tool-sticky-col{position:sticky;top:calc(var(--app-nav-height, 72px) + var(--app-status-height, 0px))}@media(max-width:1500px){.tool-main-grid-standard{grid-template-columns:1fr}.tool-sticky-col{position:static}}.validation-panel{padding:var(--space-4);border-left:3px solid var(--color-warning)}.validation-header{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text)}.validation-group{margin-top:var(--space-2)}.validation-group-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-1)}.validation-group ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.validation-group li{font-size:var(--font-size-sm);margin:2px 0}.validation-group-error li{color:var(--color-danger)}.validation-group-warning li{color:color-mix(in srgb,var(--color-warning) 78%,var(--color-text) 22%)}@keyframes result-update{0%{opacity:.6;transform:translateY(2px)}60%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@keyframes first-visit-glow{0%{box-shadow:0 0 0 0 var(--color-primary-light)}40%{box-shadow:0 0 0 8px var(--color-primary-light)}to{box-shadow:0 0 0 0 transparent}}@keyframes empty-state-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mode-fade-in{0%{opacity:0}to{opacity:1}}.animate-result-update{animation:result-update var(--duration-normal) var(--ease-spring);will-change:opacity,transform}.easy-mode-box.first-visit-pulse{animation:first-visit-glow var(--duration-crawl) var(--ease-out) forwards}.expert-content-panel{animation:mode-fade-in var(--duration-normal) var(--ease-out)}.result-card-contract{transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}@media(prefers-reduced-motion:reduce){.animate-result-update,.easy-mode-box.first-visit-pulse,.house-awaiting-input-pulse,.pb-awaiting-input-pulse,.pb-guidance-table-pulse,.pb-guidance-hover-pulse:hover,.expert-content-panel,.empty-state{animation:none}.result-card-contract{transition:none}}.app{min-height:var(--app-viewport-height, 100vh);display:flex;flex-direction:column}.app-status-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:color-mix(in srgb,var(--color-primary-light) 18%,var(--color-card))}.app-status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.app-status-pill.online{background:var(--color-success-light);color:var(--color-success)}.app-status-pill.offline{background:var(--color-warning-light);color:var(--color-warning)}.app-status-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.app-status-action{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer}.app-status-action:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.app-status-action:disabled{opacity:.55;cursor:not-allowed}.app-status-action.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.app-status-action.warning{border-color:var(--color-warning);color:var(--color-warning)}.spin{animation:status-spin .9s linear infinite}@keyframes status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-body{display:flex;flex:1;min-height:0}.app-left-sidebar{width:264px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-glass);background:var(--bg-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));transition:width var(--transition-slow),padding var(--transition-slow);position:sticky;top:calc(var(--app-nav-height, 56px) + var(--app-status-height, 0px));max-height:calc(var(--app-viewport-height, 100vh) - var(--app-nav-height, 56px) - var(--app-status-height, 0px));padding:var(--space-3);overflow-y:auto;z-index:90}.app-left-sidebar.collapsed{width:84px}.app-left-nav{display:flex;flex-direction:column;gap:4px}.app-left-brand-wrap{display:flex;justify-content:center;padding-top:var(--space-4);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.app-left-brand{width:100%;display:flex;justify-content:center}.app-left-nav-hint{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--font-size-xxs);color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.app-left-nav-item{width:100%;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);min-height:var(--hit-area-min);padding:0 var(--space-2);text-align:left;cursor:pointer;transition:var(--transition-control)}.app-left-nav-item:hover{background:var(--color-hover);border-color:var(--color-border)}.app-left-nav-item.active{background:var(--color-primary-light);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));color:var(--color-primary)}.app-left-nav-icon{display:inline-flex;width:20px;justify-content:center;align-items:center}.app-left-nav-label{font-size:var(--font-size-xs);font-weight:600;line-height:1.15}.app-left-nav-section-title{margin:var(--space-2) 0 2px;padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);text-align:left}.app-left-nav-item.coming-soon{min-height:var(--hit-area-min)}.app-left-nav-item.coming-soon .app-left-nav-icon{width:18px}.app-left-nav-item.coming-soon .app-left-nav-label{font-size:var(--font-size-xxs);font-weight:500}.qb-logo-mark{width:70px;height:70px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 28%,#ffffff),color-mix(in srgb,var(--color-card) 84%,transparent));box-shadow:var(--shadow-md)}.qb-logo-mark-text{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:var(--color-primary)}.qb-logo-mark--sidebar{width:62px;height:62px;border-radius:16px}.qb-fold-logo{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.qb-fold-scene{width:100%;height:112px;display:flex;align-items:center;justify-content:center;perspective:900px;touch-action:none;transform-origin:center top;transform:scale(1);transition:transform var(--transition-slow),height var(--transition-slow)}.qb-fold-wrapper{--qb-size: 44px;--qb-stroke: calc(var(--qb-size) * 3 / 44);--qb-corner: 2px;--qb-core-depth: calc(var(--qb-size) / 2);position:relative;width:var(--qb-size);height:var(--qb-size);transform-style:preserve-3d;transform-origin:50% 50% var(--qb-core-depth)}.qb-fold-wrapper.smooth-rotate{transition:transform .8s cubic-bezier(.25,1,.5,1)}.qb-fold-face{position:absolute;top:0;left:0;width:var(--qb-size);height:var(--qb-size);box-sizing:border-box;background:color-mix(in srgb,var(--color-primary) 15%,#ffffff);transition:transform .45s cubic-bezier(.3,1.3,.6,1),background-color var(--transition)}.qb-foldable{border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:0}.qb-foldable:hover{background:color-mix(in srgb,var(--color-primary) 24%,#ffffff)}.qb-fold-center{position:relative;display:flex;align-items:center;justify-content:center;border-top:none;border-bottom:none;border-left:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:0;cursor:pointer;padding:0;transform:translateZ(.1px)}.qb-fold-center:before,.qb-fold-center:after{content:"";position:absolute;left:0;right:0;height:var(--qb-stroke);background:linear-gradient(90deg,var(--color-primary) 0 26%,transparent 26% 74%,var(--color-primary) 74% 100%);z-index:3;pointer-events:none}.qb-fold-center:before{top:0}.qb-fold-center:after{bottom:0}.qb-fold-core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--qb-size) * .5);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-primary);pointer-events:none}.qb-fold-wrapper.smooth-rotate .qb-fold-core{transition:transform .8s cubic-bezier(.25,1,.5,1)}.qb-fold-top{border-top:var(--qb-stroke) solid var(--color-primary);border-left:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:var(--qb-corner) var(--qb-corner) 0 0;transform-origin:bottom;transform:translateY(calc(var(--qb-size) * -1)) rotateX(0)}.qb-fold-right{border-top:var(--qb-stroke) solid var(--color-primary);border-bottom:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:0 var(--qb-corner) var(--qb-corner) 0;transform-origin:left;transform:translate(var(--qb-size)) rotateY(0)}.qb-fold-bottom{border-bottom:var(--qb-stroke) solid var(--color-primary);border-left:var(--qb-stroke) solid var(--color-primary);border-right:var(--qb-stroke) solid var(--color-primary);border-radius:0 0 var(--qb-corner) var(--qb-corner);transform-origin:top;transform:translateY(var(--qb-size)) rotateX(0)}.qb-fold-left{border-top:var(--qb-stroke) solid var(--color-primary);border-bottom:var(--qb-stroke) solid var(--color-primary);border-left:var(--qb-stroke) solid var(--color-primary);border-radius:var(--qb-corner) 0 0 var(--qb-corner);transform-origin:right;transform:translate(calc(var(--qb-size) * -1)) rotateY(0)}.qb-fold-top.folded{transform:translateY(calc(var(--qb-size) * -1)) rotateX(-90deg)}.qb-fold-right.folded{transform:translate(var(--qb-size)) rotateY(-90deg)}.qb-fold-bottom.folded{transform:translateY(var(--qb-size)) rotateX(90deg)}.qb-fold-left.folded{transform:translate(calc(var(--qb-size) * -1)) rotateY(90deg)}.qb-fold-caption{margin-top:2px;font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--color-primary);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.qb-fold-caption.visible{opacity:1;transform:translateY(0)}.is-montage .qb-fold-center{animation:qb-montage-center .62s cubic-bezier(.2,.8,.25,1) both}.is-montage .qb-fold-top{animation:qb-montage-top .62s cubic-bezier(.2,.8,.25,1) 70ms both}.is-montage .qb-fold-right{animation:qb-montage-right .62s cubic-bezier(.2,.8,.25,1) .14s both}.is-montage .qb-fold-bottom{animation:qb-montage-bottom .62s cubic-bezier(.2,.8,.25,1) .21s both}.is-montage .qb-fold-left{animation:qb-montage-left .62s cubic-bezier(.2,.8,.25,1) .28s both}.is-montage .qb-fold-core{animation:qb-montage-core .62s cubic-bezier(.2,.8,.25,1) .14s both}@keyframes qb-montage-center{0%{opacity:0;transform:scale(.3) translateZ(.1px)}to{opacity:1;transform:scale(1) translateZ(.1px)}}@keyframes qb-montage-core{0%{opacity:0;transform:translateZ(var(--qb-core-depth)) scale(.3)}to{opacity:1;transform:translateZ(var(--qb-core-depth)) scale(1)}}@keyframes qb-montage-top{0%{opacity:0;transform:translateY(calc(var(--qb-size) * -2)) rotateX(0)}to{opacity:1;transform:translateY(calc(var(--qb-size) * -1)) rotateX(0)}}@keyframes qb-montage-right{0%{opacity:0;transform:translate(calc(var(--qb-size) * 2)) rotateY(0)}to{opacity:1;transform:translate(var(--qb-size)) rotateY(0)}}@keyframes qb-montage-bottom{0%{opacity:0;transform:translateY(calc(var(--qb-size) * 2)) rotateX(0)}to{opacity:1;transform:translateY(var(--qb-size)) rotateX(0)}}@keyframes qb-montage-left{0%{opacity:0;transform:translate(calc(var(--qb-size) * -2)) rotateY(0)}to{opacity:1;transform:translate(calc(var(--qb-size) * -1)) rotateY(0)}}.is-poweron .qb-fold-core{animation:qb-flicker .75s steps(1,end) both}.is-poweron .qb-fold-face{animation:qb-poweron-glow .75s ease-out both}@keyframes qb-flicker{0%{opacity:.15}8%{opacity:1}12%{opacity:.25}20%{opacity:1}28%{opacity:.5}36%{opacity:1}46%{opacity:.75}to{opacity:1}}@keyframes qb-poweron-glow{0%{filter:brightness(1.7) drop-shadow(0 0 0 transparent)}30%{filter:brightness(1.2) drop-shadow(0 0 12px color-mix(in srgb,var(--color-primary) 70%,#7ddfff))}to{filter:none}}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-face{animation:qb-edge-glow 1.8s ease-in-out infinite}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-center{animation-delay:.08s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-top{animation-delay:0s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-right{animation-delay:.15s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-bottom{animation-delay:.3s}.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-left{animation-delay:.45s}@keyframes qb-edge-glow{0%,to{filter:drop-shadow(0 0 1px color-mix(in srgb,var(--color-primary) 30%,transparent))}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--color-primary) 65%,#7ddfff))}}@media(prefers-reduced-motion:reduce){.is-montage .qb-fold-face,.is-montage .qb-fold-center,.is-montage .qb-fold-core,.is-poweron .qb-fold-core,.is-poweron .qb-fold-face,.qb-fold-wrapper:has(.qb-fold-face:hover) .qb-fold-face{animation:none}}.about-logo-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72vh;padding:24px}.about-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.about-logo{width:100%}.about-logo .qb-fold-scene{height:780px}.about-logo .qb-fold-wrapper{--qb-size: 250px}.qb-fold-face-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;box-sizing:border-box;text-align:center;color:var(--color-primary);pointer-events:none;overflow:hidden}.about-face-heading{font-size:30px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.about-face-text{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12px;line-height:1.36;font-weight:500}.about-face-text p{margin:0}.about-face-credit{align-items:center;text-align:center}.about-face-credit-name{font-size:16px;font-weight:800}.about-face-blitz{display:flex;align-items:center;justify-content:center}.about-face-blitz svg{width:calc(var(--qb-size) * .42);height:calc(var(--qb-size) * .42);stroke-width:1.6}.legal-open-source{max-width:90ch}.legal-open-source summary{cursor:pointer;font-weight:600}.legal-open-source pre{max-height:28rem;margin:1rem 0 0;overflow:auto;white-space:pre-wrap;font:inherit;font-size:.82rem;line-height:1.5}.app-left-sidebar.collapsed .app-left-brand-wrap{margin-bottom:var(--space-2);padding-bottom:var(--space-2);padding-top:var(--space-3)}.app-left-sidebar.collapsed .qb-fold-scene{height:84px;transform:scale(.58)}.app-left-sidebar.collapsed .qb-logo-mark--sidebar{width:48px;height:48px;border-radius:12px}.app-left-sidebar.collapsed .qb-logo-mark-text{font-size:1.2rem}.app-left-sidebar.collapsed .app-left-nav-section-title{margin:var(--space-2) 0 2px;padding-top:6px;text-align:center;font-size:9px}.app-main-area{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;padding-top:var(--page-content-gap, 10px);background:color-mix(in srgb,var(--color-bg) 94%,var(--color-primary) 6%);transition:background-color .18s ease}.app-main-area>:is(.ct-page,.lighting-container,.db2-page,.db2-layout,.qb-page,.qb-content,.fangstange-container,.fangstange-layout,.lightning-container,.wv-page,.wv-main){width:100%;min-width:0;margin:0;align-self:stretch}.app-main-area[data-ui-visual-mode=expert]{background:color-mix(in srgb,var(--color-bg) 90%,var(--color-primary) 10%)}.app-account-anchor{position:sticky;top:var(--space-1);z-index:120;align-self:flex-end;height:0;display:flex;justify-content:flex-end;padding-right:var(--space-4)}.app-account-anchor .app-account-login{box-shadow:var(--shadow-md);white-space:nowrap}.app-account-chip{min-height:var(--hit-area-min);display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-text);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--transition),background var(--transition)}.app-account-chip:hover,.app-account-chip[aria-expanded=true]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-light) 24%,var(--color-card))}.app-account-avatar{width:var(--space-6);height:var(--space-6);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary)}.app-account-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-account-caret{color:var(--color-text-muted);transition:transform var(--transition)}.app-account-caret.open{transform:rotate(180deg)}.app-account-menu{position:absolute;top:calc(var(--hit-area-min) + var(--space-1));right:var(--space-4);min-width:220px;display:flex;flex-direction:column;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-lg)}.app-account-menu button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition)}.app-account-menu button:hover{background:var(--color-primary-light);color:var(--color-primary)}.app-account-menu button.danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.app-right-sidebar{width:320px;flex-shrink:0;border-left:1px solid var(--border-glass);background:var(--bg-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));padding:var(--space-4);overflow-y:auto;height:calc(var(--app-viewport-height, 100vh) - var(--app-nav-height, 56px) - var(--app-status-height, 0px));max-height:calc(var(--app-viewport-height, 100vh) - var(--app-nav-height, 56px) - var(--app-status-height, 0px));position:sticky;top:calc(var(--app-nav-height, 56px) + var(--app-status-height, 0px));transition:width var(--transition-slow),padding var(--transition-slow);z-index:70}.app-right-sidebar.collapsed{width:48px;padding:var(--space-2)}@media(max-width:1500px){.app-right-sidebar{width:300px}}@media(max-width:1280px){.app-right-sidebar{width:280px}}@media(pointer:coarse)and (max-width:768px){.app-status-bar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.app-body{flex-direction:column}.app-left-sidebar,.app-left-sidebar.collapsed{width:100%;max-height:none;position:static;border-right:none;border-bottom:1px solid var(--color-border)}.app-right-sidebar{width:100%;border-left:none;border-top:1px solid var(--color-border);height:auto;max-height:none;position:static}.app-right-sidebar.collapsed{width:100%;padding:var(--space-4)}}@media(pointer:coarse)and (max-width:900px){.app-status-bar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.app-body{flex-direction:column}.app-left-sidebar,.app-left-sidebar.collapsed{width:100%;max-height:none;position:static;border-right:none;border-bottom:1px solid var(--color-border)}.app-right-sidebar{width:100%;border-left:none;border-top:1px solid var(--color-border);height:auto;max-height:none;position:static}.app-right-sidebar.collapsed{width:100%;padding:var(--space-4)}}.app-header{text-align:center;padding:var(--space-6) var(--space-4)}.app-header-title-row{display:inline-flex;align-items:center;gap:var(--space-2)}.app-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text)}.app-header p{color:var(--color-text-muted);margin-top:var(--space-1);max-width:72ch;margin-left:auto;margin-right:auto}.app-header-seo-text{margin-top:var(--space-2);font-size:var(--font-size-sm);line-height:1.5}.coming-soon-page{width:100%;padding:var(--space-6) var(--space-4) var(--space-8);display:flex;justify-content:center}.coming-soon-card{width:min(760px,100%);text-align:center;padding:var(--space-7) var(--space-5)}.coming-soon-badge{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:900;letter-spacing:.14em;color:var(--color-primary);text-transform:uppercase}.coming-soon-title{margin:0;font-size:var(--font-size-3xl);color:var(--color-text)}.coming-soon-description{margin:var(--space-3) auto 0;max-width:60ch;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary)}.app-main{max-width:1400px;width:100%;margin:0 auto;padding:0 var(--space-4) var(--space-6);display:grid;grid-template-columns:380px 1fr;gap:var(--space-6);flex:1}.sidebar,.content{display:flex;flex-direction:column;gap:var(--space-5)}.project-settings-page{width:100%;padding:calc(var(--space-10) + var(--space-2)) var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.project-settings-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--space-5);align-items:start;min-height:calc(var(--app-viewport-height, 100vh) - var(--app-nav-height, 72px) - var(--app-status-height, 0px))}.project-settings-sidebar{position:sticky;top:calc(var(--app-nav-height, 72px) + var(--app-status-height, 0px));max-height:calc(var(--app-viewport-height, 100vh) - var(--app-nav-height, 72px) - var(--app-status-height, 0px) - 8px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);padding-right:var(--space-1)}.project-settings-content{min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}.app-footer{width:calc(100% - var(--app-left-sidebar-width, 264px));margin-left:var(--app-left-sidebar-width, 264px);margin-right:0;padding:var(--space-6) var(--space-4);text-align:left;border-top:1px solid var(--color-border)}.seo-copy{width:100%;margin:0;padding:0 0 var(--space-4)}.seo-copy-inner{background:var(--bg-glass-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);max-width:1180px;margin:0 auto}.seo-copy h2{margin:0 0 var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm)}.seo-copy p{margin:0;color:var(--color-text-secondary);line-height:1.65;font-size:var(--font-size-xs)}.seo-copy p+p{margin-top:var(--space-3)}.seo-copy-disclaimer{margin-top:var(--space-4)!important;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.app-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.app-footer-links-legal{margin-bottom:0}.app-footer-links-legal a{color:var(--color-text-secondary)}.app-footer-links a{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:600}.app-footer-links a:hover,.app-footer-links a:focus-visible{text-decoration:underline}.app-footer-disclaimer{max-width:760px;margin:var(--space-3) auto 0;color:var(--color-text-muted);font-size:var(--font-size-xxs);line-height:1.5;text-align:center}@media(max-width:1024px){.app-footer{width:100%;margin-left:0}.app-main{grid-template-columns:1fr}.app-header-title-row{flex-wrap:wrap;justify-content:center}.project-settings-layout{grid-template-columns:1fr}.project-settings-sidebar{position:static;max-height:none;overflow:visible;padding-right:0}}.viz-container{position:relative;background:var(--bg-glass-card);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #0000004d;overflow:hidden}.viz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.viz-header h2{font-size:var(--font-size-xl);font-weight:700}.viz-actions{display:flex;gap:var(--space-2)}.cable-table{width:100%}.cable-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.cable-row:last-child{border-bottom:none}.cable-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cable-diameter{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.cable-amount{width:52px}.cable-amount input{width:100%;padding:2px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;font-family:var(--font-family);background:var(--color-card);transition:var(--transition-input)}.cable-amount input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.cable-list-summary{display:flex;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.cable-list-summary-item{font-size:var(--font-size-xs);font-weight:500}.preset-bar{display:flex;gap:var(--space-2);flex-wrap:wrap}.option-panel{display:flex;flex-direction:column;gap:var(--space-4)}.option-row{display:flex;flex-direction:column;gap:var(--space-1)}.option-row>label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-2)}.suggestion-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;cursor:pointer;transition:var(--transition-control)}.suggestion-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.suggestion-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.suggestion-card .size{font-size:var(--font-size-base);font-weight:700}.suggestion-card .detail{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.add-cable-section{display:flex;flex-direction:column;gap:var(--space-2)}.add-cable-row{display:flex;gap:var(--space-2);align-items:flex-end}.cable-db-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.cable-db-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--color-border-light)}.cable-db-item:last-child{border-bottom:none}.cable-db-item:hover{background:var(--color-primary-light)}.cable-db-item .db-name{font-weight:500}.cable-db-item .db-info{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;gap:var(--space-2);align-items:center}.suggestion-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);border:1px solid color-mix(in srgb,var(--color-primary) 26%,var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,white),color-mix(in srgb,var(--color-bg-subtle) 88%,white));box-shadow:var(--shadow-sm)}.suggestion-banner-copy{display:flex;flex-direction:column;gap:4px}.suggestion-banner-kicker{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary-hover)}.suggestion-banner-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.suggestion-banner-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.suggestion-banner-detail{font-size:var(--font-size-sm);color:var(--color-text-muted)}.suggestion-banner-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.suggestion-banner-btn{border-radius:999px;padding:10px 16px;font-size:var(--font-size-sm);font-weight:600;border:1px solid transparent;cursor:pointer;transition:var(--transition-control)}.suggestion-banner-btn-primary{background:var(--color-primary);color:#fff}.suggestion-banner-btn-primary:hover{background:var(--color-primary-hover)}.suggestion-banner-btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.suggestion-banner-btn-secondary:hover{border-color:var(--color-text-secondary)}@media(max-width:900px){.suggestion-banner{flex-direction:column;align-items:flex-start}.suggestion-banner-actions{width:100%}}.feedback-launcher{position:fixed;right:22px;bottom:22px;z-index:140;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;max-width:min(260px,calc(100vw - 32px));padding:0 var(--space-4);border:1px solid color-mix(in srgb,var(--color-primary) 36%,var(--color-border));border-radius:var(--radius-md);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:800;cursor:pointer;transition:transform var(--transition),background-color var(--transition),box-shadow var(--transition)}.feedback-launcher:hover,.feedback-launcher:focus-visible{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.feedback-launcher.compact{width:42px;padding:0}.feedback-launcher.compact span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.feedback-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-5);background:#0f172a3d}.feedback-modal{width:min(440px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-lg);padding:var(--space-5)}.feedback-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.feedback-modal-kicker{margin:0 0 4px;display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.feedback-modal h2{margin:0;color:var(--color-text);font-size:var(--font-size-xl)}.feedback-icon-button{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text-secondary);cursor:pointer}.feedback-icon-button:hover,.feedback-icon-button:focus-visible{color:var(--color-text);border-color:var(--color-primary)}.feedback-form{display:flex;flex-direction:column;gap:var(--space-3)}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.feedback-form input,.feedback-form select{min-height:38px;padding:0 var(--space-3)}.feedback-form textarea{resize:vertical;min-height:132px;padding:var(--space-3);line-height:1.45}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.feedback-privacy-note{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.feedback-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}@media(max-width:640px){.feedback-launcher{right:14px;bottom:14px;min-height:40px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.feedback-modal-backdrop{align-items:flex-end;padding:var(--space-3)}.feedback-modal{max-height:calc(100vh - 24px);padding:var(--space-4)}.feedback-actions .btn{flex:1 1 150px}}.landing-page{max-width:1180px;margin:0 auto;width:100%;padding:calc(var(--space-10) + var(--space-2)) var(--space-4) var(--space-6);display:block}.landing-sections{display:flex;flex-direction:column;gap:var(--space-4)}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand status" "brand actions";gap:var(--space-3) var(--space-4);align-items:center}.landing-brand{grid-area:brand;min-width:0;display:flex;align-items:center;gap:var(--space-3)}.landing-title-block{min-width:0;display:flex;flex-direction:column}.landing-kicker{font-size:var(--font-size-xxs);font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em}.landing-hero-meta{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.landing-hero-meta span{padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border-light)}.landing-hero-meta .landing-release-label{color:var(--color-warning);border-color:currentColor;font-weight:600}.landing-status-stack{grid-area:status;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.landing-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-size-xxs);font-weight:800;white-space:nowrap}.landing-status-pill.ok{color:var(--color-success);background:var(--color-success-light)}.landing-status-pill.warning{color:var(--color-warning);background:var(--color-warning-light)}.landing-hero-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.landing-logo-wrap{width:42px;flex:0 0 42px}.landing-logo-wrap .qb-fold-scene{height:34px}.landing-logo-wrap .qb-fold-wrapper{--qb-size: 19px}.landing-title{margin:var(--space-1) 0 0;font-size:var(--font-size-2xl);line-height:1.1;font-weight:800}.landing-command{height:52px;display:flex;align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--color-primary) 26%,var(--color-border));border-radius:var(--radius-lg);background:var(--color-card);padding:0 var(--space-3);color:var(--color-text-secondary)}.landing-command:focus-within{border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-light) 48%,transparent)}.landing-command input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-md)}.landing-command input::placeholder{color:var(--color-text-muted)}.landing-command-hint{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:2px var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.landing-group-list,.landing-section,.landing-tool-group{display:flex;flex-direction:column;gap:var(--space-3)}.landing-group-heading h2{margin:0;color:var(--color-text)}.landing-group-heading p{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.landing-tool-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.landing-tool-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);padding:var(--space-3);min-height:72px;display:flex;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.landing-tool-row:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-light) 18%,var(--color-card));box-shadow:var(--shadow-sm)}.landing-tile-icon{width:30px;height:30px;flex:0 0 30px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-light) 72%,transparent)}.landing-tool-group[data-group=load-power] .landing-tile-icon{color:var(--color-kategorie-leistung);background:var(--color-kategorie-leistung-light)}.landing-tool-group[data-group=protection-outdoor] .landing-tile-icon{color:var(--color-kategorie-schutz);background:var(--color-kategorie-schutz-light)}.landing-tool-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.landing-tool-title{font-size:var(--font-size-sm);line-height:1.25;font-weight:700;overflow:hidden;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.landing-tool-sub{font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-secondary);overflow:hidden;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.landing-tool-arrow{color:var(--color-text-muted);flex:0 0 auto}.landing-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-card);font-size:var(--font-size-sm)}.landing-soon-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.landing-soon-pill{border:1px solid var(--color-border-light);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);min-height:32px;padding:0 var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);cursor:pointer;opacity:.86;transition:border-color var(--transition),color var(--transition),background var(--transition)}.landing-soon-pill:hover{border-color:var(--color-border);color:var(--color-text);background:var(--color-card)}.landing-soon-icon{display:inline-flex;align-items:center}.about-page{max-width:1200px;margin:0 auto;width:100%;padding:0 var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.about-hero{border:1px solid color-mix(in srgb,var(--color-primary) 32%,var(--color-border));background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--color-primary) 25%,transparent),transparent 50%),var(--bg-glass-card)}.about-kicker{display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary)}.about-hero p{margin-top:var(--space-2);color:var(--color-text-secondary);max-width:74ch}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.about-wide{grid-column:1 / -1}.about-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.about-list-keywords li{font-weight:600;color:var(--color-text)}.about-placeholder-text{color:var(--color-text-secondary);line-height:1.6}.legal-page{width:100%;padding:0 var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.legal-hero p{margin-top:var(--space-2);color:var(--color-text-secondary);max-width:90ch}.legal-kicker{display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary)}.legal-sections{display:flex;flex-direction:column;gap:var(--space-4);max-width:90ch}.legal-section h2.card-header{margin:0}.legal-text{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.65}.legal-list-plain{margin-top:var(--space-3);padding-left:0;list-style:none;gap:0}.legal-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:1100px){.landing-tool-grid{grid-template-columns:1fr}}@media(max-width:820px){.about-page,.legal-page{padding:0 var(--space-3) var(--space-5)}.landing-page{padding:calc(var(--space-10) + var(--space-2)) var(--space-3) var(--space-5)}.about-grid{grid-template-columns:1fr}.landing-hero{grid-template-columns:1fr;grid-template-areas:"brand" "status" "actions"}.landing-status-stack,.landing-hero-actions{justify-content:flex-start}.landing-command{height:auto;min-height:50px}.landing-command-hint{display:none}}.toast-viewport{position:fixed;top:14px;right:14px;z-index:2200;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.toast{pointer-events:auto;display:flex;justify-content:space-between;gap:10px;border-radius:12px;border:1px solid var(--color-border);padding:10px 12px;background:var(--color-card);box-shadow:var(--shadow-lg)}.toast-main{display:flex;flex-direction:column;gap:2px}.toast-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.toast-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.35}.toast-close{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:0}.toast-success{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border))}.toast-error{border-color:color-mix(in srgb,var(--color-danger) 45%,var(--color-border))}.toast-warning{border-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-border))}.toast-info{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.loading-page{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:0 var(--space-4) var(--space-6)}.loading-header{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.loading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.loading-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.loading-line{height:12px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-border) 90%,transparent),color-mix(in srgb,var(--color-primary-light) 75%,white),color-mix(in srgb,var(--color-border) 90%,transparent));background-size:220% 100%;animation:loading-shimmer 1.2s ease-in-out infinite}.loading-line-title{width:min(360px,68%);height:22px}.loading-line-subtitle{width:min(460px,82%)}.loading-line-lg{width:88%}.loading-line-md{width:68%}.loading-line-sm{width:42%}.loading-list{display:flex;flex-direction:column;gap:var(--space-2)}.loading-list-item{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-bg);display:flex;flex-direction:column;gap:6px}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1024px){.loading-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.loading-line{animation:none}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.auth-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:400px;max-width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.auth-modal-header h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin:0}.auth-modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;min-width:var(--hit-area-min);min-height:var(--hit-area-min);border-radius:var(--radius-sm);transition:var(--transition-control)}.auth-modal-close:hover{background:var(--color-hover);color:var(--color-text)}.auth-tabs{display:flex;border-bottom:1px solid var(--color-border)}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;min-height:var(--hit-area-min);transition:var(--transition-control);border-bottom:2px solid transparent}.auth-tab:hover{color:var(--color-text);background:var(--color-hover)}.auth-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.auth-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-field label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.auth-field input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--font-size-sm);color:var(--color-text);transition:var(--transition-input)}.auth-field input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.auth-error{display:flex;align-items:center;gap:6px;padding:var(--space-3) var(--space-4);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-danger)}.auth-success{padding:var(--space-3) var(--space-4);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-success)}.auth-submit{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;min-height:var(--hit-area-min);transition:var(--transition-control);margin-top:var(--space-2)}.auth-submit:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-light)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:2px}@media(forced-colors:active){button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid Highlight!important}}