@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Bebas+Neue&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-muted:#666;--accent-primary:#50c878;--accent-secondary:#6dd48c;--accent-hover:#42a563;--accent-primary-rgb:80, 200, 120;--accent-secondary-rgb:109, 212, 140;--accent-hover-rgb:66, 165, 99;--border-primary:#333;--border-secondary:#444;--border-accent:var(--accent-primary);--overlay-light:#ffffff0d;--overlay-medium:#ffffff1a;--overlay-dark:#00000080;--glass-bg:#1a1a1acc;--glass-border:#ffffff1a;--glass-navbar:#0a0a0af2;--shadow-small:0 4px 12px #0000004d;--shadow-medium:0 8px 25px #0000004d;--shadow-large:0 15px 35px #0006;--glow-primary:0 0 20px rgba(var(--accent-primary-rgb), .1);--glow-accent:0 0 30px rgba(var(--accent-primary-rgb), .2);--hover-bg:#ffffff0d;--active-bg:#ffffff1a;--focus-ring:rgba(var(--accent-primary-rgb), .3);--gradient-primary:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--gradient-overlay:linear-gradient(45deg, #0a0a0acc 0%, #1a1a1a99 50%, #0a0a0acc 100%);--gradient-footer:linear-gradient(180deg, #0a0a0af2 0%, #0a0a0a 100%);--gradient-text:linear-gradient(135deg, #fff 0%, #ccc 50%, #fff 100%);--status-success:#28a745;--status-warning:#ffc107;--status-danger:#dc3545;--status-info:#17a2b8;--status-success-bg:#28a7451a;--status-warning-bg:#ffc1071a;--status-danger-bg:#dc35451a;--status-danger-rgb:220, 53, 69;--status-info-bg:#17a2b81a;--transition-fast:all .2s ease;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-title-base:clamp(1.5rem, 4vw, 4rem);--text-description-base:clamp(.9rem, 2vw, 1.5rem);--text-button-base:clamp(.8rem, 1.8vw, 1.2rem);--text-background-base:clamp(4rem, 12vw, 12rem);--spacing-3xs:.0625rem;--spacing-2xs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-compact-sm:.375rem;--spacing-compact-md:.5rem;--spacing-compact-lg:.75rem;--radius-xs:2px;--radius-sm:4px;--radius-base:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:50px;--blur-sm:blur(10px);--blur-md:blur(15px);--blur-lg:blur(20px);--navbar-height:60px;--z-base:0;--z-dropdown:10;--z-sticky:100;--z-navbar:1000;--z-modal:9999;--z-tooltip:10000;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:1px;--letter-spacing-normal:2px;--letter-spacing-wide:3px;--line-height-tight:1.2;--line-height-compact:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--icon-xs:16px;--icon-sm:18px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:36px;--icon-3xl:40px;--container-xs:300px;--container-sm:400px;--container-md:500px;--container-lg:800px;--container-xl:1000px;--container-2xl:1200px;--container-3xl:1800px;--color-emerald:#10b981;--color-blue:#3b82f6;--color-purple:#8b5cf6;--color-amber:#f59e0b;--color-red:#ef4444;--color-red-hover:#dc2626;--color-red-dark:#b91c1c;--color-gray-light:#9ca3af;--color-gray:#6b7280;--color-gray-dark:#374151;--admin-panel-bg:var(--bg-secondary);--admin-panel-border:var(--border-primary);--admin-panel-padding:var(--spacing-compact-md)}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f2f5;--text-primary:#2d2d2d;--text-secondary:#495057;--text-tertiary:#6c757d;--text-muted:#adb5bd;--border-primary:#dee2e6;--border-secondary:#dfe3e7;--overlay-light:#0000000d;--overlay-medium:#0000001a;--overlay-dark:#00000080;--glass-bg:#fffc;--glass-border:#0000001a;--glass-navbar:#fffffff2;--shadow-small:0 4px 12px #0000001a;--shadow-medium:0 8px 25px #0000001a;--shadow-large:0 15px 35px #00000026;--hover-bg:#0000000d;--active-bg:#0000001a;--gradient-primary:linear-gradient(135deg, #fff 0%, #f8f9fa 100%);--gradient-overlay:linear-gradient(45deg, #ffffffe6 0%, #f8f9fab3 50%, #ffffffe6 100%);--gradient-footer:linear-gradient(180deg, #fffffff2 0%, #fff 100%);--gradient-text:linear-gradient(135deg, #1a1a1a 0%, #495057 50%, #1a1a1a 100%);--status-success-bg:#28a7451a;--status-warning-bg:#ffc10726;--status-danger-bg:#dc35451a;--status-info-bg:#17a2b81a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{color:var(--accent-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:var(--transition-theme);flex-direction:column;font-family:Urbanist,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row;display:flex}.flex-column{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.disabled-opacity{opacity:.5;pointer-events:none}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.z-1000{z-index:1000}.z-9999{z-index:9999}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.full-page-center{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.text-success{color:var(--status-success,#10b981)}.text-danger{color:var(--status-danger,#ef4444)}.text-warning{color:var(--status-warning,#f59e0b)}.text-info{color:var(--status-info,#3b82f6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary);font-size:.9rem}.text-tertiary{color:var(--text-tertiary)}.canvas-fill{width:100%;height:100%}.canvas-layer{pointer-events:none;position:absolute;top:0;left:0}.offscreen{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:-9999px;left:-9999px}.flex-row-gap{gap:var(--spacing-sm);align-items:center;display:flex}.flex-inline-gap{align-items:center;gap:.5rem;display:flex}.error-boundary-fallback{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body,Inter, sans-serif)}.content-missing-fallback{background-color:var(--bg-secondary);height:200px;color:var(--text-tertiary);font-size:14px}.error-page{background-color:var(--bg-primary);color:var(--text-primary)}.scrollbar-accent{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary)}.scrollbar-accent::-webkit-scrollbar{width:6px;height:6px}.scrollbar-accent::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:6px}.scrollbar-accent::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:6px}.scrollbar-accent::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent-primary) 80%, white 20%)}.scrollbar-subtle{scrollbar-width:thin;scrollbar-color:var(--border-primary) #0000}.scrollbar-subtle::-webkit-scrollbar{width:4px;height:4px}.scrollbar-subtle::-webkit-scrollbar-track{background:0 0;border-radius:4px}.scrollbar-subtle::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.scrollbar-subtle::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--border-primary) 80%, white 20%)}@keyframes logoBreathingMain{0%{filter:drop-shadow(0 0 5px #ffffff14);transform:scale(1)}to{filter:drop-shadow(0 0 15px #ffffff40) drop-shadow(0 0 25px rgba(var(--accent-primary-rgb), .08));transform:scale(1)}}@keyframes logoBreathingLight{0%{filter:drop-shadow(0 0 5px #00000014);transform:scale(1)}to{filter:drop-shadow(0 0 15px #00000040) drop-shadow(0 0 25px rgba(var(--accent-primary-rgb), .08));transform:scale(1)}}@keyframes logoFilterBreathing{0%{filter:url(#mainGlow)}to{filter:url(#breathingGlow)}}@keyframes charBreath{0%{opacity:.85}to{opacity:1}}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}.char-1{animation:4s ease-in-out infinite alternate charBreath}.char-2{animation:4s ease-in-out .3s infinite alternate charBreath}.char-3{animation:4s ease-in-out .6s infinite alternate charBreath}.char-4{animation:4s ease-in-out .9s infinite alternate charBreath}.char-5{animation:4s ease-in-out 1.2s infinite alternate charBreath}.accent-dot-1{animation:3s ease-in-out infinite dotPulse}.accent-dot-2{animation:3s ease-in-out 1s infinite dotPulse}.accent-dot-3{animation:3s ease-in-out 2s infinite dotPulse}.accent-dot-4{animation:3s ease-in-out 1.5s infinite dotPulse}@keyframes glow{0%{text-shadow:0 0 20px #0000001a}to{text-shadow:0 0 30px #0003,0 0 40px rgba(var(--accent-primary-rgb), .1)}}@keyframes fadeIn{to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pillSlideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes recordSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}.shimmer{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.rotating-record,.rotating-record *{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rotating-record,.rotating-record *,.spinning{animation:none!important}}.pill-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-compact-sm) var(--spacing-compact-md);border-radius:var(--radius-pill);min-height:44px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);text-transform:uppercase;letter-spacing:.3px;border:1px solid #0000;outline:none;text-decoration:none;display:flex}.pill-btn.primary{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.pill-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px)}.pill-btn.secondary{background:var(--glass-bg);color:var(--text-primary);border-color:var(--border-primary)}.pill-btn.secondary:hover{background:var(--hover-bg);border-color:var(--border-secondary);transform:translateY(-2px)}.pill-btn:focus{box-shadow:var(--shadow-large),0 0 0 3px var(--focus-ring)}.pill-btn:active{transform:translateY(-1px)}.pill-btn.floating{animation:.3s ease-out pillSlideInUp}.pill-btn.full-width{justify-content:center;width:100%}.pill-btn.rounded{border-radius:var(--radius-md)}.pill-btn.sm{padding:var(--spacing-compact-sm) var(--spacing-compact-md);gap:var(--spacing-xs);min-height:44px;font-size:.75rem}.pill-btn.md{padding:var(--spacing-compact-sm) var(--spacing-compact-md);gap:var(--spacing-sm);font-size:.85rem}.pill-btn.lg{padding:var(--spacing-compact-md) var(--spacing-lg);gap:var(--spacing-sm);font-size:1rem}.pill-btn-compact{padding:var(--spacing-2xs) var(--spacing-compact-sm);letter-spacing:.2px;gap:var(--spacing-xs);min-height:44px;font-size:.75rem}.pill-btn:disabled,.pill-btn.disabled{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary);box-shadow:none;cursor:not-allowed;opacity:.6;pointer-events:none;transform:none}.pill-btn:disabled:hover,.pill-btn.disabled:hover{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary);box-shadow:none;transform:none}.pill-btn.danger,.event-action-btn.danger{background:var(--color-red);color:#fff;border:1px solid var(--color-red-hover)}.pill-btn.danger:hover:not(:disabled),.event-action-btn.danger:hover:not(:disabled){background:var(--color-red-hover);border-color:var(--color-red-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.pill-btn.danger:active:not(:disabled),.event-action-btn.danger:active:not(:disabled){transform:translateY(0)}.pill-btn.danger:disabled,.event-action-btn.danger:disabled{background:var(--color-gray-light);border-color:var(--color-gray);color:#d1d5db;cursor:not-allowed;box-shadow:none;transform:none}.event-action-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);min-height:44px;font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;text-decoration:none;display:flex}.event-action-btn.primary{background:var(--accent-primary);color:#fff}.event-action-btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.event-action-btn.secondary{color:var(--text-secondary);border-color:var(--border-primary);background:0 0}.event-action-btn.secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-primary)}.event-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.event-action-btn svg{flex-shrink:0}.event-action-btn.danger{padding:var(--spacing-sm) var(--spacing-sm);font-size:.8rem}.event-action-btn.danger:hover:not(:disabled){box-shadow:0 2px 8px #ef444440}.event-action-btn.sm{padding:var(--spacing-sm) var(--spacing-sm);font-size:.75rem}.event-action-btn.md{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.event-action-btn.lg{padding:var(--spacing-md) 1.25rem;font-size:1rem}.pill-btn.publish{background:linear-gradient(135deg, var(--color-emerald), #059669);border-color:var(--color-emerald);box-shadow:0 4px 14px #10b9814d}.pill-btn.publish:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.pill-btn.publish:disabled,.pill-btn.publish.disabled{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.pill-btn.publish:disabled:hover,.pill-btn.publish.disabled:hover{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-primary);box-shadow:none;transform:none}.pill-btn.publish:disabled,.pill-btn.publish.disabled{position:relative}.pill-btn.publish:disabled:hover:before,.pill-btn.publish.disabled:hover:before{content:attr(title);background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-base);white-space:nowrap;box-shadow:var(--shadow-medium);margin-bottom:var(--spacing-sm);z-index:var(--z-navbar);font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.pill-btn,.pagination-btn{align-items:center;gap:var(--spacing-sm);display:flex}.icon-btn-circle{background:var(--glass-bg);border:1px solid var(--border-primary);width:44px;min-width:44px;height:44px;min-height:44px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex}.icon-btn-circle:focus{box-shadow:0 0 0 2px var(--focus-ring)}.icon-btn-circle svg{width:var(--icon-sm);height:var(--icon-sm);transition:var(--transition-smooth);stroke:currentColor}.icon-btn-circle:hover svg{transform:scale(1.1)}.icon-btn-circle.hover-accent:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--glow-accent);transform:translateY(-2px)}.icon-btn-circle.hover-glass:hover{background:var(--hover-bg);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-small);transform:translateY(-1px)}.icon-btn-circle.hover-glass:active{transform:translateY(0)}.icon-btn-square{border-radius:var(--radius-base);border:1px solid var(--border-primary);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn-square:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-primary)}.icon-btn-square.danger:hover{background:rgba(var(--status-danger-rgb), .1);color:var(--status-danger);border-color:var(--status-danger)}@media (max-width:768px){.icon-btn-square{width:44px;height:44px}}.icon-btn-square.active{background:var(--accent-subtle);color:var(--accent-primary);border-color:var(--accent-primary)}.icon-btn-square:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-toggle-group{gap:var(--spacing-md);display:flex}.btn-toggle{cursor:pointer;align-items:center;display:flex}.btn-toggle input[type=radio],.btn-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.btn-toggle .btn-toggle-label{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-base);border:1px solid var(--border-primary);background:var(--glass-subtle);color:var(--text-secondary);font-size:.9rem;font-weight:var(--font-weight-medium);transition:var(--transition-smooth);min-height:44px;display:flex}.btn-toggle input:checked+.btn-toggle-label{border-color:var(--accent-primary);background:var(--accent-subtle);color:var(--text-primary)}.btn-toggle input:focus+.btn-toggle-label{box-shadow:0 0 0 2px var(--focus-ring)}.btn-toggle:hover .btn-toggle-label{border-color:var(--border-secondary);background:var(--hover-bg)}.radio-group-sm{gap:var(--spacing-xs);flex-direction:column;display:flex}.radio-sm{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);font-size:.85rem;display:flex}.radio-sm input[type=radio]{appearance:none;border:2px solid var(--border-primary);cursor:pointer;width:16px;height:16px;transition:var(--transition-smooth);background:0 0;border-radius:50%;flex-shrink:0}.radio-sm input[type=radio]:checked{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:inset 0 0 0 3px var(--bg-primary)}.radio-sm input[type=radio]:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.radio-sm:hover{color:var(--text-primary)}.radio-sm:hover input[type=radio]{border-color:var(--accent-primary)}.form-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row--nested{margin-bottom:0}.form-field{margin-bottom:var(--spacing-compact-md)}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-actions{gap:var(--spacing-md);justify-content:flex-end;display:flex}.form-label{align-items:center;gap:var(--spacing-xs);font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex}.form-input{width:100%;padding:var(--spacing-compact-sm);border:1px solid var(--border-primary);border-radius:var(--radius-base);background:var(--bg-secondary);min-height:44px;color:var(--text-primary);transition:var(--transition-smooth);font-size:.9rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb), .1);outline:none}.form-input--error{border-color:var(--status-danger);box-shadow:0 0 0 2px rgba(var(--status-danger-rgb), .1)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.form-select{padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);min-height:44px;color:var(--text-primary);transition:var(--transition-smooth);font-family:inherit;font-size:.9rem}.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb), .2);outline:none}.form-range{appearance:none;background:var(--border-primary);border-radius:2px;outline:none;height:4px}.form-range::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:24px;height:24px}.form-range::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px}.form-range:disabled,.form-range:disabled input,.form-range:disabled .range-slider{pointer-events:none;opacity:.6}.range-value{color:var(--text-secondary);font-size:.85rem;font-weight:var(--font-weight-medium);align-self:center}.form-toggle{background:var(--glass-subtle);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--spacing-md)}.form-error{margin-top:var(--spacing-sm);color:var(--status-danger);font-size:.8rem}.form-error-text{margin-top:var(--spacing-sm);color:var(--status-danger);font-size:.8rem;font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);display:flex}.form-error-text:before{content:"⚠";flex-shrink:0}.error-message{align-items:center;gap:var(--spacing-sm);background:var(--status-danger-bg);border:1px solid var(--status-danger);color:var(--status-danger);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}[data-theme=dark] .error-message{background:rgba(var(--status-danger-rgb), .1);border:1px solid rgba(var(--status-danger-rgb), .3);color:#fca5a5}.error-message-retry{color:var(--status-danger);cursor:pointer;margin-left:var(--spacing-sm);background:0 0;border:none;padding:0;text-decoration:underline}.error-message-retry:hover{opacity:.8}[data-theme=dark] .error-message-retry{color:#fca5a5}.form-alert,.form-info,.form-warning{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-base);border-left:3px solid var(--border-primary);color:var(--text-secondary);font-size:.85rem;display:flex}.form-alert.warning,.warning.form-info,.warning.form-warning{background:var(--status-warning-bg);border-left-color:var(--status-warning)}.form-alert.info,.info.form-info,.info.form-warning{background:var(--status-info-bg,#3b82f61a);border-left-color:var(--status-info,#3b82f6)}.form-warning{background:var(--status-warning-bg);border-left-color:var(--status-warning)}.form-info{background:var(--status-info-bg,#3b82f61a);border-left-color:var(--status-info,#3b82f6)}.form-section-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-section-title.lg{margin-bottom:var(--spacing-sm);font-size:1.5rem}.section-title-collapsible{align-items:center;gap:var(--spacing-sm);font-family:var(--font-header);font-size:1.1rem;font-weight:var(--font-weight-normal);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex}.form-section-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.85rem}.form-container.disabled{opacity:.5;pointer-events:none}.form-container.disabled .form-range,.form-container.disabled .form-input{cursor:not-allowed}.form-container.disabled .form-range input,.form-container.disabled .form-range .range-slider,.form-container.disabled .form-input input,.form-container.disabled .form-input .range-slider{pointer-events:none;opacity:.6}.form-container.disabled .form-label{color:var(--text-tertiary)}.form-subsection.disabled{opacity:.5;pointer-events:none}.form-subsection.disabled .info-tip{opacity:1;pointer-events:auto}.form-compact .form-field{margin-bottom:var(--spacing-xs)}.form-compact .form-label{margin-bottom:var(--spacing-2xs);gap:var(--spacing-2xs);font-size:.8rem}.form-compact .form-input,.form-compact .form-select{padding:var(--spacing-2xs) var(--spacing-xs);font-size:.85rem}.form-compact .form-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.form-compact .form-grid{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.form-compact .form-group{gap:var(--spacing-2xs)}.form-compact .form-actions{gap:var(--spacing-xs)}.form-compact .form-toggle{padding:var(--spacing-xs)}.form-compact .form-error,.form-compact .form-error-text{margin-top:var(--spacing-2xs);font-size:.75rem}.form-compact .form-section-title{margin-bottom:var(--spacing-2xs);font-size:.9rem}.form-compact .form-section-title.lg{font-size:1.25rem}.form-compact .form-section-description{margin-bottom:var(--spacing-xs);font-size:.8rem}.info-tip{color:var(--text-secondary);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.9rem;line-height:1.5}.form-subsection{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}@media (max-width:480px){.form-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .pill-btn,.form-actions .btn,.form-actions button{justify-content:center;width:100%}}.slider-base{border-radius:var(--radius-md);background:var(--border-primary);height:6px;transition:var(--transition-smooth);cursor:pointer;appearance:none;outline:none}.slider-base::-webkit-slider-track{border-radius:var(--radius-md);background:var(--border-primary);border:none;width:100%;height:6px}.slider-base::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size,20px);height:var(--slider-thumb-size,20px);background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:var(--shadow-small);transition:var(--transition-smooth);border-radius:50%}.slider-base::-moz-range-track{border-radius:var(--radius-md);background:var(--border-primary);border:none;width:100%;height:6px}.slider-base::-moz-range-thumb{width:var(--slider-thumb-size,20px);height:var(--slider-thumb-size,20px);background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:var(--shadow-small);border-radius:50%}.slider-base:hover::-webkit-slider-thumb{box-shadow:var(--glow-primary);transform:scale(1.1)}.slider-base:hover::-moz-range-thumb{box-shadow:var(--glow-primary);transform:scale(1.1)}.slider-base:focus{box-shadow:none!important;outline:none!important}.slider-base:focus::-webkit-slider-thumb{box-shadow:var(--glow-primary)}.slider-base:focus::-moz-range-thumb{box-shadow:var(--glow-primary)}.form-range-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.form-range-header:has(.form-label svg){margin-bottom:var(--spacing-xs)}.form-range-header .form-label svg{color:var(--text-tertiary)}.form-range-value{color:var(--accent-primary);background:var(--glass-bg);padding:var(--spacing-xs) .75rem;border:1px solid var(--border-primary);border-radius:16px;font-family:Monaco,monospace;font-size:.85rem;font-weight:600}.form-range-value--editable{cursor:text;transition:border-color .15s}.form-range-value--editable:hover{border-color:var(--accent-primary)}.form-range-value--editing{text-align:center;border-color:var(--accent-primary);-moz-appearance:textfield;outline:none;width:7ch}.form-range-value--editing::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-range-value--editing::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-range-input{width:100%}.form-range-error{background:rgba(var(--status-danger-rgb), .1)}.form-range-error::-webkit-slider-track{background:rgba(var(--status-danger-rgb), .2)}.form-range-error::-moz-range-track{background:rgba(var(--status-danger-rgb), .2)}.card-base{background:var(--glass-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);min-width:160px;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);outline:none;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.card-base:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-primary-rgb), .1), transparent);width:100%;height:100%;transition:var(--transition-smooth);position:absolute;top:0;left:-100%}.theme-template-card{align-items:center;gap:var(--spacing-md);background:var(--glass-bg);border:2px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:var(--transition-smooth);display:flex;position:relative}.theme-template-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-small);transform:translateY(-2px)}.theme-template-card.selected{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .05);box-shadow:var(--glow-primary)}.card-glass{background:var(--glass-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:var(--transition-smooth)}.card-selectable{cursor:pointer}.card-selectable:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-small);transform:translateY(-2px)}.card-selectable.selected{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .05);box-shadow:var(--glow-primary)}.modal-overlay{width:100vw;height:100vh;z-index:var(--z-modal);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:var(--container-md);width:90%;max-height:90vh;box-shadow:var(--shadow-large),inset 0 1px 0 #ffffff0d;flex-direction:column;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden}.modal-content.delete-modal{max-width:480px}.modal-content.modal-lg{max-width:600px}.modal-content.modal-sm{max-width:var(--container-sm)}.modal-content.invitation-modal{max-width:1400px}@media (max-width:1200px){.modal-content.invitation-modal{max-width:95vw}}@media (max-width:768px){.modal-content.invitation-modal{max-width:98vw;max-height:95vh}}.modal-content h3{color:var(--text-primary);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-family:Inter,sans-serif;font-size:1.3rem;font-weight:var(--font-weight-semibold);display:flex}.modal-content p{color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.5}.modal-header{padding:var(--spacing-compact-lg) var(--spacing-compact-lg) var(--spacing-compact-md) var(--spacing-compact-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.modal-title-group{align-items:center;gap:var(--spacing-sm);display:flex}.modal-title-group h3{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-title-group .warning-icon{color:var(--color-amber)}.modal-title-group .info-icon{color:var(--accent-primary)}.modal-close-btn{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-base);transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-title-meta{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-compact-lg);display:flex}.modal-body{padding:var(--spacing-compact-md);scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary);flex:1;min-height:0;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px;height:6px}.modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:6px}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:6px}.modal-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent-primary) 80%, white 20%)}.modal-actions,.modal-footer{padding:var(--spacing-compact-md) var(--spacing-compact-lg);border-top:1px solid var(--border-primary);gap:var(--spacing-sm);justify-content:flex-end;display:flex}.warning-text{border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--text-primary);background:#fbbf241a;border:1px solid #fbbf244d;font-size:.9rem;line-height:1.4}.warning-text strong{color:var(--color-amber)}.danger-warning{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-base);color:var(--color-red);background:#ef44441a;border:1px solid #ef444433;font-size:.9rem;display:flex}@media (max-width:768px){.modal-header{padding:var(--spacing-sm) var(--spacing-md)}.modal-title-group{gap:var(--spacing-xs)}.modal-title-group h3{font-size:.95rem}.modal-title-group svg{width:18px;height:18px}.modal-close-btn{padding:var(--spacing-xs);min-width:36px;min-height:36px}.modal-actions,.modal-footer{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xs);flex-wrap:wrap}}@media (max-width:480px){.modal-header{padding:var(--spacing-xs) var(--spacing-sm)}.modal-title-group h3{font-size:.85rem}.modal-actions,.modal-footer{padding:var(--spacing-xs) var(--spacing-sm)}}.modal-overlay--nested{z-index:10000;background:#00000080}.modal-content--confirm{max-width:380px;padding:var(--spacing-lg);text-align:center}.modal-content--confirm h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.1rem}.modal-content--confirm p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:.9rem}.modal-content--confirm .modal-footer{justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) 0 0;border-top:none}.modal-content--inline{width:100%;max-width:none;max-height:none;box-shadow:none;opacity:1;background:0 0;border:none;border-radius:0;grid-template-rows:1fr;transition:grid-template-rows .25s,opacity .25s;animation:none;display:grid;overflow:visible}.modal-content--inline .modal-inline-inner{min-height:0;overflow:hidden}.modal-content--inline .modal-body{padding:0;overflow:visible}.modal-content--inline .modal-footer{padding:var(--spacing-sm) 0 0;border-top:1px solid var(--border-secondary);margin-top:var(--spacing-sm)}.modal-content--inline .modal-footer .pill-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.modal-content--inline-collapsed{opacity:0;grid-template-rows:0fr}.modal-content--inline-hidden{display:none}.toast-container{top:var(--spacing-lg);right:var(--spacing-lg);z-index:10001;gap:var(--spacing-sm);pointer-events:none;flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-primary);border-left:3px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);pointer-events:auto;color:var(--text-primary);font-size:.9rem;line-height:1.4;animation:.3s ease-out toast-slide-in;display:flex}.toast--success{border-left-color:var(--status-success)}.toast--success .toast__icon{color:var(--status-success)}.toast--error{border-left-color:var(--status-danger)}.toast--error .toast__icon{color:var(--status-danger)}.toast--info{border-left-color:var(--status-info)}.toast--info .toast__icon{color:var(--status-info)}.toast--exit{animation:.3s ease-in forwards toast-slide-out}.toast__icon{flex-shrink:0;align-items:center;display:flex}.toast__message{flex:1;min-width:0}.toast__close{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__close:hover{background:var(--bg-secondary,#ffffff1a);color:var(--text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:480px){.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}}.pwa-install-prompt{bottom:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);z-index:10001;pointer-events:none;justify-content:center;animation:.3s ease-out pwa-slide-up;display:flex;position:fixed}.pwa-install-toast{pointer-events:auto;width:100%;max-width:420px}.pwa-install-content{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.pwa-install-action{padding:var(--spacing-xs) var(--spacing-md);background:var(--status-info);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);border:none;font-size:.85rem;font-weight:600}.pwa-install-action:hover{opacity:.85}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.pwa-install-prompt{bottom:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm)}}.status-badge{top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-gray);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-semibold);z-index:2;text-transform:uppercase;letter-spacing:.025em;position:absolute}.content-type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.content-type-badge--event{background:var(--color-blue);color:#fff}.content-type-badge--release{background:var(--color-purple);color:#fff}.content-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:#fff;display:inline-block}.latency-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:#fff;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;display:inline-block}.status-text{color:var(--text-secondary);font-size:.9rem}.badge-success,.status-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.badge-warning,.status-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning)}.badge-danger,.status-danger{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger)}.badge-info,.status-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info)}.invitation-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:var(--radius-lg);letter-spacing:.3px;align-items:center;gap:.25rem;display:inline-flex}.invitation-status-sent{color:var(--color-emerald);background:#10b9811a}.invitation-status-viewed{color:var(--color-blue);background:#3b82f61a}.invitation-status-accepted{color:#22c55e;background:#22c55e1a}.invitation-status-expired{color:var(--color-red);background:#ef44441a}.invitation-status-pending{color:var(--color-amber);background:#f59e0b1a}.filter-chips{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-chips-container{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.filter-chip{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-secondary);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;font-size:.7rem;font-weight:500;display:flex}.filter-chip .chip-count{font-weight:600}.filter-chip:hover{background:var(--hover-bg);border-color:var(--accent-primary);color:var(--text-primary)}.filter-chip.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.filter-chip.filter-chip-draft{color:#6b7280;border-color:#6b72804d}.filter-chip.filter-chip-draft .chip-count{color:#6b7280}.filter-chip.filter-chip-draft.active{color:#fff;background:#6b7280;border-color:#6b7280}.filter-chip.filter-chip-draft.active .chip-count{color:#fff}.filter-chip.filter-chip-pending-review{color:var(--color-amber);border-color:#f59e0b4d}.filter-chip.filter-chip-pending-review .chip-count{color:var(--color-amber)}.filter-chip.filter-chip-pending-review.active{background:var(--color-amber);color:var(--bg-primary);border-color:var(--color-amber)}.filter-chip.filter-chip-pending-review.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-reviewed{color:var(--color-blue);border-color:#3b82f64d}.filter-chip.filter-chip-reviewed .chip-count{color:var(--color-blue)}.filter-chip.filter-chip-reviewed.active{background:var(--color-blue);color:var(--bg-primary);border-color:var(--color-blue)}.filter-chip.filter-chip-reviewed.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-published{color:var(--color-emerald);border-color:#10b9814d}.filter-chip.filter-chip-published .chip-count{color:var(--color-emerald)}.filter-chip.filter-chip-published.active{background:var(--color-emerald);color:var(--bg-primary);border-color:var(--color-emerald)}.filter-chip.filter-chip-published.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-pending{color:var(--color-amber);border-color:#f59e0b4d}.filter-chip.filter-chip-pending .chip-count{color:var(--color-amber)}.filter-chip.filter-chip-pending.active{background:var(--color-amber);color:var(--bg-primary);border-color:var(--color-amber)}.filter-chip.filter-chip-pending.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-sent{color:var(--color-emerald);border-color:#10b9814d}.filter-chip.filter-chip-sent .chip-count{color:var(--color-emerald)}.filter-chip.filter-chip-sent.active{background:var(--color-emerald);color:var(--bg-primary);border-color:var(--color-emerald)}.filter-chip.filter-chip-sent.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-failed{color:var(--color-red);border-color:#ef44444d}.filter-chip.filter-chip-failed .chip-count{color:var(--color-red)}.filter-chip.filter-chip-failed.active{background:var(--color-red);color:var(--bg-primary);border-color:var(--color-red)}.filter-chip.filter-chip-failed.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-viewed{color:var(--color-blue);border-color:#3b82f64d}.filter-chip.filter-chip-viewed .chip-count{color:var(--color-blue)}.filter-chip.filter-chip-viewed.active{background:var(--color-blue);color:var(--bg-primary);border-color:var(--color-blue)}.filter-chip.filter-chip-viewed.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-accepted{color:#22c55e;border-color:#22c55e4d}.filter-chip.filter-chip-accepted .chip-count{color:#22c55e}.filter-chip.filter-chip-accepted.active{color:var(--bg-primary);background:#22c55e;border-color:#22c55e}.filter-chip.filter-chip-accepted.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-expired{color:var(--color-red);border-color:#ef44444d}.filter-chip.filter-chip-expired .chip-count{color:var(--color-red)}.filter-chip.filter-chip-expired.active{background:var(--color-red);color:var(--bg-primary);border-color:var(--color-red)}.filter-chip.filter-chip-expired.active .chip-count{color:var(--bg-primary)}.filter-chip.filter-chip-none{color:#6b7280;border-color:#6b72804d}.filter-chip.filter-chip-none .chip-count{color:#6b7280}.filter-chip.filter-chip-none.active{color:#fff;background:#6b7280;border-color:#6b7280}.filter-chip.filter-chip-none.active .chip-count{color:#fff}.filter-actions{gap:var(--spacing-xs);margin-left:auto;display:flex}.filter-action-btn{border:1px solid var(--border-secondary);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.3px;background:0 0;padding:.4rem .6rem;font-size:.7rem}.filter-action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-action-btn .spin{animation:.8s linear infinite spin}@media (max-width:768px){.filter-chip{min-height:36px}.chip-label{display:none!important}.filter-action-btn{display:none}.filter-action-btn--refresh{justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0;display:flex}}.loading{opacity:0;animation:1s ease-in-out forwards fadeIn}.loading-spinner{width:var(--icon-lg);height:var(--icon-lg);border:2px solid var(--border-primary);border-top:2px solid var(--accent-primary);border-radius:50%;animation:1s linear infinite spin}.pill-btn.loading{pointer-events:none;opacity:.7;cursor:not-allowed}.events-grid.loading{opacity:.6}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.5rem}.empty-state p{margin-bottom:var(--spacing-xl);max-width:var(--container-sm);margin-left:auto;margin-right:auto}.skeleton{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.skeleton-image{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-primary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;width:100%;height:200px;animation:1.5s infinite shimmer}.skeleton-content{padding:var(--spacing-lg)}.skeleton-line{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-primary) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);height:1rem;margin-bottom:var(--spacing-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-line.short{width:60%}.content-table .skeleton-row td{padding:var(--spacing-md)}.skeleton-cell{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-primary) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-cell.skeleton-badge{width:60px;height:24px}.skeleton-cell.skeleton-text{width:150px;height:20px}.skeleton-cell.skeleton-text.short{width:80px}.skeleton-cell.skeleton-actions{width:70px;height:32px}@media (max-width:768px){.empty-state{padding:var(--spacing-2xl) var(--spacing-md)}}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-xs);height:4px;position:relative;overflow:hidden}.progress-bar__fill{background:var(--accent-primary);border-radius:var(--radius-xs);height:100%;transition:width .3s}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:1.5s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(-100%)}}.progress-bar--success .progress-bar__fill{background:var(--color-emerald)}.progress-bar--error .progress-bar__fill{background:var(--color-red)}.progress-bar--queued .progress-bar__fill{background:var(--color-purple)}.progress-bar--warning .progress-bar__fill{background:var(--color-amber)}.progress-bar--sm{height:2px}.progress-bar--lg{height:8px}::view-transition-old(content-canvas){animation-duration:.32s;animation-timing-function:ease-out}::view-transition-new(content-canvas){animation-duration:.32s;animation-timing-function:ease-out}::view-transition-old(content-canvas){animation-name:page-transition-fade-out}::view-transition-new(content-canvas){animation-name:page-transition-fade-in}@keyframes page-transition-fade-out{to{opacity:0}}@keyframes page-transition-fade-in{0%{opacity:0}}.page-nav-arrow{z-index:20;color:currentColor;opacity:.6;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.page-nav-arrow:hover:not(:disabled){opacity:1}.page-nav-arrow:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:2px}.page-nav-arrow:disabled{opacity:0;pointer-events:none}.page-nav-arrow--left{left:var(--spacing-md)}.page-nav-arrow--right{right:var(--spacing-md)}@media (max-width:768px){.page-nav-arrow--left{left:var(--spacing-sm)}.page-nav-arrow--right{right:var(--spacing-sm)}}.navbar{height:var(--navbar-height);z-index:var(--z-navbar);padding:0 var(--spacing-xl);background:var(--glass-navbar);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-bottom:1px solid var(--border-primary);transition:var(--transition-smooth);position:fixed;top:0;left:0;right:0}.navbar-container{align-items:center;gap:var(--spacing-xl);height:100%;max-width:var(--container-3xl);margin:0 auto;display:flex}.navbar-container>.logo-container{margin-right:auto}.logo{width:auto;height:40px;transition:var(--transition-smooth);border-radius:var(--radius-sm);outline:none;display:block}.logo svg *{fill:var(--text-primary)!important}.logo:hover,.logo:focus{filter:drop-shadow(0 0 8px rgba(var(--accent-primary-rgb), .4))}.logo:active{transform:translateY(0)}.nav-links{gap:var(--spacing-xl);list-style:none;display:flex}@media (max-width:768px){.nav-links{display:none}.nav-links.mobile-open{opacity:1;visibility:visible;display:flex;transform:translateY(0)}}.nav-controls{align-items:center;gap:var(--spacing-md);display:flex}.mobile-menu-toggle{display:none}.nav-links a{color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);transition:var(--transition-smooth);border-radius:var(--radius-sm);outline:none;padding:8px 12px;font-size:.95rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover,.nav-links a:focus{color:var(--text-primary);background:var(--hover-bg);transform:translateY(-1px)}.nav-links a:hover:after,.nav-links a:focus:after{width:60%}.nav-links a:active{background:var(--active-bg);transform:translateY(0)}.profile-menu-item{padding:.75rem var(--spacing-md);color:var(--text-secondary);font-size:.9rem;font-weight:var(--font-weight-medium);transition:var(--transition-smooth);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;outline:none;align-items:center;gap:.75rem;width:100%;text-decoration:none;display:flex}.profile-menu-item:link,.profile-menu-item:visited{color:var(--text-secondary);text-decoration:none}.profile-menu-item:hover{background:var(--hover-bg);color:var(--text-primary);text-decoration:none}.profile-menu-item:focus{background:var(--hover-bg);color:var(--text-primary);box-shadow:0 0 0 2px var(--focus-ring)}.profile-menu-item:active{background:var(--active-bg)}.profile-menu-button-danger{color:var(--text-secondary)}.profile-menu-button-danger:hover,.profile-menu-button-danger:focus{color:var(--status-danger);background:var(--status-danger-bg)}.floating-controls{align-items:center;gap:var(--spacing-md);display:flex}.floating-theme-toggle{z-index:calc(var(--z-navbar) + 1);display:block;position:fixed;top:20px;right:20px}.floating-theme-toggle .theme-toggle{box-shadow:var(--shadow-medium);border:1px solid var(--border-primary)}.floating-theme-toggle .theme-toggle:hover{box-shadow:var(--shadow-large)}.nav-links .mobile-theme-toggle{padding:var(--spacing-sm) 0 var(--spacing-xs) 0;border-top:1px solid var(--border-primary);margin-top:var(--spacing-sm);text-align:center;display:none}.nav-links .mobile-theme-toggle .theme-toggle{margin:0 auto}.nav-links .mobile-login{padding:var(--spacing-sm) 0 var(--spacing-xs) 0;border-top:1px solid var(--border-primary);margin-top:var(--spacing-sm);text-align:center;display:none}.mobile-auth-menu{gap:var(--spacing-sm);flex-direction:column;display:flex}.mobile-auth-link,.mobile-auth-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-base);font-size:.9rem;font-weight:var(--font-weight-medium);transition:var(--transition-smooth);cursor:pointer;color:var(--text-primary);background:0 0;border:none;min-width:140px;margin:0 auto;text-decoration:none;display:flex}.mobile-auth-icon{width:var(--icon-xs);height:var(--icon-xs);flex-shrink:0}.mobile-login-button{background:var(--glass-bg);border:1px solid var(--border-primary);color:var(--accent-primary)}.mobile-login-button:hover{background:var(--hover-bg);border-color:var(--accent-primary);transform:translateY(-1px)}.mobile-auth-link{background:var(--glass-bg);border:1px solid var(--border-primary);color:var(--text-primary)}.mobile-auth-link:hover{background:var(--hover-bg);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.mobile-logout-button{background:rgba(var(--status-danger-rgb), .1);border:1px solid rgba(var(--status-danger-rgb), .3);color:var(--color-red)}.mobile-logout-button:hover{background:rgba(var(--status-danger-rgb), .2);border-color:rgba(var(--status-danger-rgb), .5);transform:translateY(-1px)}@media (max-width:768px){.navbar{padding:0 var(--spacing-md)}.navbar-container{max-width:none;margin:0;position:relative}.floating-controls,.floating-theme-toggle{visibility:hidden!important;display:none!important}.nav-links .mobile-theme-toggle,.nav-links .mobile-login{visibility:visible!important;display:block!important}.nav-links{background:var(--glass-navbar);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);opacity:0;visibility:hidden;transition:var(--transition-smooth);box-shadow:var(--shadow-large);z-index:calc(var(--z-navbar) + 2);flex-direction:column;position:absolute;top:100%;right:0;transform:translateY(-10px)}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-sm);background:0 0;border:none;outline:none;padding:8px;font-size:1.5rem;display:block!important}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{background:var(--hover-bg);color:var(--accent-primary)}.mobile-menu-toggle:active{background:var(--active-bg)}.nav-controls{gap:var(--spacing-sm)}.navbar-container .theme-toggle{margin-left:0;margin-right:0}}@media (max-width:480px){.navbar{padding:.75rem}.logo{height:35px}.nav-links a{font-size:.85rem}}.site-footer{background:var(--gradient-footer);border-top:1px solid var(--border-primary);padding:var(--spacing-lg) 0 var(--spacing-md);z-index:var(--z-dropdown);margin-top:auto;position:relative}.footer-container{max-width:var(--container-2xl);padding:0 var(--spacing-xl);align-items:center;gap:var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.social-links{gap:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.social-link{background:var(--overlay-light);border:1px solid var(--glass-border);width:50px;height:50px;color:var(--text-secondary);transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-link:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-primary-rgb), .1), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.social-link:hover:before{left:100%}.social-link:hover{color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb), .3);background:rgba(var(--accent-primary-rgb), .05);box-shadow:var(--glow-primary);transform:translateY(-2px)}.social-link:hover .social-icon{transform:scale(1.1)}.social-link:focus{color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb), .5);box-shadow:0 0 0 2px var(--focus-ring)}.social-icon{width:var(--icon-md);height:var(--icon-md);z-index:2;transition:transform .3s;position:relative}.footer-copyright{text-align:center}.footer-copyright p{color:var(--text-tertiary);font-size:.9rem;font-weight:var(--font-weight-light);letter-spacing:.5px;margin:0}@media (max-width:768px){.site-footer{padding:var(--spacing-md) 0 .75rem}.footer-container{padding:0 var(--spacing-md);gap:.75rem}.social-links{gap:var(--spacing-lg)}.social-link{width:45px;height:45px}.social-icon{width:var(--icon-sm);height:var(--icon-sm)}.footer-copyright p{font-size:.8rem}}@media (max-width:480px){.social-links{gap:var(--spacing-md)}.social-link{width:40px;height:40px}.social-icon{width:var(--icon-xs);height:var(--icon-xs)}}.rotating-record{aspect-ratio:1;z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.content-frame-static{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.vinyl-surface{background:linear-gradient(45deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 20px #00000080,inset 0 0 20px #ffffff08}.groove-pattern{pointer-events:none;background-image:repeating-radial-gradient(circle,#0000 0 2px,#ffffff08 2px 3px);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.center-label{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:30%;height:30%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.center-label-elements{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:100%;height:100%;display:flex;position:relative}.vinyl-surface-elements{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.vinyl-surface-elements>*{pointer-events:auto}@media (max-width:768px){.rotating-record{min-width:200px;min-height:200px}}@media print{.rotating-record{animation:none!important;transform:none!important}.groove-pattern{display:none}}.text-element[data-layer=background],.background-media{z-index:1}.text-element[data-layer=dynamic]{z-index:3}.text-element[data-layer=foreground]{z-index:4}.masonry-grid__wrapper{flex:1;min-height:0;overflow:hidden}.masonry-grid__item{border-radius:var(--radius-md);background:var(--bg-secondary);border:2px solid var(--border-primary);cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.masonry-grid__item:hover{border-color:var(--accent-primary)}.masonry-grid__item--selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb), .2)}.masonry-grid__thumbnail{background:var(--bg-tertiary);position:relative;overflow:hidden}.masonry-grid__thumbnail img,.masonry-grid__thumbnail video{object-fit:cover;width:100%;height:100%}.masonry-grid__thumbnail video{cursor:pointer}.masonry-grid__badges{bottom:var(--spacing-sm);left:var(--spacing-sm);z-index:1;flex-direction:column;gap:2px;display:flex;position:absolute}.masonry-grid__badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;width:fit-content;padding:2px 8px;font-size:.7rem;display:flex}.masonry-grid__overlay{justify-content:center;align-items:center;gap:var(--spacing-sm);opacity:0;transition:var(--transition-smooth);background:#0009;display:flex;position:absolute;inset:0}.masonry-grid__thumbnail:hover .masonry-grid__overlay{opacity:1}.masonry-grid__action{background:var(--bg-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.masonry-grid__action:hover{background:var(--accent-primary);color:var(--bg-primary)}.masonry-grid__action:focus{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.masonry-grid__delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:var(--transition-fast);z-index:2;background:#0009;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.masonry-grid__delete:hover{background:rgba(var(--status-danger-rgb), .15);color:var(--status-danger);border-color:var(--status-danger)}.masonry-grid__item:hover .masonry-grid__delete{opacity:1}.masonry-grid__placeholder{width:100%;height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}@media (max-width:768px){.masonry-grid__badge{padding:1px 3px;font-size:.5rem}.masonry-grid__overlay{gap:2px}.masonry-grid__action{width:28px;height:28px}.masonry-grid__action svg{width:14px;height:14px}}.svg-content{justify-content:center;align-items:center;width:100%;height:auto;display:flex}.svg-content svg{fill:currentColor;width:100%;max-width:100%;height:auto;transition:var(--transition-fast)}.text-element .svg-content svg{fill:currentColor;stroke:currentColor}*{transition:var(--transition-theme)}.hero-logo-animated,.hero-logo-animated *,.char-1,.char-2,.char-3,.char-4,.char-5,.accent-dot-1,.accent-dot-2,.accent-dot-3,.accent-dot-4{transition:none!important}a:focus,button:focus{outline:none}.return-link{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth);font-weight:500;text-decoration:none}.return-link:hover{color:var(--accent-hover)}.hero-logo{width:clamp(250px,35vw,450px);height:clamp(80px,12vw,160px);transition:var(--transition-smooth);margin:0 auto;transform:translateY(-50px)}.hero-logo svg path{fill:var(--text-primary)!important}.hero-logo-animated{filter:drop-shadow(0 0 5px #ffffff14);transform-origin:50%;animation:4s ease-in-out infinite alternate logoBreathingMain}[data-theme=light] .hero-logo-animated{filter:drop-shadow(0 0 5px #00000014);animation:4s ease-in-out infinite alternate logoBreathingLight}.hero-logo-animated .logo-group{animation:4s ease-in-out infinite alternate logoFilterBreathing}.yugen-logo-svg:hover{animation-duration:2s}.yugen-logo-svg:hover .logo-group{filter:url(#breathingGlow)}.landing-container{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.background-video{object-fit:cover;z-index:-2;opacity:1;mix-blend-mode:difference;width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=light] .background-video{opacity:1;mix-blend-mode:difference}.background-overlay{background:var(--gradient-overlay);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.landing-content{text-align:center;max-width:var(--container-lg);padding:0 var(--spacing-xl);z-index:1}.landing-title{font-family:Bebas Neue,cursive;font-size:clamp(2.5rem,8vw,6rem);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-xl);text-transform:uppercase;background:var(--gradient-text);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite alternate glow}.landing-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:clamp(1rem,3vw,1.5rem);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-tight);line-height:1.8}.hero-buttons{gap:var(--spacing-xl);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.hero-btn{background:var(--glass-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);min-width:160px;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);outline:none;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.hero-btn:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-primary-rgb), .1), transparent);width:100%;height:100%;transition:var(--transition-smooth);pointer-events:none;position:absolute;top:0;left:-100%}.hero-btn:hover:before,.hero-btn:focus:before{left:100%}.hero-btn:hover,.hero-btn:focus{background:var(--glass-bg);border-color:var(--accent-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.hero-btn:active{transform:translateY(0)}.btn-text{font-family:Bebas Neue,cursive;font-size:1.2rem;font-weight:var(--font-weight-normal);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-sm);transition:var(--transition-smooth)}.btn-subtext{color:var(--text-tertiary);font-size:.85rem;font-weight:var(--font-weight-light);letter-spacing:.5px;transition:var(--transition-smooth)}.hero-btn:hover .btn-text,.hero-btn:focus .btn-text{color:var(--accent-primary)}.hero-btn:hover .btn-subtext,.hero-btn:focus .btn-subtext{color:var(--text-secondary)}.hero-logo-animated,.hero-logo-animated *{transition:none!important}@media (max-width:768px){.landing-content{padding:0 var(--spacing-md)}.hero-buttons{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.hero-btn{min-width:140px;padding:1.2rem var(--spacing-lg)}.btn-text{font-size:1.1rem}.btn-subtext{font-size:.8rem}}@media (max-width:480px){.hero-buttons{align-items:center;gap:var(--spacing-md);flex-direction:column}.hero-btn{min-width:200px;padding:var(--spacing-md) var(--spacing-lg)}}.about-container{min-height:100vh;padding-top:calc(var(--navbar-height) + var(--spacing-xl));position:relative;overflow:hidden}.about-background{background:var(--bg-primary);z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.about-overlay{background:var(--gradient-overlay);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.about-content{max-width:var(--container-xl);padding:var(--spacing-3xl) var(--spacing-xl);z-index:1;margin:0 auto;position:relative}.about-title{text-align:center;margin-bottom:var(--spacing-2xl);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);font-family:Bebas Neue,cursive;font-size:clamp(3rem,6vw,5rem)}.about-text{color:var(--text-secondary);text-align:center;max-width:var(--container-lg);font-size:1.2rem;line-height:2;font-weight:var(--font-weight-light);margin:0 auto}.about-text strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}@media (max-width:768px){.about-content{padding:var(--spacing-xl) var(--spacing-md)}.about-text{font-size:1.1rem;line-height:1.8}}@media (max-width:480px){.about-text{font-size:1rem}}.ticket-registration-modal{max-width:var(--container-md)}.ticket-registration-modal .event-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:4px solid var(--accent-primary)}.ticket-registration-modal .event-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.ticket-registration-modal .event-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;margin:0}.ticket-registration-modal .event-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;white-space:nowrap;margin-left:var(--spacing-md);flex-shrink:0}.ticket-registration-modal .event-badge.private{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning)}.ticket-registration-modal .event-badge.public{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.ticket-registration-modal .event-detail{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0;font-size:.9rem;display:flex}.ticket-registration-modal .event-detail svg{color:var(--accent-primary);flex-shrink:0}.ticket-registration-modal .event-detail span{color:var(--text-primary)}.ticket-registration-modal .pricing-info.compact{margin-bottom:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:4px solid var(--accent-primary);padding:.75rem}.ticket-registration-modal .pricing-info.compact h5{margin:0 0 var(--spacing-sm) 0;font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--accent-primary)}.ticket-registration-modal .pricing-info.compact .pricing-tiers-compact{gap:var(--spacing-xs);flex-direction:column;display:flex}.ticket-registration-modal .pricing-info.compact .price-tier-compact{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.ticket-registration-modal .pricing-info.compact .price-tier-compact .tier-name{color:var(--text-secondary)}.ticket-registration-modal .pricing-info.compact .price-tier-compact .tier-price{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ticket-registration-modal .pricing-info.compact .free-event-text{color:var(--text-secondary);margin:0;font-size:.85rem;font-style:italic}.ticket-registration-modal .expiry-notice{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--status-info-bg);border:1px solid var(--status-info);border-radius:var(--radius-md);color:var(--status-info);align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.4;display:flex}.ticket-registration-modal .expiry-notice.urgent{background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.ticket-registration-modal .expiry-icon{flex-shrink:0;align-items:center;margin-top:.1rem;display:flex}.ticket-registration-modal .expiry-details{flex:1}.ticket-registration-modal .urgent-text{margin-top:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:.85rem}.registration-form .error-message{background:rgba(var(--status-danger-rgb), .1);border:1px solid rgba(var(--status-danger-rgb), .3);border-radius:var(--radius-base);margin-bottom:var(--spacing-md);color:var(--text-primary);padding:.75rem;font-size:.9rem}.ticket-display-modal{max-width:450px}.ticket-display-modal .ticket-container{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md) 0;border:1px solid var(--border-primary)}.ticket-display-modal .ticket-event-info{text-align:center;margin-bottom:1.2rem}.ticket-display-modal .ticket-event-header{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.ticket-display-modal .ticket-event-title{font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-header);text-transform:uppercase;margin:0}.ticket-display-modal .ticket-event-badge{font-size:.65rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;white-space:nowrap;border-radius:3px;padding:.2rem .4rem}.ticket-display-modal .ticket-event-badge.private{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning)}.ticket-display-modal .ticket-event-badge.public{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.ticket-display-modal .ticket-details-grid{flex-direction:column;align-items:center;gap:.3rem;display:flex}.ticket-display-modal .ticket-detail{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.ticket-display-modal .ticket-detail svg{color:var(--accent-primary);flex-shrink:0}.ticket-display-modal .ticket-detail span{color:var(--text-primary)}.ticket-display-modal .ticket-qr-section{text-align:center;margin:var(--spacing-lg) 0}.ticket-display-modal .qr-code-container{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:#fff;display:inline-block}.ticket-display-modal .qr-code-image{border-radius:var(--radius-sm);display:block}.ticket-display-modal .qr-instructions{color:var(--text-secondary);margin:0;font-size:.8rem}.ticket-display-modal .ticket-footer{border-top:1px solid var(--border-primary);padding-top:var(--spacing-md);text-align:center}.ticket-display-modal .ticket-email{color:var(--text-tertiary);margin:0;font-size:.8rem}.ticket-help{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-base);border-left:3px solid var(--accent-primary)}.ticket-help p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.security-notice{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--status-warning-bg);border-radius:var(--radius-base);border-left:3px solid var(--status-warning);align-items:flex-start;gap:.75rem;display:flex}.security-notice .security-icon{color:var(--status-warning);flex-shrink:0;margin-top:.1rem}.security-notice .security-content{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.security-notice .security-content strong{color:var(--status-warning)}.loading-guests{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-secondary);justify-content:center;font-size:.9rem;display:flex}.guest-list-preview{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.guest-list-title{align-items:center;gap:var(--spacing-sm);font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.75rem;display:flex}.guest-list{max-height:200px;overflow-y:auto}.guest-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-secondary);align-items:center;gap:.75rem;display:flex}.guest-item:last-child{border-bottom:none}.guest-name{font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:120px}.guest-email{color:var(--text-secondary);flex:1;font-size:.9rem}.guest-type{background:var(--accent-primary);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:capitalize}.success-header{margin-bottom:var(--spacing-md);align-items:center;gap:.75rem;display:flex}.success-header h4{color:var(--text-primary);margin:0;font-size:1.1rem}.invitation-results{margin-bottom:var(--spacing-lg)}.invitation-results p{margin:var(--spacing-sm) 0;color:var(--text-primary)}.token-results{margin-bottom:var(--spacing-lg)}.token-results h5{color:var(--text-primary);font-size:.9rem;font-weight:var(--font-weight-semibold);margin-bottom:.75rem}.token-list{max-height:var(--container-xs);background:var(--bg-secondary);border-radius:var(--radius-base);padding:var(--spacing-sm);overflow-y:auto}.token-item{gap:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--border-primary);flex-direction:column;padding:.75rem;display:flex}.token-item:last-child{margin-bottom:0}.token-email{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:.9rem}.token-code{background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);color:var(--accent-primary);word-break:break-all;border:1px solid var(--border-secondary);border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:.75rem}.token-url{color:var(--text-tertiary);word-break:break-all;font-family:Monaco,Consolas,monospace;font-size:.7rem}.invitation-expired-modal{width:90vw;max-width:500px}.expired-icon{background:var(--status-warning-bg);color:var(--status-warning)}.expired-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.expiry-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.expiry-detail{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--status-warning-bg);border:1px solid var(--status-warning);border-radius:var(--radius-md);color:var(--status-warning);font-weight:500;display:flex}.expired-content .event-info h3{font-family:var(--font-header);color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;font-size:1.5rem}.expired-content .event-date,.expired-content .event-location{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem;display:flex}.expired-content .event-date:last-child,.expired-content .event-location:last-child{margin-bottom:0}.expired-actions{gap:var(--spacing-lg);text-align:center;flex-direction:column;align-items:center;display:flex}.expired-actions .help-text{color:var(--text-secondary);margin:0;line-height:1.5}.expired-actions .email-link{align-items:center;gap:var(--spacing-xs);color:var(--accent-primary);transition:var(--transition-smooth);font-weight:500;text-decoration:none;display:inline-flex}.expired-actions .email-link:hover{color:var(--accent-hover);text-decoration:underline}@media (max-width:480px){.ticket-registration-modal,.ticket-display-modal{max-width:90%;margin:var(--spacing-md)}.ticket-container{padding:var(--spacing-md)}.invitation-expired-modal{width:95vw;margin:var(--spacing-md)}.expiry-detail{text-align:center;gap:var(--spacing-sm);flex-direction:column}}