.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='300' height='300' filter='url(%23noise)' opacity='0.05'/></svg>");background-size:150px 150px;opacity:.35;mix-blend-mode:overlay;pointer-events:none;z-index:0}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:all var(--duration-short) var(--ease-out)}.card.glass{border-radius:12px}.card--elevated{background:var(--surface-2)}.card--hover{cursor:pointer}.card--hover:hover{background:var(--surface-2);border-color:var(--border-visible);transform:translateY(-2px)}.card--glow{position:relative}.card--glow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--brand-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--duration-short) var(--ease-out)}.card--glow:hover:before{opacity:.7}.card--glow:hover{box-shadow:0 8px 32px var(--accent-primary-glow)}.card__header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle)}.card__body{padding:var(--space-md)}.card__footer{padding:var(--space-md);border-top:1px solid var(--border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-sans);font-weight:var(--weight-medium);border:none;border-radius:8px;cursor:pointer;transition:all var(--duration-short) var(--ease-out);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-small)}.btn--md{padding:var(--space-sm) var(--space-md);font-size:var(--text-body)}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-h3)}.btn--primary{background:var(--brand-gradient);color:var(--surface-0);font-weight:var(--weight-semibold);box-shadow:0 4px 15px var(--accent-primary-glow)}.btn--primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 6px 25px var(--accent-primary-glow),0 0 40px var(--accent-secondary-glow);transform:translateY(-2px)}.btn--secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-visible)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent-neon)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn--danger{background:#d92626;color:#fff}.btn--danger:hover:not(:disabled){background:#c32222}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__label{display:flex;align-items:center}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn--primary:hover:not(:disabled){transform:none}}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--weight-medium);border-radius:6px;white-space:nowrap;transition:all var(--duration-micro) var(--ease-out)}.badge--sm{padding:2px 6px;font-size:var(--text-micro)}.badge--md{padding:4px 10px;font-size:var(--text-small)}.badge--lg{padding:6px 14px;font-size:var(--text-body)}.badge--default{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge--primary{background:var(--accent-neon);color:var(--surface-0)}.badge--purple{background:var(--accent-purple);color:#fff}.badge--success{background:#29a352;color:#fff}.badge--warning{background:var(--accent-warm);color:var(--surface-0)}.badge--error{background:#d92626;color:#fff}.badge--outline{background:transparent;border:1px solid var(--border-visible);color:var(--text-primary)}.badge--glow{box-shadow:0 0 10px currentColor}.search-bar{position:relative;display:flex;align-items:center;gap:var(--space-sm);background:var(--overlay-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;padding:var(--space-md) var(--space-lg);transition:all var(--duration-short) var(--ease-out)}.search-bar:after{content:"/";position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--text-muted);font-family:var(--font-mono);font-size:12px;border:1px solid var(--border-visible);padding:2px 8px;border-radius:4px;pointer-events:none;opacity:.7;transition:opacity .2s}.search-bar:focus-within:after,.search-bar:has(input:not(:placeholder-shown)):after{opacity:0}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow),0 8px 32px var(--accent-primary-glow);background:#14141fe6}.search-bar__icon{color:var(--text-muted);flex-shrink:0;transition:color var(--duration-short) var(--ease-out)}.search-bar:focus-within .search-bar__icon{color:var(--accent-secondary)}.search-bar__input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-sans)}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all var(--duration-micro) var(--ease-out)}.search-bar__clear:hover{background:var(--surface-3);color:var(--accent-secondary)}@media(prefers-reduced-motion:reduce){.search-bar,.search-bar__icon,.search-bar__clear,.search-bar:after{transition:none}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-2xl);min-height:200px;width:100%}.loading-state--sm{min-height:100px;padding:var(--space-md)}.loading-state--lg{min-height:400px}.mainframe-loader{display:flex;gap:6px;position:relative;height:40px;align-items:center}.mainframe-loader--small{height:20px;gap:3px}.mainframe-loader__bar{width:8px;height:100%;background:var(--surface-3);border-radius:2px;animation:data-pulse 1.2s infinite ease-in-out}.mainframe-loader--small .mainframe-loader__bar{width:4px}.mainframe-loader__bar:nth-child(1){animation-delay:0s}.mainframe-loader__bar:nth-child(2){animation-delay:.1s}.mainframe-loader__bar:nth-child(3){animation-delay:.2s}.mainframe-loader__scan{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-neon);box-shadow:0 0 10px var(--accent-neon);animation:scan-vertical 1.5s infinite linear;opacity:.8}.loading-state__message{font-family:var(--font-mono);font-size:var(--text-small);color:var(--accent-secondary);letter-spacing:2px;text-transform:uppercase;position:relative}.loading-state__message:after{content:"_";animation:blink 1s infinite}@keyframes data-pulse{0%,to{height:30%;background:var(--surface-3)}50%{height:100%;background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary-glow)}}@keyframes scan-vertical{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.loading-spinner-wrapper{display:inline-flex;align-items:center}@media(prefers-reduced-motion:reduce){.mainframe-loader__bar,.mainframe-loader__scan,.loading-state__message:after{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center;color:var(--text-secondary)}.empty-state__icon{font-size:48px;color:var(--text-muted);opacity:.5}.empty-state__title{font-size:var(--text-h2);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.empty-state__description{font-size:var(--text-body);color:var(--text-secondary);max-width:400px;margin:0}.empty-state--diagnostic{font-family:var(--font-mono);position:relative;overflow:hidden;border:1px dashed var(--border-visible);background:#0003}.empty-state__scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-primary);opacity:0;animation:scan 2s linear infinite;display:none}.empty-state--diagnostic .empty-state__scan-line{display:block}.empty-state__tech-data{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:10px;color:var(--accent-secondary);opacity:.7;text-transform:uppercase;letter-spacing:1px}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.skeleton-card{display:flex;flex-direction:column;gap:.75rem;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;padding:1rem;height:140px}.skeleton-card--grid{width:100%}.skeleton-card--list{width:100%;height:auto;min-height:80px}.skeleton-card__title{height:1.5rem;width:70%;border-radius:4px;background:var(--color-skeleton-base, #2a2a2a)}.skeleton-card__meta{display:flex;gap:.5rem;margin-top:auto}.skeleton-card__badge{height:1.5rem;width:80px;border-radius:4px;background:var(--color-skeleton-base, #2a2a2a)}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a,#ffffff0d 80%,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton-shimmer:after{animation:none;display:none}}.skeleton-grid{display:grid;gap:1rem;width:100%}.skeleton-grid--grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-grid--list{grid-template-columns:1fr}@media(max-width:640px){.skeleton-grid--grid{grid-template-columns:repeat(2,1fr)}.skeleton-card{padding:.75rem}}@media(min-width:641px)and (max-width:1024px){.skeleton-grid--grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px){.skeleton-grid--grid{grid-template-columns:repeat(4,1fr)}}.markdown-renderer{color:var(--text-primary);line-height:var(--leading-relaxed)}.markdown-renderer h1,.markdown-renderer h2,.markdown-renderer h3,.markdown-renderer h4,.markdown-renderer h5,.markdown-renderer h6{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.markdown-renderer h1:first-child,.markdown-renderer h2:first-child,.markdown-renderer h3:first-child{margin-top:0}.markdown-renderer h1{font-size:var(--text-h1);color:var(--text-primary)}.markdown-renderer h2{font-size:var(--text-h2);background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-renderer h3{font-size:var(--text-h3);color:var(--accent-secondary)}.markdown-renderer h4{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--text-primary)}.markdown-renderer h3:has(+p){position:relative}.markdown-renderer h2,.markdown-renderer h3{padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.markdown-renderer p{margin-bottom:var(--space-md);color:var(--text-secondary)}.markdown-renderer a{color:var(--accent-secondary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--duration-micro) var(--ease-out)}.markdown-renderer a:hover{border-bottom-color:var(--accent-secondary);color:var(--accent-neon)}.markdown-renderer strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.markdown-renderer em{color:var(--accent-secondary);font-style:italic}.markdown-renderer code{background:var(--surface-2);color:var(--accent-warm);padding:2px 8px;border-radius:6px;font-family:var(--font-mono);font-size:.9em;border:1px solid var(--border-subtle)}.markdown-renderer pre{margin:var(--space-lg) 0;border-radius:12px;overflow-x:auto;background:var(--surface-2);border:1px solid var(--border-subtle);scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--surface-2)}.markdown-renderer pre::-webkit-scrollbar{height:6px}.markdown-renderer pre::-webkit-scrollbar-track{background:var(--surface-2);border-radius:0 0 12px 12px}.markdown-renderer pre::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.markdown-renderer pre::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}.markdown-renderer pre code{background:transparent;padding:var(--space-md);display:block;color:var(--text-primary);border:none;min-width:100%}.markdown-renderer ul,.markdown-renderer ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.markdown-renderer li{margin-bottom:var(--space-sm);padding-left:var(--space-xs);position:relative}.markdown-renderer ul li::marker{color:var(--accent-primary)}.markdown-renderer ol li::marker{color:var(--accent-secondary);font-weight:var(--weight-semibold);font-family:var(--font-mono)}.markdown-renderer ul ul,.markdown-renderer ol ol,.markdown-renderer ul ol,.markdown-renderer ol ul{margin-top:var(--space-sm);margin-bottom:0}.markdown-renderer blockquote{position:relative;margin:var(--space-lg) 0;padding:var(--space-lg);padding-left:var(--space-xl);background:var(--surface-2);border-radius:12px;border-left:4px solid var(--accent-primary);font-style:normal;color:var(--text-primary)}.markdown-renderer blockquote:before{content:'"';position:absolute;top:var(--space-sm);left:var(--space-md);font-size:3rem;line-height:1;color:var(--accent-primary);opacity:.3;font-family:Georgia,serif}.markdown-renderer blockquote p{color:var(--text-primary);font-size:var(--text-h3);line-height:var(--leading-snug);margin-bottom:0}.markdown-renderer blockquote p:not(:last-child){margin-bottom:var(--space-sm)}.markdown-renderer table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;background:var(--surface-1);border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle)}.markdown-renderer th,.markdown-renderer td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle)}.markdown-renderer th{background:var(--surface-2);font-weight:var(--weight-semibold);color:var(--accent-secondary);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em}.markdown-renderer tr:last-child td{border-bottom:none}.markdown-renderer tr:hover td{background:var(--surface-2)}.markdown-renderer hr{border:none;height:2px;background:var(--brand-gradient);margin:var(--space-xl) 0;border-radius:2px;opacity:.5}.code-block{position:relative;margin:var(--space-lg) 0;border-radius:12px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border-subtle)}.code-block__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--surface-1);border-bottom:1px solid var(--border-subtle)}.code-block__language{font-family:var(--font-mono);font-size:var(--text-small);color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em}.code-block__copy{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-small);padding:4px 12px;border-radius:6px;cursor:pointer;transition:all var(--duration-micro) var(--ease-out)}.code-block__copy:hover{border-color:var(--accent-primary);color:var(--accent-secondary);background:var(--surface-2)}.markdown-renderer p code,.markdown-renderer li code{background:var(--brand-gradient-subtle);color:var(--accent-secondary);border-color:var(--accent-primary)}.breadcrumbs-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.breadcrumbs{flex:1;font-family:var(--font-mono);font-size:var(--text-small)}.breadcrumbs__list{display:flex;align-items:center;gap:var(--space-xs);list-style:none;padding:0;margin:0;flex-wrap:wrap}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted)}.breadcrumbs__link{color:var(--text-secondary);text-decoration:none;transition:all var(--duration-micro) var(--ease-out);position:relative;border-bottom:1px solid transparent}.breadcrumbs__link:hover{color:var(--accent-neon);border-bottom-color:var(--accent-neon);text-shadow:0 0 8px var(--accent-neon-glow)}.breadcrumbs__separator{color:var(--text-muted);opacity:.5;font-weight:700}.breadcrumbs__current{color:var(--text-primary);font-weight:var(--weight-medium)}.breadcrumbs__history-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-micro) var(--ease-out);font-size:var(--text-small)}.breadcrumbs__history-toggle:hover{background:var(--glass-medium);color:var(--text-secondary);border-color:var(--accent-neon)}.breadcrumbs__history-toggle svg:last-child{transition:transform var(--duration-micro) var(--ease-out)}.breadcrumbs__history-toggle svg:last-child.rotated{transform:rotate(180deg)}.breadcrumbs__dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-sm);width:360px;max-height:400px;background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;animation:slideIn .2s ease-out}.dropdown__header{padding:var(--space-md);border-bottom:1px solid var(--glass-border);background:var(--glass-light)}.dropdown__title{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.dropdown__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.dropdown__categories{display:flex;gap:var(--space-xs)}.category-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-tiny);cursor:pointer;transition:all var(--duration-micro) var(--ease-out)}.category-btn:hover{background:var(--glass-medium);color:var(--text-secondary)}.category-btn.active{background:var(--accent-neon);border-color:var(--accent-neon);color:var(--bg-primary)}.clear-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-tiny);cursor:pointer;transition:color var(--duration-micro) var(--ease-out)}.clear-btn:hover{color:var(--accent-danger)}.dropdown__content{max-height:280px;overflow-y:auto}.dropdown__list{list-style:none;padding:0;margin:0}.dropdown__item{border-bottom:1px solid var(--glass-border-light)}.dropdown__item:last-child{border-bottom:none}.dropdown__link{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;gap:var(--space-xs) var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:background var(--duration-micro) var(--ease-out);align-items:center}.dropdown__link:hover{background:var(--glass-medium)}.dropdown__icon{grid-row:1 / 3;color:var(--text-muted);display:flex;align-items:center}.dropdown__label{color:var(--text-primary);font-weight:var(--weight-medium);font-size:var(--text-small)}.dropdown__path{color:var(--text-muted);font-size:var(--text-tiny);font-family:var(--font-mono)}.dropdown__time{color:var(--text-muted);font-size:var(--text-tiny);grid-row:1 / 3;justify-self:end;min-width:50px;text-align:right}.dropdown__empty{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.dropdown__empty p{margin:0}.dropdown__empty-hint{font-size:var(--text-tiny);margin-top:var(--space-xs)!important;opacity:.7}.dropdown__footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border);background:var(--glass-light)}.dropdown__count{font-size:var(--text-tiny);color:var(--text-muted)}.dropdown__content::-webkit-scrollbar{width:6px}.dropdown__content::-webkit-scrollbar-track{background:var(--glass-light)}.dropdown__content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.dropdown__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.back-button{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary, hsl(240, 10%, 60%));text-decoration:none;font-size:var(--text-small, .875rem);font-weight:var(--weight-medium, 500);cursor:pointer;transition:all var(--duration-short, .3s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1));user-select:none}.back-button:hover{color:var(--accent-primary, #8B5CF6);background:#6d51fb1a;transform:translate(-4px)}.back-button--outline{border-color:var(--border-visible, hsla(0, 0%, 100%, .12))}.back-button--solid{background:#ffffff0d;border-color:var(--border-visible, hsla(0, 0%, 100%, .12))}.back-button--neon{color:var(--accent-neon, #00FFFF);text-shadow:0 0 8px hsla(180,100%,50%,.4)}.back-button--neon:hover{background:#00ffff1a;border-color:var(--accent-neon, #00FFFF);box-shadow:0 0 12px #0ff3}.back-button__label{letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.back-button:hover{transform:none}}@media(max-width:768px){.back-button{padding:12px 16px;min-height:44px}}.dictionary-nav{position:sticky;top:0;z-index:var(--z-sticky, 100);background:var(--surface-overlay, hsla(240, 18%, 10%, .8));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle, hsla(0, 0%, 100%, .06));padding:var(--space-xs, 8px) 0}.dictionary-nav__container{display:flex;justify-content:center;gap:var(--space-xs, 4px);max-width:var(--container-max, 1200px);margin:0 auto;padding:0 var(--container-padding, 16px);overflow-x:auto;scrollbar-width:none}.dictionary-nav__container::-webkit-scrollbar{display:none}.dictionary-nav__link{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:6px;color:var(--text-secondary, hsl(240, 10%, 60%));text-decoration:none;font-size:var(--text-small, .875rem);font-weight:var(--weight-bold, 700);transition:all var(--duration-short, .3s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.dictionary-nav__link:hover{color:var(--accent-primary, #8B5CF6);background:#6d51fb1a}.dictionary-nav__link.is-active{color:var(--surface-0, #000);background:var(--accent-primary, #8B5CF6);box-shadow:0 0 12px var(--accent-primary-glow)}@media(max-width:768px){.dictionary-nav{top:60px}.dictionary-nav__container{justify-content:flex-start;padding-left:var(--container-padding, 16px);padding-right:var(--container-padding, 16px)}.dictionary-nav__link{min-width:36px;height:36px}}.favorite-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:none;padding:6px;border-radius:8px;cursor:pointer;transition:all var(--duration-short) var(--ease-out);color:var(--text-muted)}.favorite-btn:hover{background:var(--surface-2);color:var(--text-secondary)}.favorite-btn--active{color:#ff4d6d}.favorite-btn--active:hover{color:#f35}.favorite-btn__icon{transition:transform var(--duration-short) var(--ease-out)}.favorite-btn:hover .favorite-btn__icon{transform:scale(1.15)}.favorite-btn--active .favorite-btn__icon{animation:heartPop .3s ease-out}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.favorite-btn__label{font-size:var(--text-small);font-weight:var(--weight-medium)}.copy-button{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-short);font-family:inherit;font-weight:var(--weight-medium)}.copy-button:hover{background:var(--surface-3);border-color:var(--accent-primary-glow);color:var(--text-primary);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.is-copied{background:var(--accent-success);border-color:var(--accent-success);color:#fff}.copy-button--xs{padding:4px 8px;font-size:11px}.copy-button--sm{padding:6px 12px;font-size:var(--text-small)}.copy-button--md{padding:8px 16px;font-size:var(--text-base)}.copy-button--primary{background:var(--brand-gradient);border-color:transparent;color:#fff}.copy-button--primary:hover{opacity:.9}.copy-button--ghost{background:transparent;border-color:transparent}.copy-button--ghost:hover{background:var(--surface-2);border-color:var(--border-subtle)}.compare-select{position:relative;display:flex;flex-direction:column;gap:var(--space-xs)}.compare-select__label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-secondary)}.compare-select__input-wrapper{position:relative}.compare-select__trigger{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--glass-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-micro) var(--ease-out)}.compare-select__trigger:hover{background:var(--glass-medium);border-color:var(--glass-border-light)}.compare-select__search-icon{color:var(--text-muted);flex-shrink:0}.compare-select__selected{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--glass-light);border:1px solid var(--accent-neon);border-radius:var(--radius-md)}.compare-select__selected-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-neon);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--bg-primary)}.compare-select__selected-name{flex:1;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary)}.compare-select__clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-micro) var(--ease-out)}.compare-select__clear:hover{background:var(--glass-dark);color:var(--accent-danger)}.compare-select__overlay{position:fixed;inset:0;z-index:100}.compare-select__dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;max-height:320px;background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:101;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compare-select__search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--glass-border);background:var(--glass-light)}.compare-select__dropdown-search-icon{color:var(--text-muted);flex-shrink:0}.compare-select__search-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-base);color:var(--text-primary)}.compare-select__search-input::placeholder{color:var(--text-muted)}.compare-select__list{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto}.compare-select__empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-small)}.compare-select__option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--duration-micro) var(--ease-out)}.compare-select__option:hover{background:var(--glass-medium)}.compare-select__option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--glass-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-bold);color:var(--accent-neon)}.compare-select__option-name{flex:1;font-size:var(--text-small);color:var(--text-primary)}.compare-select__check{color:var(--accent-neon);flex-shrink:0}.compare-select__footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border);background:var(--glass-light);font-size:var(--text-tiny);color:var(--text-muted)}.compare-select__list::-webkit-scrollbar{width:6px}.compare-select__list::-webkit-scrollbar-track{background:var(--glass-light)}.compare-select__list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.autocomplete{position:relative;width:100%}.autocomplete__input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;padding:.75rem 1rem;transition:all .2s ease}.autocomplete__input-wrapper:focus-within{border-color:var(--color-accent, #00ff88);box-shadow:0 0 0 3px #00ff881a}.autocomplete__icon{color:var(--color-text-secondary, #999);margin-right:.5rem;flex-shrink:0}.autocomplete__input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary, #fff);font-size:.875rem}.autocomplete__input::placeholder{color:var(--color-text-secondary, #999)}.autocomplete__clear{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--color-text-secondary, #999);cursor:pointer;transition:color .2s ease}.autocomplete__clear:hover{color:var(--color-text-primary, #fff)}.autocomplete__mode-toggle{display:flex;gap:.5rem;margin-top:.5rem}.autocomplete__mode-btn{flex:1;padding:.5rem;background:#ffffff08;border:1px solid var(--color-border, #333);border-radius:6px;color:var(--color-text-secondary, #999);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.autocomplete__mode-btn:hover{background:#ffffff0d;border-color:var(--color-accent, #00ff88)}.autocomplete__mode-btn.active{background:#00ff881a;border-color:var(--color-accent, #00ff88);color:var(--color-accent, #00ff88)}.autocomplete__dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1a1a1afa;backdrop-filter:blur(20px);border:1px solid var(--color-border, #333);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;max-height:400px;overflow-y:auto;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.autocomplete__section{padding:.5rem}.autocomplete__section:not(:last-child){border-bottom:1px solid var(--color-border, #333)}.autocomplete__section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #999);text-transform:uppercase;letter-spacing:.05em}.autocomplete__clear-history{padding:.25rem .5rem;background:none;border:none;color:var(--color-accent, #00ff88);font-size:.75rem;cursor:pointer;transition:opacity .2s ease}.autocomplete__clear-history:hover{opacity:.7}.autocomplete__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:6px;color:var(--color-text-primary, #fff);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease}.autocomplete__item:hover,.autocomplete__item.highlighted{background:#00ff880d;color:var(--color-accent, #00ff88)}.autocomplete__item span{flex:1}.autocomplete__highlight{background:#0f83;color:var(--color-accent, #00ff88);border-radius:2px;padding:0 2px}.autocomplete__match-score{display:flex;gap:2px;align-items:flex-end}.autocomplete__score-bar{width:3px;background:var(--color-border, #333);border-radius:2px;transition:all .2s ease}.autocomplete__score-bar:nth-child(1){height:8px}.autocomplete__score-bar:nth-child(2){height:12px}.autocomplete__score-bar:nth-child(3){height:16px}.autocomplete__score-bar:nth-child(4){height:20px}.autocomplete__score-bar:nth-child(5){height:24px}.autocomplete__score-bar.filled{background:var(--color-accent, #00ff88)}.autocomplete__empty{padding:2rem 1rem;text-align:center;color:var(--color-text-secondary, #999);font-size:.875rem}.autocomplete__dropdown::-webkit-scrollbar{width:6px}.autocomplete__dropdown::-webkit-scrollbar-track{background:#ffffff05}.autocomplete__dropdown::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.autocomplete__dropdown::-webkit-scrollbar-thumb:hover{background:#00ff8880}@media(max-width:640px){.autocomplete__dropdown{position:fixed;inset:auto 0 0;max-height:70vh;border-radius:16px 16px 0 0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.match-score-bars{display:flex;align-items:flex-end;gap:2px;height:24px}.match-score-bar{width:3px;background:var(--color-border, #333);border-radius:2px;transition:all .3s ease}.match-score-bar.filled{background:var(--color-accent, #00ff88);box-shadow:0 0 4px #00ff884d}.match-score-bar:hover{opacity:.8}.multiselect{position:relative;width:100%}.multiselect__label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #fff);margin-bottom:.5rem}.multiselect__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease}.multiselect__trigger:hover{border-color:var(--color-accent, #00ff88)}.multiselect__selected{flex:1;text-align:left;overflow:hidden}.multiselect__placeholder{color:var(--color-text-secondary, #999);font-size:.875rem}.multiselect__pills{display:flex;flex-wrap:wrap;gap:.375rem}.multiselect__pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;font-size:.75rem;color:var(--color-accent, #00ff88)}.multiselect__pill-remove{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.multiselect__pill-remove:hover{opacity:.7}.multiselect__icon{flex-shrink:0;transition:transform .2s ease;color:var(--color-text-secondary, #999)}.multiselect__icon.open{transform:rotate(180deg)}.multiselect__dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;max-height:300px;display:flex;flex-direction:column}.multiselect__search{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border, #333)}.multiselect__search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary, #fff);font-size:.875rem}.multiselect__actions{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border, #333)}.multiselect__action-btn{flex:1;padding:.5rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;color:var(--color-accent, #00ff88);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.multiselect__action-btn:hover{background:#0f83}.multiselect__options{flex:1;overflow-y:auto;padding:.5rem}.multiselect__option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:4px;cursor:pointer;transition:background .2s ease;user-select:none}.multiselect__option:hover,.multiselect__option.active{background:#ffffff0d}.multiselect__option.active{outline:1px solid var(--color-accent, #00ff88)}.multiselect__checkbox{width:18px;height:18px;border:2px solid var(--color-border, #333);border-radius:4px;cursor:pointer;accent-color:var(--color-accent, #00ff88)}.multiselect__option-label{flex:1;font-size:.875rem;color:var(--color-text-primary, #fff)}.multiselect__empty{padding:1rem;text-align:center;color:var(--color-text-secondary, #999);font-size:.875rem}@media(prefers-reduced-motion:reduce){.multiselect__trigger,.multiselect__icon,.multiselect__pill-remove,.multiselect__action-btn,.multiselect__option{transition:none}}@media(max-width:640px){.multiselect__dropdown{position:fixed;inset:auto 0 0;max-height:60vh;border-radius:16px 16px 0 0}}.radio-group{width:100%}.radio-group__label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #fff);margin-bottom:.75rem}.radio-group__options{display:flex;flex-direction:column;gap:.5rem}.radio-group__option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;cursor:pointer;transition:all .2s ease;user-select:none}.radio-group__option:hover{border-color:var(--color-accent, #00ff88);background:#ffffff05}.radio-group__option.selected{border-color:var(--color-accent, #00ff88);background:#00ff880d}.radio-group__input{position:absolute;opacity:0;pointer-events:none}.radio-group__radio{position:relative;width:20px;height:20px;border:2px solid var(--color-border, #333);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.radio-group__option:hover .radio-group__radio{border-color:var(--color-accent, #00ff88)}.radio-group__option.selected .radio-group__radio{border-color:var(--color-accent, #00ff88);background:#00ff881a}.radio-group__radio-dot{width:10px;height:10px;background:var(--color-accent, #00ff88);border-radius:50%;animation:radioDotAppear .2s ease}@keyframes radioDotAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.radio-group__option-label{flex:1;font-size:.875rem;color:var(--color-text-primary, #fff);font-weight:400}.radio-group__option.selected .radio-group__option-label{font-weight:500;color:var(--color-accent, #00ff88)}.radio-group__input:focus+.radio-group__radio{box-shadow:0 0 0 3px #00ff884d}@media(max-width:640px){.radio-group__option{padding:1rem}}@media(prefers-reduced-motion:reduce){.radio-group__option,.radio-group__radio,.radio-group__radio-dot{transition:none;animation:none}}.range-slider{width:100%;padding:.5rem 0}.range-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.range-slider__label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #fff)}.range-slider__value{font-size:.875rem;font-weight:600;color:var(--color-accent, #00ff88)}.range-slider__container{position:relative;height:44px;display:flex;align-items:center}.range-slider__track{position:absolute;width:100%;height:4px;background:var(--color-border, #333);border-radius:2px;pointer-events:none}.range-slider__range{position:absolute;height:100%;background:var(--color-accent, #00ff88);border-radius:2px}.range-slider__input{position:absolute;width:100%;height:44px;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;cursor:pointer}.range-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-accent, #00ff88);border:2px solid var(--color-bg, #0a0a0a);border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 2px 4px #0000004d;transition:transform .1s ease}.range-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-slider__input::-webkit-slider-thumb:active{transform:scale(1.2)}.range-slider__input::-moz-range-thumb{width:20px;height:20px;background:var(--color-accent, #00ff88);border:2px solid var(--color-bg, #0a0a0a);border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 2px 4px #0000004d;transition:transform .1s ease}.range-slider__input::-moz-range-thumb:hover{transform:scale(1.1)}.range-slider__input::-moz-range-thumb:active{transform:scale(1.2)}.range-slider__input--max{z-index:2}.range-slider__input--min{z-index:1}.range-slider__input:focus{outline:none}.range-slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #00ff884d}.range-slider__input:focus::-moz-range-thumb{box-shadow:0 0 0 3px #00ff884d}@media(max-width:640px){.range-slider__container,.range-slider__input{height:48px}.range-slider__input::-webkit-slider-thumb{width:24px;height:24px}.range-slider__input::-moz-range-thumb{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.range-slider__input::-webkit-slider-thumb,.range-slider__input::-moz-range-thumb{transition:none}.range-slider__input::-webkit-slider-thumb:hover,.range-slider__input::-webkit-slider-thumb:active,.range-slider__input::-moz-range-thumb:hover,.range-slider__input::-moz-range-thumb:active{transform:none}}.virtual-word-grid{width:100%;height:100%;min-height:500px}.virtual-word-card{display:block;width:100%;height:100%;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;padding:1rem;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.virtual-word-card:hover{transform:translateY(-2px);border-color:var(--color-accent, #00ff88);box-shadow:0 4px 12px #00ff881a}.virtual-word-card__content{display:flex;flex-direction:column;gap:.75rem;height:100%}.virtual-word-card__title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text-primary, #fff);text-transform:capitalize}.virtual-word-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.virtual-word-card__badge{display:inline-block;padding:.25rem .5rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;font-size:.75rem;color:var(--color-accent, #00ff88)}.virtual-word-card__complexity{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.virtual-word-card__complexity--basic{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.virtual-word-card__complexity--medium{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.virtual-word-card__complexity--advanced{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}@media(max-width:640px){.virtual-word-card{padding:.75rem}.virtual-word-card__title{font-size:1rem}}.accessibility-settings{max-width:600px;margin:0 auto;padding:var(--space-lg)}.accessibility-settings__title{font-size:var(--text-h2);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center}.accessibility-settings__options{display:flex;flex-direction:column;gap:var(--space-lg)}.accessibility-option{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:12px;transition:border-color var(--duration-short)}.accessibility-option:hover{border-color:var(--border-visible)}.accessibility-option__info{flex:1}.accessibility-option__label{display:block;font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs);cursor:pointer}.accessibility-option__description{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.toggle-button{position:relative;width:64px;height:32px;background:var(--surface-2);border:2px solid var(--border-visible);border-radius:16px;cursor:pointer;transition:all var(--duration-short);flex-shrink:0}.toggle-button:hover{border-color:var(--accent-primary)}.toggle-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.toggle-button__slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--text-secondary);border-radius:50%;transition:all var(--duration-short)}.toggle-button--active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-button--active .toggle-button__slider{transform:translate(32px);background:var(--text-primary)}.toggle-button__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-micro);font-weight:var(--weight-bold);color:var(--text-primary);pointer-events:none;opacity:0}.toggle-button--active .toggle-button__label{opacity:1}.motion-toggle-button{padding:var(--space-xs) var(--space-md);background:var(--surface-2);border:2px solid var(--border-visible);border-radius:8px;color:var(--text-primary);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-short);min-width:80px;flex-shrink:0}.motion-toggle-button:hover{background:var(--surface-3);border-color:var(--accent-primary)}.motion-toggle-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.accessibility-settings__info{margin-top:var(--space-xl);padding:var(--space-md);background:var(--surface-1);border-left:3px solid var(--accent-secondary);border-radius:4px}.info-text{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.info-text strong{color:var(--text-primary);font-weight:var(--weight-semibold)}@media(max-width:768px){.accessibility-settings{padding:var(--space-md)}.accessibility-option{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.toggle-button,.motion-toggle-button{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.accessibility-option,.toggle-button,.toggle-button__slider,.motion-toggle-button{transition:none}}[data-theme=high-contrast] .accessibility-option{border-width:2px}[data-theme=high-contrast] .toggle-button--active{background:var(--accent-primary)}[data-theme=high-contrast] .motion-toggle-button{font-weight:var(--weight-bold)}.workspace-graph-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.workspace-graph-overlay{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.workspace-graph-content{position:relative;width:90vw;max-width:900px;max-height:80vh;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.workspace-graph-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--surface-2)}.workspace-graph-title{display:flex;align-items:center;gap:var(--space-md);color:var(--text-primary)}.workspace-graph-title h3{margin:0;font-size:var(--text-h4);font-weight:var(--weight-bold);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.workspace-graph-count{font-size:var(--text-small);color:var(--text-muted);font-weight:var(--weight-medium)}.workspace-graph-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all var(--duration-short);display:flex;align-items:center}.workspace-graph-close:hover{background:var(--surface-3);color:var(--text-primary)}.workspace-graph-canvas{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a;min-height:min(60vh,500px);position:relative}.workspace-graph-empty{text-align:center;color:var(--text-secondary);padding:var(--space-xl)}.workspace-graph-empty p{margin:0 0 var(--space-sm) 0;font-size:var(--text-body)}.workspace-graph-hint{font-size:var(--text-small);color:var(--text-muted);font-style:italic}.workspace-graph-legend{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);background:var(--surface-2);display:flex;align-items:center;gap:var(--space-lg)}.workspace-graph-legend-title{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.workspace-graph-legend-items{display:flex;gap:var(--space-md);flex-wrap:wrap}.workspace-graph-legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-small);color:var(--text-secondary)}.workspace-graph-legend-color{width:12px;height:12px;border-radius:50%}.drop-zone{position:relative;min-height:100px;border:2px dashed var(--border-visible, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 12px);padding:var(--space-md, 16px);background-color:var(--surface-1, rgba(255, 255, 255, .03));transition:all var(--duration-short, .2s) ease-in-out;outline:none}.drop-zone:focus-visible{outline:2px solid var(--accent-neon, #00ffff);outline-offset:2px}.drop-zone.is-drag-over{border-color:var(--accent-neon, #00ffff);background-color:var(--accent-primary-glow, rgba(0, 255, 255, .05));box-shadow:inset 0 0 0 1px var(--accent-neon, #00ffff)}.drop-zone.is-disabled{opacity:.6;cursor:not-allowed;border-color:var(--border-subtle, rgba(255, 255, 255, .05))}.drop-zone__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-glow, rgba(0, 255, 255, .1));border-radius:var(--radius-md, 12px);pointer-events:none;z-index:10;animation:fadeIn var(--duration-short, .15s) ease-in-out;backdrop-filter:blur(4px)}.drop-zone__indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent-neon, #00ffff);font-weight:500;text-align:center}.drop-zone__indicator svg{animation:pulse 1.5s ease-in-out infinite}.drop-zone__content{position:relative;z-index:1;width:100%}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media(prefers-reduced-motion:reduce){.drop-zone{transition:none}.drop-zone__overlay{animation:none;backdrop-filter:none}.drop-zone__indicator svg{animation:none}}.workspace-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--surface-1);border-top:1px solid var(--border-subtle);transform:translateY(100%);transition:transform var(--duration-medium) var(--ease-out);z-index:100;box-shadow:0 -4px 20px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.workspace-drawer.is-open{transform:translateY(0)}.workspace-drawer__toggle{position:absolute;top:-48px;left:50%;transform:translate(-50%);background:var(--surface-1);border:1px solid var(--border-subtle);border-bottom:none;border-radius:12px 12px 0 0;padding:8px 16px;display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-primary);font-weight:var(--weight-semibold);box-shadow:0 -4px 12px #0000001a;transition:all var(--duration-short)}.workspace-drawer__toggle:hover{background:var(--surface-2);transform:translate(-50%) translateY(-2px)}.workspace-drawer__label{display:flex;align-items:center;gap:var(--space-xs)}.workspace-count{background:var(--brand-gradient);color:#fff;min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;font-size:11px}.workspace-drawer__content{max-height:500px;min-height:280px;padding:var(--space-lg);display:flex;flex-direction:column}.workspace-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.workspace-drawer__header h3{margin:0;font-size:var(--text-h4);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.workspace-drawer__actions{display:flex;gap:var(--space-sm);align-items:center}.workspace-drawer__action{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 10px;border-radius:6px;cursor:pointer;transition:all var(--duration-short);display:flex;align-items:center;gap:var(--space-xs)}.workspace-drawer__action:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary);border-color:var(--accent-primary-glow)}.workspace-drawer__action:disabled{opacity:.5;cursor:not-allowed}.workspace-drawer__clear{background:none;border:none;color:var(--text-secondary);font-size:var(--text-small);cursor:pointer;transition:color var(--duration-short)}.workspace-drawer__clear:hover:not(:disabled){color:var(--accent-warm);text-decoration:underline}.workspace-drawer__clear:disabled{opacity:.5;cursor:not-allowed}.workspace-drawer__grid{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);height:100%}.workspace-drawer__grid::-webkit-scrollbar{height:6px}.workspace-drawer__grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.workspace-drawer__grid::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.workspace-drawer__empty{flex:1;display:grid;place-items:center;color:var(--text-secondary);font-style:italic;border:1px dashed var(--border-subtle);border-radius:12px}.workspace-item__type{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px}.workspace-item__title{display:block;font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-item__title:hover{color:var(--accent-secondary)}.workspace-item__subtitle{font-size:var(--text-small);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-item__actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.workspace-action{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--duration-short)}.workspace-action:hover{background:var(--surface-3);color:var(--text-primary)}.workspace-action--danger:hover{background:#ff453a1a;color:var(--accent-warm)}.workspace-new-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--surface-2);border-radius:8px;border:1px solid var(--border-subtle)}.workspace-new-section input{flex:1;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:var(--text-small)}.workspace-new-section button{background:var(--brand-gradient);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:var(--text-small);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--duration-short)}.workspace-new-section button:hover{opacity:.9}.workspace-new-section button:last-child{background:var(--surface-3);color:var(--text-secondary)}.workspace-drawer__sections{display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;padding-bottom:var(--space-sm)}.workspace-drawer__sections::-webkit-scrollbar{width:6px}.workspace-drawer__sections::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.workspace-drawer__sections::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.workspace-section{display:flex;flex-direction:column;gap:var(--space-sm)}.workspace-section__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-2);border-radius:8px;border-left:3px solid var(--accent-primary)}.workspace-section__header h4{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);flex:1}.workspace-section__clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--duration-short);display:flex;align-items:center}.workspace-section__clear:hover{background:#ff453a1a;color:var(--accent-warm)}.workspace-section__items{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-xs)}.workspace-section__items::-webkit-scrollbar{height:6px}.workspace-section__items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.workspace-section__items::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.workspace-item{flex:0 0 240px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-md);display:flex;gap:var(--space-sm);transition:all var(--duration-short);position:relative}.workspace-item:hover{transform:translateY(-2px);border-color:var(--accent-primary-glow);box-shadow:0 4px 12px #0003}.workspace-item__drag{display:flex;align-items:flex-start;padding-top:4px;color:var(--text-muted);cursor:grab}.workspace-item__drag:active{cursor:grabbing}.workspace-item__main{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.workspace-item__section-select{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 8px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--duration-short);margin-top:4px}.workspace-item__section-select:hover{border-color:var(--accent-primary-glow)}.workspace-item__notes{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle)}.workspace-item__notes p{margin:0;font-size:var(--text-small);color:var(--text-secondary);font-style:italic;cursor:pointer;padding:4px;border-radius:4px;transition:background var(--duration-short)}.workspace-item__notes p:hover{background:var(--surface-1)}.workspace-item__add-notes{background:none;border:1px dashed var(--border-subtle);color:var(--text-muted);font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all var(--duration-short);display:flex;align-items:center;gap:4px;width:100%}.workspace-item__add-notes:hover{border-color:var(--accent-primary-glow);color:var(--text-secondary);background:var(--surface-1)}.workspace-item__notes-edit{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.workspace-item__notes-edit textarea{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:4px;padding:6px 8px;color:var(--text-primary);font-size:var(--text-small);font-family:inherit;resize:vertical;min-height:50px}.workspace-item__notes-edit textarea:focus{outline:none;border-color:var(--accent-primary-glow)}.workspace-item__notes-edit button{background:var(--brand-gradient);border:none;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--duration-short)}.workspace-item__notes-edit button:hover{opacity:.9}.workspace-item__notes-edit button:last-child{background:var(--surface-3);color:var(--text-secondary)}@media(max-width:768px){.workspace-drawer{left:0;right:0}.workspace-drawer__toggle{left:50%;transform:translate(-50%);width:auto;min-width:120px;font-size:var(--text-small)}.workspace-drawer__content{max-height:70vh;min-height:50vh}.workspace-drawer__header{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.workspace-drawer__header h3{font-size:var(--text-body)}.workspace-drawer__actions{gap:4px}.workspace-drawer__action{padding:4px}.workspace-section__header{padding:var(--space-xs) var(--space-sm)}.workspace-section__header h4{font-size:var(--text-small)}.workspace-item{flex:0 0 200px;padding:var(--space-sm)}.workspace-item__main,.workspace-item__title{font-size:var(--text-small)}.workspace-item__section-select{font-size:10px;padding:3px 6px}.workspace-new-section{padding:var(--space-sm);flex-wrap:wrap}.workspace-new-section input{width:100%;margin-bottom:var(--space-xs)}}@media(max-width:480px){.workspace-drawer__content{max-height:60vh}.workspace-item{flex:0 0 180px}}.cmd-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:20vh;animation:fadeIn .15s ease-out}.cmd-modal{width:100%;max-width:640px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 16px 70px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .15s ease-out}.cmd-header{display:flex;align-items:center;padding:0 var(--space-md);border-bottom:1px solid var(--border-subtle);height:56px}.cmd-icon{color:var(--text-secondary);margin-right:var(--space-sm)}.cmd-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-body);outline:none;height:100%}.cmd-shortcut{background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:10px;padding:2px 6px;font-family:var(--font-mono)}.cmd-close{background:transparent;border:none;cursor:pointer;padding:4px}.cmd-results{max-height:400px;overflow-y:auto;padding:var(--space-xs)}.cmd-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);cursor:pointer;border-radius:8px;transition:all .05s ease-out;color:var(--text-secondary)}.cmd-item.selected{background:var(--brand-gradient);color:#fff}.cmd-item.selected .cmd-item-icon,.cmd-item.selected .cmd-item-subtitle{color:#fffc}.cmd-item-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--space-md);color:var(--text-muted)}.cmd-item-content{flex:1;display:flex;flex-direction:column}.cmd-item-title{font-weight:var(--weight-medium)}.cmd-item-subtitle{font-size:12px;color:var(--text-muted)}.cmd-item-arrow{opacity:0;transform:translate(-4px);transition:all .1s}.cmd-item.selected .cmd-item-arrow{opacity:1;transform:translate(0)}.cmd-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.cmd-footer{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:var(--surface-2);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.cmd-footer-group{display:flex;align-items:center;gap:var(--space-xs)}.cmd-key{background:var(--surface-3);padding:1px 4px;border-radius:3px;min-width:18px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.cmd-overlay,.cmd-modal,.cmd-item,.cmd-item-arrow{animation:none;transition:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0}to{opacity:1}}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.studio-player{position:fixed;top:80px;left:20px;width:600px;max-width:calc(100vw - 32px);background:var(--glass-dark);border-radius:12px;border:1px solid var(--border-visible);z-index:var(--z-sticky);box-shadow:0 10px 40px #0006;overflow:hidden;transition:width .22s var(--ease-out),height .22s var(--ease-out),border-radius .22s var(--ease-out),opacity .22s var(--ease-out);will-change:transform;--mini-size: 96px;--mini-pad: 10px;--mini-radius: 999px}.studio-player__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);user-select:none}.studio-player__drag-handle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:10px;cursor:grab;flex-shrink:0}.studio-player__drag-handle:active{cursor:grabbing}.studio-player__drag-handle:hover{color:var(--accent-neon);background:var(--surface-3)}.studio-player__header-center{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.studio-player__title{font-size:12px;font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.studio-player__collapse-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:10px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.studio-player__collapse-btn:hover{color:var(--accent-neon);background:var(--surface-3)}.studio-player__track-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-short) var(--ease-out);white-space:nowrap;min-width:0}.studio-player__track-chip:hover{background:var(--surface-3);border-color:var(--accent-primary);box-shadow:0 0 10px #00ffff2e}.studio-player__track-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.studio-player__chev{flex-shrink:0;transition:transform var(--duration-short) var(--ease-out);opacity:.9}.studio-player__chev.is-open{transform:rotate(180deg)}.studio-player__btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:999px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.studio-player__btn:hover{color:var(--accent-neon);background:var(--surface-3);box-shadow:0 0 15px var(--accent-neon-glow)}.studio-player__btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.studio-player__btn.active{color:var(--accent-primary);background:var(--accent-primary-glow)}.play-btn{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-subtle)}.volume-slider{width:90px;height:4px;-webkit-appearance:none;appearance:none;background:var(--surface-3);border-radius:999px;cursor:pointer;outline:none;transition:all var(--duration-short) var(--ease-out)}.volume-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--surface-3);border-radius:999px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0000008c;margin-top:-4px;transition:all var(--duration-short) var(--ease-out)}.volume-slider::-webkit-slider-thumb:hover{width:14px;height:14px;background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary-glow);margin-top:-5px}.volume-slider::-moz-range-track{background:var(--surface-3);border-radius:999px;height:4px;border:none}.volume-slider::-moz-range-progress{background:var(--accent-primary);border-radius:999px;height:4px}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--text-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px #0000008c;transition:all var(--duration-short) var(--ease-out)}.volume-slider::-moz-range-thumb:hover{width:14px;height:14px;background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary-glow)}.volume-slider:focus{box-shadow:inset 0 0 0 2px var(--accent-primary-glow)}.track-menu{position:absolute;top:52px;left:12px;right:12px;background:var(--surface-2);border:1px solid var(--border-visible);border-radius:12px;box-shadow:0 14px 40px #0000008c;z-index:1000;max-height:420px;overflow:hidden;display:flex;flex-direction:column}.track-menu__top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--surface-2);z-index:2}.track-menu__title{font-size:12px;font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.track-menu__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:10px;transition:all var(--duration-short) var(--ease-out);display:inline-flex;align-items:center;justify-content:center}.track-menu__close:hover{color:var(--accent-neon);background:var(--surface-3)}.track-menu [role=listbox]{overflow-y:auto;overflow-x:hidden;outline:none}.track-menu__item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--duration-short) var(--ease-out);width:100%;border-bottom:1px solid var(--border-subtle)}.track-menu__item:last-child{border-bottom:none}.track-menu__item:hover{background:var(--surface-3)}.track-menu__item.active{background:var(--accent-primary-glow);color:var(--accent-primary)}.track-name{font-size:12px;font-weight:var(--weight-semibold)}.track-info{font-size:10px;color:var(--text-secondary);font-family:var(--font-mono)}.studio-player__body{display:flex;flex-direction:column;opacity:1;visibility:visible;transition:opacity var(--duration-short) var(--ease-out),visibility var(--duration-short) var(--ease-out);padding:var(--space-md)}.studio-player__main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md)}.studio-player__transport{display:inline-flex;align-items:center;gap:var(--space-xs);justify-content:center}.studio-player__wave-wrap{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.studio-player__wave-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.studio-player__loading{font-size:10px;color:var(--accent-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.studio-player__waveform{height:40px;cursor:pointer;min-width:200px}.studio-player__waveform wave{overflow:visible!important}.studio-player__volume{display:inline-flex;align-items:center;gap:var(--space-xs)}.studio-player__status-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--brand-gradient);opacity:.5}.studio-player[data-state=mini]{width:var(--mini-size);height:var(--mini-size);border-radius:var(--mini-radius)}.studio-player[data-state=mini][data-mini-shape=square]{border-radius:14px}.studio-player[data-state=mini] .studio-player__header{padding:6px;border-bottom:none;justify-content:space-between}.studio-player[data-state=mini] .studio-player__header-center{display:none}.studio-player__mini{position:relative;width:100%;height:calc(var(--mini-size) - 44px);padding:var(--mini-pad)}.studio-player[data-state=expanded] .studio-player__mini{display:none}.studio-player__mini-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-player__mini-row--bottom{margin-top:8px;gap:10px}.mini-btn{padding:8px}.mini-play{padding:10px;background:var(--surface-3);border:1px solid var(--border-subtle);color:var(--text-primary)}.mini-volume{width:90px}.studio-player__mini-track{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.studio-player__mini-track:hover{color:var(--accent-neon);background:var(--surface-3);box-shadow:0 0 12px #00ffff2e}.studio-player__mini-loading{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:34px;height:3px;border-radius:999px;background:var(--surface-3);overflow:hidden}.studio-player__mini-loading:after{content:"";display:block;height:100%;width:55%;background:var(--brand-gradient);opacity:.85;animation:studioPlayerMiniLoad .8s ease-in-out infinite}@keyframes studioPlayerMiniLoad{0%{transform:translate(-60%)}to{transform:translate(140%)}}.studio-player[data-state=mini] .studio-player__body{height:0;padding:0;opacity:0;pointer-events:none;visibility:hidden}.studio-player__btn:focus-visible,.studio-player__collapse-btn:focus-visible,.studio-player__drag-handle:focus-visible,.studio-player__track-chip:focus-visible,.track-menu__close:focus-visible,.track-menu__item:focus-visible,.studio-player__mini-track:focus-visible{outline:2px solid rgba(0,255,255,.35);outline-offset:2px}@media(max-width:768px){.studio-player{top:60px;left:16px!important;width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.studio-player__header{padding:var(--space-xs) var(--space-sm)}.studio-player__header-center{gap:var(--space-sm)}.studio-player__track-chip-name{max-width:160px}.studio-player__main{grid-template-columns:1fr;gap:var(--space-sm)}.studio-player__transport,.studio-player__volume{justify-content:center}.volume-slider{width:140px}.studio-player__waveform{min-width:120px}.track-menu{left:10px;right:10px;max-height:55vh}.studio-player{--mini-size: 92px}}.system-status{display:flex;align-items:center;gap:var(--space-md, 1rem);font-family:var(--font-mono, monospace);font-size:10px;color:var(--text-muted, #888);white-space:nowrap;user-select:none}.system-status__group{display:flex;align-items:center;gap:var(--space-xs, .5rem)}.system-status__icon{color:var(--accent-secondary, #00ced1)}.system-status__icon.pulse{animation:statusPulse 2s infinite ease-in-out}@keyframes statusPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.system-status__label{font-weight:600;color:var(--text-secondary, #aaa)}.system-status__value{color:var(--text-primary, #fff)}.system-status__value.text-success{color:var(--accent-neon, #0ff)}.system-status__separator{color:var(--border-subtle, rgba(255, 255, 255, .1));font-weight:200}@media(prefers-reduced-motion:reduce){.system-status__icon.pulse{animation:none}}@media(max-width:768px){.system-status__group:nth-child(n+5),.system-status__separator:nth-child(n+4){display:none}}.shortcuts-modal{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center}.shortcuts-overlay{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shortcuts-content{position:relative;width:90vw;max-width:700px;max-height:85vh;background:var(--surface-1, #111);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg, 1.5rem) var(--space-xl, 2rem);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .1));background:var(--surface-2, #1a1a1a)}.shortcuts-title-wrapper{display:flex;align-items:center;gap:var(--space-md, 1rem);color:var(--accent-secondary, #00ced1)}.shortcuts-title-wrapper h2{margin:0;font-size:var(--text-h3, 1.5rem);font-weight:var(--weight-bold, 700);background:var(--brand-gradient, linear-gradient(135deg, #8b5cf6 0%, #00ced1 100%));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:.05em}.shortcuts-close{background:none;border:none;color:var(--text-secondary, #aaa);cursor:pointer;padding:8px;border-radius:6px;transition:all var(--duration-short, .3s);display:flex;align-items:center}.shortcuts-close:hover{background:var(--surface-3, #333);color:var(--text-primary, #fff)}.shortcuts-body{flex:1;overflow-y:auto;padding:var(--space-xl, 2rem);display:flex;flex-direction:column;gap:var(--space-xl, 2rem)}.shortcuts-category{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.shortcuts-category-title{margin:0;font-size:var(--text-small, .875rem);font-weight:var(--weight-bold, 700);color:var(--text-primary, #fff);padding-bottom:var(--space-sm, .5rem);border-bottom:2px solid var(--accent-primary-glow, rgba(139, 92, 246, .3));text-transform:uppercase;letter-spacing:.1em}.shortcuts-list{display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.shortcuts-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm, .5rem) var(--space-md, 1rem);background:var(--surface-2, #1a1a1a);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:8px;transition:all var(--duration-short, .3s)}.shortcuts-item:hover{background:var(--surface-3, #333);border-color:var(--accent-primary-glow, rgba(139, 92, 246, .3));transform:translate(4px)}.shortcuts-description{font-size:var(--text-body, 1rem);color:var(--text-secondary, #aaa);font-weight:var(--weight-medium, 500)}.shortcuts-keys{display:inline-block;padding:4px 10px;background:linear-gradient(180deg,var(--surface-3, #333) 0%,var(--surface-2, #1a1a1a) 100%);border:1px solid var(--border-visible, rgba(255, 255, 255, .2));border-bottom-width:3px;border-radius:6px;font-family:var(--font-mono, monospace);font-size:var(--text-small, .875rem);font-weight:var(--weight-bold, 700);color:var(--text-primary, #fff);letter-spacing:.05em;box-shadow:0 2px 4px #0003}.shortcuts-footer{padding:var(--space-md, 1rem) var(--space-xl, 2rem);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .1));background:var(--surface-2, #1a1a1a);text-align:center}.shortcuts-footer p{margin:0;font-size:var(--text-small, .875rem);color:var(--text-muted, #888);font-style:italic}.shortcuts-footer kbd{display:inline-block;padding:2px 8px;background:var(--surface-3, #333);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:4px;font-family:var(--font-mono, monospace);font-size:var(--text-small, .875rem);font-weight:var(--weight-bold, 700);color:var(--accent-secondary, #00ced1);margin:0 4px}@media(prefers-reduced-motion:reduce){.shortcuts-content{animation:none!important}.shortcuts-item:hover{transform:none!important}}@media(max-width:640px){.shortcuts-content{width:95vw;max-height:90vh}.shortcuts-header,.shortcuts-body,.shortcuts-footer{padding:var(--space-md, 1rem)}.shortcuts-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs, .5rem)}}.smart-search{position:relative;width:100%;max-width:600px}.smart-search__input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#0a0f1999;backdrop-filter:blur(12px);border:1px solid rgba(0,242,254,.2);border-radius:12px;transition:all .3s ease}.smart-search__input-wrapper:focus-within{border-color:#00f2fe99;box-shadow:0 0 0 1px #00f2fe4d,0 0 20px #00f2fe33,inset 0 1px #ffffff1a}.smart-search__icon{color:var(--accent-neon, hsl(180, 100%, 50%));flex-shrink:0}.smart-search__input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem;font-family:Space Mono,monospace}.smart-search__input::placeholder{color:#fff6}.smart-search__loader{color:var(--accent-neon, hsl(180, 100%, 50%));animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.smart-search__clear{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s;flex-shrink:0}.smart-search__clear:hover{color:#f39}.smart-search__results{position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:500px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.smart-search__results .card-body{padding:.5rem}.smart-search__section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--accent-neon, hsl(180, 100%, 50%));font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(0,242,254,.2);margin-bottom:.25rem}.smart-search__category{margin-bottom:.75rem}.smart-search__category:last-child{margin-bottom:0}.smart-search__result-list{display:flex;flex-direction:column;gap:2px}.smart-search__result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0a0f194d;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.smart-search__result-item:hover,.smart-search__result-item--selected{background:#00f2fe1a;border-color:#00f2fe4d;transform:translate(4px)}.smart-search__result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.smart-search__result-icon--word{background:#00f2fe26;color:var(--accent-neon, hsl(180, 100%, 50%))}.smart-search__result-icon--entity{background:#ff00ff26;color:#f39}.smart-search__result-icon--domain{background:#ba55d326;color:var(--accent-purple, hsl(270, 80%, 60%))}.smart-search__result-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.smart-search__result-name{color:var(--text-primary);font-weight:600;font-size:.95rem}.smart-search__result-meta{color:#ffffff80;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-search__result-type{padding:.25rem .5rem;background:#00f2fe33;color:var(--accent-neon, hsl(180, 100%, 50%));border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.smart-search__suggestions{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,242,254,.1)}.smart-search__suggestion-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.smart-search__suggestion{padding:.5rem .75rem;background:#ba55d326;border:1px solid rgba(186,85,211,.3);border-radius:6px;color:var(--accent-purple, hsl(270, 80%, 60%));font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.smart-search__suggestion:hover{background:#ba55d340;border-color:var(--accent-purple, hsl(270, 80%, 60%));transform:translateY(-2px)}.smart-search__recent{margin-bottom:.75rem}.smart-search__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#ffffff80}.smart-search__empty-icon{margin-bottom:1rem;opacity:.3}.smart-search__empty p{margin:.25rem 0}.smart-search__empty-hint{font-size:.85rem;opacity:.7}.smart-search__results::-webkit-scrollbar{width:8px}.smart-search__results::-webkit-scrollbar-track{background:#0a0f194d;border-radius:4px}.smart-search__results::-webkit-scrollbar-thumb{background:#00f2fe4d;border-radius:4px}.smart-search__results::-webkit-scrollbar-thumb:hover{background:#00f2fe80}@media(max-width:768px){.smart-search{max-width:100%}.smart-search__results{max-height:400px}.smart-search__result-item{padding:.625rem}.smart-search__result-icon{width:28px;height:28px}.smart-search__result-name{font-size:.9rem}.smart-search__result-meta{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.smart-search__loader,.smart-search__results,.smart-search__result-item,.smart-search__suggestion{animation:none;transition:none}.smart-search__result-item:hover,.smart-search__result-item--selected,.smart-search__suggestion:hover{transform:none}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-0)}.app-header{position:sticky;top:0;z-index:var(--z-sticky);background:linear-gradient(180deg,#101018f2,#0c0c12d9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle)}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--brand-gradient);opacity:.5}.app-header__content{max-width:var(--container-max);margin:0 auto;padding:var(--space-sm) var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.app-header__search{flex:1;max-width:500px;display:flex}@media(max-width:1024px){.app-header__search{display:none}}.app-header__logo{display:flex;align-items:center;text-decoration:none;transition:transform var(--duration-short) var(--ease-out);flex-shrink:0}.app-header__logo:hover{transform:scale(1.02)}.app-header__logo .nav-logo{height:40px;width:auto;max-width:180px;object-fit:contain;filter:drop-shadow(0 0 8px var(--accent-primary-glow));transition:filter var(--duration-short) var(--ease-out)}.app-header__logo:hover .nav-logo{filter:drop-shadow(0 0 16px var(--accent-primary-glow))}.app-header__menu-btn{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;padding:var(--space-xs);border-radius:8px;transition:all var(--duration-micro) var(--ease-out)}.app-header__menu-btn:hover{background:var(--surface-2);border-color:var(--accent-primary)}@media(max-width:768px){.app-header__menu-btn{display:flex;align-items:center;justify-content:center}.app-header__logo .nav-logo{height:32px;max-width:140px}}.app-nav{display:flex;gap:var(--space-xs)}.app-nav--desktop{display:flex}@media(max-width:768px){.app-nav--desktop{display:none}}.app-nav--mobile{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl) var(--space-xl);background:var(--surface-0);background:#0a0a0cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:mobileMenuFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes mobileMenuFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(min-width:769px){.app-nav--mobile{display:none!important}}.app-nav--mobile .app-nav__link{font-size:var(--text-h3);padding:var(--space-md);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);width:100%;justify-content:flex-start;opacity:0;animation:linkSlideUp .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes linkSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-nav--mobile .app-nav__link:nth-child(1){animation-delay:.1s}.app-nav--mobile .app-nav__link:nth-child(2){animation-delay:.15s}.app-nav--mobile .app-nav__link:nth-child(3){animation-delay:.2s}.app-nav--mobile .app-nav__link:nth-child(4){animation-delay:.25s}.app-nav--mobile .app-nav__link:nth-child(5){animation-delay:.3s}.app-nav--mobile .app-nav__link:nth-child(6){animation-delay:.35s}.app-nav--mobile .app-nav__link:nth-child(7){animation-delay:.4s}.app-nav--mobile .app-nav__link:nth-child(8){animation-delay:.45s}.app-nav--mobile .app-nav__link--active{color:var(--text-primary);border-left:4px solid var(--accent-primary);background:linear-gradient(90deg,var(--surface-2),transparent);border-bottom:none}.app-header__menu-btn{z-index:2001;position:relative}.app-nav__link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:10px;text-decoration:none;color:var(--text-secondary);font-size:var(--text-small);font-weight:var(--weight-medium);transition:all var(--duration-short) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden}.app-nav__link:before{content:"";position:absolute;inset:0;background:var(--brand-gradient-subtle);opacity:0;transition:opacity var(--duration-short) var(--ease-out);border-radius:inherit}.app-nav__link:hover{color:var(--text-primary)}.app-nav__link:hover:before{opacity:1}.app-nav__link--active{background:#773cdd26;color:var(--accent-secondary)}.app-nav__link--active:after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:2px;background:var(--brand-gradient);border-radius:2px}.app-nav--mobile .app-nav__link--active:after{inset:50% auto auto 0;transform:translateY(-50%);width:3px;height:60%}.app-main{flex:1;width:100%}.app-footer{background:var(--surface-1);margin-top:var(--space-2xl);position:relative}.app-footer__gradient-line{height:2px;background:var(--brand-gradient);opacity:.6}.app-footer__content{max-width:var(--container-max);margin:0 auto;padding:var(--space-xl) var(--container-padding);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.app-footer__content .footer-logo{width:48px;height:48px;object-fit:contain;opacity:.8;filter:drop-shadow(0 0 12px var(--accent-primary-glow));transition:all var(--duration-short) var(--ease-out)}.app-footer__content .footer-logo:hover{opacity:1;transform:scale(1.1)}.app-footer__shortcuts-btn{display:flex;align-items:center;gap:var(--space-xs);padding:8px 14px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-short)}.app-footer__shortcuts-btn:hover{background:var(--surface-3);border-color:var(--accent-primary-glow);color:var(--text-primary);transform:translateY(-2px)}.shortcuts-icon{font-size:16px;line-height:1}.shortcuts-text{font-family:var(--font-sans)}@media(max-width:640px){.shortcuts-text{display:none}}.app-footer__text{font-size:var(--text-small);color:var(--text-secondary);margin:0}.app-footer__text--muted{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-micro)}@media(max-width:768px){.app-header__content{padding:var(--space-xs) var(--space-md)}.app-nav--mobile{gap:var(--space-xs)}.app-nav__link{padding:var(--space-sm);font-size:var(--text-small)}.app-footer{margin-top:var(--space-xl)}.app-footer__content{padding:var(--space-lg) var(--space-md);gap:var(--space-sm)}.app-footer__content .footer-logo{width:40px;height:40px}.app-footer__shortcuts-btn{padding:6px 12px;font-size:var(--text-small)}}@media(max-width:480px){.app-header__content{padding:var(--space-xs) var(--space-sm)}.app-header__logo .nav-logo{height:28px;max-width:120px}.app-nav__link{padding:10px var(--space-sm)}.app-footer__content{padding:var(--space-md) var(--space-sm)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg, 2rem);background:var(--surface-0, #0a0a0a);color:var(--text-primary, #fff)}.error-boundary--route{min-height:400px;background:var(--surface-1, #111);border-radius:16px;margin:var(--space-md, 1rem);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1))}.error-boundary__content{max-width:600px;background:var(--surface-1, #111);border:1px solid var(--accent-primary-glow, rgba(139, 92, 246, .3));border-radius:20px;padding:var(--space-xl, 3rem) var(--space-lg, 2rem);box-shadow:0 20px 50px #00000080;text-align:center}.error-boundary__icon{font-size:4rem;margin-bottom:var(--space-md, 1rem);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.error-boundary__title{font-size:var(--text-h2, 2rem);font-weight:700;color:var(--text-primary, #fff);margin:0 0 var(--space-sm, 1rem) 0;text-transform:uppercase;letter-spacing:.05em}.error-boundary__message{font-size:var(--text-body, 1.125rem);color:var(--text-secondary, #aaa);margin:0 0 var(--space-lg, 2rem) 0;line-height:1.6}.error-boundary__details{margin:var(--space-lg, 2rem) 0;text-align:left;background:var(--surface-2, #1a1a1a);border-radius:12px;padding:1.5rem;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1))}.error-boundary__details summary{cursor:pointer;font-weight:600;color:var(--accent-secondary, #00ced1);padding:.5rem;user-select:none}.error-boundary__details summary:hover{color:var(--accent-primary, #8b5cf6)}.error-boundary__stack{margin:1rem 0 0;padding:1rem;background:var(--surface-0, #000);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:8px;font-size:.875rem;font-family:var(--font-mono, monospace);overflow-x:auto;color:var(--accent-warm, #f59e0b);line-height:1.5;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.error-boundary__button{padding:.75rem 1.5rem;border:1px solid transparent;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.error-boundary__button--primary{background:var(--brand-gradient, linear-gradient(135deg, #8b5cf6 0%, #00ced1 100%));color:#fff;box-shadow:0 4px 15px var(--accent-primary-glow, rgba(139, 92, 246, .3))}.error-boundary__button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-primary-glow, rgba(139, 92, 246, .4))}.error-boundary__button--secondary{background:var(--surface-3, #333);color:#fff}.error-boundary__button--secondary:hover{background:var(--text-muted, #444);transform:translateY(-2px)}.error-boundary__button--tertiary{background:transparent;color:var(--accent-secondary, #00ced1);border:1px solid var(--accent-secondary, #00ced1)}.error-boundary__button--tertiary:hover{background:#00ffff1a;transform:translateY(-2px)}.error-boundary__button:active{transform:translateY(0)}.error-boundary__warning{margin-top:1.5rem;padding:1rem;background:#f59e0b1a;border:1px solid var(--accent-warm, #f59e0b);border-radius:8px;color:var(--accent-warm, #f59e0b);font-size:.875rem;font-weight:500}@media(prefers-reduced-motion:reduce){.error-boundary__icon{animation:none!important}.error-boundary__button{transition:none!important}.error-boundary__button:hover{transform:none!important}}@media(max-width:768px){.error-boundary{padding:1rem}.error-boundary__content{padding:2rem 1.5rem}.error-boundary__title{font-size:1.5rem}.error-boundary__actions{flex-direction:column}.error-boundary__button{width:100%}}.page-transition{width:100%;min-height:100vh;will-change:transform,opacity}.page-transition>*{backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){.page-transition{animation:none!important;transition:none!important}}.scanning-lines{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.scanning-lines__line{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);filter:blur(1px);will-change:transform,opacity}.scanning-lines--subtle .scanning-lines__line{opacity:.15;height:1px}.scanning-lines--medium .scanning-lines__line{opacity:.25;height:2px}.scanning-lines--high .scanning-lines__line{opacity:.4;height:3px;box-shadow:0 0 8px currentColor}.scanning-lines--primary{color:var(--accent-primary, hsl(262, 70%, 55%))}.scanning-lines--secondary{color:var(--accent-neon, hsl(180, 100%, 50%))}.scanning-lines--warm{color:var(--accent-warm, hsl(35, 100%, 60%))}@media(prefers-reduced-motion:reduce){.scanning-lines{display:none}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#0a0a14f2;backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.2);z-index:1000;justify-content:space-around;align-items:center;padding:0 8px}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .3s ease;min-width:60px;min-height:48px}.mobile-bottom-nav .nav-item span{font-size:11px;font-weight:500}.mobile-bottom-nav .nav-item:active{transform:scale(.95)}.mobile-bottom-nav .nav-item.active{color:#8b5cf6}.mobile-bottom-nav .nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:0 0 3px 3px}}.magnetic-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs, 8px);padding:var(--space-sm, 16px) var(--space-md, 24px);font-family:var(--font-sans);font-weight:var(--weight-semibold, 600);font-size:var(--text-body, 1.125rem);border:none;border-radius:8px;cursor:pointer;transition:all var(--duration-short, .3s) ease;will-change:transform;backface-visibility:hidden;outline:none}.magnetic-button--primary{background:var(--brand-gradient, linear-gradient(135deg, #5D3FD3 0%, #00CED1 100%));color:#fff;box-shadow:0 4px 12px #773cdd4d}.magnetic-button--primary:hover{box-shadow:0 8px 24px #773cdd80;transform:translateY(-2px)}.magnetic-button--primary:active{transform:translateY(0);box-shadow:0 2px 8px #773cdd66}.magnetic-button--secondary{background:transparent;color:var(--accent-neon, hsl(180, 100%, 50%));border:2px solid var(--accent-neon, hsl(180, 100%, 50%));box-shadow:0 0 20px #0ff3}.magnetic-button--secondary:hover{background:#00ffff1a;box-shadow:0 0 30px #0ff6}.magnetic-button--ghost{background:#23232f99;color:var(--text-primary, hsl(0, 0%, 95%));backdrop-filter:blur(12px);border:1px solid var(--border-visible, hsla(0, 0%, 100%, .12))}.magnetic-button--ghost:hover{background:#23232fcc;border-color:var(--accent-primary, hsl(262, 70%, 55%))}.magnetic-button--sm{padding:var(--space-xs, 8px) var(--space-sm, 16px);font-size:var(--text-small, .875rem)}.magnetic-button--md{padding:var(--space-sm, 16px) var(--space-md, 24px);font-size:var(--text-body, 1.125rem)}.magnetic-button--lg{padding:var(--space-md, 24px) var(--space-lg, 40px);font-size:var(--text-h3, 1.25rem)}.magnetic-button--icon{width:48px;height:48px;padding:0;border-radius:50%}.magnetic-button--icon.magnetic-button--sm{width:36px;height:36px}.magnetic-button--icon.magnetic-button--lg{width:64px;height:64px}.magnetic-button--hovered{z-index:10}.magnetic-button__glow{position:absolute;inset:-4px;border-radius:inherit;background:inherit;filter:blur(12px);opacity:.6;z-index:-1;pointer-events:none;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.8}}.magnetic-button__content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-xs, 8px)}.magnetic-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.magnetic-button:focus-visible{outline:2px solid var(--accent-neon, hsl(180, 100%, 50%));outline-offset:2px}@media(prefers-reduced-motion:reduce){.magnetic-button{transition:none}.magnetic-button__glow{animation:none}}@media(hover:none)and (pointer:coarse){.magnetic-button{transform:none!important}.magnetic-button:active{transform:scale(.95)!important}}.hover-card{position:relative;transition:transform var(--duration-short, .3s) ease}.hover-card--hovered{transform:translateY(-2px);z-index:100}.hover-card--disabled{cursor:not-allowed;opacity:.6}.hover-card__content{position:relative;z-index:1}.hover-card__overlay{position:absolute;z-index:10;pointer-events:none;opacity:0;will-change:transform,opacity}.hover-card--center .hover-card__overlay{top:50%;left:50%;transform:translate(-50%,-50%)}.hover-card--top .hover-card__overlay{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.hover-card--bottom .hover-card__overlay{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.hover-card__overlay-content{background:#15151ef2;backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-visible, hsla(0, 0%, 100%, .12));border-radius:8px;padding:var(--space-sm, 16px);min-width:200px;max-width:320px;box-shadow:0 8px 32px #00000080,0 0 0 1px #773cdd33,inset 0 0 20px #0000004d;font-family:var(--font-mono, monospace);font-size:var(--text-small, .875rem);position:relative}.hover-card__overlay-content:after{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="300" height="300" filter="url(%23noise)" opacity="0.05"/></svg>');background-size:100px 100px;opacity:.3;pointer-events:none;border-radius:inherit}.hover-card__overlay-title{font-weight:var(--weight-bold, 700);color:var(--accent-neon, hsl(180, 100%, 50%));margin-bottom:var(--space-xs, 8px);padding-bottom:var(--space-xs, 8px);border-bottom:1px solid var(--border-subtle, hsla(0, 0%, 100%, .06));text-transform:uppercase;letter-spacing:1px;font-size:var(--text-small, .875rem)}.hover-card__overlay-list{display:flex;flex-direction:column;gap:var(--space-xs, 8px)}.hover-card__overlay-item{display:flex;gap:var(--space-xs, 8px);color:var(--text-primary, hsl(0, 0%, 95%));line-height:1.4;will-change:transform,opacity}.hover-card__overlay-label{color:var(--text-secondary, hsl(240, 10%, 60%));font-weight:var(--weight-medium, 500);min-width:80px;flex-shrink:0}.hover-card__overlay-value{color:var(--text-primary, hsl(0, 0%, 95%));flex:1}.hover-card__overlay-footer{margin-top:var(--space-sm, 16px);padding-top:var(--space-xs, 8px);border-top:1px solid var(--border-subtle, hsla(0, 0%, 100%, .06));color:var(--text-muted, hsl(240, 10%, 40%));font-size:var(--text-micro, .75rem);font-style:italic}.hover-card--minimal .hover-card__overlay-content{padding:var(--space-xs, 8px) var(--space-sm, 16px);min-width:160px}.hover-card--minimal .hover-card__overlay-title{font-size:var(--text-micro, .75rem);margin-bottom:4px;padding-bottom:4px}.hover-card--minimal .hover-card__overlay-item{font-size:var(--text-micro, .75rem)}.hover-card--detailed .hover-card__overlay-content{padding:var(--space-md, 24px);max-width:400px}.hover-card--detailed .hover-card__overlay-title{font-size:var(--text-body, 1rem)}.hover-card--hovered .hover-card__overlay-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-neon, hsl(180, 100%, 50%)) 50%,transparent 100%);animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(200px)}}@media(prefers-reduced-motion:reduce){.hover-card{transition:none}.hover-card--hovered{transform:none}.hover-card__overlay-content:before{animation:none}}@media(hover:none)and (pointer:coarse){.hover-card__overlay{display:none}}.haptic-button{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.haptic-ripple{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#0ff9,#0ff0 70%);pointer-events:none;transform:translate(-50%,-50%)}.visual-feedback{position:fixed;top:var(--space-lg, 40px);left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:var(--space-sm, 16px);padding:var(--space-sm, 16px) var(--space-md, 24px);background:#15151ef2;backdrop-filter:blur(16px) saturate(180%);border-radius:8px;border:1px solid var(--border-visible, hsla(0, 0%, 100%, .12));box-shadow:0 8px 32px #00000080,0 0 0 1px #773cdd33;font-family:var(--font-sans);font-size:var(--text-body, 1rem);font-weight:var(--weight-medium, 500);color:var(--text-primary, hsl(0, 0%, 95%));will-change:transform,opacity}.visual-feedback__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700}.visual-feedback__message{flex:1}.visual-feedback--success{border-color:#22c373}.visual-feedback--success .visual-feedback__icon{background:#22c373;color:#fff}.visual-feedback--error{border-color:#dd3c3c}.visual-feedback--error .visual-feedback__icon{background:#dd3c3c;color:#fff}.visual-feedback--warning{border-color:#fa3}.visual-feedback--warning .visual-feedback__icon{background:#fa3;color:#0c0c12}.visual-feedback--info{border-color:var(--accent-neon, hsl(180, 100%, 50%))}.visual-feedback--info .visual-feedback__icon{background:var(--accent-neon, hsl(180, 100%, 50%));color:#0c0c12}@media(prefers-reduced-motion:reduce){.haptic-ripple{display:none}.visual-feedback{transition:none}}@media(max-width:768px){.visual-feedback{top:var(--space-md, 24px);left:var(--space-sm, 16px);right:var(--space-sm, 16px);transform:none;max-width:calc(100% - var(--space-lg, 40px))}}.glass{background:var(--overlay-glass, hsla(240, 15%, 16%, .6));backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-visible, hsla(0, 0%, 100%, .12));position:relative;overflow:hidden;border-radius:var(--radius, 16px);z-index:0}.glass>*{position:relative;z-index:1}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#773cdd4d,#0ff3,#773cdd1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--duration-short, .3s) ease;z-index:0}@media(hover:hover)and (pointer:fine){.glass:hover:before{opacity:1}}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='300' height='300' filter='url(%23noise)' opacity='0.05'/></svg>");background-size:150px 150px;opacity:.35;mix-blend-mode:overlay;pointer-events:none;z-index:0}.glass--subtle{background:#23232f66;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.glass--heavy{background:#23232fcc;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}.glass--frosted{background:#23232fb3;backdrop-filter:blur(16px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.1)}.glass--primary:before{background:linear-gradient(135deg,#773cdd80,#773cdd33)}.glass--secondary:before{background:linear-gradient(135deg,#00ffff80,#0ff3)}.glass--warm:before{background:linear-gradient(135deg,#ffaa3380,#fa33)}.glass--no-noise:after{display:none}.glass--animated:before{animation:borderGlow 3s ease-in-out infinite;opacity:.4}@keyframes borderGlow{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.glass:before{transition:none}.glass--animated:before{animation:none;opacity:.35}}@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){.glass{background:#23232ff2}.glass--subtle{background:#23232fe6}.glass--heavy{background:#23232ffa}}h1,h2,h3{font-weight:300;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);margin-bottom:1rem}.page-container{max-width:1200px;margin:0 auto}.glitch-text{font-size:3rem;font-weight:900;color:var(--text-primary);position:relative}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.card{background:#ffffff08;border:1px solid var(--border-visible);padding:20px;border-radius:4px;backdrop-filter:blur(10px)}.stat{display:block;font-size:2rem;color:var(--accent-primary);font-family:var(--font-mono);margin-top:10px}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:30px}.domain-card{height:100px;background:var(--surface-1);border:1px solid var(--border-visible);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);cursor:pointer;transition:all .2s}.domain-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-primary-glow)}@media(prefers-reduced-motion:reduce){.domain-card{transition:none}}:root{--surface-0: hsl(240, 20%, 6%);--surface-1: hsl(240, 18%, 10%);--surface-2: hsl(240, 15%, 16%);--surface-3: hsl(240, 12%, 22%);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(240, 10%, 60%);--text-muted: hsl(240, 10%, 40%);--accent-primary: hsl(262, 70%, 55%);--accent-primary-glow: hsla(262, 70%, 55%, .4);--accent-secondary: hsl(180, 100%, 41%);--accent-secondary-glow: hsla(180, 100%, 41%, .3);--accent-neon: hsl(180, 100%, 50%);--accent-neon-glow: hsla(180, 100%, 50%, .3);--accent-warm: hsl(35, 100%, 60%);--accent-warm-glow: hsla(35, 100%, 60%, .3);--accent-purple: hsl(270, 80%, 60%);--brand-gradient: linear-gradient(135deg, #5D3FD3 0%, #6B4CE6 50%, #00CED1 100%);--brand-gradient-subtle: linear-gradient(135deg, hsla(262, 70%, 55%, .2) 0%, hsla(180, 100%, 41%, .2) 100%);--era-genesis: hsl(200, 80%, 50%);--era-evolution: hsl(160, 70%, 45%);--era-current: hsl(280, 70%, 55%);--border-subtle: hsla(0, 0%, 100%, .06);--border-visible: hsla(0, 0%, 100%, .12);--overlay-dark: hsla(240, 20%, 6%, .8);--overlay-glass: hsla(240, 15%, 16%, .6);--surface-overlay: hsla(240, 18%, 10%, .8);--glass-dark: hsla(240, 15%, 8%, .8);--glass-border: hsla(0, 0%, 100%, .15);--font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-hero: clamp(3rem, 8vw, 7rem);--text-h1: clamp(2rem, 4vw, 3.5rem);--text-h2: clamp(1.5rem, 3vw, 2rem);--text-h3: clamp(1.25rem, 2vw, 1.5rem);--text-body: 1.125rem;--text-small: .875rem;--text-micro: .75rem;--text-tiny: .625rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-unit: .25rem;--space-xs: calc(var(--space-unit) * 2);--space-sm: calc(var(--space-unit) * 4);--space-md: calc(var(--space-unit) * 6);--space-lg: calc(var(--space-unit) * 10);--space-xl: calc(var(--space-unit) * 16);--space-2xl: calc(var(--space-unit) * 24);--space-section: calc(var(--space-unit) * 32);--duration-micro: .15s;--duration-short: .3s;--duration-medium: .5s;--duration-long: .8s;--duration-cinematic: 1.2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-snap: cubic-bezier(.19, 1, .22, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--container-max: 1400px;--container-padding: var(--space-md);--grid-columns: 12;--grid-gap: var(--space-md);--section-min-height: 100dvh;--z-base: 0;--z-elevated: 10;--z-sticky: 100;--z-modal: 1000;--z-overlay: 2000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-0);overflow-x:hidden}.has-bottom-nav{padding-bottom:80px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px;border:1px solid var(--surface-0)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary-glow)}::selection{background:var(--accent-primary);color:#fff;text-shadow:0 0 8px var(--accent-primary-glow)}*:focus-visible{outline:2px solid var(--accent-neon);outline-offset:4px;box-shadow:0 0 15px var(--accent-neon-glow);border-radius:4px;animation:focus-pulse 1.5s infinite}@keyframes focus-pulse{0%{box-shadow:0 0 15px var(--accent-neon-glow)}50%{box-shadow:0 0 25px var(--accent-neon),0 0 10px var(--accent-primary)}to{box-shadow:0 0 15px var(--accent-neon-glow)}}.scroll-container{position:relative;width:100%}.section{min-height:var(--section-min-height);width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--container-padding)}.section--pinned{overflow:hidden}.text-hero{font-size:var(--text-hero);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.text-h1{font-size:var(--text-h1);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.text-h2{font-size:var(--text-h2);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.text-body{font-size:var(--text-body);line-height:var(--leading-relaxed)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-neon)}.glow-neon{box-shadow:0 0 20px var(--accent-neon-glow),0 0 40px var(--accent-neon-glow)}.text-glow-neon{text-shadow:0 0 10px var(--accent-neon-glow),0 0 20px var(--accent-neon-glow)}.skip-link{position:absolute;top:-40px;left:0;background:var(--surface-0, #000);color:var(--text-primary, #fff);padding:var(--space-sm, 8px);text-decoration:none;z-index:10000;transition:top var(--duration-short, .2s);font-weight:var(--weight-semibold, 600)}.skip-link:focus{top:0;outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}.fatal-error-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-md, 16px);background:var(--surface-0, hsl(240, 20%, 6%));font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-primary, hsl(0, 0%, 95%));z-index:999999;min-height:100vh}.fatal-error-screen__content{max-width:500px;width:100%;padding:var(--space-lg, 40px) var(--space-md, 16px);background:var(--surface-1, hsl(240, 18%, 10%));border:1px solid var(--border-visible, hsla(0, 0%, 100%, .12));border-radius:12px;box-shadow:0 20px 60px #00000080;text-align:center}.fatal-error-screen__icon{font-size:3rem;margin-bottom:var(--space-md, 16px);display:block}.fatal-error-screen__title{font-size:var(--text-h2, clamp(1.5rem, 3vw, 2rem));font-weight:var(--weight-bold, 700);margin:0 0 var(--space-sm, 12px);color:var(--text-primary, hsl(0, 0%, 95%));line-height:var(--leading-tight, 1.1)}.fatal-error-screen__message{font-size:var(--text-body, 1.125rem);color:var(--text-secondary, hsl(240, 10%, 60%));line-height:var(--leading-normal, 1.5);margin:0 0 var(--space-lg, 40px)}.fatal-error-screen__details{margin:var(--space-lg, 40px) 0;text-align:left}.fatal-error-screen__summary{padding:var(--space-sm, 12px);background:var(--surface-2, hsl(240, 15%, 16%));border:1px solid var(--border-subtle, hsla(0, 0%, 100%, .06));border-radius:6px;cursor:pointer;font-weight:var(--weight-semibold, 600);color:var(--text-secondary, hsl(240, 10%, 60%));transition:all var(--duration-short, .3s);user-select:none}.fatal-error-screen__summary:hover{background:var(--surface-3, hsl(240, 12%, 22%));border-color:var(--border-visible, hsla(0, 0%, 100%, .12))}.fatal-error-screen__error-details{margin:var(--space-sm, 12px) 0 0;padding:var(--space-sm, 12px);background:var(--surface-0, hsl(240, 20%, 6%));border:1px solid var(--border-subtle, hsla(0, 0%, 100%, .06));border-radius:6px;overflow-x:auto;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.875rem;color:var(--text-muted, hsl(240, 10%, 40%));line-height:var(--leading-snug, 1.25);max-height:300px;overflow-y:auto}.fatal-error-screen__actions{display:flex;flex-direction:column;gap:var(--space-sm, 12px);margin:var(--space-lg, 40px) 0}.fatal-error-screen__button{padding:var(--space-sm, 12px) var(--space-md, 16px);border:none;border-radius:8px;font-size:var(--text-body, 1.125rem);font-weight:var(--weight-semibold, 600);cursor:pointer;transition:all var(--duration-short, .3s);outline:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs, 8px)}.fatal-error-screen__button:focus-visible{outline:2px solid var(--accent-neon, hsl(180, 100%, 50%));outline-offset:2px}.fatal-error-screen__button--primary{background:var(--brand-gradient, linear-gradient(135deg, #5D3FD3 0%, #00CED1 100%));color:#fff;box-shadow:0 4px 16px #5d3fd34d}.fatal-error-screen__button--primary:hover{box-shadow:0 8px 24px #5d3fd380;transform:translateY(-2px)}.fatal-error-screen__button--primary:active{transform:translateY(0)}.fatal-error-screen__button--secondary{background:transparent;border:1px solid var(--border-visible, hsla(0, 0%, 100%, .12));color:var(--text-secondary, hsl(240, 10%, 60%))}.fatal-error-screen__button--secondary:hover{background:var(--surface-2, hsl(240, 15%, 16%));border-color:var(--accent-neon, hsl(180, 100%, 50%));color:var(--accent-neon, hsl(180, 100%, 50%))}.fatal-error-screen__footer{font-size:var(--text-small, .875rem);color:var(--text-muted, hsl(240, 10%, 40%));margin:var(--space-md, 16px) 0 0;line-height:var(--leading-normal, 1.5)}@media(prefers-reduced-motion:reduce){.fatal-error-screen__button,.fatal-error-screen__summary{transition:none}.fatal-error-screen__button:hover,.fatal-error-screen__button:active{transform:none}}@media(max-width:600px){.fatal-error-screen{padding:var(--space-sm, 12px)}.fatal-error-screen__content{padding:var(--space-md, 16px)}.fatal-error-screen__title{font-size:var(--text-h3, clamp(1.25rem, 2vw, 1.5rem))}.fatal-error-screen__message{font-size:var(--text-small, .875rem)}.fatal-error-screen__actions{gap:var(--space-xs, 8px)}.fatal-error-screen__button{padding:var(--space-xs, 8px) var(--space-sm, 12px);font-size:var(--text-small, .875rem);min-height:40px}}