@charset "UTF-8";@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes metalSheen{0%{background-position:100% 0,0 0,0 0}24%,to{background-position:0% 0,0 0,0 0}}@keyframes glassDrift{0%{transform:translate(-38%)}50%{transform:translate(38%)}to{transform:translate(-38%)}}@font-face{font-family:Fira Code;src:url("./media/FiraCode-Light-OUTFY63T.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url("./media/FiraCode-Regular-U6A44NPN.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url("./media/FiraCode-Medium-DTHCQPOF.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url("./media/FiraCode-SemiBold-X35UEFXE.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url("./media/FiraCode-Bold-3G4P6IXL.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-Thin-NCTUJNDH.woff2") format("woff2"),url("./media/CreatoDisplay-Thin-SHAUCUAF.otf") format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-ThinItalic-L3T4QBYV.otf") format("opentype");font-weight:100;font-style:italic}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-Light-WCL62V5C.woff2") format("woff2"),url("./media/CreatoDisplay-Light-7FOQ25CF.otf") format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-LightItalic-ZA3DCZ3G.otf") format("opentype");font-weight:300;font-style:italic}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-Regular-POWNXAKJ.woff2") format("woff2"),url("./media/CreatoDisplay-Regular-66J23ISR.otf") format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-RegularItalic-7QCJXHXZ.otf") format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-Medium-5AMYSXVU.woff2") format("woff2"),url("./media/CreatoDisplay-Medium-WV6NQ4QO.otf") format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-MediumItalic-NMXWCUUZ.otf") format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-Bold-2CEY6RAF.woff2") format("woff2"),url("./media/CreatoDisplay-Bold-UMDUXHA7.otf") format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-BoldItalic-KZIUVGE7.otf") format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-ExtraBold-5VVYSDN5.otf") format("opentype");font-weight:800;font-style:normal}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-ExtraBoldItalic-N2DIBWWH.otf") format("opentype");font-weight:800;font-style:italic}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-Black-XHWZFZKS.otf") format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Creato Display;src:url("./media/CreatoDisplay-BlackItalic-6L4HH5SG.otf") format("opentype");font-weight:900;font-style:italic}:root{--mobile-width: 768px;--game-canvas-border-radius: var(--radius-sm);--game-canvas-shadow: var(--shadow-glow-secondary);--game-zoom-reset-size: 1.375em;--game-zoom-reset-radius: var(--radius-sm);--game-zoom-reset-font-size: 1em;--game-zoom-icon-font-size: 1em;--game-canvas-width: 100%;--game-canvas-height: 100%;--game-canvas-wrapper-width: 100%;--game-canvas-wrapper-height: 100%;--ship-canvas-size: 25em;--ship-part-preview-size: 5em;--ship-part-detail-size: 6.25em;--color-space-black: #0a0a12;--color-space-deep: #080812;--color-space-dark: #101015;--color-space-mid: #11111a;--color-space-light: #1a1a27;--color-primary-100: #fff8e1;--color-primary-200: #ffe082;--color-primary-300: #ffd54f;--color-primary-400: #ffdd44;--color-primary-500: #ffc107;--color-primary-600: #ffab00;--color-primary-700: #ff8f00;--color-primary-800: #833e0a;--color-primary-900: #390d00;--color-secondary-100: #ffcdbc;--color-secondary-200: #ff9e80;--color-secondary-300: #ff6f43;--color-secondary-400: #ff5722;--color-secondary-500: #f4511e;--color-secondary-600: #e64a19;--color-secondary-700: #b9370c;--color-accent-400: #ff9e2e;--color-accent-500: #cd831c;--color-accent-600: #965f00;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #e53935;--color-info: var(--color-primary-400);--text-primary: #e8e8f0;--text-secondary: #a8a8b8;--text-muted: #6a6a7a;--text-accent: var(--color-primary-300);--text-highlight: var(--color-secondary-400);--surface-base: var(--color-space-dark);--surface-raised: var(--color-space-mid);--surface-overlay: var(--color-space-light);--surface-sunken: var(--color-space-deep);--surface-glass: rgba(150, 150, 150, .1);--surface-glass-filter: blur(8px);--border-primary: var(--color-primary-400);--border-secondary: var(--color-secondary-400);--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .25);--border-accent: var(--color-primary-500);--border-highlight: var(--color-secondary-400);--glow-sm: 0 0 .5em rgba(255, 219, 61, .3);--glow-md: 0 0 .75em var(--color-primary-500);--glow-lg: 0 0 2em var(--color-primary-700);--panel-bg: linear-gradient(135deg, rgba(30, 30, 48, .95), rgba(22, 22, 36, .98));--panel-bg-hover: linear-gradient(150deg, rgba(52, 52, 75, .95), rgba(41, 41, 65, .98));--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--spacing-xs: .25em;--spacing-sm: .5em;--spacing-md: 1em;--spacing-lg: 1.5em;--spacing-xl: 3em;--spacing-xxl: 6em;--radius-sm: .2em;--radius-md: .4em;--radius-lg: .6em;--radius-xl: .8em;--transition-fast: .05s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-mono: "Fira Code", "Fira Mono", Monaco, "Lucida Console", "Courier New", monospace;--font-bread: "Creato Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui: "Creato Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cursor-default: var(--cursor-default);--cursor-pointer: var(--cursor-pointer)}*{box-sizing:border-box}html{margin:0;padding:0;height:100%}p{font-family:var(--font-ui);letter-spacing:.04em;line-height:1.75;font-weight:500;font-size:1em;color:var(--text-secondary)}body{background-color:var(--color-space-black);color:var(--text-primary);font-family:var(--font-ui);margin:0;height:100vh;height:100dvh;width:100%;-webkit-user-select:none;user-select:none;cursor:var(--cursor-default);font-size:min(16px,max(1.2vh,1.4vw,8px))}h1,h2,h3{margin:.5em}input:not(disabled){cursor:var(--cursor-pointer)}.split-v,.split-v-dynamic{display:flex;flex-direction:column}@media(orientation:landscape){.split-v-dynamic{flex-direction:row}}.split-h,.split-h-dynamic{display:flex;flex-direction:row}@media(orientation:landscape){.split-h-dynamic{flex-direction:column}}.flex-1{flex:1}.fill{width:100%;height:100%}.bar{height:1.2em;width:100%;padding:.2em .5em;border:solid 1px var(--color-primary-400);border-radius:var(--radius-sm);text-align:center;color:var(--text-primary);font-size:.65em;line-height:.8em;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent;margin-top:6px;margin-bottom:6px;margin-right:4px}::-webkit-scrollbar-thumb{background-color:var(--color-space-light);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-600)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1.2em;background:transparent;outline:none;opacity:.8;transition:opacity var(--transition-fast);padding:.1em;border-radius:var(--radius-sm)}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--surface-raised);border-radius:var(--radius-lg)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-primary-300);border:2px solid var(--color-primary-500);border-radius:50%;cursor:var(--cursor-pointer);margin-top:-5px;box-shadow:var(--glow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-moz-range-track{width:100%;height:4px;background:var(--surface-raised);border-radius:var(--radius-lg)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--color-primary-300);border:2px solid var(--color-primary-500);border-radius:50%;cursor:var(--cursor-pointer);box-shadow:var(--glow-md)}input[type=range][orient=vertical]{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;vertical-align:bottom}input[type=range]:not([orient=vertical]){min-width:20em}button{font-family:var(--font-ui);font-size:1.2em;font-weight:300;color:var(--color-secondary-400);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--color-space-mid) 0%,var(--color-space-dark) 100%);cursor:var(--cursor-pointer);transition:all var(--transition-fast);position:relative;overflow:hidden;text-align:center}button:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:.3}button:hover{background:linear-gradient(180deg,var(--color-space-light) 0%,var(--color-space-mid) 100%)}button.active{background:linear-gradient(180deg,var(--color-primary-400) 0%,var(--color-primary-500) 100%);color:var(--color-space-black);border-color:var(--color-primary-300);box-shadow:var(--glow-md)}button.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.5}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button i{margin-right:var(--spacing-xs)}.btn-primary{background:linear-gradient(180deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);color:var(--color-space-black);border-color:var(--color-primary-300);border-radius:var(--radius-md)}.btn-primary:before{background:linear-gradient(90deg,transparent,var(--color-primary-200),transparent)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--color-primary-300) 0%,var(--color-primary-500) 100%);box-shadow:var(--glow-md)}.btn-danger{background:linear-gradient(180deg,var(--color-danger) 0%,#b71c1c 100%);color:#fff;border-color:var(--color-danger);border-radius:var(--radius-md)}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#f44336 0%,var(--color-danger) 100%);box-shadow:0 0 12px #e5393566}.menu-item{position:relative;background:linear-gradient(135deg,#96b2dc12,#7891be0b);-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35);border:1px solid rgba(190,210,240,.16);border-radius:var(--radius-md);color:var(--text-primary);cursor:var(--cursor-pointer);overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0d,0 6px 18px #00000052;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal),transform var(--transition-fast);width:18em;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:.85em 1.6em;text-align:left}.menu-item:before{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(108deg,transparent 32%,rgba(255,255,255,.055) 46%,rgba(190,225,255,.075) 50%,rgba(255,255,255,.045) 54%,transparent 68%);transform:translate(-32%);animation:glassDrift 11s ease-in-out infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.menu-item:before{animation:none;transform:translate(-8%)}}.menu-item:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 38%);pointer-events:none}.menu-item:hover:not(:disabled):not(.disabled),.menu-item:focus-visible:not(:disabled):not(.disabled){outline:none;border-color:#bedcff6b;background:linear-gradient(135deg,#afcdfa21,#8caad716);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #ffffff12,0 10px 26px #00000061,0 0 22px #78beff24;transform:translateY(-1px)}.menu-item:hover:not(:disabled):not(.disabled):before,.menu-item:focus-visible:not(:disabled):not(.disabled):before{animation-duration:3.4s}.menu-item:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:inset 0 1px 2px #00000057,0 2px 8px #0000004d}.menu-item:disabled{opacity:.5;cursor:not-allowed;border-color:transparent;background:transparent}.menu-item:disabled:hover{transform:none;background:transparent}.menu-item-icon{flex-shrink:0;color:var(--text-color);font-size:1.5em;transition:transform var(--transition-normal),color var(--transition-normal)}.menu-item:hover .menu-item-icon{color:var(--color-primary-300);transform:scale(1.2)}.menu-item:disabled .menu-item-icon{color:var(--text-muted)}.menu-item-label{flex-grow:1;font-family:var(--font-ui);font-weight:300;letter-spacing:.15em;color:var(--text-secondary);transition:color var(--transition-normal)}.menu-item:not(:disabled):hover .menu-item-label{color:var(--text-primary)}.menu-item:disabled .menu-item-label{color:var(--text-muted)}table{font-size:.8em;color:var(--text-primary);border-collapse:collapse;width:100%}table td,table th{padding:var(--spacing-xs) var(--spacing-sm)}table tr>td:first-child{text-align:right}table th{text-align:left;color:var(--color-primary-300);font-size:.7em;letter-spacing:.05em;border-bottom:1px solid var(--border-default)}table tr.contact{color:var(--text-secondary);list-style:none;cursor:var(--cursor-pointer);transition:background var(--transition-fast)}table tr.contact.target{color:var(--text-primary);font-weight:700;background:var(--surface-raised);border-left:2px solid var(--color-primary-400)}table tr.contact:hover{background:var(--border-default)}.ui-panel{color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--panel-bg);padding:var(--spacing-sm)}.ui-panel .title{color:var(--color-primary-300);letter-spacing:.05em;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.ui-panel .title i{color:var(--color-secondary-400)}nav{display:flex;gap:var(--spacing-xs)}nav button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;border:1px solid transparent;border-bottom:none}nav button:hover:not(.active){background:var(--surface-sunken);border-color:var(--border-subtle)}nav button.active{background:linear-gradient(180deg,var(--color-primary-400) 0%,var(--color-primary-500) 100%);color:var(--color-space-black);border-color:var(--color-primary-300);border-bottom-color:var(--color-primary-400);box-shadow:var(--glow-md)}.text-uppercase{font-family:var(--font-ui);letter-spacing:var(--spacing-xs);font-weight:600}.text-uppercase-title{font-family:var(--font-ui);font-size:1em;font-weight:600;letter-spacing:.08em}.text-uppercase-large{font-family:var(--font-mono);font-size:1.1em;font-weight:700;letter-spacing:.1em;color:var(--color-secondary-400)}.text-uppercase-sm{font-family:var(--font-ui);font-size:.75em;font-weight:600;letter-spacing:.05em}.text-uppercase-nav{font-family:var(--font-mono);font-size:.8em;letter-spacing:.08em;color:var(--text-secondary)}.action-btn{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm);background:linear-gradient(180deg,var(--color-space-light) 0%,var(--color-space-mid) 100%);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:var(--cursor-pointer);transition:all var(--transition-fast);font-family:var(--font-mono);font-size:.8em}.action-btn:hover{background-color:var(--color-space-deep);color:var(--text-primary)}.action-btn i{margin-right:var(--spacing-xs)}h1,.title{font-family:var(--font-ui);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm);margin:0;text-align:center;font-size:2.2em;font-weight:300}h1 i,.title i{color:var(--color-primary-400);font-size:1em}.subtitle{letter-spacing:.1em;color:var(--color-primary-300);font-style:italic;margin-top:var(--spacing-sm);opacity:.8}.card{background:var(--panel-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.card-header .title{margin-bottom:0}.card-content{padding:0;color:var(--text-secondary)}.card-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-default);margin-top:var(--spacing-md);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.form-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.8em;color:var(--text-secondary)}.form-group>*{width:100%}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-label i{color:var(--color-primary-400)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=search],textarea,select{background:var(--surface-sunken);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--spacing-sm);font-family:var(--font-mono);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--glow-md)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=url]:disabled,input[type=tel]:disabled,input[type=search]:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=url]::placeholder,input[type=tel]::placeholder,input[type=search]::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5em;appearance:none}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.2em;height:1.2em;border:2px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);cursor:var(--cursor-pointer);position:relative;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}input[type=checkbox]:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--surface-raised)}input[type=checkbox]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--glow-md)}input[type=checkbox]:checked{background:var(--color-primary-500);border-color:var(--color-primary-400)}input[type=checkbox]:checked:after{content:"\2713";color:var(--color-space-black);font-size:.8em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.3)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-subtle)}input[type=checkbox]:checked:disabled{background:var(--color-primary-600)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:var(--cursor-pointer)}.checkbox-wrapper input[type=checkbox]{margin:0}.checkbox-wrapper label{cursor:var(--cursor-pointer);color:var(--text-secondary);margin:0}.checkbox-wrapper:hover label{color:var(--text-primary)}.input-control{background:var(--surface-sunken);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--spacing-sm);font-family:var(--font-mono)}.input-control:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--glow-md)}.input-control:disabled{opacity:.5;cursor:not-allowed}.list-container{list-style:none;padding:0;margin:0}.list-container>li{padding:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.list-container>li:last-child{border-bottom:none}.grid-container{display:grid;gap:var(--spacing-md)}.grid-container.grid-2{grid-template-columns:repeat(2,1fr)}.grid-container.grid-3{grid-template-columns:repeat(3,1fr)}.grid-container.grid-4{grid-template-columns:repeat(4,1fr)}.badge{display:inline-flex;align-items:center;font-size:.75em;padding:.1em .6em;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.05em}.badge-primary{background:var(--color-primary-500);color:var(--color-space-black)}.badge-secondary{background:var(--color-secondary-500);color:var(--color-space-black)}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:var(--color-space-black)}.badge-danger{background:var(--color-danger);color:#fff}.badge-info{background:var(--color-info);color:var(--color-space-black)}.status-dot{display:inline-flex;width:.6em;height:.6em;border-radius:50%}.status-dot.success{background:var(--color-success)}.status-dot.warning{background:var(--color-warning)}.status-dot.danger{background:var(--color-danger)}.status-dot.info{background:var(--color-info)}.status-dot.pending{background:var(--color-primary-500);animation:pulse 2s infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-muted)}.loading-container i{font-size:2em}.loading-spinner{width:3em;height:3em;border:3px solid var(--border-subtle);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s ease infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-muted)}.empty-state i{font-size:2em;opacity:.5}.empty-state .message{text-align:center}.content-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);width:100%}.section-container{background:var(--panel-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.section-container.section-dark{background:var(--surface-sunken);border-color:var(--border-subtle)}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-raised);border-bottom:1px solid var(--border-default);margin-bottom:var(--spacing-md)}.action-bar .title{margin:0}.action-bar .actions{display:flex;gap:var(--spacing-sm)}.tabs-container{border-bottom:1px solid var(--border-default);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tabs-container button{background:var(--surface-glass);border:none;border-bottom:2px solid transparent;padding:var(--spacing-sm);color:var(--text-secondary);cursor:var(--cursor-pointer);font-family:var(--font-mono);font-size:.8em;letter-spacing:.08em}.tabs-container button.active{color:var(--color-primary-400);border-bottom-color:var(--color-primary-400)}.tabs-container app-back-button{align-self:flex-start;justify-self:flex-start}.content-section{padding:var(--spacing-md) 0}.content-section:not(:last-child){border-bottom:1px solid var(--border-subtle)}.content-section .section-title{color:var(--color-secondary-300);font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.space-right{margin-right:var(--spacing-md)}.space-bottom{margin-bottom:var(--spacing-md)}.space-top{margin-top:var(--spacing-md)}.space-left{margin-left:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-sm);cursor:var(--cursor-pointer);font-family:var(--font-mono);font-size:.8em;letter-spacing:.05em;transition:var(--transition-fast)}.btn i{font-size:1em}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover{background:var(--color-primary-700)}.btn-secondary{background:var(--color-secondary-600);color:#fff}.btn-secondary:hover{background:var(--color-secondary-700)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#4caf50}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc3545}.btn-outline{background:transparent;border-color:var(--color-primary-400);color:var(--color-primary-400)}.btn-outline:hover{background:#0096ff1a}.distribution-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.distribution-row:last-child{border-bottom:none}.distribution-value{font-family:var(--font-mono);color:var(--color-primary-300)}.distribution-chart{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.distribution-bar{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.distribution-bar .bar-label{font-size:.8em;color:var(--text-secondary);text-align:center}.distribution-bar .bar-container{height:100px;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);position:relative;overflow:hidden}.distribution-bar .bar-container .bar{position:absolute;bottom:0;left:0;right:0;background:var(--color-primary-600);border-radius:var(--radius-sm);transition:height var(--transition-medium)}.log-message{margin-bottom:var(--spacing-sm)}.log-source{font-weight:600;color:var(--color-secondary-300)}.response-chip{display:inline-flex;align-items:center;background:var(--color-primary-600);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85em;margin-right:var(--spacing-xs)}.response-chip:hover{background:var(--color-primary-700)}.section-container-stacked{padding:var(--spacing-md) 0}.section-container-stacked.section-dark{background:var(--surface-sunken);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--border-subtle)}.section-title-h3{color:var(--color-secondary-300);font-size:1em;font-weight:600;margin-bottom:var(--spacing-md)}::view-transition-group(celestial-mark){animation-duration:.8s;animation-timing-function:cubic-bezier(.45,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}