@import"https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800&display=swap";:root{--header-bg: #344cad;--primary: #194cc3;--primary-deep: #19308f;--primary-ink: #000093;--ink: #0b0b0b;--muted: #818181;--line: #b5b5b5;--red: #e5293e;--green: #198754;--amber: #c77700;--bg-main: #f4f6fa;--surface: #ffffff;--panel-border: rgba(181, 181, 181, .45);--shadow-soft: 0 6px 20px rgba(25, 48, 143, .07);--shadow-rise: 0 14px 32px rgba(25, 48, 143, .14);--topbar-h: 64px;--shell-max: 1480px;--shell-pad: clamp(14px, 2.4vw, 30px);--content-pad: clamp(16px, 2vw, 26px);--gap: clamp(14px, 1.6vw, 22px);--radius-lg: 12px;--radius-md: 10px;--radius-sm: 8px;--radius-pill: 250px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Mulish,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-main);color:var(--ink);overflow:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}app-root{display:flex;flex-direction:column;height:100vh;height:100dvh}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}app-camera,app-train-face,app-user-gallery{display:block;height:100%;padding-block:var(--content-pad)}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:var(--gap);border-bottom:1px solid var(--panel-border)}.screen-head__text{min-width:0}.screen-title{display:flex;align-items:center;gap:10px;margin:0;color:var(--primary-ink);font-size:clamp(1.08rem,1.5vw,1.32rem);font-weight:700;letter-spacing:-.01em;line-height:1.2}.screen-title:before{content:"";width:3px;height:1.05em;border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--primary-deep))}.screen-head__meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--panel-border);background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}.pill--ok{background:rgba(25,135,84,.08);border-color:#19875447;color:var(--green)}.pill--warn{background:rgba(199,119,0,.09);border-color:#c7770047;color:var(--amber)}.pill--bad{background:rgba(229,41,62,.08);border-color:#e5293e47;color:var(--red)}.pill__dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}.pill--ok .pill__dot{animation:pulse-dot 2.4s var(--ease-inout) infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,currentColor 0%,transparent)}}.surface{background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.scroll-area{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(52,76,173,.35) transparent}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:rgba(52,76,173,.28);border:2px solid transparent;background-clip:content-box}.scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(52,76,173,.5);background-clip:content-box}@media (max-width: 900px),(max-height: 620px){app-camera,app-train-face,app-user-gallery{height:auto;min-height:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}