:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#3b82f626;--color-secondary:#06b6d4;--color-accent:#8b5cf6;--color-success:#10b981;--color-success-bg:#10b98126;--color-warning:#f59e0b;--color-warning-bg:#f59e0b26;--color-danger:#ef4444;--color-danger-bg:#ef444426;--bg-app:#f1f5f9;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-glass:#ffffffd9;--border-color:#00000014;--border-color-hover:#0003;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001f;--shadow-glow:0 0 20px #3b82f626;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;min-height:100dvh;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}#app{flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600;line-height:1.25}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}input,select,textarea,button{font-family:inherit;font-size:.95rem}@media (width<=768px){input,select,textarea{font-size:16px!important}}.input-field{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 2px 8px #3b82f659}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f680}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-surface-elevated);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover:not(:disabled){border-color:var(--border-color-hover);background:var(--bg-surface)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef44444d}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b4d}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #10b9814d}.badge-primary{background:var(--color-primary-light);color:var(--color-primary);border:1px solid #3b82f64d}.badge-varicose{color:#000;background:0 0;border:1.5px solid #000}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.overlay-btn,.btn-close,.color-dot{position:relative}.overlay-btn:before,.btn-close:before,.color-dot:before{content:"";pointer-events:auto;width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-card,.date-group-card{content-visibility:auto;contain-intrinsic-size:0 220px}.touch-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.touch-scroll::-webkit-scrollbar{display:none}.safe-padding-top{padding-top:max(12px, var(--safe-area-top))}.safe-padding-bottom{padding-bottom:max(16px, var(--safe-area-bottom))}@media (width<=768px){button,.btn,.tab-btn,.filter-btn,.risk-pill{-webkit-user-select:none;user-select:none}}.btn-text-short{display:none}@media (width<=520px){.btn-text-full{display:none}.btn-text-short{display:inline}}