:root{--color-primary: #8B5CF6;--color-primary-hover: #7C3AED;--color-primary-light: #A78BFA;--color-error: #dc3545;--color-error-bg: rgba(220, 53, 69, .1);--color-error-border: rgba(220, 53, 69, .3);--color-bg-darkest: #000;--color-bg-darker: #121212;--color-bg-dark: #1a1a1a;--color-bg-base: #1e1e1e;--color-bg-elevated: #2a2a2a;--color-bg-surface: #333;--color-bg-hover: #444;--color-text-primary: #fff;--color-text-secondary: #ccc;--color-text-tertiary: #999;--color-text-muted: #888;--color-text-disabled: #666;--color-border: #333;--color-border-light: #444;--color-border-focus: #8B5CF6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 50%;--font-xs: .5625rem;--font-sm: .625rem;--font-base: .6875rem;--font-md: .75rem;--font-lg: .8125rem;--font-xl: .875rem;--font-2xl: 1rem;--font-3xl: 1.125rem;--transition-fast: .15s ease;--transition-normal: .25s ease;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100dvh}#root{width:100%;height:100dvh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{display:flex;align-items:center;justify-content:space-between;height:3.125rem;background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:0 .9375rem}.navbar-left,.navbar-right{display:flex;align-items:center;gap:.625rem}.navbar-brand{display:flex;align-items:center;gap:.5rem;margin-left:.625rem}.navbar-brand svg{flex-shrink:0}.navbar-brand span{color:var(--color-text-primary);font-size:var(--font-xl);font-weight:600;letter-spacing:-.02em}.navbar-btn{background:none;border:none;color:var(--color-text-secondary);font-size:1.125rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.navbar-btn:hover{background-color:var(--color-bg-surface);color:var(--color-text-primary)}.mobile-menu-btn{display:none}.toggle-btn{font-size:1.25rem}.navbar-center{flex:1;display:flex;justify-content:center}.toolbar{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;width:3.5rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast)}.toolbar-btn:hover{background-color:var(--color-bg-surface);color:var(--color-text-primary)}.toolbar-btn.active{background-color:var(--color-primary);color:var(--color-text-primary)}.toolbar-btn:focus{outline:none}.toolbar-btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.toolbar-icon{font-size:var(--font-2xl);display:flex;align-items:center;justify-content:center}.toolbar-label{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.03125rem}.toolbar-divider{width:1px;height:1.875rem;background-color:var(--color-border-light);margin:0 var(--spacing-sm)}.layout-selector{position:relative}.layout-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-sm);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);z-index:100;box-shadow:0 .25rem .75rem #0000004d}.layout-option{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-surface);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-md);font-weight:500;transition:all var(--transition-fast)}.layout-option:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.layout-option.active{background:var(--color-primary);color:var(--color-text-primary)}.shortcuts-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.shortcuts-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:32rem;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1rem 3rem #0006}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.shortcuts-header h2{margin:0;font-size:var(--font-xl);color:var(--color-text-primary)}.shortcuts-close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.shortcuts-close:hover{background:var(--color-bg-surface);color:var(--color-text-primary)}.shortcuts-content{padding:var(--spacing-lg);overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.shortcuts-category h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-md);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.shortcut-item{display:flex;align-items:center;gap:var(--spacing-md)}.shortcut-item kbd{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:.125rem .5rem;font-family:inherit;font-size:var(--font-sm);color:var(--color-text-primary);min-width:2rem;text-align:center}.shortcut-item span{color:var(--color-text-secondary);font-size:var(--font-md)}@media(max-width:1024px){.navbar-center{flex:1;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;margin:0 var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none}.navbar-center::-webkit-scrollbar{display:none}.toolbar{flex-wrap:nowrap}.toolbar-btn{width:auto;min-width:2.75rem;padding:var(--spacing-xs)}.toolbar-divider{margin:0 var(--spacing-xs)}}@media(max-width:768px){.navbar{padding:0 var(--spacing-sm);height:3rem}.mobile-menu-btn{display:flex}.navbar-brand{margin-left:0}.navbar-brand span{display:none}.navbar-left,.navbar-right{gap:var(--spacing-xs)}.toolbar-label{display:none}.toolbar-btn{width:2.75rem;height:2.75rem;min-width:2.75rem;padding:var(--spacing-xs)}.toolbar-icon{font-size:var(--font-xl)}.toolbar-divider{height:1.5rem}.navbar-right .navbar-btn[aria-label="Show keyboard shortcuts"]{display:none}.layout-menu{left:auto;right:0;transform:none}.shortcuts-content{grid-template-columns:1fr}}@media(max-width:480px){.navbar{padding:0 var(--spacing-xs)}.toolbar-btn{width:2.5rem;height:2.5rem;min-width:2.5rem}.toolbar-divider{margin:0 2px}.navbar-btn{padding:var(--spacing-xs)}}.sidebar{display:flex;flex-direction:column;background-color:var(--color-bg-base);position:relative}.sidebar.collapsed{width:3.125rem!important;transition:width .2s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-bottom:1px solid var(--color-border);min-height:2.75rem}.sidebar.collapsed .sidebar-header{justify-content:center;padding:.625rem .5rem}.sidebar-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03125rem}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.studies-list{display:flex;flex-direction:column}.study-panel{border-bottom:1px solid var(--color-border)}.study-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) .9375rem;cursor:pointer;transition:background-color var(--transition-fast);width:100%;background:none;border:none;text-align:left;color:inherit}.study-header:hover{background-color:var(--color-bg-elevated)}.study-header:focus{outline:none;background-color:var(--color-bg-elevated)}.study-header:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:-2px}.study-expand-icon{font-size:var(--font-sm);color:var(--color-text-muted);transition:transform .2s ease;margin-top:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.study-expand-icon.expanded{transform:rotate(90deg)}.study-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1}.study-patient{font-size:var(--font-lg);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-meta{display:flex;align-items:center;gap:.625rem;font-size:var(--font-md);justify-content:space-between}.study-date{color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.study-modality{color:var(--color-primary-light);font-weight:600}.series-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:#181818}.sidebar-section{padding:.9375rem;border-bottom:1px solid var(--color-border)}.sidebar-section-title{color:var(--color-text-muted);font-size:var(--font-base);text-transform:uppercase;letter-spacing:.0625rem;margin:0 0 .625rem;font-weight:600}.sidebar-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-item{position:relative;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:all var(--transition-fast);list-style:none}.sidebar-item:hover{transform:scale(1.02)}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.sidebar-item.active{outline:2px solid var(--color-primary);outline-offset:-2px}.item-thumbnail{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-bg-darkest);overflow:hidden;display:flex;align-items:center;justify-content:center}.item-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-loading{width:100%;height:100%;background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-hover) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.thumbnail-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled);font-size:var(--font-2xl)}.item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xs) var(--spacing-md);display:flex;flex-direction:column;gap:1px}.item-text{font-size:var(--font-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-xs)}.item-modality{font-weight:600;color:var(--color-primary-light)}.item-count{color:var(--color-text-muted)}.collapsed-icons{display:flex;flex-direction:column;align-items:center;padding-top:.9375rem;gap:.9375rem}.collapsed-icon{cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.collapsed-icon:hover{background-color:var(--color-bg-elevated)}.collapse-btn{width:1.5rem;height:1.5rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.collapse-btn span{display:flex;align-items:center;justify-content:center}.collapse-btn svg{width:1rem;height:1rem;stroke:currentColor}.collapse-btn:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.resize-handle{position:absolute;top:0;right:0;width:.5rem;height:100%;cursor:col-resize;background-color:var(--color-bg-elevated);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.resize-handle:hover,.resize-handle:focus{background-color:var(--color-primary)}.resize-handle:hover .resize-indicator span,.resize-handle:focus .resize-indicator span{background-color:var(--color-text-primary)}.resize-handle:focus{outline:none}.resize-handle:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.resize-indicator{display:flex;flex-direction:column;gap:.1875rem}.resize-indicator span{width:.1875rem;height:.1875rem;background-color:var(--color-text-disabled);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}@media(max-width:768px){.sidebar{position:fixed;top:3rem;left:0;bottom:0;z-index:50;width:100%!important;max-width:20rem;transform:translate(0);transition:transform .25s ease;box-shadow:.25rem 0 1rem #0000004d}.sidebar.collapsed{width:100%!important;max-width:20rem;transform:translate(-100%);box-shadow:none}.resize-handle{display:none}.sidebar-item{min-height:5rem}.study-header{padding:var(--spacing-md) var(--spacing-md);min-height:3.5rem}.collapse-btn{width:2.5rem;height:2.5rem}.series-list{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;top:3rem;left:0;right:0;bottom:0;background:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.sidebar-backdrop.visible{opacity:1;visibility:visible}}.dicom-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.overlay-corner{position:absolute;padding:var(--spacing-sm);background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:var(--radius-sm);max-width:45%}.overlay-corner:empty{display:none}.overlay-top-left{top:var(--spacing-sm);left:var(--spacing-sm);text-align:left}.overlay-top-right{top:var(--spacing-sm);right:calc(var(--spacing-sm) + 1rem);text-align:right}.overlay-bottom-left{bottom:var(--spacing-sm);left:var(--spacing-sm);text-align:left}.overlay-bottom-right{bottom:var(--spacing-sm);right:calc(var(--spacing-sm) + 1rem);text-align:right}.overlay-line{color:var(--color-text-secondary);font-size:var(--font-sm);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.overlay-line.overlay-primary{color:var(--color-text-primary);font-weight:500}@media(max-width:768px){.overlay-bottom-left,.overlay-bottom-right{bottom:var(--spacing-lg)}}.viewer-container{display:flex;flex:1;width:100%;height:100%;background-color:var(--color-bg-darkest);position:relative;overflow:hidden;touch-action:none}.viewport{flex:1;height:100%;touch-action:none}.slider-container{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) .375rem var(--spacing-lg) .25rem;background:#0000004d;backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem)}.image-slider{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;width:.25rem;flex:1;background:transparent;cursor:pointer;margin:0}.image-slider::-webkit-slider-runnable-track{width:.25rem;height:100%;background:#fff3;border-radius:.125rem;border:none}.image-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.75rem;height:.75rem;background:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 .0625rem .125rem #0000004d,0 0 0 1px #0000001a;margin-left:-.25rem;transition:transform .1s ease,box-shadow .1s ease}.image-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 .0625rem .25rem #0006,0 0 0 1px #0000001a}.image-slider::-webkit-slider-thumb:active{transform:scale(1.05);background:#f0f0f0}.image-slider::-moz-range-track{width:.25rem;height:100%;background:#fff3;border-radius:.125rem;border:none}.image-slider::-moz-range-thumb{width:.75rem;height:.75rem;background:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;border:none;box-shadow:0 .0625rem .125rem #0000004d,0 0 0 1px #0000001a;transition:transform .1s ease,box-shadow .1s ease}.image-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 .0625rem .25rem #0006,0 0 0 1px #0000001a}.viewer-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:10}.viewer-loading{color:var(--color-text-secondary);font-size:var(--font-xl);display:flex;align-items:center;gap:var(--spacing-sm)}.viewer-loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--color-bg-surface);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-empty{color:var(--color-text-disabled);font-size:var(--font-xl);text-align:center}@media(max-width:768px){.slider-container{padding:var(--spacing-sm) var(--spacing-md)}.image-slider{width:.375rem}.image-slider::-webkit-slider-runnable-track{width:.375rem}.image-slider::-webkit-slider-thumb{width:1.25rem;height:1.25rem;margin-left:-.4375rem}.image-slider::-moz-range-track{width:.375rem}.image-slider::-moz-range-thumb{width:1.25rem;height:1.25rem}.viewer-loading,.viewer-empty{font-size:var(--font-lg)}}.mpr-container{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background-color:var(--color-bg-darkest);min-height:0;min-width:0}.mpr-viewport-cell{position:relative;min-height:0;min-width:0;height:100%;width:100%;overflow:hidden;border:2px solid transparent;transition:border-color var(--transition-fast);display:flex;flex-direction:column}.mpr-viewport-cell.active{border-color:var(--color-primary)}.mpr-viewport-cell:hover:not(.active){border-color:var(--color-border)}.mpr-viewport-label{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:5;pointer-events:none}.mpr-viewport-label.axial{color:#4ade80}.mpr-viewport-label.sagittal{color:#f472b6}.mpr-viewport-label.coronal{color:#60a5fa}.mpr-viewport-inner{flex:1;height:100%;position:relative}.mpr-viewport{width:100%;height:100%}.mpr-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:10}.mpr-loading{color:var(--color-text-secondary);font-size:var(--font-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.mpr-loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--color-bg-surface);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:mpr-spin .8s linear infinite}@keyframes mpr-spin{to{transform:rotate(360deg)}}.mpr-empty{color:var(--color-text-disabled);font-size:var(--font-lg);text-align:center}.layout{display:flex;flex-direction:column;width:100vw;height:100dvh;overflow:hidden;background-color:var(--color-bg-darker)}.layout-body{display:flex;flex:1;min-height:0}.viewport-grid{flex:1;display:grid;gap:2px;background-color:var(--color-bg-darkest);min-height:0;min-width:0}.viewport-cell{position:relative;min-height:0;min-width:0;height:100%;width:100%;overflow:hidden;border:2px solid transparent;transition:border-color var(--transition-fast);display:flex}.viewport-cell.active{border-color:var(--color-primary)}.viewport-cell:hover:not(.active){border-color:var(--color-border)}.viewport-cell:focus{outline:none;border-color:var(--color-primary)}.viewport-cell:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.viewport-cell:fullscreen{background-color:var(--color-bg-darkest);border:none}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;top:3rem;left:0;right:0;bottom:0;background:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.sidebar-backdrop.visible{opacity:1;visibility:visible}.viewport-grid{gap:1px}}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-bg-surface) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{border-radius:var(--radius-sm);height:1em}.skeleton--rectangular{border-radius:var(--radius-md)}.skeleton--circular{border-radius:var(--radius-full)}.study-skeleton{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-bg-elevated)}.study-skeleton__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.study-skeleton__info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.study-skeleton__series{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding-left:1.25rem}.series-skeleton{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.app-loading-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;gap:var(--spacing-lg)}.app-loading-skeleton__spinner{width:2.5rem;height:2.5rem;border:.1875rem solid var(--color-bg-surface);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.app-loading-skeleton__text{color:var(--color-text-muted);font-size:var(--font-xl)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#121212;color:#fff;overflow:hidden}.app-loading,.app-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px}.app-error{color:#f87171}.error-display--page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;min-height:12.5rem;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary)}.error-display__icon-large{width:4rem;height:4rem;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-text-primary);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.error-display__title{font-size:var(--font-3xl);font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.error-display__message{font-size:var(--font-xl);color:var(--color-text-tertiary);margin:0 0 var(--spacing-lg) 0;max-width:25rem}.error-display__retry-btn{padding:var(--spacing-sm) 1.25rem;background-color:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-xl);cursor:pointer;transition:background-color var(--transition-fast)}.error-display__retry-btn:hover{background-color:var(--color-primary-hover)}.error-display--inline{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);margin:var(--spacing-sm)}.error-display--inline .error-display__content{display:flex;align-items:center;gap:var(--spacing-md)}.error-display--inline .error-display__icon{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-text-primary);font-size:var(--font-2xl);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-display--inline .error-display__title{font-size:var(--font-xl);font-weight:600;margin:0;color:var(--color-text-primary)}.error-display--inline .error-display__message{font-size:var(--font-md);color:var(--color-text-tertiary);margin:.125rem 0 0}.error-display--compact{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#dc354526;border-radius:var(--radius-md);font-size:var(--font-md)}.error-display--compact .error-display__icon{width:1.125rem;height:1.125rem;border-radius:var(--radius-full);background-color:var(--color-error);color:var(--color-text-primary);font-size:var(--font-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-display--compact .error-display__message{color:var(--color-text-secondary);flex:1;margin:0}.error-display__retry-btn--compact{padding:var(--spacing-xs) .625rem;background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-fast)}.error-display__retry-btn--compact:hover{background-color:var(--color-primary);color:var(--color-text-primary)}