@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color-scheme:light;--bg-body: #f4f6fb;--bg-panel: #ffffff;--bg-input: #ffffff;--border-subtle: #dde3f1;--accent: #4353e5;--accent-soft: rgba(67, 83, 229, .14);--text-primary: #161a2d;--text-secondary: #4a536e;--text-muted: #7f88a6;--error: #dc2626}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(button,a,input,textarea,[role=tab]):focus-visible{outline:3px solid #2f7ef8;outline-offset:2px}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 0%,#edf0ff 0%,transparent 38%),radial-gradient(circle at 85% 10%,#f7f2ff 0%,transparent 36%),var(--bg-body);color:var(--text-primary)}.app-root{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.page-header{display:flex;align-items:center}.page-header-actions{margin-left:auto}.page-header-actions-logged-in{display:flex;align-items:center;gap:8px}.page-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero{text-align:center}.hero-title{margin:0}.prompt-form{width:100%}.prompt-card{width:100%;background-color:var(--bg-panel)}.prompt-input{resize:none;border:none;background-color:transparent;color:var(--text-primary)}.prompt-input:focus{outline:none}.prompt-input::placeholder{color:var(--text-muted)}.prompt-submit{border:none;color:#fff;cursor:pointer}.prompt-submit:disabled{opacity:.5;cursor:default}.chat-error{margin-top:8px;font-size:13px;color:var(--error)}.chat-success{margin-top:8px;font-size:13px;color:#0f766e}.chat-message{margin-bottom:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle);background-color:#fff}.chat-message-user{background-color:#f8faff}.chat-message-assistant{background-color:#f8fffc;border-color:#cae9d8}.chat-message-role{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.chat-message-content p{margin:0 0 4px;white-space:pre-wrap}.chat-message-content p:last-child{margin-bottom:0}.sentinel-page{width:100%}.sentinel-header{position:sticky;top:0;z-index:20;height:76px;padding:0 22px;border-bottom:1px solid var(--border-subtle);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr auto;gap:14px}.sentinel-brand-wrap{display:flex;align-items:center;gap:12px;min-width:230px}.sentinel-brand-mark{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.sentinel-brand-logo{width:106%;height:106%;object-fit:contain}.sentinel-brand-wrap>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:2px}.sentinel-brand-title{font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;line-height:1.1}.sentinel-brand-subtitle{font-size:11px;color:var(--text-muted);margin-top:0;line-height:1.25}.sentinel-header-actions{display:flex;align-items:center;gap:10px}.sentinel-login-btn{border-radius:4px!important;min-width:90px!important;font-weight:700!important;background:#4e5ce7!important;border-color:#4e5ce7!important;color:#fff!important}.sentinel-login-btn:hover{background:#4050da!important;border-color:#4050da!important}.sentinel-main{padding:14px 18px 32px;width:min(1120px,100%);margin:0 auto}.sentinel-form,.sentinel-capabilities,.sentinel-examples,.sentinel-analysis,.sentinel-metrics,.sentinel-results{width:min(980px,100%);margin-left:auto;margin-right:auto}.sentinel-hero{margin:4px 0 10px}.sentinel-hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.03em;margin:0;line-height:1.08}.sentinel-hero-title span{color:#4f62ea}.sentinel-hero-subtitle{margin:8px 0 0;font-size:15px;color:var(--text-secondary)}.sentinel-prompt-card{border-radius:16px;border:1px solid #dce2f5;box-shadow:0 14px 26px #202f700f;display:block;padding:10px 14px}.sentinel-prompt-top{display:flex}.sentinel-prompt-input{width:100%;min-height:56px;height:56px;font-size:15px;line-height:1.45}.sentinel-prompt-bottom{margin-top:8px;display:flex;align-items:center;justify-content:flex-start;gap:14px;color:var(--text-muted);font-size:12px}.sentinel-prompt-hint{color:var(--text-muted)}.sentinel-prompt-counter{margin-left:auto;color:#6b7594;font-variant-numeric:tabular-nums}.sentinel-submit{border-radius:4px;background:#4e5ce7;font-weight:700;padding:10px 16px}.sentinel-submit:hover{background:#4050da}.sentinel-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.sentinel-capabilities div{border:1px solid #dfe5f4;background:#fff;border-radius:999px;padding:10px 12px;font-size:13px;color:#3d4565;text-align:left}.sentinel-capability-item{display:flex;align-items:center;gap:12px;font-weight:600}.sentinel-capability-icon-wrap{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sentinel-capability-icon{width:18px;height:18px;object-fit:contain}.sentinel-capability-item:nth-child(1) .sentinel-capability-icon-wrap{background:#ecf9f1}.sentinel-capability-item:nth-child(2) .sentinel-capability-icon-wrap{background:#edf2ff}.sentinel-capability-item:nth-child(3) .sentinel-capability-icon-wrap{background:#fff8e9}.sentinel-capability-item:nth-child(4) .sentinel-capability-icon-wrap{background:#f2ecff}.sentinel-examples{margin-top:16px;border:1px solid #dfe4f4;border-radius:14px;background:#fff;padding:14px}.sentinel-examples-title{font-size:14px;font-weight:700;margin-bottom:12px}.sentinel-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sentinel-examples-grid button,.sentinel-examples-grid a{border:1px solid #dfe4f4;background:#fbfcff;border-radius:10px;min-height:56px;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:600;color:#3f4664;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.sentinel-examples-grid button:hover,.sentinel-examples-grid a:hover{border-color:#4e5ce7;background:#eef1ff;color:#2f3db5}.sentinel-examples-grid button.is-selected,.sentinel-examples-grid a.is-selected{border-color:#4e5ce7;background:#e5eaff;color:#2634a2;box-shadow:0 0 0 1px #4e5ce73d inset}.sentinel-examples-grid a{color:#4859e7}.sentinel-analysis{margin-top:8px;display:grid;grid-template-columns:1.02fr 1.28fr 1fr;gap:10px}.sentinel-analysis article{border:1px solid #dee4f4;background:#fff;border-radius:14px;padding:12px 14px;min-height:360px}.sentinel-analysis h2{margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:17px}.sentinel-how-it-works{display:flex;flex-direction:column}.sentinel-how-it-works ol{margin:0;padding:0;list-style:none;counter-reset:how-it-works-step;display:flex;flex-direction:column;justify-content:space-between;flex:1}.sentinel-how-it-works li{position:relative;padding-left:40px;counter-increment:how-it-works-step;color:#222a48;min-height:46px;flex:1}.sentinel-how-it-works .flow-step{color:#9aa3bf}.sentinel-how-it-works li:before{content:counter(how-it-works-step);position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 3px 8px #121d4c2e}.sentinel-how-it-works .flow-step:before{background:#e8eaf2;color:#4a536e;box-shadow:none}.sentinel-how-it-works li:not(:last-child):after{content:"";position:absolute;left:14px;top:34px;bottom:10px;border-left:2px dashed #d6dced}.sentinel-how-it-works .flow-step:not(:last-child):after{left:14px;border-left-style:solid;border-left-width:3px;border-left-color:#d6dced;opacity:.75;transition:border-left-color .24s ease,opacity .24s ease}.sentinel-how-it-works .flow-step.is-active:not(:last-child):after,.sentinel-how-it-works .flow-step.is-complete:not(:last-child):after{border-left-color:#8ea1f1;opacity:1}.sentinel-how-it-works .flow-step.is-active:not(:last-child):after{animation:flowConnectorPulse 1.1s ease-in-out infinite}.sentinel-how-it-works .flow-step strong{color:#8f98b5;text-align:left}.sentinel-how-it-works .flow-step p{color:#9ca5bf;text-align:left}.sentinel-how-it-works .flow-step.is-active,.sentinel-how-it-works .flow-step.is-complete{color:#222a48}.sentinel-how-it-works .flow-step.is-active strong,.sentinel-how-it-works .flow-step.is-complete strong{color:#11162c}.sentinel-how-it-works .flow-step.is-active p,.sentinel-how-it-works .flow-step.is-complete p{color:var(--text-secondary)}.sentinel-how-it-works .flow-step.is-active:before{background:#e8eaf2;color:#4a536e;box-shadow:none;transform:scale(1.04)}.flow-step-spinner{position:absolute;top:-4px;left:-4px;width:38px;height:38px;border-radius:50%;border:3px solid #dde3f1;border-top-color:#4353e5;border-right-color:#7b8ef5;animation:flowStepSpin .75s linear infinite;pointer-events:none;z-index:1}@keyframes flowStepSpin{to{transform:rotate(360deg)}}.sentinel-how-it-works .flow-step-1.is-active:before,.sentinel-how-it-works .flow-step-1.is-complete:before{background:#5b50e6;color:#fff;box-shadow:0 3px 8px #121d4c2e}.sentinel-how-it-works .flow-step-2.is-active:before,.sentinel-how-it-works .flow-step-2.is-complete:before{background:#4b6de8;color:#fff;box-shadow:0 3px 8px #121d4c2e}.sentinel-how-it-works .flow-step-3.is-active:before,.sentinel-how-it-works .flow-step-3.is-complete:before{background:#51be7e;color:#fff;box-shadow:0 3px 8px #121d4c2e}.sentinel-how-it-works .flow-step-4.is-active:before,.sentinel-how-it-works .flow-step-4.is-complete:before{background:#e3a93e;color:#fff;box-shadow:0 3px 8px #121d4c2e}@keyframes flowConnectorPulse{0%,to{border-left-color:#8ea1f1}50%{border-left-color:#4b6de8}}.sentinel-how-it-works strong{display:block;font-size:14px;font-weight:700;color:#11162c}.sentinel-how-it-works p{margin:2px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.35}.sentinel-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.sentinel-skeleton{background:linear-gradient(90deg,#eef0f7 25%,#dde0ee,#eef0f7 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}.sentinel-skeleton-circle{width:60px;height:60px;border-radius:50%;flex-shrink:0;margin-top:4px}.sentinel-skeleton-line{height:14px;border-radius:6px}.sentinel-skeleton-wrap{display:flex;gap:16px;align-items:flex-start;padding-top:8px}.sentinel-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:6px}.sentinel-skeleton-wrap-slim{flex-direction:column;gap:10px;padding-top:4px}.sentinel-preview.is-loading,.sentinel-actions.is-loading{opacity:.7;pointer-events:none}.sentinel-preview-head span{font-size:10px;font-weight:700;color:#2e7e48;background:#e8f8ef;padding:3px 8px;border-radius:999px}.sentinel-preview-body{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:start}.sentinel-threat-badge{width:68px;height:68px;border-radius:50%;border:5px solid #f8d2d6;color:#d43d4d;font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:4px auto 0;transition:background .3s,border-color .3s,color .3s}.sentinel-threat-badge--safe{background:#22c55e;border-color:#86efac;color:#fff;font-size:36px;font-weight:700}.sentinel-threat-badge--danger{background:#ef4444;border-color:#fca5a5;color:#fff;font-size:28px;font-weight:700}.sentinel-preview-details{min-width:0}.sentinel-threat-row{display:flex;align-items:baseline;gap:8px}.sentinel-threat-row span{color:#5b6382}.sentinel-threat-row strong{font-size:18px;color:#c13946;letter-spacing:.03em}.threat-level--safe{color:#16a34a!important}.threat-level--danger{color:#dc2626!important}.sentinel-confidence,.sentinel-category{margin-top:3px;color:#39425f;font-weight:600;font-size:12px}.sentinel-indicator-title{margin-top:6px;font-size:11px;font-weight:700;color:#5f6887}.sentinel-preview ul,.sentinel-actions ul{margin:4px 0 0;padding-left:16px;display:grid;gap:3px;font-size:12px;color:#37405e}.sentinel-metrics{margin-top:14px;border:1px solid #dbe1f2;border-radius:14px;background:#fff;padding:14px;display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:12px}.sentinel-metrics div{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:54px}.sentinel-metrics strong{font-size:17px;font-family:Space Grotesk,sans-serif}.sentinel-metrics span{font-size:12px;color:var(--text-secondary)}.results{width:100%}.sentinel-results{margin-top:16px}.sentinel-results h2{margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:20px}.auth-email-form{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.auth-mode-tabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle)}.google-signin-container{min-height:44px;flex-shrink:0}.auth-choice-row{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:10px}.auth-choice-row .google-signin-container{flex:1;min-width:0}.auth-choice-row .google-signin-container>div,.auth-choice-row .google-signin-container iframe{width:100%!important;height:44px!important;display:block}.auth-choice-row .auth-option-pill{flex:1;min-width:0}.auth-option-pill{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:22px;border:1px solid #dadce0;background:#fff;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;color:#3c4043;cursor:pointer;transition:background .15s,box-shadow .15s;padding:0 16px;box-sizing:border-box;white-space:nowrap}.auth-option-pill:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #3c404326}.auth-option-pill:disabled{opacity:.5;cursor:not-allowed}.auth-mode-tab{border:none;background:transparent;padding:8px 14px;font-size:14px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-mode-tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.auth-field{display:flex;flex-direction:column}.auth-field-label{font-size:12px;color:var(--text-muted);margin-bottom:2px}.auth-field-input,.settings-input{padding:8px 10px;border-radius:8px;border:1px solid var(--border-subtle);font-size:14px}.auth-field-helper{margin-top:4px;text-align:right;font-size:12px}.auth-field-helper a,.auth-footer-link a{color:var(--accent);text-decoration:none}.auth-field-helper a:hover,.auth-footer-link a:hover{text-decoration:underline}.settings-layout{display:flex;gap:16px;min-height:220px}.settings-nav{width:160px;padding-right:12px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px}.settings-nav-button{border:none;background:transparent;border-radius:8px;padding:8px 10px;text-align:left;font-size:14px;cursor:pointer;color:var(--text-secondary)}.settings-nav-button-active{background-color:var(--accent-soft);color:var(--accent)}.settings-content{flex:1;font-size:14px}.settings-field{margin-bottom:12px}.settings-label{font-weight:500;margin-bottom:2px}.settings-value{color:var(--text-secondary)}.settings-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-description,.settings-empty{font-size:12px;color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-color:var(--bg-body)}.auth-card{width:100%;max-width:440px;background-color:var(--bg-panel);border-radius:16px;box-shadow:0 18px 48px #0f172a14;padding:28px 28px 24px;display:flex;flex-direction:column;gap:10px}.auth-icon{width:44px;height:44px;border-radius:999px;background-color:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:4px}.auth-icon-success{background-color:#d1fae5;color:#065f46}.auth-icon-warning{background-color:#fef3c7;color:#92400e}.auth-title{font-size:22px;font-weight:700;margin:0}.auth-subtitle,.auth-body{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.auth-muted{margin:0;color:var(--text-muted);font-size:12px}.auth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.auth-inline-error{font-size:12px;color:var(--error);margin-top:-4px}.auth-alert{padding:10px 12px;border-radius:8px;background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;font-size:13px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap .auth-field-input{width:100%;padding-right:36px}.auth-eye{position:absolute;right:6px;background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px 6px;color:var(--text-secondary)}.auth-strength{margin-top:-4px;display:flex;flex-direction:column;gap:4px}.auth-strength-bars{display:flex;gap:4px}.auth-strength-seg{flex:1;height:4px;border-radius:2px;background-color:#e5e7eb}.auth-strength-1{background-color:#ef4444}.auth-strength-2{background-color:#f97316}.auth-strength-3{background-color:#eab308}.auth-strength-4{background-color:#10b981}.auth-strength-label{font-size:12px;color:var(--text-muted)}.auth-footer-link{margin-top:14px;text-align:center;font-size:13px}.auth-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:#111827;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 12px 32px #0f172a33}.detection-result{display:flex;flex-direction:column;gap:10px}.detection-summary{font-size:15px;font-weight:500;color:var(--text-primary)}.detection-pills{display:flex;flex-wrap:wrap;gap:6px}.detection-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;background-color:#e5e7eb;color:#111827;border:1px solid var(--border-subtle)}.detection-pill-low{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.detection-pill-medium{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.detection-pill-high{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.detection-grid{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px}.detection-grid dt{color:var(--text-muted);font-weight:500}.detection-grid dd{margin:0;color:var(--text-primary);word-break:break-word}.detection-list{margin:0;padding-left:18px}.detection-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.detection-raw summary{cursor:pointer;font-size:12px;color:var(--text-muted)}.detection-raw pre{margin:6px 0 0;padding:10px 12px;background-color:#f9fafb;border:1px solid var(--border-subtle);border-radius:8px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width: 900px){.sentinel-header{grid-template-columns:1fr auto;height:auto;padding:10px 12px;gap:8px}.sentinel-brand-wrap{min-width:0;gap:8px}.sentinel-brand-subtitle{display:none}.sentinel-brand-title{font-size:17px}.sentinel-main{padding:12px 10px 24px}.sentinel-hero-title{font-size:clamp(22px,5.8vw,28px)}.sentinel-hero-subtitle{font-size:14px;margin-top:6px}.sentinel-prompt-card{padding:10px 12px}.sentinel-prompt-input{min-height:72px;height:72px}.sentinel-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sentinel-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sentinel-analysis{grid-template-columns:1fr;gap:8px}.sentinel-analysis article{min-height:auto}.sentinel-preview-body{grid-template-columns:1fr}.sentinel-threat-badge{margin-top:0}.sentinel-metrics{grid-template-columns:1fr 1fr}.sentinel-how-it-works ol{display:grid;gap:10px}.sentinel-how-it-works li{flex:initial;min-height:auto}.sentinel-how-it-works li:not(:last-child):after{bottom:-8px}}@media (max-width: 640px){.sentinel-header{grid-template-columns:1fr;gap:8px}.sentinel-header-actions{width:100%;justify-content:flex-end}.sentinel-login-btn{min-width:110px!important;min-height:34px!important}.sentinel-prompt-bottom{flex-wrap:wrap;justify-content:flex-start;gap:8px}.sentinel-prompt-counter{margin-left:auto}.sentinel-submit{width:100%;min-height:36px}.sentinel-capabilities,.sentinel-examples-grid{grid-template-columns:1fr}.sentinel-examples-grid button,.sentinel-examples-grid a{min-height:48px}.sentinel-preview-head{flex-wrap:wrap;gap:6px}.auth-email-form{grid-template-columns:1fr}.google-signin-container{width:100%;overflow:hidden}.settings-layout{flex-direction:column}.settings-nav{width:100%;padding-right:0;padding-bottom:8px;border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;flex-wrap:wrap;gap:8px}.sentinel-metrics{grid-template-columns:1fr}.auth-card{padding:20px 16px}.auth-title{font-size:20px}}@media (max-width: 420px){.sentinel-main{padding:10px 8px 18px}.sentinel-brand-mark{width:38px;height:38px}.sentinel-brand-title{font-size:16px}.sentinel-analysis article,.sentinel-examples,.sentinel-metrics{padding-left:10px;padding-right:10px}.sentinel-how-it-works li{padding-left:36px}.sentinel-how-it-works li:before{width:26px;height:26px;font-size:12px}.flow-step-spinner{width:34px;height:34px;top:-4px;left:-4px}}
