:root{--brand-yellow: #FFD23F;--brand-cyan: #00D9FF;--brand-pink: #FF2E97;--brand-orange: #FF6B35;--brand-red: #E63946;--brand-black: #0A0A0A;--brand-white: #F5F5F5;--brand-transparent: transparent;--primary-50: hsl(45, 100%, 95%);--primary-100: hsl(45, 100%, 90%);--primary-200: hsl(45, 100%, 80%);--primary-300: hsl(45, 100%, 70%);--primary-400: hsl(45, 100%, 63%);--primary-500: #FFD23F;--primary-600: hsl(45, 100%, 50%);--primary-700: hsl(45, 95%, 42%);--primary-800: hsl(45, 90%, 35%);--primary-900: hsl(45, 85%, 28%);--neutral-50: hsl(210, 10%, 96%);--neutral-100: hsl(210, 10%, 92%);--neutral-200: hsl(210, 10%, 85%);--neutral-300: hsl(210, 10%, 75%);--neutral-400: hsl(210, 10%, 60%);--neutral-500: hsl(210, 10%, 45%);--neutral-600: hsl(210, 12%, 30%);--neutral-700: hsl(210, 15%, 20%);--neutral-800: hsl(210, 18%, 12%);--neutral-900: hsl(210, 20%, 8%);--accent-yellow-light: hsl(45, 100%, 70%);--accent-yellow: var(--brand-yellow);--accent-yellow-dark: hsl(45, 100%, 40%);--accent-cyan-light: hsl(190, 100%, 70%);--accent-cyan: var(--brand-cyan);--accent-cyan-dark: hsl(190, 100%, 40%);--accent-pink-light: hsl(330, 100%, 70%);--accent-pink: var(--brand-pink);--accent-pink-dark: hsl(330, 100%, 40%);--accent-orange-light: hsl(14, 100%, 70%);--accent-orange: var(--brand-orange);--accent-orange-dark: hsl(14, 100%, 40%);--accent-red-light: hsl(354, 75%, 70%);--accent-red: var(--brand-red);--accent-red-dark: hsl(354, 75%, 40%);--color-success: #22c55e;--color-success-subtle: rgba(34, 197, 94, .1);--color-success-dark: #166534;--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .1);--color-warning-dark: #92400e;--color-error: #ef4444;--color-info: var(--accent-blue);--color-primary: var(--primary-500);--color-background: var(--neutral-900);--color-surface: var(--neutral-800);--color-surface-light: var(--neutral-700);--color-text: var(--brand-white);--color-text-muted: var(--neutral-300);--color-text-disabled: var(--neutral-500);--color-border: var(--primary-500);--color-border-light: var(--neutral-600);--color-border-muted: var(--neutral-700);--input-background: var(--neutral-900);--input-border: var(--primary-500);--input-border-focus: var(--primary-400);--input-border-error: var(--color-error);--input-border-success: var(--color-success);--input-text: var(--brand-white);--input-placeholder: var(--neutral-400);--input-label: var(--primary-400);--modal-background: var(--neutral-900);--modal-border: var(--primary-500);--modal-header-border: var(--primary-500);--modal-overlay: rgba(0, 0, 0, .8);--modal-content-background: var(--neutral-800);--button-border: var(--primary-500);--button-background: var(--neutral-900);--button-hover-background: var(--primary-500);--button-hover-border: var(--primary-400);--button-text: var(--brand-white);--button-text-hover: var(--neutral-900);--card-background: var(--neutral-800);--card-border: var(--neutral-600);--card-border-hover: var(--primary-500);--card-border-active: var(--primary-400);--card-surface: var(--neutral-700);--form-label: var(--primary-400);--form-error: var(--color-error);--form-success: var(--color-success);--form-warning: var(--color-warning);--form-info: var(--color-info);--info-container-background: rgba(30, 58, 138, .2);--info-container-border: #2563eb;--info-container-text: #bfdbfe;--success-container-background: rgba(20, 83, 45, .2);--success-container-border: #16a34a;--success-container-text: #bbf7d0;--error-container-background: rgba(127, 29, 29, .2);--error-container-border: #dc2626;--error-container-text: #fecaca;--select-background: var(--neutral-900);--select-border: var(--primary-500);--select-border-focus: var(--primary-400);--select-text: var(--brand-white);--select-option-background: var(--neutral-700);--select-option-hover: var(--neutral-600);--textarea-background: var(--neutral-900);--textarea-border: var(--primary-500);--textarea-border-focus: var(--primary-400);--textarea-text: var(--brand-white);--textarea-placeholder: var(--neutral-400);--checkbox-background: var(--neutral-900);--checkbox-border: var(--primary-500);--checkbox-checked-background: var(--primary-500);--checkbox-checked-border: var(--primary-400);--checkbox-text: var(--brand-white);--video-container-background: rgba(30, 41, 59, .5);--video-container-border: var(--neutral-600);--video-container-border-hover: var(--primary-500);--video-container-drag-handle: var(--neutral-500);--video-thumbnail-background: var(--neutral-900);--video-thumbnail-border: var(--neutral-600);--video-button-background: var(--neutral-900);--video-button-border: var(--neutral-600);--video-button-text: var(--neutral-300);--video-button-hover-background: var(--neutral-700);--video-button-hover-text: var(--brand-white);--video-empty-state-background: rgba(30, 41, 59, .3);--video-empty-state-border: var(--neutral-600);--color-cyan-50: var(--primary-50);--color-cyan-100: var(--primary-100);--color-cyan-200: var(--primary-200);--color-cyan-300: var(--primary-300);--color-cyan-400: var(--primary-400);--color-cyan-500: var(--primary-500);--color-cyan-600: var(--primary-600);--color-cyan-700: var(--primary-700);--color-cyan-800: var(--primary-800);--color-cyan-900: var(--primary-900);--color-slate-50: var(--neutral-50);--color-slate-100: var(--neutral-100);--color-slate-200: var(--neutral-200);--color-slate-300: var(--neutral-300);--color-slate-400: var(--neutral-400);--color-slate-500: var(--neutral-500);--color-slate-600: var(--neutral-600);--color-slate-700: var(--neutral-700);--color-slate-800: var(--neutral-800);--color-slate-900: var(--neutral-900);--color-pink-600: var(--primary-500);--color-green-500: var(--color-success);--color-green-600: hsl(142, 71%, 35%);--color-yellow-400: var(--accent-yellow);--color-red-400: var(--color-error);--color-white: var(--brand-white);--color-transparent: var(--brand-transparent)}.my-text-primary-50{color:var(--primary-50)}.my-text-primary-100{color:var(--primary-100)}.my-text-primary-200{color:var(--primary-200)}.my-text-primary-300{color:var(--primary-300)}.my-text-primary-400{color:var(--primary-400)}.my-text-primary-500{color:var(--primary-500)}.my-text-primary-600{color:var(--primary-600)}.my-text-primary-700{color:var(--primary-700)}.my-text-primary-800{color:var(--primary-800)}.my-text-primary-900{color:var(--primary-900)}.my-bg-primary-50{background-color:var(--primary-50)}.my-bg-primary-100{background-color:var(--primary-100)}.my-bg-primary-200{background-color:var(--primary-200)}.my-bg-primary-300{background-color:var(--primary-300)}.my-bg-primary-400{background-color:var(--primary-400)}.my-bg-primary-500{background-color:var(--primary-500)}.my-bg-primary-600{background-color:var(--primary-600)}.my-bg-primary-700{background-color:var(--primary-700)}.my-bg-primary-800{background-color:var(--primary-800)}.my-bg-primary-900{background-color:var(--primary-900)}.my-border-primary-50{border-color:var(--primary-50)}.my-border-primary-100{border-color:var(--primary-100)}.my-border-primary-200{border-color:var(--primary-200)}.my-border-primary-300{border-color:var(--primary-300)}.my-border-primary-400{border-color:var(--primary-400)}.my-border-primary-500{border-color:var(--primary-500)}.my-border-primary-600{border-color:var(--primary-600)}.my-border-primary-700{border-color:var(--primary-700)}.my-border-primary-800{border-color:var(--primary-800)}.my-border-primary-900{border-color:var(--primary-900)}.my-text-neutral-50{color:var(--neutral-50)}.my-text-neutral-100{color:var(--neutral-100)}.my-text-neutral-200{color:var(--neutral-200)}.my-text-neutral-300{color:var(--neutral-300)}.my-text-neutral-400{color:var(--neutral-400)}.my-text-neutral-500{color:var(--neutral-500)}.my-text-neutral-600{color:var(--neutral-600)}.my-text-neutral-700{color:var(--neutral-700)}.my-text-neutral-800{color:var(--neutral-800)}.my-text-neutral-900{color:var(--neutral-900)}.my-bg-neutral-50{background-color:var(--neutral-50)}.my-bg-neutral-100{background-color:var(--neutral-100)}.my-bg-neutral-200{background-color:var(--neutral-200)}.my-bg-neutral-300{background-color:var(--neutral-300)}.my-bg-neutral-400{background-color:var(--neutral-400)}.my-bg-neutral-500{background-color:var(--neutral-500)}.my-bg-neutral-600{background-color:var(--neutral-600)}.my-bg-neutral-700{background-color:var(--neutral-700)}.my-bg-neutral-800{background-color:var(--neutral-800)}.my-bg-neutral-900{background-color:var(--neutral-900)}.my-border-neutral-50{border-color:var(--neutral-50)}.my-border-neutral-100{border-color:var(--neutral-100)}.my-border-neutral-200{border-color:var(--neutral-200)}.my-border-neutral-300{border-color:var(--neutral-300)}.my-border-neutral-400{border-color:var(--neutral-400)}.my-border-neutral-500{border-color:var(--neutral-500)}.my-border-neutral-600{border-color:var(--neutral-600)}.my-border-neutral-700{border-color:var(--neutral-700)}.my-border-neutral-800{border-color:var(--neutral-800)}.my-border-neutral-900{border-color:var(--neutral-900)}.my-text-accent-blue{color:var(--accent-blue)}.my-text-accent-blue-light{color:var(--accent-blue-light)}.my-text-accent-blue-dark{color:var(--accent-blue-dark)}.my-text-accent-yellow{color:var(--accent-yellow)}.my-text-accent-yellow-light{color:var(--accent-yellow-light)}.my-text-accent-yellow-dark{color:var(--accent-yellow-dark)}.my-bg-accent-blue{background-color:var(--accent-blue)}.my-bg-accent-blue-light{background-color:var(--accent-blue-light)}.my-bg-accent-blue-dark{background-color:var(--accent-blue-dark)}.my-bg-accent-yellow{background-color:var(--accent-yellow)}.my-bg-accent-yellow-light{background-color:var(--accent-yellow-light)}.my-bg-accent-yellow-dark{background-color:var(--accent-yellow-dark)}.my-border-accent-blue{border-color:var(--accent-blue)}.my-border-accent-blue-light{border-color:var(--accent-blue-light)}.my-border-accent-blue-dark{border-color:var(--accent-blue-dark)}.my-border-accent-yellow{border-color:var(--accent-yellow)}.my-border-accent-yellow-light{border-color:var(--accent-yellow-light)}.my-border-accent-yellow-dark{border-color:var(--accent-yellow-dark)}.my-text-success{color:var(--color-success)}.my-text-warning{color:var(--color-warning)}.my-text-error{color:var(--color-error)}.my-text-info{color:var(--color-info)}.my-bg-success{background-color:var(--color-success)}.my-bg-success-subtle{background-color:var(--color-success-subtle)}.my-bg-success-dark{background-color:var(--color-success-dark)}.my-bg-warning{background-color:var(--color-warning)}.my-bg-warning-subtle{background-color:var(--color-warning-subtle)}.my-bg-warning-dark{background-color:var(--color-warning-dark)}.my-bg-error{background-color:var(--color-error)}.my-bg-info{background-color:var(--color-info)}.my-border-success{border-color:var(--color-success)}.my-border-warning{border-color:var(--color-warning)}.my-border-error{border-color:var(--color-error)}.my-border-info{border-color:var(--color-info)}.my-text-primary{color:var(--color-primary)}.my-text-muted{color:var(--color-text-muted)}.my-text-disabled{color:var(--color-text-disabled)}.my-bg-background{background-color:var(--color-background)}.my-bg-surface{background-color:var(--color-surface)}.my-bg-surface-light{background-color:var(--color-surface-light)}.my-border-primary{border-color:var(--color-border)}.my-border-light{border-color:var(--color-border-light)}.my-border-muted{border-color:var(--color-border-muted)}.input-field{background-color:var(--input-background)!important;border:1px solid var(--input-border)!important;color:var(--input-text)!important;padding:.5rem!important;width:100%!important;border-radius:0!important}.input-field:focus{outline:none!important;border-color:var(--input-border-focus)!important;box-shadow:0 0 0 2px #d62d7333!important}.input-field::placeholder{color:var(--input-placeholder)!important}.input-field.error{border-color:var(--input-border-error)!important}.input-field.success{border-color:var(--input-border-success)!important}.form-label{color:var(--form-label)!important;display:block!important;margin-bottom:.25rem!important;font-weight:500!important}.form-error{color:var(--form-error);font-size:.875rem;margin-top:.25rem}.form-success{color:var(--form-success);font-size:.875rem;margin-top:.25rem}.info-container{background-color:var(--info-container-background)!important;border:1px solid var(--info-container-border)!important;color:var(--info-container-text)!important;padding:1rem!important;border-radius:0!important}.success-container{background-color:var(--success-container-background)!important;border:1px solid var(--success-container-border)!important;color:var(--success-container-text)!important;padding:1rem!important;border-radius:0!important}.error-container{background-color:var(--error-container-background)!important;border:1px solid var(--error-container-border)!important;color:var(--error-container-text)!important;padding:1rem!important;border-radius:0!important}.textarea-field{background-color:var(--textarea-background)!important;border:1px solid var(--textarea-border)!important;color:var(--textarea-text)!important;padding:.5rem!important;width:100%!important;border-radius:0!important;resize:vertical!important}.textarea-field:focus{outline:none;border-color:var(--textarea-border-focus);box-shadow:0 0 0 2px #d62d7333}.textarea-field::placeholder{color:var(--textarea-placeholder)}.select-field{background-color:var(--select-background);border:1px solid var(--select-border);color:var(--select-text);padding:.5rem;width:100%;border-radius:0}.select-field:focus{outline:none;border-color:var(--select-border-focus);box-shadow:0 0 0 2px #d62d7333}.select-field option{background-color:var(--select-option-background);color:var(--select-text)}.modal-container{background-color:var(--modal-background);border:1px solid var(--modal-border);border-radius:0}.modal-header{border-bottom:1px solid var(--modal-header-border);padding:1rem}.modal-content{background-color:var(--modal-content-background);padding:1rem}.modal-overlay{background-color:var(--modal-overlay)}.content-container{background-color:var(--modal-background)!important;border:1px solid var(--modal-border)!important;border-radius:0!important;padding:1rem!important}.button-primary{background-color:var(--button-background);border:1px solid var(--button-border);color:var(--button-text);padding:.5rem 1rem;border-radius:0;cursor:pointer;transition:all .2s ease}.button-primary:hover{background-color:var(--button-hover-background);border-color:var(--button-hover-border);color:var(--button-text-hover)}.card-container{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:0;transition:border-color .2s ease}.card-container:hover{border-color:var(--card-border-hover)}.card-container.active{border-color:var(--card-border-active)}.card-surface{background-color:var(--card-surface)}.checkbox-field{background-color:var(--checkbox-background);border:1px solid var(--checkbox-border);border-radius:0}.checkbox-field:checked{background-color:var(--checkbox-checked-background);border-color:var(--checkbox-checked-border)}.checkbox-label{color:var(--checkbox-text)}.video-container{background-color:var(--video-container-background)!important;border:1px solid var(--video-container-border)!important;transition:border-color .2s ease!important}.video-container:hover{border-color:var(--video-container-border-hover)!important}.video-container.dragging{opacity:.5!important}.video-drag-handle{color:var(--video-container-drag-handle)!important}.video-thumbnail{background-color:var(--video-thumbnail-background)!important;border:1px solid var(--video-thumbnail-border)!important}.video-button{background-color:var(--video-button-background)!important;border:1px solid var(--video-button-border)!important;color:var(--video-button-text)!important;transition:all .2s ease!important}.video-button:hover{background-color:var(--video-button-hover-background)!important;color:var(--video-button-hover-text)!important}.video-empty-state{background-color:var(--video-empty-state-background)!important;border:1px solid var(--video-empty-state-border)!important}.my-text-cyan-200{color:var(--color-cyan-200)}.my-text-cyan-300{color:var(--color-cyan-300)}.my-text-cyan-400{color:var(--color-cyan-400)}.my-text-cyan-500{color:var(--color-cyan-500)}.my-text-cyan-600{color:var(--color-cyan-600)}.my-text-cyan-700{color:var(--color-cyan-700)}.my-text-cyan-800{color:var(--color-cyan-800)}.my-text-cyan-900{color:var(--color-cyan-900)}.my-bg-cyan-200{background-color:var(--color-cyan-200)}.my-bg-cyan-300{background-color:var(--color-cyan-300)}.my-bg-cyan-400{background-color:var(--color-cyan-400)}.my-bg-cyan-500{background-color:var(--color-cyan-500)}.my-bg-cyan-600{background-color:var(--color-cyan-600)}.my-bg-cyan-700{background-color:var(--color-cyan-700)}.my-bg-cyan-800{background-color:var(--color-cyan-800)}.my-bg-cyan-900{background-color:var(--color-cyan-900)}.my-text-slate-100{color:var(--color-slate-100)}.my-text-slate-200{color:var(--color-slate-200)}.my-text-slate-300{color:var(--color-slate-300)}.my-text-slate-400{color:var(--color-slate-400)}.my-text-slate-500{color:var(--color-slate-500)}.my-text-slate-600{color:var(--color-slate-600)}.my-text-slate-700{color:var(--color-slate-700)}.my-text-slate-800{color:var(--color-slate-800)}.my-text-slate-900{color:var(--color-slate-900)}.my-bg-slate-100{background-color:var(--color-slate-100)}.my-bg-slate-200{background-color:var(--color-slate-200)}.my-bg-slate-300{background-color:var(--color-slate-300)}.my-bg-slate-400{background-color:var(--color-slate-400)}.my-bg-slate-500{background-color:var(--color-slate-500)}.my-bg-slate-600{background-color:var(--color-slate-600)}.my-bg-slate-700{background-color:var(--color-slate-700)}.my-bg-slate-800{background-color:var(--color-slate-800)}.my-bg-slate-900{background-color:var(--color-slate-900)}.my-border-cyan-400{border-color:var(--color-cyan-400)}.my-border-cyan-500{border-color:var(--color-cyan-500)}.my-border-cyan-600{border-color:var(--color-cyan-600)}.my-border-cyan-700{border-color:var(--color-cyan-700)}.my-border-cyan-800{border-color:var(--color-cyan-800)}.my-border-cyan-900{border-color:var(--color-cyan-900)}.my-border-slate-200{border-color:var(--color-slate-200)}.my-border-slate-300{border-color:var(--color-slate-300)}.my-border-slate-400{border-color:var(--color-slate-400)}.my-border-slate-500{border-color:var(--color-slate-500)}.my-border-slate-600{border-color:var(--color-slate-600)}.my-border-slate-700{border-color:var(--color-slate-700)}.my-border-slate-800{border-color:var(--color-slate-800)}.my-border-slate-900{border-color:var(--color-slate-900)}.my-text-green-400{color:var(--color-green-400)}.my-text-green-500{color:var(--color-green-500)}.my-text-green-600{color:var(--color-green-600)}.my-bg-green-400{background-color:var(--color-green-400)}.my-bg-green-500{background-color:var(--color-green-500)}.my-bg-green-600{background-color:var(--color-green-600)}.my-border-green-400{border-color:var(--color-green-400)}.my-border-green-500{border-color:var(--color-green-500)}.my-border-green-600{border-color:var(--color-green-600)}add-to-calendar-button{--base-font-size-l: 14px;--base-font-size-m: 14px;--base-font-size-s: 14px;--font: ui-monospace, "SFMono-Regular", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Code", "Droid Sans Mono", "Courier New", monospace;--accent-color: var(--color-cyan-500);--btn-background: transparent;--btn-border: var(--color-cyan-500);--btn-text: var(--color-cyan-100);--btn-hover-background: var(--color-cyan-500);--btn-hover-text: var(--color-slate-900);--list-background: var(--color-slate-800);--list-border: var(--color-cyan-500);--list-text: var(--color-cyan-100);--list-close-background: var(--color-slate-800);--list-close-text: var(--color-cyan-100);--list-item-background: transparent;--list-item-hover-background: var(--color-slate-600);--list-item-text: var(--color-cyan-100);--list-item-hover-text: var(--color-cyan-400);--border-radius: 0px;--list-border-radius: 0px;--btn-border-radius: 0px;--shadow: none;--btn-shadow: none;--btn-shadow-hover: none;--list-shadow: none;--backdrop-filter: none;--blur: none;--list-position: fixed;--list-z-index: 999999;--reference-display: none;--reference-visibility: hidden;--overlay-display: none;--overlay-visibility: hidden;--bg-overlay-display: none;--bg-overlay-visibility: hidden;position:relative;z-index:99998}.add-to-calendar-wrapper{position:relative;z-index:99998}.add-to-calendar-wrapper:hover,.add-to-calendar-wrapper:focus-within{z-index:999999}.add-to-calendar-wrapper add-to-calendar-button{position:relative}.add-to-calendar-wrapper add-to-calendar-button [data-list]{position:fixed!important;z-index:99999!important}#atcb-reference,#atcb-bgoverlay{visibility:hidden!important;display:none!important}add-to-calendar-button #atcb-reference{visibility:hidden!important;display:none!important}add-to-calendar-button #atcb-bgoverlay{visibility:hidden!important;display:none!important}*,.rounded,.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl,.rounded-full,.rounded-t,.rounded-r,.rounded-b,.rounded-l,.rounded-tl,.rounded-tr,.rounded-br,.rounded-bl{border-radius:0!important}@keyframes glow-pulse{0%,to{text-shadow:0 0 5px var(--primary-400),0 0 10px var(--primary-400),0 0 15px var(--primary-400);opacity:.4}50%{text-shadow:0 0 10px var(--primary-400),0 0 20px var(--primary-400),0 0 30px var(--primary-400);opacity:1}}.glow-animation{animation:glow-pulse 3s ease-in-out infinite}.scanline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,210,63,.02) 2px,rgba(255,210,63,.02) 4px)}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-text-sm{font-size:.875rem}.mobile-text-base{font-size:1rem}.mobile-text-lg{font-size:1.125rem}.mobile-text-xl{font-size:1.25rem}.mobile-p-2{padding:.5rem}.mobile-p-3{padding:.75rem}.mobile-p-4{padding:1rem}.mobile-px-2{padding-left:.5rem;padding-right:.5rem}.mobile-px-3{padding-left:.75rem;padding-right:.75rem}.mobile-px-4{padding-left:1rem;padding-right:1rem}.mobile-py-2{padding-top:.5rem;padding-bottom:.5rem}.mobile-py-3{padding-top:.75rem;padding-bottom:.75rem}.mobile-py-4{padding-top:1rem;padding-bottom:1rem}.mobile-m-2{margin:.5rem}.mobile-m-3{margin:.75rem}.mobile-m-4{margin:1rem}.mobile-mx-2{margin-left:.5rem;margin-right:.5rem}.mobile-mx-3{margin-left:.75rem;margin-right:.75rem}.mobile-mx-4{margin-left:1rem;margin-right:1rem}.mobile-my-2{margin-top:.5rem;margin-bottom:.5rem}.mobile-my-3{margin-top:.75rem;margin-bottom:.75rem}.mobile-my-4{margin-top:1rem;margin-bottom:1rem}.mobile-hidden{display:none}.mobile-flex{display:flex}.mobile-grid{display:grid}.mobile-block{display:block}.mobile-inline-block{display:inline-block}.mobile-grid-cols-2{grid-template-columns:repeat(2,1fr)}.mobile-grid-cols-3{grid-template-columns:repeat(3,1fr)}.mobile-grid-cols-4{grid-template-columns:repeat(4,1fr)}.mobile-gap-2{gap:.5rem}.mobile-gap-3{gap:.75rem}.mobile-gap-4{gap:1rem}.mobile-flex-col{flex-direction:column}.mobile-flex-row{flex-direction:row}.mobile-justify-center{justify-content:center}.mobile-items-center{align-items:center}.mobile-space-y-2>*+*{margin-top:.5rem}.mobile-space-y-3>*+*{margin-top:.75rem}.mobile-space-y-4>*+*{margin-top:1rem}.mobile-w-full{width:100%}.mobile-h-full{height:100%}.mobile-w-half{width:50%}.mobile-w-one-third{width:33.333333%}.mobile-w-two-thirds{width:66.666667%}.mobile-w-quarter{width:25%}.mobile-w-three-quarters{width:75%}.mobile-relative{position:relative}.mobile-absolute{position:absolute}.mobile-fixed{position:fixed}.mobile-sticky{position:sticky}.mobile-overflow-hidden{overflow:hidden}.mobile-overflow-auto{overflow:auto}.mobile-overflow-x-auto{overflow-x:auto}.mobile-overflow-y-auto{overflow-y:auto}}@media (max-width: 768px){.mobile-tile{background:var(--color-slate-900);border:1px solid var(--color-slate-600);position:relative;overflow:hidden;transition:all .3s ease}.mobile-tile:hover{border-color:var(--color-cyan-500);background:var(--color-slate-800)}.mobile-tile.active{border-color:var(--color-cyan-400);background:var(--color-slate-800);box-shadow:0 0 8px var(--color-cyan-400)}.mobile-tile-content{position:relative;z-index:1}.mobile-tile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 70%,var(--color-cyan-500) 70.1%,var(--color-cyan-500) 70.2%,transparent 70.3%);opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-tile.active .mobile-tile-overlay{opacity:.1}.mobile-video-wrapper-flex{position:relative;width:100%;height:100%;background:var(--color-slate-900);overflow:hidden}.mobile-camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;background:var(--color-slate-900);border-top:2px solid var(--color-cyan-500);pointer-events:auto}.mobile-camera-tile{aspect-ratio:16/9;background:var(--color-slate-800);border:1px solid var(--color-slate-600);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.mobile-camera-tile:not(.active){filter:brightness(.75) contrast(.85)}.mobile-camera-tile:hover{border-color:var(--color-cyan-500)}.mobile-camera-tile.active{border-color:var(--color-cyan-400);box-shadow:0 0 15px var(--color-cyan-400);animation:breathing-glow 2s ease-in-out infinite alternate}@keyframes breathing-glow{0%{box-shadow:0 0 15px var(--color-cyan-400);border-color:var(--color-cyan-400)}to{box-shadow:0 0 25px var(--color-cyan-400),0 0 35px var(--color-cyan-200);border-color:var(--color-cyan-200)}}.mobile-camera-tile img{width:100%;height:100%;object-fit:cover}.mobile-camera-tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.05) 2px,rgba(34,211,238,.05) 4px);pointer-events:none;z-index:2}.mobile-camera-tile:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;pointer-events:none;z-index:3}.mobile-camera-tile-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--color-slate-900));color:var(--color-cyan-300);padding:.5rem .25rem .25rem;font-size:.75rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em;z-index:4;transition:all .3s ease}.mobile-camera-tile.active .mobile-camera-tile-label{color:var(--color-cyan-400);animation:breathing-text 2s ease-in-out infinite alternate}@keyframes breathing-text{0%{color:var(--color-cyan-400);text-shadow:0 0 5px var(--color-cyan-400)}to{color:var(--color-cyan-200);text-shadow:0 0 10px var(--color-cyan-400),0 0 20px var(--color-cyan-200)}}.mobile-camera-grid .col-span-2{grid-column:span 2;text-align:center;padding:.5rem 0;border-top:1px solid var(--color-slate-600);margin-top:.5rem}}.scrolling-banner{overflow:hidden;width:100%;white-space:nowrap;background-color:var(--primary-500);padding:.05rem 0;border-top:1px solid var(--accent-blue);border-bottom:1px solid var(--accent-blue)}.scrolling-banner-content{display:inline-block;animation:scroll var(--speed) linear infinite var(--direction);padding-left:100%}.scrolling-banner-content:after{content:attr(data-content);display:inline-block;position:absolute;left:100%}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width: 768px){.scrolling-banner{padding:.08rem 0;font-size:.875rem;margin-top:.5rem}.scrolling-banner-content{animation-duration:calc(var(--speed) * .8)}.scrolling-banner span{touch-action:manipulation;-webkit-user-select:none;user-select:none}.scrolling-banner .cursor-pointer{padding:.08rem 0;display:inline-block;min-height:20px;display:inline-flex;align-items:center}}.modal-container{position:absolute;width:400px;background-color:var(--modal-background);border:1px solid var(--modal-border);color:var(--neutral-200);z-index:101;pointer-events:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--modal-background);border-bottom:1px solid var(--modal-header-border);cursor:move;-webkit-user-select:none;user-select:none}.modal-title{font-weight:700;text-transform:uppercase}.modal-close-btn{background:none;border:1px solid var(--button-border);color:var(--button-border);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:var(--button-hover-background);color:var(--button-text-hover)}.close-icon{font-size:20px;line-height:1}.modal-content{padding:1rem}.wireframe-btn{padding:.5em 1.2em;background-color:var(--button-background);border:1px solid var(--button-border);color:var(--button-text);cursor:pointer;outline:none;position:relative;min-height:44px;font-size:16px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.wireframe-btn{padding:.75em 1rem!important;min-height:44px!important;height:44px!important;font-size:16px;margin:.25rem 0;box-sizing:border-box}.wireframe-btn+.wireframe-btn{margin-top:.5rem}}.wireframe-btn:hover,.wireframe-btn:focus{background:var(--button-hover-background);color:var(--button-text-hover);box-shadow:0 0 8px 2px var(--primary-400),0 0 0 1.5px var(--primary-400) inset;border-color:var(--button-hover-border)}.wireframe-btn:active{background:var(--neutral-700);color:var(--primary-300);border-color:var(--primary-400);transform:translateY(1px)}@media (max-width: 768px){.wireframe-btn:active{transform:translateY(2px);box-shadow:0 0 4px 1px var(--primary-400),0 0 0 1px var(--primary-400) inset}.wireframe-btn:hover{box-shadow:0 0 6px 2px var(--primary-400),0 0 0 1.5px var(--primary-400) inset}}.modal-content h1{font-size:2rem;color:var(--primary-400);font-family:Share Tech Mono,Consolas,monospace;font-weight:700;margin:.2em 0 .5em;letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid var(--primary-400);padding-bottom:.2em}.modal-content h2{font-size:1.5rem;color:var(--primary-300);font-family:Share Tech Mono,Consolas,monospace;font-weight:700;margin:.5em 0;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--primary-300);padding-bottom:.15em}.modal-content h3{font-size:1.2rem;color:var(--primary-200);font-family:Share Tech Mono,Consolas,monospace;font-weight:700;margin:.4em 0;letter-spacing:.02em;text-transform:uppercase}.modal-content p{margin:.3em 0;color:var(--neutral-200);font-size:1rem;line-height:1.6}.modal-content ul,.modal-content ol{color:var(--neutral-200);font-size:1rem}.modal-content li{margin-bottom:.3em}.modal-content a{color:var(--primary-400);text-decoration:underline;transition:color .2s}.modal-content a:hover{color:var(--primary-300)}.touch-nav-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;pointer-events:auto;max-width:95vw}.touch-nav-container.desktop{bottom:2.5rem}.touch-nav-container.mobile{bottom:1.5rem;max-width:100vw;left:0;transform:none;padding:0 1rem}.touch-nav-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;padding:.75rem;background:#0a0a0ad9;border:2px solid var(--accent-yellow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible}.touch-nav-container.mobile .touch-nav-buttons{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:1rem;gap:.75rem}.touch-nav-container.mobile .touch-nav-buttons::-webkit-scrollbar{display:none}.touch-nav-btn{position:relative;width:120px;height:120px;background:var(--neutral-900);border:2px solid;color:var(--brand-white);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;scroll-snap-align:center}.touch-nav-container.mobile .touch-nav-btn{width:100px;height:100px;font-size:.65rem}.touch-nav-btn.cyan{border-color:var(--accent-cyan)}.touch-nav-btn.orange{border-color:var(--accent-orange)}.touch-nav-btn.yellow{border-color:var(--accent-yellow)}.touch-nav-btn.red{border-color:var(--accent-red)}.touch-nav-btn.pink{border-color:var(--accent-pink)}.touch-nav-btn-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem}.touch-nav-btn-label{position:relative;z-index:2}.touch-nav-btn-indicator{width:8px;height:8px;background:currentColor;opacity:.5;transition:all .3s ease}.touch-nav-btn:hover .touch-nav-btn-indicator{opacity:1;animation:pulse-indicator 1s ease-in-out infinite}.touch-nav-btn.active .touch-nav-btn-indicator{opacity:1;transform:scale(1.5);box-shadow:0 0 10px currentColor,0 0 20px currentColor}.touch-nav-btn-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:currentColor;opacity:0;filter:blur(20px);transition:opacity .3s ease;z-index:0;pointer-events:none}.touch-nav-btn:hover .touch-nav-btn-glow{opacity:.3}.touch-nav-btn.active .touch-nav-btn-glow{opacity:.5;filter:blur(25px)}.touch-nav-btn.active .touch-nav-btn-label{text-shadow:0 0 10px currentColor,0 0 15px currentColor;font-weight:800}@media (min-width: 769px){.touch-nav-btn{animation:desktop-wink 4s ease-in-out infinite;animation-delay:calc(var(--button-index, 0) * .3s)}.touch-nav-btn.cyan{--button-index: 0}.touch-nav-btn.orange{--button-index: 1}.touch-nav-btn.yellow{--button-index: 2}.touch-nav-btn.red{--button-index: 3}}@keyframes desktop-wink{0%,90%,to{border-width:2px;box-shadow:none}92%,94%{border-width:3px}93%{box-shadow:0 0 15px currentColor,inset 0 0 15px currentColor}95%{border-width:2px;box-shadow:none}}@media (max-width: 768px){.touch-nav-btn{animation:mobile-breathe 3s ease-in-out infinite;animation-delay:calc(var(--button-index, 0) * .2s)}.touch-nav-btn.cyan{--button-index: 0}.touch-nav-btn.orange{--button-index: 1}.touch-nav-btn.yellow{--button-index: 2}.touch-nav-btn.red{--button-index: 3}}@keyframes mobile-breathe{0%,to{transform:scale(1);box-shadow:0 0 10px currentColor}50%{transform:scale(1.05);box-shadow:0 0 20px currentColor,0 0 30px currentColor,inset 0 0 10px currentColor}}.touch-nav-btn:hover{transform:scale(1.08);border-width:3px;box-shadow:0 0 25px currentColor,0 0 40px currentColor,inset 0 0 20px #ffffff1a}.touch-nav-btn.active{transform:scale(1.08);border-width:3px;box-shadow:0 0 30px currentColor,0 0 50px currentColor,inset 0 0 20px #ffffff26;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.touch-nav-btn.active:after{opacity:.8;top:6px;right:6px;bottom:6px;left:6px}@keyframes active-burst{0%{transform:scale(1)}50%{transform:scale(1.15);box-shadow:0 0 40px currentColor,0 0 60px currentColor,0 0 80px currentColor,inset 0 0 30px #ffffff4d}to{transform:scale(1.08);box-shadow:0 0 30px currentColor,0 0 50px currentColor,inset 0 0 20px #ffffff26}}.touch-nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.6;animation:scan-line 3s linear infinite;animation-delay:calc(var(--button-index, 0) * .5s);z-index:3}@keyframes scan-line{0%{left:-100%;top:0}50%{left:100%;top:100%}51%{left:-100%;top:100%}to{left:100%;top:0}}.touch-nav-btn:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid currentColor;opacity:.3;transition:opacity .3s ease;z-index:1;pointer-events:none}.touch-nav-btn:hover:after,.touch-nav-btn.active:after{opacity:.6;animation:corner-pulse 1s ease-in-out infinite}@keyframes corner-pulse{0%,to{top:4px;right:4px;bottom:4px;left:4px;opacity:.6}50%{top:8px;right:8px;bottom:8px;left:8px;opacity:.3}}@keyframes pulse-indicator{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes glow-burst{0%{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.6;transform:scale(1)}}.touch-nav-scroll-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-family:ui-monospace,monospace;font-size:.7rem;color:var(--accent-yellow);opacity:.7;animation:fade-in-out 3s ease-in-out}.touch-nav-arrow{animation:arrow-pulse 1.5s ease-in-out infinite}.touch-nav-arrow.left{animation-delay:0s}.touch-nav-arrow.right{animation-delay:.75s}@keyframes arrow-pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes fade-in-out{0%{opacity:0}10%,90%{opacity:.7}to{opacity:0}}@media (max-width: 480px){.touch-nav-btn{width:85px;height:85px;font-size:.6rem}.touch-nav-buttons{gap:.5rem}}.touch-nav-btn:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media (prefers-reduced-motion: reduce){.touch-nav-btn,.touch-nav-btn:before,.touch-nav-btn:after,.touch-nav-btn-indicator,.touch-nav-arrow{animation:none!important}.touch-nav-btn:hover{transform:scale(1.05)}}.touch-nav-description{margin-bottom:1rem;padding:1rem 1.5rem;background:#0a0a0af2;border:2px solid var(--accent-yellow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:description-fade-in .3s ease-out;text-align:center}.touch-nav-description-label{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-yellow);margin-bottom:.5rem;text-shadow:0 0 10px var(--accent-yellow)}.touch-nav-description-text{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;line-height:1.5;color:var(--brand-white);opacity:.9;max-width:600px;margin:0 auto}.touch-nav-container.mobile .touch-nav-description{padding:.75rem 1rem;margin-bottom:.75rem}.touch-nav-container.mobile .touch-nav-description-label{font-size:.8rem}.touch-nav-container.mobile .touch-nav-description-text{font-size:.75rem;line-height:1.4}@keyframes description-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.touch-nav-btn{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.touch-nav-btn-glow{will-change:opacity,transform}.product-launcher-btn{width:100%;text-align:left;padding:.5rem .75rem;font-size:.875rem;border-radius:.125rem;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,monospace;background:transparent;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden}.product-launcher-label{color:var(--accent-cyan);transition:all .2s ease}.product-launcher-icon{opacity:0;font-size:1rem;transition:all .2s ease;color:var(--accent-cyan);margin-left:.5rem}.product-launcher-btn.cyan .product-launcher-label{color:var(--accent-cyan)}.product-launcher-btn.orange .product-launcher-label{color:var(--accent-orange)}.product-launcher-btn.yellow .product-launcher-label{color:var(--accent-yellow)}.product-launcher-btn.red .product-launcher-label{color:var(--accent-red)}.product-launcher-btn.cyan .product-launcher-icon{color:var(--accent-cyan)}.product-launcher-btn.orange .product-launcher-icon{color:var(--accent-orange)}.product-launcher-btn.yellow .product-launcher-icon{color:var(--accent-yellow)}.product-launcher-btn.red .product-launcher-icon{color:var(--accent-red)}.product-launcher-btn.pink .product-launcher-label,.product-launcher-btn.pink .product-launcher-icon{color:var(--accent-pink)}.product-launcher-btn:hover,.product-launcher-btn.hovered{border-color:currentColor;box-shadow:0 0 10px currentColor}.product-launcher-btn.cyan:hover,.product-launcher-btn.cyan.hovered{background:#06b6d41a;border-color:var(--accent-cyan)}.product-launcher-btn.orange:hover,.product-launcher-btn.orange.hovered{background:#f973161a;border-color:var(--accent-orange)}.product-launcher-btn.yellow:hover,.product-launcher-btn.yellow.hovered{background:#eab3081a;border-color:var(--accent-yellow)}.product-launcher-btn.red:hover,.product-launcher-btn.red.hovered{background:#ef44441a;border-color:var(--accent-red)}.product-launcher-btn.pink:hover,.product-launcher-btn.pink.hovered{background:#ff2e971a;border-color:var(--accent-pink)}.product-launcher-btn:hover .product-launcher-icon,.product-launcher-btn.hovered .product-launcher-icon{opacity:1;animation:external-link-pulse 1s ease-in-out infinite}.product-launcher-btn:hover .product-launcher-label,.product-launcher-btn.hovered .product-launcher-label{text-shadow:0 0 8px currentColor;font-weight:600}.product-launcher-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .3s ease;pointer-events:none;filter:blur(15px);z-index:-1}.product-launcher-btn:hover:before{opacity:.15}@keyframes external-link-pulse{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}.mobile-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;width:100%}.mobile-product-tile{position:relative;aspect-ratio:16/9;background:#0a0a0acc;border:2px solid;cursor:pointer;overflow:hidden;transition:all .3s ease;font-family:ui-monospace,SFMono-Regular,monospace}.mobile-product-tile.cyan{border-color:var(--accent-cyan);color:var(--accent-cyan)}.mobile-product-tile.orange{border-color:var(--accent-orange);color:var(--accent-orange)}.mobile-product-tile.yellow{border-color:var(--accent-yellow);color:var(--accent-yellow)}.mobile-product-tile.red{border-color:var(--accent-red);color:var(--accent-red)}.mobile-product-tile.pink{border-color:var(--accent-pink);color:var(--accent-pink)}.mobile-product-tile-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:.5rem;gap:.5rem}.mobile-product-tile-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;line-height:1.2}.mobile-product-external-icon{font-size:1.25rem;opacity:.7;transition:all .3s ease}.mobile-product-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.mobile-product-tile:active{transform:scale(.95);border-width:3px}.mobile-product-tile:active .mobile-product-tile-overlay{opacity:.2}.mobile-product-tile:active .mobile-product-external-icon{opacity:1;animation:external-link-pulse .5s ease-in-out}@media (min-width: 769px){.mobile-product-tile:hover{transform:scale(1.03);box-shadow:0 0 20px currentColor}.mobile-product-tile:hover .mobile-product-tile-overlay{opacity:.1}.mobile-product-tile:hover .mobile-product-external-icon{opacity:1;animation:external-link-pulse 1s ease-in-out infinite}}.product-launcher-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mobile-product-tile:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media (prefers-reduced-motion: reduce){.product-launcher-btn,.mobile-product-tile,.product-launcher-icon,.mobile-product-external-icon{animation:none!important;transition:none!important}}.portfolio-showcase-content{display:grid;grid-template-columns:30% 70%;gap:1.5rem;height:70vh;max-height:70vh;color:var(--brand-white);overflow:hidden;box-sizing:border-box;padding:0}.portfolio-sidebar{border-right:1px solid var(--neutral-700);padding:1rem 1rem 1rem 0;overflow-y:auto;height:70vh;max-height:70vh;box-sizing:border-box}.portfolio-tabs-container{display:flex;flex-direction:column;gap:.75rem}.portfolio-tab{display:flex;align-items:stretch;gap:.5rem;padding:.5rem;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;height:80px;box-sizing:border-box}.portfolio-tab:hover{background:var(--neutral-700);border-color:var(--primary-600);transform:translate(2px)}.portfolio-tab.active{background:var(--primary-900);border-color:var(--primary-500);box-shadow:0 0 10px var(--primary-500);color:var(--brand-white)}.portfolio-tab.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-500);box-shadow:0 0 6px var(--primary-400)}.portfolio-tab-thumbnail{flex-shrink:0;width:60px;display:flex;align-items:stretch;border-radius:3px;overflow:hidden;border:1px solid var(--neutral-600)}.portfolio-tab-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-tab:hover .portfolio-tab-thumbnail img{transform:scale(1.05)}.portfolio-tab-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:.15rem}.portfolio-tab-title{font-size:.875rem;font-weight:600;margin:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-tab-category{font-size:.7rem;color:var(--accent-blue);display:block}.portfolio-tab-featured{font-size:.65rem;color:var(--accent-yellow);font-weight:500;display:block;margin-top:0}.portfolio-main-content{overflow-y:scroll;padding:0 1rem 1rem;height:70vh;max-height:70vh;box-sizing:border-box}.portfolio-header{margin-bottom:1.5rem}.portfolio-title{font-size:1.75rem;font-weight:700;color:var(--primary-400);margin:0 0 .75rem;text-shadow:0 0 10px var(--primary-500)}.portfolio-metadata{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--neutral-300)}.portfolio-metadata span{display:flex;align-items:center;gap:.25rem}.portfolio-client{color:var(--accent-blue)}.portfolio-date{color:var(--neutral-400)}.portfolio-category{color:var(--accent-yellow);font-weight:500}.portfolio-media-section{margin-bottom:2rem}.media-carousel{background:var(--neutral-800);border:1px solid var(--neutral-600);border-radius:6px;overflow:hidden;position:relative;width:100%;max-width:100%;box-sizing:border-box}.carousel-container{position:relative;width:100%;max-width:100%;box-sizing:border-box}.carousel-main{position:relative;overflow:hidden;background:var(--neutral-900);width:100%;max-width:100%;box-sizing:border-box}.carousel-track{display:flex;width:100%}.carousel-slide{flex:0 0 100%;width:100%;display:flex;justify-content:center;align-items:center;min-height:300px;max-height:500px}.carousel-media-item{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.carousel-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.carousel-video video{max-width:100%;max-height:100%;width:100%;height:auto;border-radius:4px;object-fit:contain;box-sizing:border-box}.carousel-media-caption{position:absolute;bottom:0;left:0;right:0;background:#000c;color:var(--brand-white);padding:.5rem;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:var(--brand-white);border:1px solid var(--primary-500);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.carousel-nav:hover{background:#d62d73cc;box-shadow:0 0 10px var(--primary-400);transform:translateY(-50%) scale(1.1)}.carousel-nav:disabled{opacity:.5;cursor:not-allowed}.carousel-nav-prev{left:1rem}.carousel-nav-next{right:1rem}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:var(--neutral-800)}.carousel-dot{width:12px;height:12px;border-radius:50%;background:var(--neutral-600);border:1px solid var(--neutral-500);cursor:pointer;transition:all .3s ease}.carousel-dot:hover{background:var(--primary-600);transform:scale(1.2)}.carousel-dot.active{background:var(--primary-500);box-shadow:0 0 6px var(--primary-400)}.carousel-counter{position:absolute;top:1rem;right:1rem;background:#000000b3;color:var(--brand-white);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.portfolio-description-section{padding:0}.portfolio-description{font-size:.95rem;line-height:1.6;color:var(--neutral-200);margin-bottom:2rem;width:100%}.portfolio-description h3{color:var(--primary-400);margin:1.5rem 0 .75rem}.modal-content .portfolio-tab h3{margin:0}.portfolio-description p{margin:0 0 1rem}.portfolio-description ul,.portfolio-description ol{margin:0 0 1rem 1.5rem}.portfolio-description li{margin:.25rem 0}.portfolio-description a{color:var(--accent-blue);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.portfolio-description a:hover{border-bottom-color:var(--accent-blue)}.portfolio-details{margin-top:2rem;border-top:1px solid var(--neutral-700);padding-top:2rem}.portfolio-detail-group{margin-bottom:1.5rem}.portfolio-detail-group h4{color:var(--primary-400);font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.portfolio-detail-group p{color:var(--neutral-300);margin:0;line-height:1.5}.portfolio-tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--neutral-800);color:var(--accent-blue);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;border:1px solid var(--neutral-600)}.portfolio-external-link{display:inline-block;margin-top:.5rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--neutral-700)}.portfolio-tag{background:var(--primary-900);color:var(--primary-300);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;border:1px solid var(--primary-700)}.portfolio-loading,.portfolio-error,.portfolio-empty,.portfolio-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--neutral-400)}.loading-spinner{width:40px;height:40px;border:3px solid var(--neutral-700);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.portfolio-error h3,.portfolio-empty h3{color:var(--primary-400);margin:0 0 1rem}@media (max-width: 1023px){.portfolio-showcase-content{grid-template-columns:35% 65%;gap:1.5rem}.portfolio-tab-thumbnail{width:50px;height:35px}.portfolio-title{font-size:1.5rem}.carousel-slide{min-height:250px;max-height:400px}}@media (max-width: 767px){.portfolio-showcase-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:.5rem;height:100%;max-height:100%}.portfolio-sidebar{border-right:none;border-bottom:1px solid var(--neutral-700);padding:0 0 .5rem;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden}.portfolio-tabs-container{display:flex;flex-direction:row;gap:.5rem;padding-bottom:.5rem;min-width:max-content}.portfolio-tab{flex-shrink:0;width:150px;min-width:150px;max-width:150px;flex-direction:column;text-align:center;padding:.25rem .5rem;box-sizing:border-box;border-radius:0;height:auto;gap:0}.portfolio-tab-thumbnail{width:70px;height:20px;margin:0 auto .15rem}.portfolio-tab-info{text-align:center}.portfolio-tab-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;margin-bottom:.25rem}.portfolio-main-content{padding:0 .75rem .75rem;height:100%;max-height:100%;box-sizing:border-box}.portfolio-title{font-size:1.25rem;margin-bottom:.5rem}.portfolio-metadata{font-size:.8rem;gap:.75rem}.carousel-slide{min-height:200px;max-height:300px}.carousel-nav{width:35px;height:35px;font-size:1rem}.carousel-nav-prev{left:.5rem}.carousel-nav-next{right:.5rem}.portfolio-description{font-size:.9rem}.portfolio-details{margin-top:1.5rem;padding-top:1.5rem}}@media (max-width: 480px){.portfolio-tab{min-width:160px}.portfolio-tab-thumbnail{width:60px;height:40px}.carousel-indicators{padding:.75rem}.carousel-dot{width:10px;height:10px}}.portfolio-tab:focus,.carousel-nav:focus,.carousel-dot:focus{outline:2px solid var(--primary-400);outline-offset:2px}.portfolio-tab:focus-visible,.carousel-nav:focus-visible,.carousel-dot:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}@media (prefers-contrast: high){.portfolio-tab,.portfolio-tab.active,.carousel-nav{border-width:2px}}@media (prefers-reduced-motion: reduce){.portfolio-tab,.carousel-nav,.carousel-dot,.carousel-track{transition:none}.loading-spinner{animation:none}.portfolio-tab:hover .portfolio-tab-thumbnail img{transform:none}}.portfolio-showcase-content{contain:layout style paint}.carousel-track{will-change:transform}.carousel-nav:hover{will-change:transform,background-color,box-shadow}.portfolio-tab,.carousel-nav,.carousel-dot,.carousel-track{transform:translateZ(0)}.portfolio-manager{display:flex;flex-direction:column;height:100%;background:var(--neutral-900);color:var(--brand-white)}.portfolio-manager-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--neutral-700);flex-shrink:0}.portfolio-manager-header h2{margin:0;color:var(--primary-400);font-size:1.5rem}.portfolio-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--neutral-400)}.create-new-btn.primary{background:var(--primary-600);border-color:var(--primary-500);color:var(--brand-white)}.create-new-btn.primary:hover{background:var(--primary-500);box-shadow:0 0 10px var(--primary-400)}.portfolio-items-list{flex:1;overflow:hidden;display:flex;flex-direction:column}.list-header{padding:1rem 1.5rem .5rem;font-size:.875rem;color:var(--neutral-400);border-bottom:1px solid var(--neutral-800)}.portfolio-items{flex:1;overflow-y:auto;padding:.5rem}.portfolio-item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:.5rem;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:6px;transition:all .3s ease;cursor:move}.portfolio-item-row:hover{background:var(--neutral-700);border-color:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.portfolio-item-row.dragging{opacity:.7;transform:rotate(2deg);box-shadow:0 8px 25px #d62d734d}.portfolio-item-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.portfolio-item-thumbnail{width:80px;height:60px;border-radius:4px;overflow:hidden;background:var(--neutral-700);border:1px solid var(--neutral-600);flex-shrink:0}.portfolio-item-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;color:var(--neutral-500);text-align:center}.portfolio-item-details{flex:1;min-width:0}.portfolio-item-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--brand-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-indicator{font-size:.75rem;color:var(--neutral-500);font-weight:400;margin-left:.5rem}.portfolio-item-meta{margin:0 0 .25rem;font-size:.875rem;color:var(--accent-blue)}.portfolio-item-description{margin:0;font-size:.875rem;color:var(--neutral-400);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-item-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.visibility-toggle{width:36px;height:36px;border:1px solid var(--neutral-600);background:var(--neutral-700);color:var(--brand-white);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.visibility-toggle.visible{background:var(--primary-800);border-color:var(--primary-600)}.visibility-toggle.hidden{background:var(--neutral-600);opacity:.6}.visibility-toggle:hover{transform:scale(1.1)}.edit-btn{font-size:.875rem;padding:.5rem 1rem}.delete-btn.danger{background:var(--neutral-800);border-color:#dc2626;color:#fca5a5}.delete-btn.danger:hover{background:#dc2626;color:var(--brand-white);box-shadow:0 0 10px #dc2626}.loading-state,.error-state,.access-denied,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--neutral-400);flex:1}.access-denied h3,.error-state h3,.empty-state h3{color:var(--primary-400);margin:0 0 1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog,.editor-modal{background:var(--neutral-800);border:1px solid var(--primary-500);border-radius:6px;padding:2rem;max-width:800px;width:95%;color:var(--brand-white);box-shadow:0 0 20px var(--primary-500)}.confirm-dialog h3,.editor-modal h3{margin:0 0 1rem;color:var(--primary-400)}.confirm-dialog p,.editor-modal p{margin:0 0 1.5rem;line-height:1.5;color:var(--neutral-300)}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end}.portfolio-manager-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--neutral-700);background:var(--neutral-800);flex-shrink:0}.portfolio-manager-footer p{margin:0;font-size:.875rem;color:var(--neutral-400)}@media (max-width: 767px){.portfolio-manager-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.portfolio-stats{gap:.75rem;font-size:.8rem}.portfolio-item-row{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem .75rem}.portfolio-item-info{width:100%}.portfolio-item-thumbnail{width:60px;height:45px}.portfolio-item-actions{width:100%;justify-content:flex-end}.visibility-toggle{width:32px;height:32px;font-size:1rem}.edit-btn,.delete-btn{font-size:.8rem;padding:.4rem .8rem}.portfolio-manager-footer{flex-direction:column;align-items:flex-start;gap:.75rem;text-align:left}.confirm-dialog,.editor-modal{padding:1.5rem;margin:1rem}}.portfolio-editor{display:flex;flex-direction:column;height:100%;max-height:80vh;color:var(--brand-white)}.portfolio-editor-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-header{padding:0 0 1rem;border-bottom:1px solid var(--neutral-700);flex-shrink:0}.editor-header h3{margin:0 0 .5rem;color:var(--primary-400);font-size:1.25rem}.error-list{margin-top:.5rem}.error-message{background:#ef44441a;color:#fca5a5;border:1px solid #dc2626;padding:.5rem;border-radius:4px;font-size:.875rem;margin-bottom:.25rem}.editor-form{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--primary-400);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{background:var(--neutral-900);border:1px solid var(--neutral-600);border-radius:4px;padding:.75rem;color:var(--brand-white);font-size:.875rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #d62d7333}.character-count{align-self:flex-end;font-size:.75rem;color:var(--neutral-500)}.media-upload-area{border:2px dashed var(--neutral-600);border-radius:6px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--neutral-900);min-height:200px;display:flex;align-items:center;justify-content:center}.media-upload-area:hover,.media-upload-area.drag-over{border-color:var(--primary-500);background:var(--primary-900)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-hint{font-size:.75rem;color:var(--neutral-500);margin:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;width:100%}.media-item{background:var(--neutral-700);border:1px solid var(--neutral-600);border-radius:6px;overflow:hidden;position:relative;cursor:move;display:flex;flex-direction:column}.media-preview{aspect-ratio:16/9;position:relative;overflow:hidden;flex-shrink:0}.media-preview img{width:100%;height:100%;object-fit:cover}.video-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--neutral-800);color:var(--neutral-400)}.video-icon{font-size:1.5rem;margin-bottom:.5rem}.video-preview span{font-size:.75rem;text-align:center;padding:.25rem}.upload-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--neutral-800)}.progress-bar{height:100%;background:var(--primary-500);transition:width .3s ease}.media-controls{padding:.5rem;display:flex;gap:.5rem;align-items:center;flex-shrink:0;min-height:0;box-sizing:border-box}.caption-input{flex:1;background:var(--neutral-900);border:1px solid var(--neutral-600);border-radius:3px;padding:.25rem .5rem;color:var(--brand-white);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.caption-input:focus{outline:none;border-color:var(--primary-500)}.remove-media-btn{background:#dc2626;color:var(--brand-white);border:none;border-radius:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem}.remove-media-btn:hover{background:#b91c1c}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card-hover{transition:all .3s ease}.portfolio-card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.loading-spinner{width:40px;height:40px;border:4px solid var(--neutral-600);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prose-invert,.prose-invert h1,.prose-invert h2,.prose-invert h3,.prose-invert h4,.prose-invert h5,.prose-invert h6{color:var(--brand-white)}.prose-invert p{margin-bottom:1rem;line-height:1.7}.prose-invert strong{color:var(--brand-white);font-weight:600}.portfolio-title-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.portfolio-share-btn{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}@media (max-width: 768px){.portfolio-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.portfolio-share-btn{align-self:flex-end}}.add-more-media{aspect-ratio:16/9;border:2px dashed var(--neutral-500);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--neutral-500);transition:all .3s ease}.add-more-media:hover{border-color:var(--primary-500);color:var(--primary-500)}.add-icon{font-size:2rem;margin-bottom:.25rem}.tags-input{display:flex;flex-direction:column;gap:.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--primary-800);color:var(--primary-200);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.tag button{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:.25rem}.add-tag{display:flex;gap:.5rem;align-items:center}.add-tag input{flex:1;max-width:200px;background:var(--neutral-900);border:1px solid var(--neutral-600);border-radius:4px;padding:.5rem;color:var(--brand-white);font-size:.875rem}.add-tag button{background:var(--primary-600);border:1px solid var(--primary-500);color:var(--brand-white);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem}.add-tag button:hover{background:var(--primary-500)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--neutral-300);cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0}.editor-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 0 0;border-top:1px solid var(--neutral-700);flex-shrink:0}.editor-actions .wireframe-btn{padding:.75rem 1.5rem}.editor-actions .wireframe-btn.primary{background:var(--primary-600);border-color:var(--primary-500);color:var(--brand-white)}.editor-actions .wireframe-btn.primary:hover:not(:disabled){background:var(--primary-500);box-shadow:0 0 10px var(--primary-400)}.editor-actions .wireframe-btn:disabled{opacity:.5;cursor:not-allowed}.existing-videos-modal{background:var(--neutral-800);border:2px solid var(--primary-500);border-radius:8px;max-width:800px;width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px var(--primary-500)}.existing-videos-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--neutral-700)}.existing-videos-modal .modal-header h3{margin:0;color:var(--primary-400);font-size:1.25rem}.existing-videos-modal .modal-close{background:none;border:none;color:var(--brand-white);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.existing-videos-modal .modal-close:hover{background:#ffffff1a;color:var(--primary-400)}.existing-videos-modal .modal-body{padding:1.5rem;flex:1;overflow-y:auto}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.video-item{border:1px solid var(--neutral-600);border-radius:8px;padding:1rem;background:var(--neutral-700);transition:all .2s ease}.video-item:hover{border-color:var(--primary-500);box-shadow:0 4px 12px #d62d7333}.video-preview{position:relative;width:100%;height:120px;border-radius:4px;overflow:hidden;background:var(--neutral-800);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.video-preview img{width:100%;height:100%;object-fit:cover}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--neutral-800)}.video-placeholder .video-icon{font-size:2rem;opacity:.6}.video-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:Courier New,monospace}.video-info{margin-bottom:.75rem}.video-info h4{margin:0 0 .25rem;color:var(--brand-white);font-size:.9rem;font-weight:500}.video-info p{margin:0;color:var(--neutral-400);font-size:.75rem;font-family:Courier New,monospace}.existing-videos-modal .loading-state,.existing-videos-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--neutral-400)}.existing-videos-modal .loading-spinner{width:32px;height:32px;border:3px solid var(--neutral-700);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.media-actions{padding:1rem;border-top:1px solid var(--neutral-700);display:flex;gap:.75rem;flex-wrap:wrap}.media-actions .wireframe-btn{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 767px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.metadata-grid{grid-template-columns:1fr;gap:.5rem}.editor-actions{flex-direction:column}.add-tag{flex-direction:column;align-items:stretch}.add-tag input{max-width:none}.tags-list{gap:.25rem}.tag{font-size:.7rem;padding:.2rem .4rem}}.performance-animations{animation-play-state:var(--animation-play-state, running);transition-duration:var(--transition-duration, .3s)}@media (prefers-reduced-motion: reduce){.performance-animations{animation-play-state:paused;transition-duration:.1s}.glow-animation,.breathing-glow,.breathing-text{animation:none!important}.scanline-overlay{display:none!important}}.glow-animation-optimized{animation:glow-pulse-optimized 3s ease-in-out infinite;will-change:opacity,text-shadow}@keyframes glow-pulse-optimized{0%,to{opacity:.4;text-shadow:0 0 5px var(--color-cyan-400),0 0 10px var(--color-cyan-400),0 0 15px var(--color-cyan-400)}50%{opacity:1;text-shadow:0 0 10px var(--color-cyan-400),0 0 20px var(--color-cyan-400),0 0 30px var(--color-cyan-400)}}.breathing-animation-optimized{animation:breathing-optimized 2s ease-in-out infinite alternate;will-change:transform,box-shadow}@keyframes breathing-optimized{0%{transform:scale(1);box-shadow:0 0 10px var(--color-cyan-400)}to{transform:scale(1.02);box-shadow:0 0 15px var(--color-cyan-400)}}.scanline-overlay-optimized{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);animation:scanline-scroll 20s linear infinite;will-change:transform}@keyframes scanline-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.flicker-animation-optimized{animation:flicker-optimized .15s ease-in-out infinite alternate;will-change:opacity}@keyframes flicker-optimized{0%{opacity:.8}to{opacity:1}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.high-performance{--animation-play-state: running;--transition-duration: .3s}.medium-performance{--animation-play-state: running;--transition-duration: .2s}.low-performance{--animation-play-state: paused;--transition-duration: .1s}.video-effect-optimized{filter:var(--video-filter, brightness(.9) contrast(1.1));will-change:filter}@media (max-width: 768px){.glow-animation-optimized{animation-duration:4s}.breathing-animation-optimized{animation-duration:3s}.scanline-overlay-optimized{animation-duration:30s}}@media (min-resolution: 120dpi){.performance-animations{animation-timing-function:cubic-bezier(.4,0,.2,1)}}.animate-on-visible{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-visible.visible{opacity:1;transform:translateY(0)}.disable-animations{animation-play-state:paused!important;transition:none!important}.enable-animations{animation-play-state:running!important}.reduce-effects{filter:none!important;box-shadow:none!important;text-shadow:none!important}.performance-warning{border:2px solid #f59e0b!important;background:#f59e0b1a!important}.performance-critical{border:2px solid #ef4444!important;background:#ef44441a!important}@media (prefers-reduced-motion: no-preference){.frame-rate-adaptive{animation-duration:calc(var(--frame-rate-multiplier, 1) * 1s)}}