:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#3f4ca4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15% 0,#ffffff2e,#0000 30rem),linear-gradient(135deg,#5868d9 0%,#714696 100%);min-width:320px;min-height:100vh;padding:24px}button,textarea{font:inherit}button{border:0}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #fbd38d}.container{width:min(1400px,100%);margin:0 auto}.header{color:#fff;text-align:center;margin-bottom:24px}.header h1{text-shadow:2px 2px 4px #00000040;margin:6px 0 10px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.header>p:last-child{opacity:.92;font-size:clamp(1rem,2vw,1.2rem)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800}.eyebrow-dark{color:#697386}.privacy-note,.model-status,.input-section,.model-result{border:1px solid #ffffff59;border-radius:16px;box-shadow:0 10px 30px #1419463d}.privacy-note{color:#f8fafc;background:#19215570;margin-bottom:16px;padding:14px 18px;font-size:.94rem;line-height:1.5}.model-status,.input-section,.model-result{background:#fff}.model-status{margin-bottom:20px;padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{color:#20263b;margin-top:3px;font-size:clamp(1.25rem,2vw,1.6rem)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;min-height:70px;padding:14px;display:flex}.status-card strong,.status-card span{display:block}.status-card strong{color:#30384f;margin-bottom:4px}.status-card span:not(.status-dot){color:#697386;font-size:.9rem}.status-dot{background:#cbd5e1;border-radius:50%;flex:none;width:11px;height:11px;margin-top:4px;box-shadow:0 0 0 4px #e2e8f0}.status-card.loading .status-dot{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.status-card.ready .status-dot{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.status-card.failed .status-dot{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}.input-section{margin-bottom:20px;padding:clamp(20px,4vw,30px)}.engine-badge{color:#4c3d92;background:#f0edff;border-radius:999px;flex:none;padding:7px 11px;font-size:.8rem;font-weight:700}textarea{resize:vertical;color:#1f2937;background:#fff;border:2px solid #d9deea;border-radius:10px;width:100%;min-height:130px;padding:15px;line-height:1.5;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea24}.button-group,.example-buttons{flex-wrap:wrap;gap:10px;display:flex}.button-group{margin-top:15px}button{cursor:pointer;border-radius:8px;font-size:.98rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s}button:disabled{cursor:not-allowed;opacity:.55}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex:220px;min-height:48px;padding:12px 24px}.btn-primary:not(:disabled):hover,.btn-secondary:not(:disabled):hover{transform:translateY(-2px)}.btn-primary:not(:disabled):hover{box-shadow:0 5px 15px #667eea66}.btn-secondary{color:#30384f;background:#eef1f6;padding:12px 22px}.btn-secondary:not(:disabled):hover,.example-btn:hover{background:#e1e6f0}.btn-small{padding:8px 12px;font-size:.85rem}.examples{color:#697386;margin-top:20px}.example-buttons{margin-top:10px}.example-btn{color:#30384f;background:#f8fafc;border:1px solid #d9deea;padding:8px 13px;font-size:.88rem}.loading{color:#fff;justify-items:center;gap:12px;margin-bottom:20px;padding:32px;font-size:1.05rem;display:grid}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#fff;background:#c53030;border-radius:10px;margin-bottom:20px;padding:15px;line-height:1.5}.results-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:30px;display:grid}.model-result{padding:25px}.model-header{border-bottom:2px solid #f0f2f6;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:15px;display:flex}.model-name{color:#30384f;margin-top:3px;font-size:clamp(1.2rem,2vw,1.5rem)}.inference-time{color:#596273;white-space:nowrap;background:#f0f2f6;border-radius:999px;flex:none;padding:5px 10px;font-size:.86rem}.prediction-box{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin-bottom:20px;padding:20px}.prediction-label{opacity:.9;margin-bottom:5px;font-size:.9rem}.prediction-value{overflow-wrap:anywhere;text-transform:uppercase;font-size:clamp(1.45rem,4vw,2rem);font-weight:700}.probabilities h3{color:#30384f;margin-bottom:15px;font-size:1.05rem}.prob-bar{margin-bottom:12px}.prob-label{color:#697386;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:.9rem;display:flex}.prob-label-name{text-transform:capitalize;font-weight:700}.prob-bar-container{background:#edf0f5;border-radius:10px;height:24px;overflow:hidden}.prob-bar-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:10px;min-width:2px;height:100%;transition:width .5s}.footer{color:#ffffffd9;justify-content:space-between;gap:16px;padding:0 4px 8px;font-size:.82rem;display:flex}.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}@media (width<=800px){body{padding:14px}.status-grid,.results-section{grid-template-columns:1fr}.engine-badge{display:none}.footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}