@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap);#root,body,html{height:100%;margin:0;padding:0}body{background:#f7f9fc;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0a0c10;--surface:#111318;--surface-2:#181c24;--border:#ffffff12;--border-hover:#ffffff29;--text-primary:#f0f2f7;--text-secondary:#8a92a6;--text-muted:#4a5260;--accent-blue:#3b7bff;--accent-blue-glow:#3b7bff40;--accent-green:#22d4a0;--accent-red:#ff5f5f;--accent-yellow:#f5c842;--accent-purple:#a78bfa;--font-mono:"Space Mono",monospace;--font-sans:"DM Sans",sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 1px 1px #0000004d,0 4px 24px #0006;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0a0c10;background:var(--bg);color:#f0f2f7;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:15px;line-height:1.6;min-height:100vh}.bg-mesh{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.mesh-blob{animation:float 18s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.12;position:absolute}.mesh-blob--1{animation-delay:0s;background:radial-gradient(circle,#3b7bff 0,#0000 70%);height:600px;left:-100px;top:-200px;width:600px}.mesh-blob--2{animation-delay:-6s;background:radial-gradient(circle,#a78bfa 0,#0000 70%);bottom:-100px;height:500px;right:-100px;width:500px}.mesh-blob--3{animation-delay:-12s;background:radial-gradient(circle,#22d4a0 0,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-30px) scale(1.05)}66%{transform:translateY(20px) scale(.97)}}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c10cc;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header__inner{height:60px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.header__inner,.header__logo{align-items:center;display:flex}.header__logo{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:15px;font-weight:700;gap:10px;letter-spacing:-.3px}.logo-icon{color:#3b7bff;color:var(--accent-blue);font-size:20px;line-height:1}.logo-text{color:#f0f2f7;color:var(--text-primary)}.nav-badge{background:#181c24;background:var(--surface-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:100px;color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;padding:4px 12px}.main{flex:1 1;margin:0 auto;max-width:1100px;padding:0 24px 60px;width:100%}.hero{animation:fadeUp .7s ease both;padding:72px 0 56px;text-align:center}.hero__eyebrow{color:#3b7bff;color:var(--accent-blue);font-size:11px;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.hero__eyebrow,.hero__title{font-family:Space Mono,monospace;font-family:var(--font-mono)}.hero__title{color:#f0f2f7;color:var(--text-primary);font-size:clamp(38px,6vw,64px);font-weight:700;letter-spacing:-2px;line-height:1.05;margin-bottom:20px}.hero__title--accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b7bff,#a78bfa);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:#8a92a6;color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0 auto;max-width:540px}.card-grid{grid-gap:20px;animation:fadeUp .7s ease .15s both;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}@media (max-width:900px){.card-grid{grid-template-columns:1fr}}.card{background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 1px 1px #0000004d,0 4px 24px #0006;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:28px 24px;position:relative;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.card:before{background:linear-gradient(135deg,#ffffff05,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.card:hover{border-color:#ffffff29;border-color:var(--border-hover)}.card__step{background:#3b7bff40;background:var(--accent-blue-glow);border:1px solid #3b7bff4d;border-radius:100px;color:#3b7bff;color:var(--accent-blue);font-size:11px;letter-spacing:1px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.card__step,.card__title{font-family:Space Mono,monospace;font-family:var(--font-mono);font-weight:700}.card__title{color:#f0f2f7;color:var(--text-primary);font-size:18px;letter-spacing:-.5px}.card__desc{color:#8a92a6;color:var(--text-secondary);font-size:13px;line-height:1.6}.dropzone{align-items:center;border:2px dashed #ffffff12;border:2px dashed var(--border);border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:180px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.dropzone--active,.dropzone:hover{background:#3b7bff40;background:var(--accent-blue-glow);border-color:#3b7bff;border-color:var(--accent-blue)}.dropzone:focus-visible{outline:2px solid #3b7bff;outline:2px solid var(--accent-blue);outline-offset:3px}.dropzone__empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.dropzone__icon{font-size:28px;opacity:.4}.dropzone__text{color:#8a92a6;color:var(--text-secondary);font-size:14px}.dropzone__text span{color:#3b7bff;color:var(--accent-blue);text-decoration:underline;text-underline-offset:3px}.dropzone__hint{color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px}.dropzone__preview{height:180px;position:relative;width:100%}.dropzone__preview img{background:#0d0f14;height:100%;object-fit:contain;width:100%}.dropzone__overlay{align-items:center;background:#0000008c;color:#fff;display:flex;font-size:13px;font-weight:500;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.dropzone__preview:hover .dropzone__overlay{opacity:1}.hidden-input{display:none}.tips{background:#181c24;background:var(--surface-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);padding:14px 16px}.tips__heading{color:#f5c842;color:var(--accent-yellow);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.tips__list{display:flex;flex-direction:column;gap:5px;list-style:none}.tips__list li{color:#8a92a6;color:var(--text-secondary);font-size:12px;padding-left:12px;position:relative}.tips__list li:before{color:#4a5260;color:var(--text-muted);content:"·";left:0;position:absolute}.model-toggle{display:flex;flex-direction:column;gap:10px}.model-btn{align-items:center;background:#181c24;background:var(--surface-2);border:2px solid #ffffff12;border:2px solid var(--border);border-radius:14px;border-radius:var(--radius-md);color:#8a92a6;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.model-btn:hover{background:#ffffff08}.model-btn--active,.model-btn:hover{border-color:#3b7bff;border-color:var(--model-color,var(--accent-blue))}.model-btn--active{background:#3b7bff0f;box-shadow:0 0 0 1px #3b7bff;box-shadow:0 0 0 1px var(--model-color,var(--accent-blue));color:#f0f2f7;color:var(--text-primary)}.model-btn__icon{flex-shrink:0;font-size:18px}.model-btn__text{display:flex;flex-direction:column;gap:2px}.model-btn__label{color:#f0f2f7;color:var(--text-primary);font-size:14px;font-weight:600}.model-btn__sub{color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px}.model-info__text{border-left:3px solid #3b7bff;border-left:3px solid var(--accent-blue);border-radius:8px;border-radius:var(--radius-sm);color:#8a92a6;color:var(--text-secondary);font-size:13px;line-height:1.6;padding:12px 14px}.explainer,.model-info__text{background:#181c24;background:var(--surface-2)}.explainer{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);margin-top:auto;padding:14px 16px}.explainer__title{color:#f0f2f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px;font-weight:700;margin-bottom:8px}.explainer__text{color:#8a92a6;color:var(--text-secondary);font-size:12px;line-height:1.6;margin-bottom:10px}.explainer__text em{color:#a78bfa;color:var(--accent-purple);font-style:normal}.explainer__compare{display:flex;flex-direction:column;gap:4px}.explainer__item{align-items:center;display:flex;font-size:12px;gap:8px}.explainer__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.explainer__item--bad .explainer__dot{background:#ff5f5f;background:var(--accent-red)}.explainer__item--bad{color:#ff5f5f;color:var(--accent-red)}.explainer__item--good .explainer__dot{background:#22d4a0;background:var(--accent-green)}.explainer__item--good{color:#22d4a0;color:var(--accent-green)}.analyze-btn{align-items:center;background:linear-gradient(135deg,#3b7bff,#a78bfa);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%);border:none;border-radius:14px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.analyze-btn:before{background:#ffffff1a;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.analyze-btn:hover:not(:disabled):before{opacity:1}.analyze-btn:hover:not(:disabled){box-shadow:0 8px 24px #3b7bff59;transform:translateY(-1px)}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{cursor:not-allowed;opacity:.4}.analyze-btn__arrow{font-size:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.analyze-btn:hover:not(:disabled) .analyze-btn__arrow{transform:translateX(3px)}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.reset-btn{background:none;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);color:#8a92a6;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:13px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.reset-btn:hover{border-color:#ff5f5f;border-color:var(--accent-red);color:#ff5f5f;color:var(--accent-red)}.card--result-filled{border-color:#22d4a033}.result-empty{align-items:center;color:#4a5260;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.result-empty__icon{font-size:36px;opacity:.3}.result-skeleton{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skeleton{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#181c24 25%,#ffffff0a 50%,#181c24 75%);background:linear-gradient(90deg,var(--surface-2) 25%,#ffffff0a 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}.skeleton--wide{height:40px;width:100%}.skeleton--narrow{height:28px;width:60%}.skeleton--square{height:200px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.result-content{animation:fadeUp .4s ease both;gap:20px}.result-content,.result-metrics{display:flex;flex-direction:column}.result-metrics{gap:14px}.metric{display:flex;flex-direction:column;gap:5px}.metric__label{color:#4a5260;color:var(--text-muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}.metric__label,.metric__value{font-family:Space Mono,monospace;font-family:var(--font-mono)}.metric__value{color:#f0f2f7;color:var(--text-primary);font-size:24px;font-weight:700}.metric__value--big{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d4a0,#3b7bff);background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:48px;line-height:1}.metric__value--tag{border:1px solid #ffffff12;border:1px solid var(--border);font-size:14px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.confidence-bar,.metric__value--tag{background:#181c24;background:var(--surface-2);border-radius:100px}.confidence-bar{height:6px;overflow:hidden}.confidence-bar__fill{border-radius:100px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.gradcam{display:flex;flex-direction:column;gap:10px}.gradcam__label{color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase}.gradcam__images{align-items:center;display:flex;gap:8px}.gradcam__item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.gradcam__item img{aspect-ratio:1;background:#0d0f14;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);object-fit:contain;width:100%}.gradcam__item span{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px}.gradcam__arrow,.gradcam__item span{color:#4a5260;color:var(--text-muted)}.gradcam__arrow{flex-shrink:0;font-size:18px}.gradcam__caption{background:#181c24;background:var(--surface-2);border-radius:8px;border-radius:var(--radius-sm);color:#8a92a6;color:var(--text-secondary);font-size:12px;line-height:1.5;padding:10px 12px}.error-box{align-items:flex-start;animation:fadeUp .3s ease both;background:#ff5f5f14;border:1px solid #ff5f5f40;border-radius:14px;border-radius:var(--radius-md);color:#ff5f5f;color:var(--accent-red);display:flex;gap:12px;padding:14px 16px}.error-box__icon{align-items:center;background:#ff5f5f;background:var(--accent-red);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;line-height:20px;text-align:center;width:20px}.error-box strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.error-box p{color:#ff5f5fcc;font-size:12px;line-height:1.5}.auth-overlay{align-items:center;animation:fadeIn .3s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070ad9;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{animation:fadeUp .4s ease both;background:#111318;background:var(--surface);border:1px solid #ffffff29;border:1px solid var(--border-hover);border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:36px 32px;width:100%}.auth-modal__logo{align-items:center;display:flex;font-size:15px;gap:8px;margin-bottom:4px}.auth-modal__logo,.auth-modal__title{font-family:Space Mono,monospace;font-family:var(--font-mono);font-weight:700}.auth-modal__title{color:#f0f2f7;color:var(--text-primary);font-size:22px;letter-spacing:-.5px}.auth-modal__sub{color:#8a92a6;color:var(--text-secondary);font-size:13px;margin-top:-8px}.auth-fields{display:flex;flex-direction:column;gap:8px}.auth-label{color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase}.auth-input{background:#181c24;background:var(--surface-2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f2f7;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.auth-input:focus{border-color:#3b7bff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b7bff40;box-shadow:0 0 0 3px var(--accent-blue-glow)}.auth-submit{justify-content:center;width:100%}.auth-error{align-items:center;background:#ff5f5f14;border:1px solid #ff5f5f40;border-radius:8px;border-radius:var(--radius-sm);color:#ff5f5f;color:var(--accent-red);display:flex;gap:8px}.auth-error,.auth-success{font-size:13px;padding:10px 14px}.auth-success{background:#22d4a014;border:1px solid #22d4a040;border-radius:8px;border-radius:var(--radius-sm);color:#22d4a0;color:var(--accent-green)}.auth-switch{color:#8a92a6;color:var(--text-secondary);font-size:13px;text-align:center}.auth-switch__btn{background:none;border:none;color:#3b7bff;color:var(--accent-blue);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:13px;padding:0;text-decoration:underline;text-underline-offset:3px}.header__user{align-items:center;display:flex;gap:8px}.logout-btn{background:none;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:100px;color:#4a5260;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:11px;padding:4px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.logout-btn:hover{border-color:#ff5f5f;border-color:var(--accent-red);color:#ff5f5f;color:var(--accent-red)}.footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:24px;text-align:center}.footer p{color:#4a5260;color:var(--text-muted);font-size:12px}.footer p strong{color:#8a92a6;color:var(--text-secondary)}.footer__sub{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px!important;letter-spacing:.5px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.logo-btn{background:none;border:none;color:#f0f2f7;color:var(--text-primary);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:15px;font-weight:700;gap:10px;padding:0}.logo-btn,.nav-links{align-items:center;display:flex}.nav-links{gap:4px}.nav-link{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#8a92a6;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.nav-link--active,.nav-link:hover{background:#181c24;background:var(--surface-2);color:#f0f2f7;color:var(--text-primary)}.header__right{gap:8px}.header__nav,.header__right{align-items:center;display:flex}.header__nav{gap:12px}.admin-page{animation:fadeUp .5s ease both;margin:0 auto;max-width:1100px;padding:0 24px 60px}.admin-hero{padding:56px 0 40px;text-align:center}.admin-hero__title{color:#f0f2f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-1.5px;margin-bottom:12px}.admin-hero__sub{color:#8a92a6;color:var(--text-secondary);font-size:15px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:700px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:20px;text-align:center}.stat-card__value{color:#f0f2f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:32px;font-weight:700}.stat-card__label{color:#4a5260;color:var(--text-muted);font-size:12px;letter-spacing:.5px}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.admin-search{background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);color:#f0f2f7;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:14px;min-width:200px;outline:none;padding:10px 14px;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.admin-search:focus{border-color:#3b7bff;border-color:var(--accent-blue)}.admin-search::placeholder{color:#4a5260;color:var(--text-muted)}.admin-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#8a92a6;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:12px;padding:7px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.filter-btn:hover{color:#f0f2f7;color:var(--text-primary)}.filter-btn--active,.filter-btn:hover{border-color:#3b7bff;border-color:var(--accent-blue)}.filter-btn--active{background:#3b7bff40;background:var(--accent-blue-glow);color:#3b7bff;color:var(--accent-blue)}.admin-table-wrap{background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:28px;border-radius:var(--radius-xl);overflow:hidden}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table th{background:#181c24;background:var(--surface-2);color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:14px 20px}.admin-table td{color:#8a92a6;color:var(--text-secondary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.log-id{color:#4a5260;color:var(--text-muted);font-size:12px}.log-digit,.log-id{font-family:Space Mono,monospace;font-family:var(--font-mono)}.log-digit{color:#f0f2f7;color:var(--text-primary);font-weight:700}.log-local{color:#4a5260;color:var(--text-muted);font-size:11px}.badge{border-radius:100px;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 10px}.badge--red{background:#ff5f5f1a;border:1px solid #ff5f5f40;color:#ff5f5f;color:var(--accent-red)}.badge--green{background:#22d4a01a;border:1px solid #22d4a040;color:#22d4a0;color:var(--accent-green)}.badge--grey{background:#181c24;background:var(--surface-2);border:1px solid #ffffff12;border:1px solid var(--border);color:#4a5260;color:var(--text-muted)}.conf-pill{color:#f0f2f7;color:var(--pill-color,var(--text-primary));font-size:13px;font-weight:700}.conf-pill,.heatmap-link{font-family:Space Mono,monospace;font-family:var(--font-mono)}.heatmap-link{color:#3b7bff;color:var(--accent-blue);font-size:12px;text-decoration:none}.heatmap-link:hover{text-decoration:underline}.table-count{border-top:1px solid #ffffff12;border-top:1px solid var(--border);color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px;padding:12px 20px}.admin-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton--row{border-radius:14px;border-radius:var(--radius-md);height:52px;width:100%}.hiw-page{animation:fadeUp .5s ease both;margin:0 auto;max-width:860px;padding:0 24px 80px}.hiw-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.hiw-card{background:#111318;background:var(--surface);border:1px solid #ffffff12;border-left:3px solid #3b7bff;border:1px solid var(--border);border-left:3px solid var(--step-color,var(--accent-blue));border-radius:28px;border-radius:var(--radius-xl);padding:28px 28px 24px;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.hiw-card:hover{border-color:#3b7bff;border-color:var(--step-color,var(--accent-blue))}.hiw-card__header{align-items:center;display:flex;gap:14px;margin-bottom:14px}.hiw-card__num{background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:100px;color:#3b7bff;color:var(--step-color,var(--accent-blue));flex-shrink:0;font-size:11px;padding:3px 10px}.hiw-card__num,.hiw-card__title{font-family:Space Mono,monospace;font-family:var(--font-mono);font-weight:700}.hiw-card__title{color:#f0f2f7;color:var(--text-primary);font-size:17px;letter-spacing:-.3px}.hiw-card__content{color:#8a92a6;color:var(--text-secondary);font-size:14px;line-height:1.75;margin-bottom:12px}.hiw-card__detail{align-items:flex-start;background:#181c24;background:var(--surface-2);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:12px 14px}.hiw-card__detail-icon{color:#3b7bff;color:var(--step-color,var(--accent-blue));flex-shrink:0;font-size:14px;margin-top:1px}.hiw-card__detail p{color:#8a92a6;color:var(--text-secondary);font-size:13px;line-height:1.6}.arch-table-wrap{margin-top:16px;overflow-x:auto}.arch-table{border-collapse:collapse;font-size:13px;width:100%}.arch-table th{background:#181c24;background:var(--surface-2);color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-align:left;text-transform:uppercase}.arch-table td,.arch-table th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:10px 14px}.arch-table td{color:#8a92a6;color:var(--text-secondary)}.arch-table tr:last-child td{border-bottom:none}.arch-highlight td{background:#a78bfa0f;color:#a78bfa;color:var(--accent-purple)}.arch-table code{color:#3b7bff;color:var(--accent-blue);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px}.hiw-compare{margin-bottom:48px}.hiw-compare__title{color:#f0f2f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.compare-table-wrap{background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:28px;border-radius:var(--radius-xl);overflow-x:auto}.compare-table{border-collapse:collapse;font-size:14px;width:100%}.compare-table th{background:#181c24;background:var(--surface-2);color:#4a5260;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;padding:14px 20px;text-align:left}.compare-table td,.compare-table th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}.compare-table td{font-size:13px;padding:13px 20px}.compare-table tr:last-child td{border-bottom:none}.compare-aspect{color:#f0f2f7;color:var(--text-primary);font-weight:600}.compare-bad{color:#ff5f5f;color:var(--accent-red)}.compare-good{color:#22d4a0;color:var(--accent-green)}.hiw-stack{margin-bottom:48px}.hiw-stack__title{color:#f0f2f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.stack-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stack-item{align-items:center;background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);display:flex;gap:12px;padding:14px 16px;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.stack-item:hover{border-color:#ffffff29;border-color:var(--border-hover)}.stack-item__icon{flex-shrink:0;font-size:22px}.stack-item__name{color:#f0f2f7;color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:2px}.stack-item__role{color:#4a5260;color:var(--text-muted);font-size:11px}.hiw-team{text-align:center}.hiw-team__title{color:#f0f2f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.team-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.team-card{align-items:center;background:#111318;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;min-width:180px;padding:24px 28px;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition)}.team-card:hover{border-color:#3b7bff;border-color:var(--accent-blue)}.team-card__icon{font-size:28px}.team-card__name{color:#f0f2f7;color:var(--text-primary);font-size:14px;font-weight:700}.team-card__role{font-size:11px;text-align:center}.team-card__role,.team-mentor{color:#4a5260;color:var(--text-muted)}.team-mentor{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px}@media (max-width:640px){.hero{padding:48px 0 36px}.hero__title{letter-spacing:-1px}.card{padding:22px 18px}.header__inner{padding:0 16px}.main{padding:0 16px 48px}}
/*# sourceMappingURL=main.37eaa6f7.css.map*/