@font-face{font-family:Instrument Sans;src:url(../../../fonts/InstrumentSans-Variable.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../../../fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(../../../fonts/InstrumentSerif-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../../../fonts/JetBrainsMono-Variable.woff2) format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--z-grid: 1;--z-spotlight: 2;--z-base: 10;--z-elevated: 100;--z-nav: 500;--font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Menlo, monospace}[data-theme=modern]{--color-background: #000000;--color-surface: rgba(0, 0, 0, .6);--color-glass: rgba(255, 255, 255, .05);--color-glass-heavy: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: #888888;--color-text-tertiary: #666666;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-success: #22c55e;--color-warning: #ffa500;--color-error: #ef4444;--border-radius: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--transition-base: all .2s ease;--transition-medium: all .3s ease;--grid-line: rgba(255, 255, 255, .02);--grid-size: 40px;--ambient-opacity: .1;--ambient-visible: 1}[data-theme=brutalist]{--color-background: #ffffff;--color-surface: #ffffff;--color-glass: #ffffff;--color-glass-heavy: #f5f5f0;--color-text-primary: #000000;--color-text-secondary: #4a4a4a;--color-text-tertiary: #666666;--color-border: #000000;--color-border-hover: #000000;--color-success: #00aa00;--color-warning: #ff8800;--color-error: #ff0000;--border-radius: 0;--border-radius-lg: 0;--border-radius-xl: 0;--shadow-sm: 2px 2px 0 #000000;--shadow-md: 4px 4px 0 #000000;--shadow-lg: 6px 6px 0 #000000;--transition-base: none;--transition-medium: none;--grid-line: transparent;--grid-size: 0;--ambient-opacity: 0;--ambient-visible: 0}[data-theme=brutalist] .app-detail-page[data-slug=vuwrite],[data-theme=brutalist] .app-detail-page[data-slug=vuvault]{--app-accent: #000000}[data-theme=modern] .app-detail-page[data-slug=vutunnel]{--shadow-glow: 0 0 40px rgba(99, 102, 241, .35)}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);scroll-behavior:smooth}body{min-height:100vh;margin:0;background:var(--color-background);color:var(--color-text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--app-accent, var(--color-text-primary));outline-offset:2px}.skip-link{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-nav) + 1);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-primary);color:var(--color-background);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);position:relative;z-index:var(--z-base)}.mono{font-family:var(--font-mono)}@media (max-width: 520px){.container{padding:0 var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-theme=modern] .app-detail-page{--color-primary: var(--app-accent);--color-primary-dark: color-mix(in srgb, var(--app-accent) 70%, black);--color-accent-border: color-mix(in srgb, var(--app-accent) 18%, transparent);--shadow-glow: 0 0 40px color-mix(in srgb, var(--app-accent) 20%, transparent)}[data-theme=modern] .vu-card{background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}[data-theme=modern] .vu-install-glow{box-shadow:var(--shadow-glow)}[data-theme=modern] .vu-hover-lift{transition:var(--transition-base)}[data-theme=modern] .vu-hover-lift:hover{transform:translateY(-2px)}[data-theme=brutalist] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=brutalist] .ambient-light,[data-theme=brutalist] .bg-atmosphere,[data-theme=brutalist] .bg-grid,[data-theme=brutalist] .bg-glow{display:none!important}[data-theme=brutalist] .app-detail-page{--color-primary: var(--app-accent);--color-primary-dark: var(--color-text-primary);--color-accent-border: var(--color-border);--shadow-glow: var(--shadow-md)}[data-theme=brutalist] .vu-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:0;box-shadow:var(--shadow-md)}[data-theme=brutalist] .vu-install-glow{box-shadow:var(--shadow-md)}[data-theme=brutalist] .vu-hover-lift:hover{transform:none}
