:root{--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-color: 220 60% 3%;--risk-low: #2FBE7C;--risk-low-bg: rgba(47, 190, 124, .12);--risk-medium: #E8A93B;--risk-medium-bg: rgba(232, 169, 59, .12);--risk-high: #EF5A6F;--risk-high-bg: rgba(239, 90, 111, .14);--transition-fast: .16s ease;--transition-med: .32s cubic-bezier(.22, .61, .36, 1)}[data-theme=dark]{--bg-canvas: #05070C;--bg-canvas-alt: #070A12;--bg-panel: #0D111C;--bg-panel-raised: #121729;--bg-inset: #0A0E18;--border-subtle: rgba(120, 150, 220, .14);--border-strong: rgba(120, 160, 240, .28);--text-primary: #EDF1FB;--text-secondary: #A6B0C8;--text-muted: #6E7994;--accent: #4C8DFF;--accent-strong: #2F6BF2;--accent-soft: rgba(76, 141, 255, .14);--accent-glow: rgba(76, 141, 255, .35);--accent-text-on: #04070F;--grid-line: rgba(90, 130, 210, .06)}[data-theme=light]{--bg-canvas: #F5F8FF;--bg-canvas-alt: #EEF3FE;--bg-panel: #FFFFFF;--bg-panel-raised: #FFFFFF;--bg-inset: #F2F6FE;--border-subtle: rgba(37, 99, 235, .14);--border-strong: rgba(37, 99, 235, .28);--text-primary: #0B1424;--text-secondary: #3E4A66;--text-muted: #6B7690;--accent: #2563EB;--accent-strong: #1D4ED8;--accent-soft: rgba(37, 99, 235, .08);--accent-glow: rgba(37, 99, 235, .25);--accent-text-on: #FFFFFF;--grid-line: rgba(37, 99, 235, .05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-med),color var(--transition-med)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.01em}p{margin:0}ul{margin:0;padding:0}.ss-app{min-height:100%;display:flex;flex-direction:column;background-image:radial-gradient(ellipse 900px 500px at 12% -10%,var(--accent-soft),transparent 60%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;background-position:0 0,-1px -1px,-1px -1px}.ss-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg-canvas) 78%,transparent);border-bottom:1px solid var(--border-subtle)}.ss-header__inner{max-width:1080px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ss-brand{display:flex;align-items:center;gap:12px}.ss-brand__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-sm);background:linear-gradient(155deg,var(--accent),var(--accent-strong));color:var(--accent-text-on);box-shadow:0 6px 20px -6px var(--accent-glow)}.ss-brand__text{display:flex;flex-direction:column;line-height:1.2}.ss-brand__name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.ss-brand__tagline{font-size:.78rem;color:var(--text-muted);font-style:italic}.ss-theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.ss-theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.ss-main{flex:1;max-width:880px;width:100%;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:22px}.ss-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:0 20px 50px -30px hsl(var(--shadow-color) / .7);animation:ss-rise .42s cubic-bezier(.22,.61,.36,1) both}@keyframes ss-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ss-heading{font-size:1.6rem;font-weight:700}.ss-subtitle{color:var(--text-secondary);margin-top:6px;font-size:.96rem}.ss-field{margin-top:22px}.ss-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.ss-select,.ss-textarea{width:100%;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.96rem;padding:12px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ss-select:focus,.ss-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ss-textarea{resize:vertical;line-height:1.55;min-height:140px;font-family:var(--font-mono);font-size:.9rem}.ss-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 15px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.ss-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.ss-btn{font-family:var(--font-body);font-weight:600;font-size:.94rem;padding:12px 22px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.ss-btn:disabled{cursor:not-allowed;opacity:.65}.ss-btn--primary{background:linear-gradient(155deg,var(--accent),var(--accent-strong));color:var(--accent-text-on);box-shadow:0 12px 30px -12px var(--accent-glow)}.ss-btn--primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 36px -12px var(--accent-glow)}.ss-btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.ss-btn--ghost:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.ss-spinner{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-text-on) 35%,transparent);border-top-color:var(--accent-text-on);animation:ss-spin .7s linear infinite;display:inline-block}.ss-spinner--lg{width:20px;height:20px;border:3px solid var(--accent-soft);border-top-color:var(--accent)}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-examples{display:flex;flex-direction:column;gap:10px}.ss-examples__label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ss-examples__row{display:flex;flex-wrap:wrap;gap:10px}.ss-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-secondary);font-size:.86rem;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.ss-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.ss-chip:disabled{opacity:.5;cursor:not-allowed}.ss-alert{background:var(--risk-high-bg);border:1px solid color-mix(in srgb,var(--risk-high) 40%,transparent);color:var(--text-primary);padding:14px 18px;border-radius:var(--radius-sm);font-size:.92rem;display:flex;align-items:center;gap:10px}.ss-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:34px;color:var(--text-secondary);font-size:.95rem;font-family:var(--font-mono)}.ss-results{display:flex;flex-direction:column;gap:22px}.ss-section-title{font-size:1.05rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px}.ss-empty{color:var(--text-muted);font-size:.9rem}.ss-riskcard{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.ss-gauge{position:relative;width:140px;height:140px;flex-shrink:0}.ss-gauge svg{transform:rotate(0)}.ss-gauge__track{stroke:var(--border-subtle)}.ss-gauge__fill{stroke:var(--accent);transition:stroke-dashoffset .9s cubic-bezier(.22,.61,.36,1),stroke .3s ease}.risk-low .ss-gauge__fill{stroke:var(--risk-low)}.risk-medium .ss-gauge__fill{stroke:var(--risk-medium)}.risk-high .ss-gauge__fill{stroke:var(--risk-high)}.ss-gauge__value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ss-gauge__score{font-family:var(--font-display);font-size:2.1rem;font-weight:700;line-height:1}.ss-gauge__outof{font-size:.78rem;color:var(--text-muted);margin-top:2px}.ss-riskcard__body{flex:1;min-width:220px}.ss-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.ss-badge.risk-low{background:var(--risk-low-bg);color:var(--risk-low)}.ss-badge.risk-medium{background:var(--risk-medium-bg);color:var(--risk-medium)}.ss-badge.risk-high{background:var(--risk-high-bg);color:var(--risk-high)}.ss-riskcard__summary{color:var(--text-secondary);font-size:.98rem;line-height:1.6}.ss-cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ss-flagcard{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;transition:border-color var(--transition-fast),transform var(--transition-fast)}.ss-flagcard:hover{border-color:var(--border-strong);transform:translateY(-2px)}.ss-flagcard--tactic{border-left:3px solid var(--accent)}.ss-flagcard__title{font-size:.98rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:12px}.ss-flagcard__block+.ss-flagcard__block{margin-top:10px}.ss-flagcard__label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.ss-flagcard__evidence{font-family:var(--font-mono);font-size:.84rem;color:var(--accent);line-height:1.5;background:var(--accent-soft);padding:8px 10px;border-radius:8px}.ss-flagcard__explanation{font-size:.88rem;color:var(--text-secondary);line-height:1.55}.ss-safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.ss-list{list-style:none;display:flex;flex-direction:column;gap:12px}.ss-list li{position:relative;padding-left:26px;font-size:.92rem;color:var(--text-secondary);line-height:1.55}.ss-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}.ss-list--check li:before{content:"✓";color:var(--risk-low)}.ss-footer{border-top:1px solid var(--border-subtle);padding:26px 24px 40px;text-align:center;display:flex;flex-direction:column;gap:8px}.ss-footer__disclaimer{max-width:640px;margin:0 auto;font-size:.8rem;color:var(--text-muted);line-height:1.6}.ss-footer__meta{font-size:.76rem;color:var(--text-muted);font-family:var(--font-mono);opacity:.7}@media (max-width: 640px){.ss-header__inner{padding:14px 18px}.ss-brand__tagline,.ss-theme-toggle__label{display:none}.ss-main{padding:28px 16px 60px;gap:16px}.ss-panel{padding:20px}.ss-riskcard{flex-direction:column;text-align:center}.ss-actions{flex-direction:column}.ss-btn{width:100%;justify-content:center}}
