*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2234;--bg-card-hover: #1f2b42;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #E8611A;--accent-light: #ff8c42;--border: #1e293b;--border-light: #334155;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}h1,h2,h3{line-height:1.2}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:#0a0e17d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.nav-links{display:flex;gap:.25rem}.nav-link{padding:.5rem 1rem;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--accent);background:#e8611a1a}.api-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;padding:.4rem .85rem;border-radius:20px;background:var(--bg-card);border:1px solid var(--border)}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.api-status.connected .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.api-status.disconnected .status-dot{background:#ef4444;box-shadow:0 0 8px #ef444480}.api-status.checking .status-dot{background:#f59e0b;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.dashboard-page{position:relative;overflow:hidden}.dashboard-page:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;top:-260px;left:-180px;background:radial-gradient(circle,#e8611a38,#e8611a00 68%);pointer-events:none}.dashboard-page:after{content:"";position:absolute;width:620px;height:420px;border-radius:50%;right:-240px;top:120px;background:radial-gradient(circle,#38bdf829,#38bdf800 72%);pointer-events:none}.hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:4.6rem 4rem;max-width:1300px;margin:0 auto;width:100%;gap:4rem}.home-hero{margin-top:.3rem}.hero-content{flex:1}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem 1rem .42rem .65rem;border-radius:999px;background:#1a2234c7;border:1px solid rgba(232,97,26,.35);color:#ffd8bf;font-size:.82rem;font-weight:600;margin-bottom:1.5rem}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#fb923c;box-shadow:0 0 10px #fb923ccc}.hero-badge-word{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:.2rem .45rem;border-radius:999px;background:#fb923c29;color:#ffe6d3;animation:badgePop .45s ease}.hero h1{font-size:clamp(2.3rem,6vw,3.7rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1.25rem;line-height:1.08;max-width:680px}.hero-subtitle{color:var(--text-secondary);font-size:1.03rem;line-height:1.65;max-width:480px;margin-bottom:2.1rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:10px;font-size:.95rem;font-weight:600;border:none;transition:all .25s}.btn-primary{background:linear-gradient(135deg,#e8611a,#ff9f4f);color:#fff;box-shadow:0 8px 24px #e8611a59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #e8611a7a}.btn-secondary{background:#1a2234c2;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#1f2b42e0;border-color:var(--text-muted);transform:translateY(-1px)}.hero-visual{flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-ball-wrapper{position:relative;width:350px;height:350px;display:flex;align-items:center;justify-content:center}.hero-ball{position:relative;z-index:2;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(232,97,26,.35))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(232,97,26,.2)}.ring-1{width:250px;height:250px;animation:spin 20s linear infinite}.ring-2{width:320px;height:320px;border-style:dashed;border-color:#6366f11f;animation:spin 30s linear infinite reverse}.ring-3{width:390px;height:390px;border-color:#14b8a614;animation:spin 40s linear infinite}.hero-chip{position:absolute;z-index:3;padding:.35rem .72rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em;color:#f8fafc;border:1px solid rgba(148,163,184,.36);background:#111827c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:chipFloat 4.2s ease-in-out infinite}.hero-chip-top{top:16px;left:18%}.hero-chip-right{right:-5px;top:44%;animation-delay:.6s}.hero-chip-bottom{left:24%;bottom:12px;animation-delay:1.2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes badgePop{0%{transform:scale(.9);opacity:.4}to{transform:scale(1);opacity:1}}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:.97rem}.section-header.compact{margin-bottom:1.4rem}.stats-section{position:relative;z-index:1;padding:1.8rem 2rem 2.8rem;max-width:1200px;margin:0 auto;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.stat-card{background:linear-gradient(180deg,#1a2234e6,#0f172ae6);border:1px solid rgba(100,116,139,.28);border-radius:16px;padding:1.1rem;display:flex;align-items:center;gap:.8rem;transition:all .3s}.stat-card:hover{border-color:#e8611a6b;transform:translateY(-3px);box-shadow:0 16px 30px #00000059}.stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.stat-value{font-size:clamp(1.05rem,2.1vw,1.35rem);font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;font-weight:700}.status-pill.ok{color:#86efac;background:#22c55e29;border:1px solid rgba(34,197,94,.35)}.status-pill.wait{color:#fcd34d;background:#f59e0b29;border:1px solid rgba(245,158,11,.35)}.status-pill.down{color:#fda4af;background:#ef444424;border:1px solid rgba(239,68,68,.35)}.action-section{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:0 2rem 4.5rem}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.action-card{border-radius:14px;border:1px solid rgba(100,116,139,.28);background:linear-gradient(180deg,#1a2234d1,#0f172aeb);padding:1.2rem;display:flex;flex-direction:column;gap:.58rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.action-card:hover{transform:translateY(-4px);border-color:#e8611a73;box-shadow:0 14px 26px #00000057}.action-card h3{margin:0;font-size:1rem;font-weight:700}.action-card p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.action-card-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.action-step{align-self:flex-start;padding:.18rem .55rem;border-radius:999px;border:1px solid rgba(232,97,26,.45);background:#e8611a29;color:#ffd8bf;font-size:.74rem;font-weight:700;letter-spacing:.08em}.action-tag{padding:.18rem .52rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;border:1px solid transparent}.action-tag.scope{color:#86efac;background:#22c55e24;border-color:#22c55e59}.action-tag.limit{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b59}.features-section{padding:4rem 2rem 5rem;max-width:1200px;margin:0 auto;width:100%}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.feature-icon{font-size:2.2rem;margin-bottom:1rem}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.footer{margin-top:auto;padding:2rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1rem}.footer-text{color:var(--text-muted);font-size:.85rem}@media(max-width:1024px){.dashboard-page:before,.dashboard-page:after{opacity:.75}.hero{padding:3rem 2rem 2.2rem;flex-direction:column;text-align:center;gap:2.5rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-chip{font-size:.72rem}.stats-section{padding-top:1rem}.stats-grid,.action-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.navbar{padding:.75rem 1rem}.nav-links{display:none}.hero h1{font-size:2.2rem}.hero-badge{margin-bottom:1.1rem}.hero-ball-wrapper{width:250px;height:250px}.hero-ball svg{width:120px;height:120px}.ring-1{width:180px;height:180px}.ring-2{width:220px;height:220px}.ring-3{width:260px;height:260px}.hero-chip{display:none}.stats-section,.action-section{padding-left:1rem;padding-right:1rem}.stats-grid,.action-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:.75rem;text-align:center}}.vision-page{position:relative;min-height:calc(100vh - 78px);padding:2rem 1rem 2.5rem;background:radial-gradient(70rem 35rem at -10% -25%,rgba(232,97,26,.14),transparent 60%),radial-gradient(60rem 32rem at 110% 0%,rgba(56,189,248,.1),transparent 62%),linear-gradient(180deg,#0b111d,#0a0e17 45%,#0b101a);overflow:hidden}.vision-page:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-140px;bottom:-160px;background:radial-gradient(circle,#e8611a38,#e8611a00 70%);pointer-events:none}.vision-header{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.vision-header-main{display:flex;align-items:center;gap:1rem}.vision-heading{display:flex;flex-direction:column;gap:.25rem}.vision-title{margin:0;font-size:clamp(1.55rem,2vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.vision-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem}.vision-status-chip{flex-shrink:0;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-light);background:#1e293b8c;color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.02em}.vision-status-chip.processing{color:#ffd6b8;border-color:#e8611a8c;background:#e8611a2e}.vision-back-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .95rem;border-radius:10px;border:1px solid var(--border);background:#1a2234bf;color:var(--text-secondary);font-size:.9rem;font-weight:600;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.vision-back-btn:hover{transform:translateY(-1px);color:var(--text-primary);border-color:var(--border-light);background:#1f2b42d9}.vision-content{position:relative;z-index:1;width:100%}.vision-shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);align-items:start;gap:1.25rem}.upload-container,.result-shell{border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#111827b8;box-shadow:0 22px 38px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.upload-container{padding:1.15rem;display:flex;flex-direction:column;gap:1rem}.result-shell{min-height:620px;padding:1.15rem}.panel-block{border:1px solid rgba(100,116,139,.26);border-radius:14px;padding:.95rem;background:#0a0e1794}.research-note{border:1px solid rgba(245,158,11,.35);border-radius:14px;padding:.95rem;background:linear-gradient(180deg,#f59e0b24,#78350f2e)}.research-note p{margin:0;color:#fde2c8;font-size:.83rem;line-height:1.5}.research-note p+p{margin-top:.45rem}.panel-title{margin:0 0 .8rem;color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.analysis-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.detector-note{margin-top:.75rem;border-radius:10px;border:1px solid rgba(100,116,139,.35);padding:.6rem .72rem;font-size:.79rem;line-height:1.45}.detector-note-ready{color:#d1fae5;background:#05966933;border-color:#10b98173}.detector-note-warn{color:#fee2e2;background:#7f1d1d52;border-color:#f8717180}.detector-note-info{color:#ffedd5;background:#c2410c3d;border-color:#f9731680}.model-selector{display:flex;flex-direction:column;gap:.42rem}.model-selector label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.model-selector select,.manual-roi-grid input{width:100%;border-radius:10px;border:1px solid rgba(100,116,139,.42);background:#0a0e17cc;color:var(--text-primary);padding:.58rem .72rem;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.model-selector select:focus,.manual-roi-grid input:focus{outline:none;border-color:#e8611ae6;box-shadow:0 0 0 3px #e8611a33}.manual-roi-box{margin-top:.85rem;border:1px solid rgba(100,116,139,.26);border-radius:12px;padding:.8rem;background:#0f172a8c}.manual-roi-title{margin-bottom:.65rem;color:var(--text-secondary);font-size:.78rem;font-weight:600}.manual-roi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.manual-roi-grid label{display:flex;flex-direction:column;gap:.35rem;color:var(--text-secondary);font-size:.75rem;font-weight:600}.file-dropzone{border:2px dashed rgba(100,116,139,.5);border-radius:14px;background:linear-gradient(180deg,#1a223473,#0a0e17cc);padding:1.2rem .9rem;text-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer;position:relative}.file-dropzone:hover{transform:translateY(-1px);border-color:#e8611abf;background:linear-gradient(180deg,#1a223494,#0a0e17e6)}.file-dropzone.drag-active{border-color:#e8611af2;box-shadow:0 0 0 4px #e8611a33;background:linear-gradient(180deg,#e8611a33,#0a0e17e6)}.file-dropzone.disabled{opacity:.6;cursor:not-allowed}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-dropzone-icon{width:46px;height:46px;margin:0 auto .65rem;border-radius:12px;display:grid;place-items:center;color:#ffd4b8;background:#e8611a40;border:1px solid rgba(232,97,26,.45)}.file-dropzone-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.file-dropzone-subtitle{margin-top:.25rem;color:var(--text-secondary);font-size:.82rem}.file-meta{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.file-name{font-size:.85rem;color:var(--text-primary);max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.btn-block{width:100%;margin-top:.15rem;padding:.9rem 1rem;font-size:.98rem;font-weight:700;border-radius:12px}.btn.btn-primary.btn-block{border:1px solid rgba(232,97,26,.75);background:linear-gradient(135deg,#e8611a,#ff9f4f);box-shadow:0 10px 24px #e8611a59}.btn.btn-primary.btn-block:hover{transform:translateY(-1px);box-shadow:0 14px 28px #e8611a6b}.btn.btn-primary.btn-block:disabled{opacity:.58;box-shadow:none;transform:none;cursor:not-allowed}.progress-box{border:1px solid rgba(100,116,139,.3);border-radius:12px;background:#0a0e17bf;padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.progress-box-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-weight:700;font-size:.88rem}.progress-track{width:100%;height:8px;border-radius:999px;background:#020617e6;overflow:hidden;border:1px solid rgba(71,85,105,.5)}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#fb923c,#f59e0b);transition:width .32s ease}.progress-log-list{max-height:220px;overflow-y:auto;padding-right:.15rem}.progress-log-list::-webkit-scrollbar{width:6px}.progress-log-list::-webkit-scrollbar-thumb{border-radius:999px;background:#64748b73}.progress-log-item{display:flex;align-items:flex-start;gap:.35rem;color:var(--text-secondary);font-size:.8rem;padding:.15rem 0;line-height:1.4}.progress-log-index{color:#94a3b8;min-width:1.35rem;text-align:right;flex-shrink:0}.vision-error{border-radius:12px;border:1px solid rgba(248,113,113,.42);background:#7f1d1d42;color:#fecaca;padding:.8rem .9rem;font-size:.86rem}.result-placeholder{min-height:570px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:14px;border:1px dashed rgba(100,116,139,.42);background:#0a0e178c;padding:1.5rem}.result-placeholder h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.2rem}.result-placeholder p{margin:0;color:var(--text-secondary);font-size:.92rem}.placeholder-orb{width:74px;height:74px;border-radius:50%;margin-bottom:1rem;background:radial-gradient(circle at 30% 30%,#ffd6b8,#e8611a 45%,#9a3412 85%);box-shadow:0 0 0 10px #e8611a1a,0 18px 40px #e8611a6b;animation:pulseOrb 2.8s ease-in-out infinite}.result-container{display:flex;flex-direction:column;gap:1rem}.result-headline{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.result-headline h3{margin:0;font-size:1.45rem;font-weight:800;color:var(--text-primary)}.result-badge{border-radius:999px;padding:.42rem .85rem;font-size:.85rem;font-weight:800;color:#ffe7d5;border:1px solid rgba(232,97,26,.72);background:#e8611a40}.processed-video{width:100%;border-radius:14px;border:1px solid rgba(100,116,139,.4);background:#000;max-height:430px;box-shadow:0 20px 30px #00000059}.video-link-wrap{margin-top:.45rem}.video-link-wrap a{color:#fdba74;font-size:.85rem;text-decoration:underline}.stats-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.result-stat-box{border:1px solid rgba(100,116,139,.35);background:linear-gradient(180deg,#1a2234d9,#0c111ce0);border-radius:12px;padding:.95rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem}.result-stat-label{color:var(--text-secondary);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.result-stat-value{color:#ffd8bf;font-size:clamp(1.55rem,2vw,2rem);line-height:1;font-weight:800}.result-meta-note{font-size:.82rem;color:var(--text-secondary)}.result-warning-list{margin-top:-.2rem}@media(max-width:1024px){.vision-shell{grid-template-columns:1fr}.result-shell{min-height:0}.result-placeholder{min-height:280px}}@media(max-width:768px){.vision-page{padding:1rem .8rem 1.5rem}.vision-header{margin-bottom:1rem;flex-wrap:wrap}.vision-header-main{width:100%}.vision-back-btn{padding:.52rem .8rem}.analysis-config-grid{grid-template-columns:1fr}.manual-roi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-panel{grid-template-columns:1fr}.result-shell,.upload-container{padding:.9rem;border-radius:14px}.panel-block{padding:.78rem}}@keyframes pulseOrb{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}}