:root{--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-muted:#f0f0f0;--text-primary:#111;--text-secondary:#6b6b6b;--text-muted:#8e8e93;--text-inverse:#fff;--crimson:#990f24;--crimson-hover:#7a0c1d;--crimson-tint:#f9edf0;--border:#e5e5e5;--border-light:#f0f0f0;--border-dark:#111;--success:#287a4c;--success-bg:#287a4c14;--bg-base:#fff;--bg-surface:#fff;--bg-surface-elevated:#f7f7f7;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-subtle:#f7f7f7;--bg-glass:#fffffff0;--border-subtle:#e5e5e5;--border-card:#e5e5e5;--border-active:#111;--border-lime:#990f24;--accent-lime:#990f24;--accent-lime-hover:#7a0c1d;--accent-lime-active:#5e0816;--accent-lime-muted:#f9edf0;--accent-lime-glow:#990f241a;--accent-lime-border:#990f2433;--rec-red:#990f24;--rec-red-muted:#f9edf0;--font-editorial:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", -apple-system, sans-serif;--font-mono:-apple-system, BlinkMacSystemFont, "SF Mono", monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 10px 30px #00000014;--shadow-crimson:0 4px 14px #990f2433;--max-width:1240px;--header-height:64px;--mobile-nav-height:64px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-primary);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-size:15px;line-height:1.5;overflow-x:hidden}#root{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-editorial);color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(32px,4.4vw,54px);font-weight:700}h2{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,32px);font-weight:600}h3{font-size:18px;font-weight:600}p{color:var(--text-secondary);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}img{object-fit:cover;max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (width<=768px){.container{padding-left:16px;padding-right:16px}}.btn{font-family:var(--font-ui);border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .16s;display:inline-flex}.btn-primary{background-color:var(--crimson);color:#fff;border:1px solid #0000}.btn-primary:hover{background-color:var(--crimson-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--bg-muted);color:var(--text-primary)}.btn-secondary:active{background-color:var(--border)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:#fff}.btn-outline:hover{background:var(--bg-secondary);border-color:#d1d1d6}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-secondary)}.btn-lime-subtle{background-color:var(--crimson-tint);color:var(--crimson);border:1px solid #990f2426}.btn-lime-subtle:hover{background-color:#f4dfe4}.btn-sm{border-radius:var(--radius-full);min-height:36px;padding:7px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-full);min-height:48px;padding:13px 26px;font-size:15px;font-weight:600}.btn-icon{border-radius:var(--radius-full);width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-md);border-color:#d1d1d6;transform:translateY(-2px)}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-lg);background-color:#fffffff5}.input-field{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);min-height:44px;padding:13px 18px;font-size:15px;transition:border-color .15s,background-color .15s}.input-field:focus{border-color:var(--text-primary);background-color:#fff}.input-field::placeholder{color:var(--text-muted)}.chip{font-family:var(--font-ui);border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;min-height:38px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{background-color:var(--bg-muted);color:var(--text-primary);border-color:#d1d1d6}.chip.active{background-color:var(--crimson-tint);color:var(--crimson);border-color:#990f244d;font-weight:600}.chip-tag{border-radius:var(--radius-xs);background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:3px 8px;font-size:11px;font-weight:500}.telemetry-badge{color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.rec-indicator{color:var(--success);background:var(--success-bg);border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.rec-dot{background-color:var(--success);border-radius:50%;width:6px;height:6px}.urgency-badge{border-radius:var(--radius-full);background:var(--crimson-tint);color:var(--crimson);border:1px solid #990f2426;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.viewfinder-box{position:relative}.viewfinder-corner{display:none!important}.app-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background-color:#fffffff2;align-items:center;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-wrapper{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-sm);background-color:var(--bg-primary);border:1px solid var(--border);width:34px;height:34px;color:var(--crimson);justify-content:center;align-items:center;display:flex;position:relative}.logo-text{font-family:var(--font-editorial);letter-spacing:-.02em;color:var(--text-primary);font-size:19px;font-weight:700}.mode-switch-pill{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;padding:3px;display:flex}.mode-btn{border-radius:var(--radius-full);color:var(--text-secondary);min-height:32px;min-width:unset;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.mode-btn.active{color:var(--text-primary);box-shadow:var(--shadow-xs);background-color:#fff;font-weight:600}.mode-btn:not(.active):hover{color:var(--text-primary)}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);min-height:44px;min-width:unset;align-items:center;gap:6px;padding:0 4px;font-size:14px;font-weight:500;transition:color .15s;display:flex;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600}.nav-link.active:after{content:"";background-color:var(--text-primary);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background-color:#00000073;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;box-shadow:var(--shadow-lg);color:var(--text-primary);background-color:#fff;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox-backdrop{z-index:1100;background-color:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-bottom-nav{min-height:var(--mobile-nav-height);padding-bottom:max(env(safe-area-inset-bottom,0px), 8px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;background-color:#fffffff0;justify-content:space-around;align-items:center;padding-top:6px;padding-left:8px;padding-right:8px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;padding:4px 0;font-size:11px;font-weight:500;transition:color .15s;display:flex}.mobile-nav-item.active{color:var(--crimson);font-weight:600}.mobile-only{display:none!important}@media (width<=860px){.desktop-only{display:none!important}.mobile-only{display:flex!important}span.mobile-only,a.mobile-only{display:inline!important}.mobile-bottom-nav{display:flex}.app-header{height:60px;min-height:60px}.app-header .nav-links{display:none}.container{padding-left:20px;padding-right:20px}body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 20px)}}.swipe-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@media (width<=860px){.swipe-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;margin-left:-20px;margin-right:-20px;padding-bottom:12px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.swipe-container::-webkit-scrollbar{display:none}.swipe-item{scroll-snap-align:start;flex:0 0 280px;max-width:82vw}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#e5e5e5}::-webkit-scrollbar-thumb:hover{background:#d1d1d6}.badge-dot{background-color:var(--crimson);border-radius:50%;width:6px;height:6px}@keyframes galleryFadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.gallery-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards galleryFadeInUp}.gallery-frame{border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border);transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.gallery-frame img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.gallery-frame:hover img{transform:scale(1.025)}.gallery-frame:hover{box-shadow:var(--shadow-md);border-color:#d1d1d6}.section-contrast-dark{color:#fff;background-color:#111}.section-contrast-dark h1,.section-contrast-dark h2,.section-contrast-dark h3,.section-contrast-dark h4{color:#fff}.section-contrast-dark p{color:#8e8e93}.section-contrast-dark .card{background-color:#18181a;border-color:#262628}.section-contrast-dark .card:hover{border-color:#3c3c3e;box-shadow:0 8px 24px #00000080}.gallery-asymmetric-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:36px;display:grid}@media (width<=960px){.gallery-asymmetric-grid{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gallery-frame img,.gallery-frame:hover img{transform:none!important}}